open-index/open-npm huggingface dataset:
npm package: @ng-dl/utils
Description: general utils
Author: Daniel Liverant
Latest version: 1.0.1

# Utils

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

## Code scaffolding

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

## Build

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

## Publishing

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

## Running unit tests

Run `ng test utils` 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: @ng-dms/x-form
Description: 基于 NG-ZORRO组件库 可视化的表单设计器
Author: xu junzhou
Latest version: 1.0.3

# ng-x-form

## 概述
基于 <a target="_blank" href="https://ng.ant.design/">NG-ZORRO组件库</a> 可视化的表单设计器。  

### 使用场景
* 所见即所得，方便设计师/产品经理即时创作。

* 降低表单编码工作量 `设计表单` -> `生成HTML/TS` -> `二次编辑`。

* 使用渲染器 `设计表单` -> `结构化的JSON` -> `渲染器`。

## 文档与示例  
<h3><a target="_blank" href="https://xujz520.gitee.io/ng-easy-mock/x-form/">https://xujz520.gitee.io/ng-easy-mock/x-form/</a></h3>

![](https://xujz520.gitee.io/ng-easy-mock/x-form/assets/docs/20210707163137.png "")

## 浏览器环境
| ![](https://xujz520.gitee.io/ng-easy-mock/x-form/assets/docs/edge.png) | ![](https://xujz520.gitee.io/ng-easy-mock/x-form/assets/docs/chrome.png) | ![](https://xujz520.gitee.io/ng-easy-mock/x-form/assets/docs/firefox.png) | ![](https://xujz520.gitee.io/ng-easy-mock/x-form/assets/docs/safari.png) |
| ---- | ---- | ---- | :----: |
| Edge | Chrome | Firefox | Safari 13.1+|

## 安装
> 确保项目已经安装了 <a target="_blank" href="https://ng.ant.design/">NG-ZORRO</a> v8.0.0 及以上版本  
```bash
npm i @ng-dms/x-form --save
```

## 如何使用
导入模块、使用组件
```ts
import { XFormDesignModule } from '@ng-dms/x-form';
import { XFormRenderModule } from '@ng-dms/x-form';
```
```html
<x-form-design></x-form-design>
<x-form-render></x-form-render>
```
npm package: @ng-dms/x-table
Description: Angular 表格组件
Author: xu junzhou
Latest version: 2.1.0

# ng-x-table

## 概述
`x-table` 是一款可配置化的 Angular 数据表格组件。并不依赖于其他UI组件库。

## 文档与示例  
<h3><a target="_blank" href="https://xujz520.gitee.io/ng-easy-mock/x-table/">https://xujz520.gitee.io/ng-easy-mock/x-table/</a></h3>

![](https://xujz520.gitee.io/ng-easy-mock/x-table/assets/docs/20210707163137.png "")

## 浏览器环境
| ![](https://xujz520.gitee.io/ng-easy-mock/x-table/assets/docs/edge.png) | ![](https://xujz520.gitee.io/ng-easy-mock/x-table/assets/docs/chrome.png) | ![](https://xujz520.gitee.io/ng-easy-mock/x-table/assets/docs/firefox.png) | ![](https://xujz520.gitee.io/ng-easy-mock/x-table/assets/docs/safari.png) |
| ---- | ---- | ---- | :----: |
| Edge | Chrome | Firefox | Safari 13.1+|

## 安装
```bash
npm i @ng-dms/x-table --save
```

## 如何使用
#### 导入模块
在根模块 `AppModule` 导入 `BrowserAnimationsModule` `HttpClientModule`.
```ts
import { BrowserModule } from '@angular/platform-browser';
import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
import { HttpClientModule } from '@angular/common/http';

import { SharedModule } from './shared/shared.module';

@NgModule({
  declarations: [AppComponent],
  imports: [
    BrowserModule,

    BrowserAnimationsModule,
    HttpClientModule,
    
    SharedModule,
  ],
  bootstrap: [AppComponent]
})
export class AppModule { }
```

在业务级模块 或 `sharedModule` 导入 `@ng-dms/x-table`
```ts
import { XTableModule } from '@ng-dms/x-table';

@NgModule({
  declarations: [],
  imports: [
    SharedModule
  ]
})
export class SharedModule { }
```

#### 组件代码

<a href="https://stackblitz.com/edit/ng-x-table-demo?file=src/app/routes/routes.module.ts" target="_blank">在 StackBlitz 上打开</a>

```ts
import { Component, OnInit } from '@angular/core';

import { XTableColumns } from '@ng-dms/x-table';

@Component({
  selector: 'x-table-base',
  template: `
    <x-table [columns]="columns" [xData]="rows"></x-table>
  `,
  styles: []
})
export class XTableBaseComponent implements OnInit {
  columns: XTableColumns = [
    { title: '学号', field: 'no' },
    { title: '姓名', field: 'name' },
    { title: '性别', field: 'sex' },
    { title: '年龄', field: 'age' },
    { title: '学院', field: 'college' },
    { title: '专业', field: 'major' },
    { title: '班级', field: 'class' },
  ];

  rows = [
    { "id": 1, "no": 7107320614, "name": "黎勇", "sex": 0, "age": 28, "college": "外语外贸学院", "major": "国际邮轮乘务管理", "class": 1 },
    { "id": 2, "no": 7107320615, "name": "黎秀兰", "sex": 1, "age": 26, "college": "外语外贸学院", "major": "国际贸易实务", "class": 1 },
    { "id": 3, "no": 7107320616, "name": "董霞", "sex": 0, "age": 26, "college": "外语外贸学院", "major": "国际贸易实务", "class": 2 },
    { "id": 4, "no": 7107320617, "name": "梁磊", "sex": 0, "age": 21, "college": "土木工程学院", "major": "建筑工程技术", "class": 1 },
    { "id": 5, "no": 7107320618, "name": "潘娟", "sex": 0, "age": 24, "college": "外语外贸学院", "major": "国际邮轮乘务管理", "class": 1 }
  ];

  constructor() { }

  ngOnInit() { }

}
```
npm package: @ng-dnd/core
Description: Drag and Drop for Angular
Latest version: 4.1.0

# Ng DnD

[![Build Status](https://www.travis-ci.com/ng-dnd/ng-dnd.svg?branch=main)](https://www.travis-ci.com/ng-dnd/ng-dnd)
[![CodeFactor](https://www.codefactor.io/repository/github/ng-dnd/ng-dnd/badge)](https://www.codefactor.io/repository/github/ng-dnd/ng-dnd)
[![npm](https://img.shields.io/npm/v/@ng-dnd/core.svg)](https://www.npmjs.com/package/@ng-dnd/core)
[![GitHub license](https://img.shields.io/github/license/mashape/apistatus.svg)](https://github.com/ng-dnd/ng-dnd/blob/master/LICENSE)

Drag and Drop for Angular.

> 🙏 This repo is cloned from [angular-skyhook](https://github.com/cormacrelf/angular-skyhook). Many thanks for [Cormac Relf](https://github.com/cormacrelf)'s work!

| Package                 | Description                       | Docs              |
| ----------------------- | --------------------------------- | ----------------- |
| `@ng-dnd/core`          | A toolkit for DnD                 | [Docs][core-docs] |
| `@ng-dnd/multi-backend` | Multi backend system for DnD core | [Docs][back-docs] |
| `@ng-dnd/sortable`      | Sortable system for DnD core      | [Docs][sort-docs] |

#### Quick links

[Documentation][core-docs] |
[Examples][examples]

## Why I create this project?

The `angular-skyhook` is a great library, but I had encountered some frustrations.

- It dosen't support **Angular Ivy** (v9+), please check [this issue](https://github.com/cormacrelf/angular-skyhook/issues/512) for more details.
- It hasn't been maintained for almost two years, the version of `dnd-core` and other packages are very old.
- The naming of some directives and properties aren't very intuitive such as `ssSortable`.

## Compatibility

| Angular         | RxJS | @ng-dnd/core | Zoneless support |
| --------------- | ---- | ------------ | ---------------- |
| >=18.0.0        | 7.x  | 4.x          | Yes              |
| >=17.0.0        | 7.x  | 3.x          | No               |
| >=13.0.0        | 7.x  | 2.x          | No               |
| >=9.0.0 <13.0.0 | 6.x  | 1.x          | No               |

## License

MIT

[core-docs]: https://ng-dnd.github.io/ng-dnd/
[back-docs]: https://ng-dnd.github.io/ng-dnd/multi-backend/
[sort-docs]: https://ng-dnd.github.io/ng-dnd/sortable/
[examples]: https://ng-dnd.github.io/ng-dnd/examples/
npm package: @ng-dnd/multi-backend
Description: Multiple backend for Angular DnD
Latest version: 4.1.0

# Ng DnD

[![Build Status](https://www.travis-ci.com/ng-dnd/ng-dnd.svg?branch=main)](https://www.travis-ci.com/ng-dnd/ng-dnd)
[![CodeFactor](https://www.codefactor.io/repository/github/ng-dnd/ng-dnd/badge)](https://www.codefactor.io/repository/github/ng-dnd/ng-dnd)
[![npm](https://img.shields.io/npm/v/@ng-dnd/core.svg)](https://www.npmjs.com/package/@ng-dnd/core)
[![GitHub license](https://img.shields.io/github/license/mashape/apistatus.svg)](https://github.com/ng-dnd/ng-dnd/blob/master/LICENSE)

Drag and Drop for Angular.

> 🙏 This repo is cloned from [angular-skyhook](https://github.com/cormacrelf/angular-skyhook). Many thanks for [Cormac Relf](https://github.com/cormacrelf)'s work!

| Package                 | Description                       | Docs              |
| ----------------------- | --------------------------------- | ----------------- |
| `@ng-dnd/core`          | A toolkit for DnD                 | [Docs][core-docs] |
| `@ng-dnd/multi-backend` | Multi backend system for DnD core | [Docs][back-docs] |
| `@ng-dnd/sortable`      | Sortable system for DnD core      | [Docs][sort-docs] |

#### Quick links

[Documentation][core-docs] |
[Examples][examples]

## Why I create this project?

The `angular-skyhook` is a great library, but I had encountered some frustrations.

- It dosen't support **Angular Ivy** (v9+), please check [this issue](https://github.com/cormacrelf/angular-skyhook/issues/512) for more details.
- It hasn't been maintained for almost two years, the version of `dnd-core` and other packages are very old.
- The naming of some directives and properties aren't very intuitive such as `ssSortable`.

## Compatibility

| Angular         | RxJS | @ng-dnd/core | Zoneless support |
| --------------- | ---- | ------------ | ---------------- |
| >=18.0.0        | 7.x  | 4.x          | Yes              |
| >=17.0.0        | 7.x  | 3.x          | No               |
| >=13.0.0        | 7.x  | 2.x          | No               |
| >=9.0.0 <13.0.0 | 6.x  | 1.x          | No               |

## License

MIT

[core-docs]: https://ng-dnd.github.io/ng-dnd/
[back-docs]: https://ng-dnd.github.io/ng-dnd/multi-backend/
[sort-docs]: https://ng-dnd.github.io/ng-dnd/sortable/
[examples]: https://ng-dnd.github.io/ng-dnd/examples/
npm package: @ng-dnd/sortable
Description: Sortable for Angular DnD
Latest version: 4.1.0

# Ng DnD

[![Build Status](https://www.travis-ci.com/ng-dnd/ng-dnd.svg?branch=main)](https://www.travis-ci.com/ng-dnd/ng-dnd)
[![CodeFactor](https://www.codefactor.io/repository/github/ng-dnd/ng-dnd/badge)](https://www.codefactor.io/repository/github/ng-dnd/ng-dnd)
[![npm](https://img.shields.io/npm/v/@ng-dnd/core.svg)](https://www.npmjs.com/package/@ng-dnd/core)
[![GitHub license](https://img.shields.io/github/license/mashape/apistatus.svg)](https://github.com/ng-dnd/ng-dnd/blob/master/LICENSE)

Drag and Drop for Angular.

> 🙏 This repo is cloned from [angular-skyhook](https://github.com/cormacrelf/angular-skyhook). Many thanks for [Cormac Relf](https://github.com/cormacrelf)'s work!

| Package                 | Description                       | Docs              |
| ----------------------- | --------------------------------- | ----------------- |
| `@ng-dnd/core`          | A toolkit for DnD                 | [Docs][core-docs] |
| `@ng-dnd/multi-backend` | Multi backend system for DnD core | [Docs][back-docs] |
| `@ng-dnd/sortable`      | Sortable system for DnD core      | [Docs][sort-docs] |

#### Quick links

[Documentation][core-docs] |
[Examples][examples]

## Why I create this project?

The `angular-skyhook` is a great library, but I had encountered some frustrations.

- It dosen't support **Angular Ivy** (v9+), please check [this issue](https://github.com/cormacrelf/angular-skyhook/issues/512) for more details.
- It hasn't been maintained for almost two years, the version of `dnd-core` and other packages are very old.
- The naming of some directives and properties aren't very intuitive such as `ssSortable`.

## Compatibility

| Angular         | RxJS | @ng-dnd/core | Zoneless support |
| --------------- | ---- | ------------ | ---------------- |
| >=18.0.0        | 7.x  | 4.x          | Yes              |
| >=17.0.0        | 7.x  | 3.x          | No               |
| >=13.0.0        | 7.x  | 2.x          | No               |
| >=9.0.0 <13.0.0 | 6.x  | 1.x          | No               |

## License

MIT

[core-docs]: https://ng-dnd.github.io/ng-dnd/
[back-docs]: https://ng-dnd.github.io/ng-dnd/multi-backend/
[sort-docs]: https://ng-dnd.github.io/ng-dnd/sortable/
[examples]: https://ng-dnd.github.io/ng-dnd/examples/
npm package: @ng-doc/add
Description: <!-- PROJECT LOGO --> <br /> <div align="center">   <a href="https://github.com/ng-doc/ng-doc">     <img src="https://ng-doc.com/assets/images/ng-doc.svg?raw=true" alt="Logo" height="150px">   </a>
Author: Skoropad Aleksandr
Latest version: 21.0.0

<!-- PROJECT LOGO -->
<br />
<div align="center">
  <a href="https://github.com/ng-doc/ng-doc">
    <img src="https://ng-doc.com/assets/images/ng-doc.svg?raw=true" alt="Logo" height="150px">
  </a>

<h1 align="center" style="margin-bottom: 0; border-bottom: 0">NgDoc</h1>
  <p align="center">
    Create user-friendly documentation for your projects with ease!
    <br />
    <a href="https://ng-doc.com/">Documentation</a>
    ·
    <a href="https://github.com/ng-doc/ng-doc/issues/new/choose">Report Bug</a>
    ·
    <a href="https://github.com/ng-doc/ng-doc/issues/new/choose">Request Feature</a>

[![GitHub Workflow Status][build-shield]][build-url]
[![NPM][npm-shield]][npm-url]
[![MIT License][license-shield]][license-url]

  </p>
</div>

<!-- ABOUT THE PROJECT -->

## About The Project

This library is a part of NgDoc project, that uses to create documentation
for Angular projects, please check our [repo](https://github.com/ng-doc/ng-doc) for more details.

[npm-shield]: https://img.shields.io/npm/v/@ng-doc/builder.svg?style=for-the-badge
[npm-url]: https://www.npmjs.com/package/@ng-doc/builder
[license-shield]: https://img.shields.io/github/license/ng-doc/ng-doc.svg?style=for-the-badge
[license-url]: https://github.com/othneildrew/Best-README-Template/blob/master/LICENSE.txt
[build-shield]: https://img.shields.io/github/actions/workflow/status/ng-doc/ng-doc/release.yml?style=for-the-badge&branch=release
[build-url]: https://github.com/ng-doc/ng-doc/actions
npm package: @ng-doc/app
Description: <!-- PROJECT LOGO --> <br /> <div align="center">   <a href="https://github.com/ng-doc/ng-doc">     <img src="https://ng-doc.com/assets/images/ng-doc.svg?raw=true" alt="Logo" height="150px">   </a>
Author: Skoropad Aleksandr
Latest version: 21.0.0

<!-- PROJECT LOGO -->
<br />
<div align="center">
  <a href="https://github.com/ng-doc/ng-doc">
    <img src="https://ng-doc.com/assets/images/ng-doc.svg?raw=true" alt="Logo" height="150px">
  </a>

<h1 align="center" style="margin-bottom: 0; border-bottom: 0">NgDoc</h1>
  <p align="center">
    Create user-friendly documentation for your projects with ease!
    <br />
    <a href="https://ng-doc.com/">Documentation</a>
    ·
    <a href="https://github.com/ng-doc/ng-doc/issues/new/choose">Report Bug</a>
    ·
    <a href="https://github.com/ng-doc/ng-doc/issues/new/choose">Request Feature</a>

[![GitHub Workflow Status][build-shield]][build-url]
[![NPM][npm-shield]][npm-url]
[![MIT License][license-shield]][license-url]

  </p>
</div>

<!-- ABOUT THE PROJECT -->

## About The Project

This library is a part of NgDoc project, that uses to create documentation
for Angular projects, please check our [repo](https://github.com/ng-doc/ng-doc) for more details.

[npm-shield]: https://img.shields.io/npm/v/@ng-doc/builder.svg?style=for-the-badge
[npm-url]: https://www.npmjs.com/package/@ng-doc/builder
[license-shield]: https://img.shields.io/github/license/ng-doc/ng-doc.svg?style=for-the-badge
[license-url]: https://github.com/othneildrew/Best-README-Template/blob/master/LICENSE.txt
[build-shield]: https://img.shields.io/github/actions/workflow/status/ng-doc/ng-doc/release.yml?style=for-the-badge&branch=release
[build-url]: https://github.com/ng-doc/ng-doc/actions
npm package: @ng-doc/builder
Description: <!-- PROJECT LOGO --> <br /> <div align="center">   <a href="https://github.com/ng-doc/ng-doc">     <img src="https://ng-doc.com/assets/images/ng-doc.svg?raw=true" alt="Logo" height="150px">   </a>
Author: Skoropad Aleksandr
Latest version: 21.0.0

<!-- PROJECT LOGO -->
<br />
<div align="center">
  <a href="https://github.com/ng-doc/ng-doc">
    <img src="https://ng-doc.com/assets/images/ng-doc.svg?raw=true" alt="Logo" height="150px">
  </a>

<h1 align="center" style="margin-bottom: 0; border-bottom: 0">NgDoc</h1>
  <p align="center">
    Create user-friendly documentation for your projects with ease!
    <br />
    <a href="https://ng-doc.com/">Documentation</a>
    ·
    <a href="https://github.com/ng-doc/ng-doc/issues/new/choose">Report Bug</a>
    ·
    <a href="https://github.com/ng-doc/ng-doc/issues/new/choose">Request Feature</a>

[![GitHub Workflow Status][build-shield]][build-url]
[![NPM][npm-shield]][npm-url]
[![MIT License][license-shield]][license-url]

  </p>
</div>

<!-- ABOUT THE PROJECT -->

## About The Project

This library is a part of NgDoc project, that uses to create documentation
for Angular projects, please check our [repo](https://github.com/ng-doc/ng-doc) for more details.

[npm-shield]: https://img.shields.io/npm/v/@ng-doc/builder.svg?style=for-the-badge
[npm-url]: https://www.npmjs.com/package/@ng-doc/builder
[license-shield]: https://img.shields.io/github/license/ng-doc/ng-doc.svg?style=for-the-badge
[license-url]: https://github.com/othneildrew/Best-README-Template/blob/master/LICENSE.txt
[build-shield]: https://img.shields.io/github/actions/workflow/status/ng-doc/ng-doc/release.yml?style=for-the-badge&branch=release
[build-url]: https://github.com/ng-doc/ng-doc/actions
npm package: @ng-doc/core
Description: <!-- PROJECT LOGO --> <br /> <div align="center">   <a href="https://github.com/ng-doc/ng-doc">     <img src="https://ng-doc.com/assets/images/ng-doc.svg?raw=true" alt="Logo" height="150px">   </a>
Author: Skoropad Aleksandr
Latest version: 21.0.0

<!-- PROJECT LOGO -->
<br />
<div align="center">
  <a href="https://github.com/ng-doc/ng-doc">
    <img src="https://ng-doc.com/assets/images/ng-doc.svg?raw=true" alt="Logo" height="150px">
  </a>

<h1 align="center" style="margin-bottom: 0; border-bottom: 0">NgDoc</h1>
  <p align="center">
    Create user-friendly documentation for your projects with ease!
    <br />
    <a href="https://ng-doc.com/">Documentation</a>
    ·
    <a href="https://github.com/ng-doc/ng-doc/issues/new/choose">Report Bug</a>
    ·
    <a href="https://github.com/ng-doc/ng-doc/issues/new/choose">Request Feature</a>

[![GitHub Workflow Status][build-shield]][build-url]
[![NPM][npm-shield]][npm-url]
[![MIT License][license-shield]][license-url]

  </p>
</div>

<!-- ABOUT THE PROJECT -->

## About The Project

This library is a part of NgDoc project, that uses to create documentation
for Angular projects, please check our [repo](https://github.com/ng-doc/ng-doc) for more details.

[npm-shield]: https://img.shields.io/npm/v/@ng-doc/builder.svg?style=for-the-badge
[npm-url]: https://www.npmjs.com/package/@ng-doc/builder
[license-shield]: https://img.shields.io/github/license/ng-doc/ng-doc.svg?style=for-the-badge
[license-url]: https://github.com/othneildrew/Best-README-Template/blob/master/LICENSE.txt
[build-shield]: https://img.shields.io/github/actions/workflow/status/ng-doc/ng-doc/release.yml?style=for-the-badge&branch=release
[build-url]: https://github.com/ng-doc/ng-doc/actions
npm package: @ng-doc/keywords-loaders
Description: <!-- PROJECT LOGO --> <br /> <div align="center">   <a href="https://github.com/ng-doc/ng-doc">     <img src="https://ng-doc.com/assets/images/ng-doc.svg?raw=true" alt="Logo" height="150px">   </a>
Author: Skoropad Aleksandr
Latest version: 21.0.0

<!-- PROJECT LOGO -->
<br />
<div align="center">
  <a href="https://github.com/ng-doc/ng-doc">
    <img src="https://ng-doc.com/assets/images/ng-doc.svg?raw=true" alt="Logo" height="150px">
  </a>

<h1 align="center" style="margin-bottom: 0; border-bottom: 0">NgDoc</h1>
  <p align="center">
    Create user-friendly documentation for your projects with ease!
    <br />
    <a href="https://ng-doc.com/">Documentation</a>
    ·
    <a href="https://github.com/ng-doc/ng-doc/issues/new/choose">Report Bug</a>
    ·
    <a href="https://github.com/ng-doc/ng-doc/issues/new/choose">Request Feature</a>

[![GitHub Workflow Status][build-shield]][build-url]
[![NPM][npm-shield]][npm-url]
[![MIT License][license-shield]][license-url]

  </p>
</div>

<!-- ABOUT THE PROJECT -->

## About The Project

This library is a part of NgDoc project, that uses to create documentation
for Angular projects, please check our [repo](https://github.com/ng-doc/ng-doc) for more details.

[npm-shield]: https://img.shields.io/npm/v/@ng-doc/builder.svg?style=for-the-badge
[npm-url]: https://www.npmjs.com/package/@ng-doc/builder
[license-shield]: https://img.shields.io/github/license/ng-doc/ng-doc.svg?style=for-the-badge
[license-url]: https://github.com/othneildrew/Best-README-Template/blob/master/LICENSE.txt
[build-shield]: https://img.shields.io/github/actions/workflow/status/ng-doc/ng-doc/release.yml?style=for-the-badge&branch=release
[build-url]: https://github.com/ng-doc/ng-doc/actions
npm package: @ng-doc/ui-kit
Description: <!-- PROJECT LOGO --> <br /> <div align="center">   <a href="https://github.com/ng-doc/ng-doc">     <img src="https://ng-doc.com/assets/images/ng-doc.svg?raw=true" alt="Logo" height="150px">   </a>
Author: Skoropad Aleksandr
Latest version: 21.0.0

<!-- PROJECT LOGO -->
<br />
<div align="center">
  <a href="https://github.com/ng-doc/ng-doc">
    <img src="https://ng-doc.com/assets/images/ng-doc.svg?raw=true" alt="Logo" height="150px">
  </a>

<h1 align="center" style="margin-bottom: 0; border-bottom: 0">NgDoc</h1>
  <p align="center">
    Create user-friendly documentation for your projects with ease!
    <br />
    <a href="https://ng-doc.com/">Documentation</a>
    ·
    <a href="https://github.com/ng-doc/ng-doc/issues/new/choose">Report Bug</a>
    ·
    <a href="https://github.com/ng-doc/ng-doc/issues/new/choose">Request Feature</a>

[![GitHub Workflow Status][build-shield]][build-url]
[![NPM][npm-shield]][npm-url]
[![MIT License][license-shield]][license-url]

  </p>
</div>

<!-- ABOUT THE PROJECT -->

## About The Project

This library is a part of NgDoc project, that uses to create documentation
for Angular projects, please check our [repo](https://github.com/ng-doc/ng-doc) for more details.

[npm-shield]: https://img.shields.io/npm/v/@ng-doc/builder.svg?style=for-the-badge
[npm-url]: https://www.npmjs.com/package/@ng-doc/builder
[license-shield]: https://img.shields.io/github/license/ng-doc/ng-doc.svg?style=for-the-badge
[license-url]: https://github.com/othneildrew/Best-README-Template/blob/master/LICENSE.txt
[build-shield]: https://img.shields.io/github/actions/workflow/status/ng-doc/ng-doc/release.yml?style=for-the-badge&branch=release
[build-url]: https://github.com/ng-doc/ng-doc/actions
npm package: @ng-doc/utils
Description: <!-- PROJECT LOGO --> <br /> <div align="center">   <a href="https://github.com/ng-doc/ng-doc">     <img src="https://ng-doc.com/assets/images/ng-doc.svg?raw=true" alt="Logo" height="150px">   </a>
Author: Skoropad Aleksandr
Latest version: 21.0.0

<!-- PROJECT LOGO -->
<br />
<div align="center">
  <a href="https://github.com/ng-doc/ng-doc">
    <img src="https://ng-doc.com/assets/images/ng-doc.svg?raw=true" alt="Logo" height="150px">
  </a>

<h1 align="center" style="margin-bottom: 0; border-bottom: 0">NgDoc</h1>
  <p align="center">
    Create user-friendly documentation for your projects with ease!
    <br />
    <a href="https://ng-doc.com/">Documentation</a>
    ·
    <a href="https://github.com/ng-doc/ng-doc/issues/new/choose">Report Bug</a>
    ·
    <a href="https://github.com/ng-doc/ng-doc/issues/new/choose">Request Feature</a>

[![GitHub Workflow Status][build-shield]][build-url]
[![NPM][npm-shield]][npm-url]
[![MIT License][license-shield]][license-url]

  </p>
</div>

<!-- ABOUT THE PROJECT -->

## About The Project

This library is a part of NgDoc project, that uses to create documentation
for Angular projects, please check our [repo](https://github.com/ng-doc/ng-doc) for more details.

[npm-shield]: https://img.shields.io/npm/v/@ng-doc/builder.svg?style=for-the-badge
[npm-url]: https://www.npmjs.com/package/@ng-doc/builder
[license-shield]: https://img.shields.io/github/license/ng-doc/ng-doc.svg?style=for-the-badge
[license-url]: https://github.com/othneildrew/Best-README-Template/blob/master/LICENSE.txt
[build-shield]: https://img.shields.io/github/actions/workflow/status/ng-doc/ng-doc/release.yml?style=for-the-badge&branch=release
[build-url]: https://github.com/ng-doc/ng-doc/actions
npm package: @ng-dominus/dm-notifications
Description: Dominus angular material notifications extension
Author: Daniel
Latest version: 17.0.0

# Dominus notifications

Angular material based library used to handle user notifications.

Part of [Dominus angular extensions](https://daniel1919-00.github.io/ng-dominus).

## Usage

Check out the [documentation and demo](https://daniel1919-00.github.io/ng-dominus/dm-notifications).
npm package: @ng-dominus/dm-styles
Description: Dominus css library
Author: Daniel
Latest version: 1.2.0

# Dominus css utilities

Lightweight library used to style the dominus components demo page. It can be used on any site along any other css libraries since all classes are prefixed with the `dm:` namespace.

## Usage

Check out the [documentation and demo](https://daniel1919-00.github.io/ng-dominus/dm-styles).

### Angular

Add the css file path in `angular.json`:

``` json
{
    "projects": {
        "YOUR_PROJECT": {
            "architect": {
                "build": {
                    "builder": "@angular-devkit/build-angular:browser",
                    "options": {
                        "styles": [
                            "src/styles.scss",
                            "node_modules/@ng-dominus/dm-styles/dm-styles.css"
                        ],
                    },
                },
            }
        }
    },
}
```

### Static website

Append `dm-styles.css` in your site header.
npm package: @ng-dominus/dm-table
Description: Dominus angular material table extension
Author: Daniel
Latest version: 17.2.3

# Dominus data table

Angular material based library used to create data tables.

Part of [Dominus angular extensions](https://daniel1919-00.github.io/ng-dominus).

## Usage

Check out the [documentation and demo](https://daniel1919-00.github.io/ng-dominus/dm-table).
npm package: @ng-dominus/dm-tags
Description: Dominus angular material tags extension
Author: Daniel
Latest version: 17.2.1

# Dominus tags

Angular material based library that manages tags.

Part of [Dominus angular extensions](https://daniel1919-00.github.io/ng-dominus).

## Usage

Check out the [documentation and demo](https://daniel1919-00.github.io/ng-dominus/dm-tags).
npm package: @ng-dominus/dm-uploader
Description: Dominus angular material uploader extension
Author: Daniel
Latest version: 17.2.0

# Dominus uploader

Angular material based library that handles file uploads.

Part of [Dominus angular extensions](https://daniel1919-00.github.io/ng-dominus).

## Usage

Check out the [documentation and demo](https://daniel1919-00.github.io/ng-dominus/dm-uploader).