open-index/open-npm huggingface dataset:
npm package: @gerandon/ngx-mat-cdk-deep-menu
Description: Angular material based menu button that handles nested menu options.
Author: Gergő Asztalos
Latest version: 20.0.1

# @gerandon/ngx-mat-cdk-deep-menu
## (RADME was generated by GPT-5)
An Angular component library that provides a deep (multi-level) menu built with Angular CDK and Angular Material. It focuses on accessibility, keyboard navigation, and a clean API for nested menu structures.

## Features

- Multi-level (deep) nested menus
- Accessible and keyboard-navigable structure
- Built on Angular CDK + Angular Material
- Lightweight and tree-shakable
- Strongly typed menu model
- Easy integration with standalone Angular components

## Demo

A demo application is included in the repository under `projects/demo`. It showcases a nested menu setup and Material theming integration.

## Installation

```bash
npm install @gerandon/ngx-mat-cdk-deep-menu
```

Peer dependencies you should have in your project:
- Angular 20
- @angular/material 20
- @angular/cdk 20
- rxjs 7

## Quick Start

1) Import the component into your standalone component:

```ts
import { Component, signal } from '@angular/core'; 
import { MenuComponent } from '@gerandon/ngx-mat-cdk-deep-menu'; 
import { Menu } from '@gerandon/ngx-mat-cdk-deep-menu/menu-item';

@Component({ 
  selector: 'app-root',
  imports: [MenuComponent],
  template: `<gerandon-menu [items]="menuItems"></gerandon-menu>`, 
  standalone: true 
}) 
export class AppComponent {
  readonly menuItems: Menu[] = []; 
}
```

2) Ensure Angular Material styles are included (via your global styles or theme setup).

## Usage

- Input
  - items: Menu[] — Array of menu items with optional nested children.
- Menu item model
  - label: string
  - children?: Menu[]
  - icon?: string
  - disabled?: boolean
  - any additional custom fields you map in your templates/handlers

Example with deeper nesting:
```ts
const items: Menu[] = [];
```

## Theming

- Works with Angular Material theming.
- You can override component styles in your global or component stylesheets.
- Make sure your Material theme is applied to the app for consistent styling.

## Accessibility

- Built with Angular CDK patterns for focus management and keyboard navigation.
- Use semantic labels and consider ARIA attributes for custom needs.

## Development

- Library source: `projects/ngx-mat-cdk-deep-menu`
- Demo app: `projects/demo`

Common scripts:


## Version Compatibility

- Angular: 20.x
- @angular/material: 20.x
- TypeScript: 5.8.x
- RxJS: 7.8.x

## Contributing

- Open an issue for bugs or feature requests.
- Follow Angular and Material best practices.
- Use conventional commits if possible.

## License

MIT
npm package: @gerard1/my-app
Description: student management system
Latest version: 0.1.1

# React + Vite

This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.

Currently, two official plugins are available:

- [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react) uses [Babel](https://babeljs.io/) (or [oxc](https://oxc.rs) when used in [rolldown-vite](https://vite.dev/guide/rolldown)) for Fast Refresh
- [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react-swc) uses [SWC](https://swc.rs/) for Fast Refresh

## React Compiler

The React Compiler is enabled on this template. See [this documentation](https://react.dev/learn/react-compiler) for more information.

Note: This will impact Vite dev & build performances.

## Expanding the ESLint configuration

If you are developing a production application, we recommend using TypeScript with type-aware lint rules enabled. Check out the [TS template](https://github.com/vitejs/vite/tree/main/packages/create-vite/template-react-ts) for information on how to integrate TypeScript and [`typescript-eslint`](https://typescript-eslint.io) in your project.
npm package: @gerard2p/credit-card
Description: This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 11.2.7.
Latest version: 0.0.1

# CreditCard

This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 11.2.7.

## Code scaffolding

Run `ng generate component component-name --project credit-card` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module --project credit-card`.
> Note: Don't forget to add `--project credit-card` or else it will be added to the default project in your `angular.json` file. 

## Build

Run `ng build credit-card` to build the project. The build artifacts will be stored in the `dist/` directory.

## Publishing

After building your library with `ng build credit-card`, go to the dist folder `cd dist/credit-card` and run `npm publish`.

## Running unit tests

Run `ng test credit-card` to execute the unit tests via [Karma](https://karma-runner.github.io).

## Further help

To get more help on the Angular CLI use `ng help` or go check out the [Angular CLI Overview and Command Reference](https://angular.io/cli) page.
npm package: @gerard2p/curp-validator-directive
Description: This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 11.2.7.
Latest version: 0.0.3

# Curp

This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 11.2.7.

## Code scaffolding

Run `ng generate component component-name --project curp` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module --project curp`.
> Note: Don't forget to add `--project curp` or else it will be added to the default project in your `angular.json` file. 

## Build

Run `ng build curp` to build the project. The build artifacts will be stored in the `dist/` directory.

## Publishing

After building your library with `ng build curp`, go to the dist folder `cd dist/curp` and run `npm publish`.

## Running unit tests

Run `ng test curp` to execute the unit tests via [Karma](https://karma-runner.github.io).

## Further help

To get more help on the Angular CLI use `ng help` or go check out the [Angular CLI Overview and Command Reference](https://angular.io/cli) page.
npm package: @gerard2p/dashboard
Description: This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 10.0.14.
Latest version: 0.0.6

# Dashboard

This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 10.0.14.

## Code scaffolding

Run `ng generate component component-name --project dashboard` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module --project dashboard`.
> Note: Don't forget to add `--project dashboard` or else it will be added to the default project in your `angular.json` file. 

## Build

Run `ng build dashboard` to build the project. The build artifacts will be stored in the `dist/` directory.

## Publishing

After building your library with `ng build dashboard`, go to the dist folder `cd dist/dashboard` and run `npm publish`.

## Running unit tests

Run `ng test dashboard` to execute the unit tests via [Karma](https://karma-runner.github.io).

## Further help

To get more help on the Angular CLI use `ng help` or go check out the [Angular CLI README](https://github.com/angular/angular-cli/blob/master/README.md).
npm package: @gerard2p/dashboard-configuration
Description: This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 10.0.14.
Latest version: 0.0.1

# DashboardConfiguration

This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 10.0.14.

## Code scaffolding

Run `ng generate component component-name --project dashboard-configuration` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module --project dashboard-configuration`.
> Note: Don't forget to add `--project dashboard-configuration` or else it will be added to the default project in your `angular.json` file. 

## Build

Run `ng build dashboard-configuration` to build the project. The build artifacts will be stored in the `dist/` directory.

## Publishing

After building your library with `ng build dashboard-configuration`, go to the dist folder `cd dist/dashboard-configuration` and run `npm publish`.

## Running unit tests

Run `ng test dashboard-configuration` to execute the unit tests via [Karma](https://karma-runner.github.io).

## Further help

To get more help on the Angular CLI use `ng help` or go check out the [Angular CLI README](https://github.com/angular/angular-cli/blob/master/README.md).