open-index/open-npm huggingface dataset:
npm package: @ng-wind/material
Description: An Angular library for demonstration purposes
Author: Prokopis Ant
Latest version: 0.2.8

# MaterialWind

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

## Code scaffolding

Run `ng generate component component-name --project material` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module --project material`.

> Note: Don't forget to add `--project material` or else it will be added to the default project in your `angular.json` file.

## Build

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

## Publishing

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

## Running unit tests

Run `ng test material` 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.dev/tools/cli) page.
npm package: @ng-wordpress/api
Description: A WordPress REST API wrapper for Angular ✨
Author: Andre Steudel
Latest version: 0.0.3

<p align="center">
  <img src="https://avatars0.githubusercontent.com/u/37930764?s=200" alt="ng-wordpress" height="200"/>
</p>

# @ng-wordpress/api

## Installation

To install this library, run:

```bash
$ npm install @ng-wordpress/api --save
```

## Consuming your library

Once you have published your library to npm, you can import your library in any Angular application by running:

```bash
$ npm install @ng-wordpress/api
```

and then from your Angular `AppModule`:

```typescript
import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';

import { AppComponent } from './app.component';

// Import your library
import { SampleModule } from '@ng-wordpress/api';

@NgModule({
  declarations: [
    AppComponent
  ],
  imports: [
    BrowserModule,

    // Specify your library as an import
    LibraryModule
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule { }
```

Once your library is imported, you can use its components, directives and pipes in your Angular application:

```xml
<!-- You can now use your library component in app.component.html -->
<h1>
  {{title}}
</h1>
<sampleComponent></sampleComponent>
```

## Development

To generate all `*.js`, `*.d.ts` and `*.metadata.json` files:

```bash
$ npm run build
```

To lint all `*.ts` files:

```bash
$ npm run lint
```

## License

MIT © [Andre Steudel](mailto:kontakt@andre-steudel.de)
npm package: @ng-zi/extensions
Description: Angular Material Extensions
Author: aparekh@zarca.com
Latest version: 18.0.24

# Ng-Zi Extensions

[![npm](https://img.shields.io/npm/v/@ng-zi/extensions.svg)](https://www.npmjs.com/package/@ng-zi/extensions)
[![GitHub Release Date](https://img.shields.io/github/release-date/Ng-Zi/extensions)](https://github.com/Ng-Zi/extensions/releases)
[![license](https://img.shields.io/github/license/mashape/apistatus.svg)](https://github.com/Ng-Zi/extensions/blob/main/LICENSE)

The Ng-Zi Extensions is an extended component library for Angular Material.

## Documentation

Check out the [demos and APIs](https://k12qauc.k12insight.com/ng-extension).

## Installation

At first, you should install the Angular Material and setup it. [Learn more about the setup](https://material.angular.io/guide/getting-started).

Install the Extensions library:

```bash
$ npm install @ng-zi/extensions --save
```

## Setup

Import the modules you need, e.g. data-grid and select.

```ts
import { MtxGridModule } from '@ng-zi/extensions/grid';
import { MtxSelectModule } from '@ng-zi/extensions/select';

@NgModule({
  ...
  imports: [MtxGridModule, MtxSelectModule, ...],
  ...
})
export class YourAppModule {
}
```

## Theming

After import modules, you must define a theme. [More about theming](https://material.angular.io/guide/theming).

```scss
@use '@ng-zi/extensions' as mtx;

@include mtx.all-component-themes($theme);
```

The @use-based Sass API is only available in the version `12.0.0` and above.

You can also [using a pre-built theme](https://material.angular.io/guide/theming#using-a-pre-built-theme) which in the "prebuilt-themes" directory of the npm package (@ng-zi/extensions/prebuilt-themes).

```scss
@import '@ng-zi/extensions/prebuilt-themes/indigo-pink.css'
```

## Development

```bash
$ git clone git@github.com:Ng-Zi/extensions.git
$ cd extensions
$ yarn
$ yarn run start
```

Navigate to `http://localhost:4200/`. The app will automatically reload if you change any of the source files.

## License

MIT
npm package: @ng-zi/extensions-ag-grid
Description: AgGrid Extension for Ag-grid
Latest version: 0.0.27

## MtxAgGrid Component

| Feature            | Description                                                                 |
|--------------------|-----------------------------------------------------------------------------|
| **Data Binding**   | Bind data to the grid using Angular's data binding syntax.                   |
| **Column Definitions** | Define columns and their properties dynamically or statically.               |
| **Sorting and Filtering** | Enable sorting and filtering of columns effortlessly.                    |
| **Pagination**     | Implement pagination to handle large datasets efficiently.                   |
| **Row Selection**  | Support single or multiple row selection with customizable modes.            |
| **Cell Editing**   | Enable inline cell editing with customizable editor components.              |
| **Custom Components** | Integrate custom Angular components within cells for advanced functionality. |
| **Events**         | Emit various grid events for interaction and customization.                  |

### Basic Usage

1. Import the necessary modules in your Angular module:

   ```typescript
   import { MtxAgGridModule } from '@ng-zi/extensions/ag-grid';
   // Other imports
   ```

2. Use the `MtxAgGrid` component in your Angular template:

   ```html
   <mtx-ag-grid [config]="gridConfig"></mtx-ag-grid>
   ```

   - `gridConfig`: Configuration object (`MtxAgGridConfig`) containing `rowData`, `columnDefs`, and other grid settings.

### Example

```typescript
import { Component } from '@angular/core';
import { MtxAgGridConfig } from './ag-grid.config';

@Component({
  selector: 'app-my-component',
  templateUrl: './my-component.html',
  styleUrls: ['./my-component.scss']
})
export class MyComponent {
  gridConfig: MtxAgGridConfig<any, any> = {
    rowData: [
      { make: 'Toyota', model: 'Celica', price: 35000 },
      { make: 'Ford', model: 'Mondeo', price: 32000 },
      // more rows...
    ],
  
    columnDefs: [
      { headerName: 'Make', field: 'make' },
      { headerName: 'Model', field: 'model' },
      { headerName: 'Price', field: 'price' }
      // more columns...
    ],
  
    // Other configuration options
  };
}
```

## Customization

- **Styling**: Customize the appearance using CSS or Angular's style bindings.
- **Integration**: Integrate with Angular Material themes and components for a consistent UI.

## Accessibility

- **ARIA Support**: Ensure accessibility with proper ARIA roles and attributes for screen readers.
npm package: @ng-zi/extensions-alert
Description: Angular Material Extensions for Alert
Latest version: 0.0.2

# Alert

## API reference for Material Extensions Alert

`import { MtxAlertModule } from '@ng-zi/extensions/alert';`

### Directives

#### `MtxAlert`

Selector: `[mtx-alert]`

Exported as: `mtxAlert`

##### Properties

| Name | Description |
| :--- | :--- |
| `@Input()`<br>`type: MtxAlertType` | The alert's type. Default is **`'default'`**. |
| `@Input()`<br>`dismissible: boolean` | Whether to display an inline close button. |
| `@Input()`<br>`elevation: number` | The alert's elevation (0~24). Default is **`0`**. |
| `@Output()`<br>`closed: EventEmitter<MtxAlertComponent>` | Event emitted when the alert closed. |

### Type aliases

#### `MtxAlertType`

```ts
type MtxAlertType = 'default' | 'info' | 'success' | 'warning' | 'danger';
```
npm package: @ng-zi/extensions-checkbox-group
Description: Angular Material Extensions for Checkbox-group
Latest version: 0.0.1

# Checkbox Group

## API reference for Material Extensions checkbox-group

`import { MtxCheckboxGroupModule } from '@ng-zi/extensions/checkbox-group';`

### Directives

#### `MtxCheckboxGroup`

Selector: `[mtx-checkbox-group]`

Exported as: `mtxCheckboxGroup`

##### Properties

| Name | Description |
| :--- | :--- |
| `@Input()`<br>`items: any[]` | Items array. |
| `@Input()`<br>`bindLabel: string` | Object property to use for label. Default is **`'label'`**. |
| `@Input()`<br>`bindValue: string` | Object property to use for selected model. By default binds to whole object. Default is **`'value'`**. |
| `@Input()`<br>`compareWith: (a: any, b: any) => boolean` | A function to compare the option values with the selected values. The first argument is a value from an option. The second is a value from the selection(model). A boolean should be returned. |
| `@Input()`<br>`showSelectAll: boolean` | Whether show select all. Default is **`true`**. |
| `@Input()`<br>`selectAllLabel: string` | The lable of select all. Default is **`'Select All'`**. |
| `@Output()`<br>`change: EventEmitter<{  model: MtxCheckboxGroupOption[];  index: number; }>()` | Event emitted when the selection changed. |

### Interfaces

#### `MtxCheckboxGroupOption`

```ts
interface MtxCheckboxGroupOption {
  ariaDescribedby?: string;
  ariaLabel?: string;
  ariaLabelledby?: string;
  label?: any;
  value?: any;
  color?: string;
  checked?: boolean;
  disabled?: boolean;
  disableRipple?: boolean;
  indeterminate?: boolean;
  labelPosition?: 'before' | 'after';
  id?: string;
  name?: string | null;
  required?: boolean;
  [k: string]: any;
}
```
npm package: @ng-zi/extensions-datepicker
Description: Angular Material Extensions for datepicker
Latest version: 0.0.1

## MtxDatepicker Component Overview

Mtx Datepickers allow users to select dates and time periods.

## Usage

### Installation

#### Importing the Datepicker Module

Import the `MatDatepickerModule` and `MatInputModule` into your application module:

```typescript
import { MatDatepickerModule } from '@angular/material/datepicker';
import { MatInputModule } from '@angular/material/input';

@NgModule({
  imports: [
    MatDatepickerModule,
    MatInputModule
  ]
})
export class YourAppModule { }
```

#### Adding a Datepicker

To add a Datepicker to your application, use the `mtx-datepicker` component:

```html
<mtx-datepicker [control]="yourFormControl" [config]="yourDatepickerConfig"></mtx-datepicker>
```

### Configuration

The Datepicker component supports various configuration options:

- `placeholder`: Placeholder text for the input field.
- `minDate`: Minimum selectable date.
- `maxDate`: Maximum selectable date.
- `startDate`: Initial date to display when the Datepicker is opened.
- `disableWeekends`: Option to disable selection of weekends.
- `dateFilter`: Custom function to filter selectable dates.
- `dateFormats`: Array of date format strings.
- `isRange`: Boolean value to distinguish between normal and range Datepickers.

Example configuration:

```typescript
import { MtxDatepickerConfig } from './datepicker.config';

yourDatepickerConfig: MtxDatepickerConfig = {
  placeholder: 'Choose a date',
  minDate: new Date(2022, 0, 1),
  maxDate: new Date(2022, 11, 31),
  startDate: new Date(),
  disableWeekends: true,
  dateFormats: ['dd/MM/yyyy', 'MM/dd/yyyy'],
  isRange: false,
};
```

## API Summary

### Inputs

- `control`: FormControl for the Datepicker.
- `config`: Configuration object of type `MtxDatepickerConfig`.

### Outputs

- `dateSelected`: EventEmitter for selected date(s).

## Examples

### Basic Datepicker

```html
<mtx-datepicker [control]="yourFormControl" [config]="yourDatepickerConfig"></mtx-datepicker>
```

### Range Datepicker

```html
<mtx-datepicker [control]="yourFormControl" [config]="yourRangeDatepickerConfig"></mtx-datepicker>
```

## Accessibility

The Datepicker component follows accessibility best practices, ensuring that it can be easily used by all users, including those who rely on assistive technologies.

## Theming

The appearance of the Datepicker component can be customized to match your application's design by applying custom themes using Angular Material theming capabilities.

## Known Issues

- Datepicker may not render correctly in certain browser versions. Ensure to test thoroughly across different browsers.
- Range Datepicker may have limitations in certain configurations. Ensure to validate behavior in various scenarios.

## Additional Resources

For more information and examples, refer to the [Angular Material Datepicker documentation](https://material.angular.io/components/datepicker/overview).
```
npm package: @ng-zi/extensions-divider
Description: Angular Material Extensions for divider
Latest version: 0.0.1

## MtxDivider Component Overview

The `MtxDivider` Component provides a horizontal line separator to visually divide content within an Angular application.

## Usage

### Basic Usage

Include the `MtxDivider` Component selector `<mtx-divider></mtx-divider>` in your template to display a horizontal divider line.

```html
<mtx-divider></mtx-divider>
```

### Configuration

The divider component supports the following configuration options through the `[config]` input:

- **vertical**: Set to `true` to render the divider vertically.
- **inset**: Set to `true` to inset the divider.

```html
<mtx-divider [config]="dividerConfig"></mtx-divider>
```

Where `dividerConfig` is an object of type `MtxDividerConfig`.

## Styling

Customize the appearance of the divider component by editing the `divider.scss` file. The component automatically applies CSS classes based on configuration options (`vertical` and `inset`).

### Examples

#### Basic Horizontal Divider

```html
<mtx-divider></mtx-divider>
```

#### Vertical Divider

```html
<mtx-divider [config]="{ vertical: true }"></mtx-divider>
```

#### Inset Divider

```html
<mtx-divider [config]="{ inset: true }"></mtx-divider>
```

## Accessibility

The `MtxDivider` Component ensures accessibility by adhering to WCAG standards for contrast and keyboard navigation.

## API

### Inputs

- `config: MtxDividerConfig`: Configuration object for the divider component. Includes options for `vertical` and `inset` styling.

## Dependencies

- Angular Material Divider Module (`MatDividerModule`)

## Notes

- This component leverages Angular Material's styling and design principles for consistency with other Angular Material components.
npm package: @ng-zi/extensions-expansion-panel
Description: Angular Material Extensions for expansion-panel
Latest version: 0.0.1

## MtxExpansionPanel Component Overview

The `MtxExpansionPanel` Component is a flexible and customizable Angular component that encapsulates the behavior and appearance of an expansion panel, allowing users to expand and collapse content with ease.

## Features

- **Dynamic Content**: Supports dynamic rendering of panel titles and content, including strings, templates (via `TemplateRef`), and custom Angular components.
- **Toggle Icon**: Optional toggle icon for expanding and collapsing the panel.
- **Disabled State**: Ability to disable the expansion panel.
- **Customization**: Configurable panel title, content, initial state, and toggle icon visibility.
- **Integration**: Seamlessly integrates with Angular Material's `MatExpansionPanel` for consistent styling and behavior.

## Usage

### Installation

1. Install Angular Material if not already installed:

   ```bash
   ng add @angular/material
   ```

2. Import `MtxExpansionPanelModule` into your Angular module:

   ```typescript
   import { NgModule } from '@angular/core';
   import { BrowserModule } from '@angular/platform-browser';
   import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
   import { MtxExpansionPanelModule } from './expansion-panel.module';

   @NgModule({
     imports: [
       BrowserModule,
       BrowserAnimationsModule,
       MtxExpansionPanelModule
     ],
     bootstrap: [AppComponent]
   })
   export class AppModule { }
   ```

### Example

```html
<mtx-expansion-panel [config]="{ panelTitle: 'Panel Title', panelContent: 'Panel Content' }"></mtx-expansion-panel>
```

### Configuration Object (`MtxExpansionPanelConfig`)

- `panelTitle`: Title of the expansion panel.
- `panelContent`: Content of the expansion panel (supports string, `TemplateRef`, or custom Angular component).
- `expanded` (optional): Boolean to control the expanded state of the panel (default: false).
- `hideToggleIcon` (optional): Boolean to hide the toggle icon (default: false).
- `disabled` (optional): Boolean to disable the expansion panel (default: false).

### Methods

- `toggleExpansion()`: Toggles the expansion state of the panel.

## API

### Inputs

- `config`: Configuration object of type `MtxExpansionPanelConfig` to customize the expansion panel.

### Styling

Customize styles for the expansion panel using `expansion-panel.scss`.

## Dependencies

- Angular Material: Provides base styles and behavior for expansion panels.
- Angular Core: Required for component and module setup.
npm package: @ng-zi/extensions-loader
Description: Angular Material Extensions for Loader
Latest version: 0.0.2

# Loader

## API reference for Material Extensions Loader

`import { MtxLoaderModule } from '@ng-zi/extensions/loader';`

### Directives

#### `MtxLoader`

Selector: `[mtx-loader]`

Exported as: `mtxLoader`

##### Properties

| Name | Description |
| :--- | :--- |
| `@Input()`<br>`type: MtxLoaderType` | The loader's type. Default is **`'spinner'`**. |
| `@Input()`<br>`loading: boolean` | Whether the loader is loading. |
| `@Input()`<br>`color: ThemePalette` | Theme color palette for the component. |
| `@Input()`<br>`mode：ProgressSpinnerMode \| ProgressBarMode` | Mode of the progress circle or the progress bar. |
| `@Input()`<br>`value: number` | Value of the progress circle or the progress bar. |
| `@Input()`<br>`strokeWidth: number` | Stroke width of the spinner loader. Default is **`4`**. |
| `@Input()`<br>`diameter: number` | The diameter of the spinner loader (will set width and height of svg). Default is **`48`**. |
| `@Input()`<br>`bufferValue: number` | Buffer value of the progressbar loader. Default is **`0`**. |
| `@Input()`<br>`hasBackdrop: boolean` | Whether the loader has a backdrop. Default is **`true`**. |

### Type aliases

#### `MtxLoaderType`

```ts
type MtxLoaderType = 'spinner' | 'progressbar';
```
npm package: @ng-zi/extensions-progress
Description: Angular Material Extensions for Progress
Latest version: 0.0.2

# Progress

## API reference for Material Extensions Progress

`import { MtxProgressModule } from '@ng-zi/extensions/progress';`

### Directives

#### `MtxProgress`

Selector: `[mtx-progress]`

Exported as: `mtxProgress`

##### Properties

| **Name** | Description |
| :--- | :--- |
| `@Input()`<br>`type: MtxProgressType \| undefined` | The progress's type. Default is **`undefined`**. |
| `@Input()`<br>`value: number` | The value of the progress. Default is **`0`**. |
| `@Input()`<br>`height: number` | The height of the progress. |
| `@Input()`<br>`color: string` | The text color of the progress. |
| `@Input()`<br>`foreground: string` | The bar color of the progress. |
| `@Input()`<br>`background: string` | The track color of the progress. |
| `@Input()`<br>`striped: boolean` | Whether to apply the striped class. |
| `@Input()`<br>`animate: boolean` | Whether to apply the animated class. |

### Type aliases

#### `MtxProgressType`

```ts
type MtxProgressType = 'info' | 'success' | 'warning' | 'danger';
```
npm package: @ng-zi/extensions-progress-spinner
Description: Angular Material Extensions for progress-spinner
Latest version: 0.0.2

## MtxProgressSpinner Component Overview

The progress spinner component displays a circular indicator of progress and activity.

## Usage

### Basic Example

```html
<mtx-progress-spinner></mtx-progress-spinner>
```

### Configurable Options

The `MtxProgressSpinnerComponent` supports various configuration options to customize its appearance and behavior:

- **color**: Color of the spinner. Supports any valid CSS color.
- **mode**: Mode of the spinner. Can be `'determinate'` or `'indeterminate'`.
- **value**: Value of the spinner in determinate mode (0-100).
- **diameter**: Diameter of the spinner in pixels.
- **strokeWidth**: Width of the spinner's stroke in pixels.
- **ariaLabel**: Aria label for accessibility.
- **strokeWidthRatio**: Ratio for dynamic stroke width relative to diameter.
- **gapDegree**: Degree of the gap in the spinner circle (0-360).
- **gapPosition**: Position of the gap within the spinner circle (`'start'` or `'end'`).
- **overlay**: Whether to overlay the spinner on the entire container.

### Example

```html
<mtx-progress-spinner [config]="myConfig"></mtx-progress-spinner>
```

Where `myConfig` is an object of type `MtxProgressSpinnerConfig` defined in your application.

## Accessibility

Ensure to provide an appropriate `ariaLabel` for screen readers to describe the purpose of the spinner.

## API Summary

### Inputs

- **`config`**: Configuration object of type `MtxProgressSpinnerConfig` to customize the spinner.

### Styles

Customize the appearance of the spinner using the provided SCSS file (`progress-spinner.scss`).
npm package: @ng-zi/extensions-radio-button
Description: Angular Material Extensions for radio-button
Latest version: 0.0.2

## MtxRadioButton Component Overview

The `MtxRadioButton` component is an Angular component that encapsulates the functionality of Angular Material's radio button group. It provides a simple and effective way to create radio button groups with customizable options and behaviors.

## Features

| Feature             | Description                                                                                   |
|---------------------|-----------------------------------------------------------------------------------------------|
| Selection           | Allows selection of a single option from a list of provided options.                           |
| Configuration       | Supports configuration options such as disabled state and layout (vertical or horizontal).    |
| Event Handling      | Emits a selection change event when an option is clicked.                                      |
| Styling             | Can be styled and customized using Angular component styling mechanisms and SCSS.              |

## Usage

### Installation

Install the component in your Angular project:

```bash
npm install @angular/material @angular/cdk
```

### Example

```typescript
import { Component } from '@angular/core';
import { DEFAULT_MTX_RADIO_BUTTON_CONFIG, MtxRadioButtonConfig } from './radio-button';

@Component({
  selector: 'app-radio-button-example',
  template: `
    <mtx-radio-button [config]="radioButtonConfig" (selectionChange)="onSelectionChange($event)"></mtx-radio-button>
  `,
})
export class RadioButtonExampleComponent {
  radioButtonConfig: MtxRadioButtonConfig = {
    options: ['Option 1', 'Option 2', 'Option 3'],
    selectedOption: 'Option 1',
    disabled: false,
    layout: 'vertical',
  };

  onSelectionChange(option: string) {
    console.log('Selected Option:', option);
  }
}
```

### API Summary

#### Inputs

| Input       | Type                  | Description                                                   |
|-------------|-----------------------|---------------------------------------------------------------|
| config      | MtxRadioButtonConfig  | Configuration object for the radio button component.          |

#### Outputs

| Output           | Type               | Description                                                   |
|------------------|--------------------|---------------------------------------------------------------|
| selectionChange  | EventEmitter      | Event emitted when an option is selected.                     |
npm package: @ng-zi/extensions-toolbar
Description: Angular Material Extensions for toolbar
Latest version: 0.0.11

# MtxToolbar Component

The `MtxToolbar` component is a customizable toolbar component for Angular applications, providing a flexible way to create navigation and actions within an application's interface.

## Usage

### Basic Example

```html
<app-mtx-toolbar></app-mtx-toolbar>
```

### Advanced Example

```html
<app-mtx-toolbar [config]="toolbarConfig"></app-mtx-toolbar>
```

## API Summary

### Inputs

| Name            | Type              | Description                           |
|-----------------|-------------------|---------------------------------------|
| `config`        | `MtxToolbarConfig`| Configuration object for toolbar       |

### Outputs

| Name                      | Type                | Description                           |
|---------------------------|---------------------|---------------------------------------|
| `menuItemClicked`         | `EventEmitter<any>` | Emitted when a menu item is clicked   |
| `notificationsClicked`    | `EventEmitter<void>`| Emitted when notifications button is clicked |
| `settingsClicked`         | `EventEmitter<void>`| Emitted when settings button is clicked |

## Configuration

The `MtxToolbarConfig` interface allows customization of the toolbar appearance and behavior. Below are the available configuration options:

| Property               | Type            | Default Value | Description                                    |
|------------------------|-----------------|---------------|------------------------------------------------|
| `title`                | `string`        | `'App Toolbar'`| Title displayed in the toolbar                  |
| `showSearchInput`      | `boolean`       | `true`        | Whether to display the search input field       |
| `showSettingsButton`   | `boolean`       | `true`        | Whether to display the settings button          |
| `showNotifications`    | `boolean`       | `true`        | Whether to display the notifications button     |
| `userProfileMenuItems` | `any[]`         | `[]`          | Array of items for the user profile menu        |

## Usage Notes

- Ensure to provide a `MtxToolbarConfig` object to customize the toolbar's behavior and appearance.
- Handle emitted events (`menuItemClicked`, `notificationsClicked`, `settingsClicked`) to perform actions in the parent component based on user interactions.
npm package: @ng-zorro/schematics
Description: Angular Schematics for NG-ZORRO Team
Author: Hsuan Lee
Latest version: 0.800.2

[![npm version](https://badge.fury.io/js/%40ng-zorro%2Fschematics.svg)](https://badge.fury.io/js/%40ng-zorro%2Fschematics)

# @ng-zorro/schematics

## Install

```bash
$ npm install -g @ng-zorro/schematics
```

## Use

```base
ng new -c @ng-zorro/schematics [app-name]

✅️ Would you like to use @ng-zorro/schematics as the default collection?
✅️ Would you like to add stricter TSLint options?
✅️ Would you like to set the workspace path mapping in the tsconfig.json file?
✅️ Would you like to enable the commit lint?
✅️ Would you like to enable the prettier?
```

## Workspace

```text
.
├── src
│   └── app
│       ├── app.interceptor.ts
│       ├── app.module.ts
│       ├── interfaces
│       ├── pages
│       ├── services
│       ├── share
│       ├── test
│       └── utility
├── angular.json
├── commitlint.config.js
├── package.json
└── tslint.json
```