open-index/open-npm huggingface dataset:
npm package: @ngx-toolkit/spring
Description: Angular spring utilities
Author: Dewizz
Latest version: 13.2.1

[![npm version](https://img.shields.io/npm/v/@ngx-toolkit/spring.svg)](https://www.npmjs.com/package/@ngx-toolkit/spring) 
[![MIT License](https://img.shields.io/badge/license-MIT-blue.svg?style=flat)](https://github.com/dewizz/ngx-toolkit/blob/master/LICENSE)
[![Build Status](https://travis-ci.org/dewizz/ngx-toolkit.svg?branch=master)](https://travis-ci.org/dewizz/ngx-toolkit) 
[![Coverage](https://coveralls.io/repos/github/dewizz/ngx-toolkit/badge.svg?branch=master#5)](https://coveralls.io/github/dewizz/ngx-toolkit?branch=master)
[![Join the chat at https://gitter.im/ngx-toolkit/Lobby](https://badges.gitter.im/ngx-toolkit/Lobby.svg)](https://gitter.im/ngx-toolkit/Lobby?utm_source=badge&utm_medium=badge&utm_campaign=pr-badge&utm_content=badge)

# @ngx-toolkit/spring  
> Angular Spring utilities

# Table of contents:
* [Installation](#installation)
* [Spring Data](#spring-data)
* [License](#license)

---

# Installation

Install the npm package.

```bash
# To get the latest stable version and update package.json file:
npm install @ngx-toolkit/spring --save
# or
yarn add @ngx-toolkit/spring
```

# Spring Data

Some [Spring Data Commons](https://github.com/spring-projects/spring-data-commons) classes:

- `Page<T>` type
- `Sort(orders: string | string[] | Order[], direction: Direction = 'ASC')`
- `PageRequest(page: number = 0, size: number = 20, sort?: Sort)` with `toHttpParams(options: {
                                                                                         fromString?: string;
                                                                                         fromObject?: {
                                                                                             [param: string]: string | string[];
                                                                                         };
                                                                                         encoder?: HttpParameterCodec;
                                                                                     } = {} as {
                                                                                         fromString?: string;
                                                                                         fromObject?: {
                                                                                             [param: string]: string | string[];
                                                                                         };
                                                                                         encoder?: HttpParameterCodec;
                                                                                     })` method to convert value in request params

----

# License
© 2018 Dewizz

[MIT](https://github.com/dewizz/ngx-toolkit/blob/master/LICENSE)
npm package: @ngx-toolkit/utils
Description: Angular common utilities
Author: Dewizz
Latest version: 13.2.1

[![npm version](https://img.shields.io/npm/v/@ngx-toolkit/utils.svg)](https://www.npmjs.com/package/@ngx-toolkit/utils) 
[![MIT License](https://img.shields.io/badge/license-MIT-blue.svg?style=flat)](https://github.com/dewizz/ngx-toolkit/blob/master/LICENSE)
[![Build Status](https://travis-ci.org/dewizz/ngx-toolkit.svg?branch=master)](https://travis-ci.org/dewizz/ngx-toolkit) 
[![Coverage](https://coveralls.io/repos/github/dewizz/ngx-toolkit/badge.svg?branch=master#5)](https://coveralls.io/github/dewizz/ngx-toolkit?branch=master)
[![Join the chat at https://gitter.im/ngx-toolkit/Lobby](https://badges.gitter.im/ngx-toolkit/Lobby.svg)](https://gitter.im/ngx-toolkit/Lobby?utm_source=badge&utm_medium=badge&utm_campaign=pr-badge&utm_content=badge)

# @ngx-toolkit/utils  
> Angular common utilities

# Table of contents:
* [Installation](#installation)
* [Queue](#queue)
* [Wait](#wait)
* [Once](#once)
* [License](#license)

---

# Installation

Install the npm package.

```bash
# To get the latest stable version and update package.json file:
npm install @ngx-toolkit/utils --save
# or
yarn add @ngx-toolkit/utils
```

# Queue

Queue annotation:

```typescript
import { Queue } from '@ngx-toolkit/utils';
...

class MyComponent {
  /**
   * Put the method call in a queue and wait for a Promise / Subscription / method execution
   * /!\ the method result is modified => Return a Promise
   * @param {number} queue limit (default: no limit)
   * @param {string} queue name (default: method name)
   */
  @Queue(limit?: number, name?: string)
  method(): Promise | Subscription | any | void;
}
```

# Wait

Wait annotation (shortcut of @Queue(1)):

```typescript
import { Wait } from '@ngx-toolkit/utils';
...

class MyComponent {
  /**
   * Wait for a Promise / Subscription before to be re-executed
   * /!\ the method result is modified => Return a Promise
   * @param {string} wait name (default: method name)
   */
  @Wait(name?: string)
  method(): Promise | Subscription | any | void;
}
```

# Once

Once annotation:

```typescript
import { Once } from '@ngx-toolkit/utils';
...

class MyComponent {
  /**
   * mark a method to be executed no more than once even if called several times
   * @param {string} name (default: method name)
   */
  @Once(name?: string)
  method(): Promise | Subscription | any | void;
}
```

----

# License
© 2018 Dewizz

[MIT](https://github.com/dewizz/ngx-toolkit/blob/master/LICENSE)
npm package: @ngx-tour/console
Description: [![npm version](https://badge.fury.io/js/%40ngx-tour%2Fconsole.svg)](https://badge.fury.io/js/%40ngx-tour%2Fconsole) [![Dependency Status](https://david-dm.org/ngx-tour/ngx-tour-console.svg)](https://david-dm.org/ngx-tour/ngx-tour-console) [![devDependenc
Author: Isaac Mann
Latest version: 12.0.0
Deprecated: this package has been deprecated

# @ngx-tour/console

[![npm version](https://badge.fury.io/js/%40ngx-tour%2Fconsole.svg)](https://badge.fury.io/js/%40ngx-tour%2Fconsole)
[![Dependency Status](https://david-dm.org/ngx-tour/ngx-tour-console.svg)](https://david-dm.org/ngx-tour/ngx-tour-console)
[![devDependency Status](https://david-dm.org/ngx-tour/ngx-tour-console/dev-status.svg)](https://david-dm.org/ngx-tour/ngx-tour-console?type=dev)

Check out the [documentation/demo page](https://ngx-tour.github.io/ngx-tour/).

This is a product tour library built with Angular (2+). It's inspired by [angular-ui-tour](http://benmarch.github.io/angular-ui-tour).
npm package: @ngx-tour/core
Description: [![npm version](https://badge.fury.io/js/%40ngx-tour%2Fcore.svg)](https://badge.fury.io/js/%40ngx-tour%2Fcore) [![Dependency Status](https://david-dm.org/ngx-tour/ngx-tour-core.svg)](https://david-dm.org/ngx-tour/ngx-tour-core) [![devDependency Status](ht
Author: Isaac Mann
Latest version: 12.0.0
Deprecated: this package has been deprecated

# @ngx-tour/core

[![npm version](https://badge.fury.io/js/%40ngx-tour%2Fcore.svg)](https://badge.fury.io/js/%40ngx-tour%2Fcore)
[![Dependency Status](https://david-dm.org/ngx-tour/ngx-tour-core.svg)](https://david-dm.org/ngx-tour/ngx-tour-core)
[![devDependency Status](https://david-dm.org/ngx-tour/ngx-tour-core/dev-status.svg)](https://david-dm.org/ngx-tour/ngx-tour-core?type=dev)

Check out the [documentation/demo page](https://ngx-tour.github.io/ngx-tour/).

This is a product tour library built with Angular (2+). It's inspired by [angular-ui-tour](http://benmarch.github.io/angular-ui-tour).
npm package: @ngx-tour/md-menu
Description: [![npm version](https://badge.fury.io/js/%40ngx-tour%2Fmd-menu.svg)](https://badge.fury.io/js/%40ngx-tour%2Fmd-menu) [![Dependency Status](https://david-dm.org/ngx-tour/ngx-tour-md-menu.svg)](https://david-dm.org/ngx-tour/ngx-tour-md-menu) [![devDependenc
Author: Isaac Mann
Latest version: 12.0.0
Deprecated: this package has been deprecated

# @ngx-tour/md-menu

[![npm version](https://badge.fury.io/js/%40ngx-tour%2Fmd-menu.svg)](https://badge.fury.io/js/%40ngx-tour%2Fmd-menu)
[![Dependency Status](https://david-dm.org/ngx-tour/ngx-tour-md-menu.svg)](https://david-dm.org/ngx-tour/ngx-tour-md-menu)
[![devDependency Status](https://david-dm.org/ngx-tour/ngx-tour-md-menu/dev-status.svg)](https://david-dm.org/ngx-tour/ngx-tour-md-menu?type=dev)

Check out the [documentation/demo page](https://ngx-tour.github.io/ngx-tour/).

This is a product tour library built with Angular (2+). It's inspired by [angular-ui-tour](http://benmarch.github.io/angular-ui-tour).
npm package: @ngx-tour/ng-bootstrap
Description: [![npm version](https://badge.fury.io/js/%40ngx-tour%2Fng-bootstrap.svg)](https://badge.fury.io/js/%40ngx-tour%2Fng-bootstrap) [![Dependency Status](https://david-dm.org/ngx-tour/ngx-tour-ng-bootstrap.svg)](https://david-dm.org/ngx-tour/ngx-tour-ng-bootst
Author: Isaac Mann
Latest version: 12.0.0
Deprecated: this package has been deprecated

# @ngx-tour/ng-bootstrap

[![npm version](https://badge.fury.io/js/%40ngx-tour%2Fng-bootstrap.svg)](https://badge.fury.io/js/%40ngx-tour%2Fng-bootstrap)
[![Dependency Status](https://david-dm.org/ngx-tour/ngx-tour-ng-bootstrap.svg)](https://david-dm.org/ngx-tour/ngx-tour-ng-bootstrap)
[![devDependency Status](https://david-dm.org/ngx-tour/ngx-tour-ng-bootstrap/dev-status.svg)](https://david-dm.org/ngx-tour/ngx-tour-ng-bootstrap?type=dev)

Check out the [documentation/demo page](https://ngx-tour.github.io/ngx-tour/).

This is a product tour library built with Angular (2+). It's inspired by [angular-ui-tour](http://benmarch.github.io/angular-ui-tour).
npm package: @ngx-tour/ngx-bootstrap
Description: [![npm version](https://badge.fury.io/js/%40ngx-tour%2Fngx-bootstrap.svg)](https://badge.fury.io/js/%40ngx-tour%2Fngx-bootstrap) [![Dependency Status](https://david-dm.org/ngx-tour/ngx-tour-ngx-bootstrap.svg)](https://david-dm.org/ngx-tour/ngx-tour-ngx-bo
Author: Isaac Mann
Latest version: 11.2.0

# @ngx-tour/ngx-bootstrap

[![npm version](https://badge.fury.io/js/%40ngx-tour%2Fngx-bootstrap.svg)](https://badge.fury.io/js/%40ngx-tour%2Fngx-bootstrap)
[![Dependency Status](https://david-dm.org/ngx-tour/ngx-tour-ngx-bootstrap.svg)](https://david-dm.org/ngx-tour/ngx-tour-ngx-bootstrap)
[![devDependency Status](https://david-dm.org/ngx-tour/ngx-tour-ngx-bootstrap/dev-status.svg)](https://david-dm.org/ngx-tour/ngx-tour-ngx-bootstrap?type=dev)

Check out the [documentation/demo page](https://ngx-tour.github.io/ngx-tour/).

This is a product tour library built with Angular (2+). It's inspired by [angular-ui-tour](http://benmarch.github.io/angular-ui-tour).
npm package: @ngx-tour/ngx-popper
Description: [![npm version](https://badge.fury.io/js/%40ngx-tour%2Fngx-popper.svg)](https://badge.fury.io/js/%40ngx-tour%2Fngx-popper) [![Dependency Status](https://david-dm.org/ngx-tour/ngx-tour-ngx-popper.svg)](https://david-dm.org/ngx-tour/ngx-tour-ngx-popper) [![
Author: Damien Murphy
Latest version: 12.0.0
Deprecated: this package has been deprecated

# @ngx-tour/ngx-popper

[![npm version](https://badge.fury.io/js/%40ngx-tour%2Fngx-popper.svg)](https://badge.fury.io/js/%40ngx-tour%2Fngx-popper)
[![Dependency Status](https://david-dm.org/ngx-tour/ngx-tour-ngx-popper.svg)](https://david-dm.org/ngx-tour/ngx-tour-ngx-popper)
[![devDependency Status](https://david-dm.org/ngx-tour/ngx-tour-ngx-popper/dev-status.svg)](https://david-dm.org/ngx-tour/ngx-tour-ngx-popper?type=dev)

Check out the [documentation/demo page](https://ngx-tour.github.io/ngx-tour/).

This is a product tour library built with Angular (2+). It's inspired by [angular-ui-tour](http://benmarch.github.io/angular-ui-tour).
npm package: @ngx-translate/core
Description: Translation library (i18n) for Angular
Author: Andreas Löw / CodeAndWeb GmbH, Olivier Combe
Latest version: 17.0.0

# @ngx-translate/core

## Overview

`@ngx-translate/core` is the primary internationalization (i18n) library for Angular  
applications, allowing developers to easily implement and manage multiple languages  
in their projects. With `@ngx-translate/core`, you can dynamically switch languages  
within the app, seamlessly adapting content to suit various locales.

### Documentation

- [Official Documentation](https://ngx-translate.org/)
- [Getting Started Tutorial: How to Translate Your Angular App with NGX-Translate](https://www.codeandweb.com/babeledit/tutorials/how-to-translate-your-angular-app-with-ngx-translate)
npm package: @ngx-translate/http-loader
Description: http loader for dynamically loading translation files for @ngx-translate/core
Author: Andreas Löw / CodeAndWeb GmbH, Olivier Combe
Latest version: 17.0.0

# @ngx-translate/http-loader

## Overview

The `@ngx-translate/http-loader` package enables the dynamic loading of translation  
files from a server, making it a flexible solution for internationalizing Angular  
applications with JSON translation files.

### Documentation

- [Official Documentation](https://ngx-translate.org/)
- [Getting Started Tutorial: How to Translate Your Angular App with NGX-Translate](https://www.codeandweb.com/babeledit/tutorials/how-to-translate-your-angular-app-with-ngx-translate)
npm package: @ngx-ui/navigation
Description: Angular 2+ simple navigation. 
Author: Ścibor Rudnicki
Latest version: 2.0.0-beta

# @ngx-ui/navigation

Angular 2+ simple navigation.

## Table of contents
* [Documentation site](#documentation)
* [Installation](#installation)
* [Usage](#usage)
* [Style guide](#style-guide)
* Git
  * [Commit](#commit)
  * [Versioning](#versioning)
* [License](#license)
* [Donate](#donate)


## Documentation

[http://ngx-ui.wwwdev.io](http://ngx-ui.wwwdev.io) ... in progress

## Installation

To install, run:

```bash
npm install @ngx-ui/navigation --save
```

## Usage


## Style guide

[Angular style guide](https://angular.io/docs/ts/latest/guide/style-guide.html)   
[Nav element](https://www.w3.org/TR/html51/sections.html#the-nav-element)  

## GIT

### Commit
- AngularJS Git Commit Message Conventions https://gist.github.com/stephenparish/9941e89d80e2bc58a153
- http://karma-runner.github.io/0.10/dev/git-commit-msg.html

### Versioning
Semantic Versioning 2.0.0 http://semver.org/

**Given a version number MAJOR.MINOR.PATCH, increment the:**   
MAJOR version when you make incompatible API changes,  
MINOR version when you add functionality in a backwards-compatible manner, and  
PATCH version when you make backwards-compatible bug fixes.  
Additional labels for pre-release and build metadata are available as extensions to the MAJOR.MINOR.PATCH format.

**FAQ**   
How should I deal with revisions in the 0.y.z initial development phase?  
>The simplest thing to do is start your initial development release at 0.1.0 and then increment the minor version for each subsequent release.

How do I know when to release 1.0.0?

>If your software is being used in production, it should probably already be 1.0.0. If you have a stable API on which users have come to depend, you should be 1.0.0. If you’re worrying a lot about backwards compatibility, you should probably already be 1.0.0.

## License

MIT © ngx-ui

## Donate

[Click to donate](https://donorbox.org/help-creating-open-source-software)
npm package: @ngx-uk-frontend/core
Description: Core utilities and shared functionality for ngx-uk-frontend libraries
Author: Jonny Heavey
Latest version: 1.0.0

# @ngx-uk-frontend/core

Core utilities and shared functionality for the other libraries in this repository.

## Overview

This library serves as a placeholder for shared utilities, types, and base functionality that will be used across the ngx-uk-frontend ecosystem.

## Status

This is currently a placeholder library. Components and services will be added as needed.

## Building

Run `nx build core` to build the library. The build artifacts will be stored in the `dist/` directory.

## Running unit tests

Run `nx test core` to execute the unit tests via [Jest](https://jestjs.io).
npm package: @ngx-utilities/ngx-if-else-loading
Description: [![npm version](https://badge.fury.io/js/%40ngx-utilities%2Fngx-if-else-loading.svg)](https://www.npmjs.com/package/@ngx-utilities/ngx-if-else-loading)
Author: Kevin Phelps
Latest version: 0.0.2

# ngx-if-else-loading

[![npm version](https://badge.fury.io/js/%40ngx-utilities%2Fngx-if-else-loading.svg)](https://www.npmjs.com/package/@ngx-utilities/ngx-if-else-loading)

The `*ngxIfElseLoading` directive is a drop-in replacement for `*ngIf` that shows a loading
animation while the condition is falsy (i.e. while content is loading).

## Installation

To install this library, run:

`npm install @ngx-utilities/ngx-if-else-loading --save` -or- `yarn add @ngx-utilities/ngx-if-else-loading`

and then import and export `NgxIfElseLoadingModule` in your Angular `SharedModule`:

```typescript
// shared.module.ts

import { NgxIfElseLoadingModule } from '@ngx-utilities/ngx-if-else-loading';

@NgModule({
  imports: [
    NgxIfElseLoadingModule
  ],
  exports: [
    NgxIfElseLoadingModule
  ]
})
export class SharedModule { }
```

### With a custom loading spinner

You can provide a custom loading component. It can be anything you want, it just has to accept
a `message` input. If your custom loading component is named `MyLoadingComponent`, the setup will
look like this:

```typescript
// shared.module.ts

@NgModule({
  imports: [
    NgxIfElseLoadingModule.withCustomLoadingComponent(MyLoadingComponent)
  ],
  declarations: [
    MyLoadingComponent
  ],
  entryComponents: [
    MyLoadingComponent
  ]
  exports: [
    NgxIfElseLoadingModule
  ]
})
export class SharedModule { }
```

## Usage

```html
<ng-container *ngxIfElseLoading="items | async; let items">
  ...content
</ng-container>
```

### With a custom message

```html
<ng-container *ngxIfElseLoading="items | async; let items; withMessage 'Loading items...'">
  ...content
</ng-container>
```

## License

MIT © [Kevin Phelps](https://kevinphelps.me)
npm package: @ngx-utilities/ngx-transfer-state
Description: [![npm version](https://badge.fury.io/js/%40ngx-utilities%2Fngx-transfer-state.svg)](https://www.npmjs.com/package/@ngx-utilities/ngx-transfer-state)
Author: Kevin Phelps
Latest version: 0.0.1-dev.1

# ngx-transfer-state

[![npm version](https://badge.fury.io/js/%40ngx-utilities%2Fngx-transfer-state.svg)](https://www.npmjs.com/package/@ngx-utilities/ngx-transfer-state)

## License

MIT © [Kevin Phelps](https://kevinphelps.me)
npm package: @ngx-utilities/observe-property
Description: [![npm version](https://badge.fury.io/js/%40ngx-utilities%2Fobserve-property.svg)](https://www.npmjs.com/package/@ngx-utilities/observe-property)
Author: Kevin Phelps
Latest version: 0.0.2

# observe-property

[![npm version](https://badge.fury.io/js/%40ngx-utilities%2Fobserve-property.svg)](https://www.npmjs.com/package/@ngx-utilities/observe-property)

The `ObserveProperty` decorator allows you create a changes observable for any class propery. This
is especially useful for Angular `@Input()` properties.

## Installation

To install this library, run:

`npm install @ngx-utilities/observe-property --save` -or- `yarn add @ngx-utilities/observe-property`

## Usage

```typescript
import { ObserveProperty } from '@ngx-utilities/observe-property';

class Person {
  firstName: string;
  lastName: string;

  @ObserveProperty('firstName') readonly firstNameChanges: Observable<string>;
  @ObserveProperty('lastName') readonly lastNameChanges: Observable<string>;
}
```

## License

MIT © [Kevin Phelps](https://kevinphelps.me)
npm package: @ngx-utility/core
Description: Angular Utility Core Module
Author: User
Latest version: 15.0.0

# Core Utils Module

## Installation

```shell script
npm install --save @ngx-utility/core
```

## Setup

```typescript
@NgModule({
  imports: [
    BrowserModule,
    UtilityCoreModule
  ],
  bootstrap: [AppComponent]
})
export class AppModule {
}
```

## Usage

### Empty Pipe

```angular2html
<span>{{null|empty}}</span>
```

### Other pipes

See documentation: [https://xbranch.github.io/ngx-utility/#/core](https://xbranch.github.io/ngx-utility/#/core)
npm package: @ngx-utility/dates
Description: Angular Utility Dates Module
Author: User
Latest version: 15.0.0

# Date Utils Module

## Installation

```shell script
npm install --save @ngx-utility/dates moment
```

## Setup

```typescript
@NgModule({
  imports: [
    BrowserModule,
    UtilityDatesModule
  ],
  bootstrap: [AppComponent]
})
export class AppModule {
}
```

## Usage

### FromNow Pipe

```angular2html
<span>{{yesterday|fromNow}}</span>
```

### Other pipes

See documentation: [https://xbranch.github.io/ngx-utility/#/dates](https://xbranch.github.io/ngx-utility/#/dates)
npm package: @ngx-utility/files
Description: Angular Utility Files Module
Author: User
Latest version: 15.0.0

# Files Utils Module

## Installation

```shell script
npm install --save @ngx-utility/files
```

## Setup

```typescript
@NgModule({
  imports: [
    BrowserModule,
    UtilityFilesModule
  ],
  bootstrap: [AppComponent]
})
export class AppModule {
}
```

## Usage

### Bytes Pipe

```angular2html
<span>{{1024|bytes}}</span>
```

### Other pipes

See documentation: [https://xbranch.github.io/ngx-utility/#/files](https://xbranch.github.io/ngx-utility/#/files)
npm package: @ngx-utils/express-engine
Description: Engine for server rendering Angular apps
Author: Anton Barada
Latest version: 1.0.1
Deprecated: This package is no longer supported and not relevant.

# @ngx-utils/express-engine

[![npm version](https://badge.fury.io/js/%40ngx-utils%2Fexpress-engine.svg)](https://badge.fury.io/js/%40ngx-utils%2Fexpress-engine) [![npm downloads](https://img.shields.io/npm/dm/@ngx-utils/express-engine.svg)](https://www.npmjs.com/package/@ngx-utils/express-engine)

Engine for server rendering Angular apps

## Table of contents:
- [Prerequisites](#prerequisites)
- [Installation](#installation)
- [Example of usage](#example-of-usage)
- [License](#license)

## Prerequisites

This package depends on `@angular v4.0.0` and `express`.

Install `express` from npm:
```bash
npm install express --save
```

## Installation

Install **@ngx-utils/express-engine** from npm:
```bash
npm install @ngx-utils/express-engine --save
```

## Example of usage

Simple exapmle of express server using `@ngx-utils/express-engine`:

```ts
import 'zone.js/dist/zone-node';
import 'reflect-metadata';
import * as express from 'express';
import { enableProdMode } from '@angular/core';
import { ngExpressEngine } from '@ngx-utils/express-engine';

import { ServerAppModuleNgFactory } from './ngfactory/server.module.ngfactory';
import { environment } from './environments/environment';

const app = express();

enableProdMode();

app.engine('html', ngExpressEngine({
  aot: true,
  bootstrap: ServerAppModuleNgFactory
}));

app.set('view engine', 'html');
app.set('views', 'dist/client');

app.get('*', (req, res) => {
  res.render('../client/index', {cache: true, req, res});
});

app.listen(environment.port);

```

## License

The MIT License (MIT)
npm package: @ngx-validate/core
Description: <p align="center">   <img src="https://github.com/ng-turkey/ngx-validate/workflows/Lint%20&%20Test%20&%20Build/badge.svg"/>   <a href="https://codeclimate.com/github/ng-turkey/ngx-validate/maintainability"><img src="https://api.codeclimate.com/v1/badges/1
Latest version: 0.2.0

# NgxValidate

<p align="center">
  <img src="https://github.com/ng-turkey/ngx-validate/workflows/Lint%20&%20Test%20&%20Build/badge.svg"/>
  <a href="https://codeclimate.com/github/ng-turkey/ngx-validate/maintainability"><img src="https://api.codeclimate.com/v1/badges/1e3e683f0e67e72d7066/maintainability" /></a>
  <a href="https://codeclimate.com/github/ng-turkey/ngx-validate/test_coverage"><img src="https://api.codeclimate.com/v1/badges/1e3e683f0e67e72d7066/test_coverage" /></a>
  <img src="https://img.shields.io/github/license/ng-turkey/ngx-validate.svg" />
  <a href="https://twitter.com/ngTurkiye"><img src="https://img.shields.io/twitter/follow/ngTurkiye.svg?label=Follow"/></a>
</p>

This project is still a work-in-progress and, although it works fine, it should be used with caution.

## Live demo

[Stackblitz Example](https://stackblitz.com/edit/ngx-validate)

## Installation

```bash
yarn add @ngx-validate/core
```

or

```bash
npm install @ngx-validate/core
```

## Usage

Import core module to your main module as follows:

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

import { AppRoutingModule } from './app-routing.module';
import { AppComponent } from './app.component';
import { NgxValidateCoreModule } from '@ngx-validate/core';

@NgModule({
  declarations: [AppComponent],
  imports: [BrowserModule, AppRoutingModule, ReactiveFormsModule, NgxValidateCoreModule.forRoot()],
  providers: [],
  bootstrap: [AppComponent],
})
export class AppModule {}
```

## Features

- [x] Dynamic display of validation errors

- [x] Support for error blueprints with parameters

- [x] Separate directives to mark style and render targets in DOM

- [x] Meaningful defaults, instant start

- [x] Flexible configuration on module, form group, and form control level

- [x] Permissive license (MIT)