@sbcore/ng-absolute-validator 14.0.0 → 14.0.2

package/README.md

@@ -1,257 +1,245 @@
-# Angular Absolute Validator
-Like no other form validation library, simply write in English your requirements inside your form HTML tags, Absolute Validator will do the rest.
-
-> **Package renamed:** this library was previously published as `ng-absolute-validator`. It now lives at **`@sbdev/ng-absolute-validator`** — update your install command and imports to the new scoped name below. The old package name is deprecated and will no longer receive updates; existing installs keep working, but new features (including everything in this release) are only published under the new name.
-
-## New Features
- * Package renamed from `ng-absolute-validator` to `@sbdev/ng-absolute-validator` ([see above](#angular-absolute-validator)).
- * New `showErrorOn` input — choose which state(s) (`touched`, `dirty`, `submit`, `always`) trigger the error display, combinable as an array.
- * New `disableDefaultError` input — turn off the library's built-in error rendering for a field so you can build fully custom error UI off the `errorMessages` output instead.
- * New `errorMessages` output — emits the full list of raw validation error messages for a control, not just the rendered inline message.
- * Add error messages with multi-language support ([see below](#multi-language-error-messages)).
- * Set a fallback language for an empty main message.
- * Add the language and message object at the application root.
- * Add an inline error message with multi-language support.
- * No need to add a field name for reactive validation.
-
-## Dependencies
-This library requires [`date-fns`](https://www.npmjs.com/package/date-fns) to be installed.
-
-## Documentation
-Go to [Full Documentation](http://package.sbdeveloper.in/docs/ng-absolute-form-validator/14.0)
-
-## Installation
-
-To install this library, run:
-```bash
-$ npm install @sbdev/ng-absolute-validator@14
-```
-
-> Upgrading from the old package? Uninstall the deprecated name first: `npm uninstall ng-absolute-validator`, then install `@sbdev/ng-absolute-validator` as above and update every import in your project to match (see below).
-
-Import `FormsModule`, `ReactiveFormsModule` and `NgAbsoluteValidatorModule` in your Angular `AppModule`. `FormsModule` is required for template-driven forms, `ReactiveFormsModule` is required for reactive forms (see the examples below) — import both if your app uses either style.
-
-```typescript
-import { BrowserModule } from '@angular/platform-browser';
-import { NgModule } from '@angular/core';
-import { FormsModule, ReactiveFormsModule } from '@angular/forms';
-import { AppComponent } from './app.component';
-import { NgAbsoluteValidatorModule } from '@sbdev/ng-absolute-validator';
-
-@NgModule({
-	declarations: [
-		AppComponent
-	],
-	imports: [
-		BrowserModule,
-		FormsModule,
-		ReactiveFormsModule,
-		NgAbsoluteValidatorModule
-	],
-	providers: [],
-	bootstrap: [AppComponent]
-})
-export class AppModule { }
-```
-
-## Multi-language Error Messages
-
-`NgAbsoluteValidatorModule` can render validation messages in more than one language: a project-wide message set is registered once at the application root, with a fallback language for anything not translated, and any single field can override or extend that message set inline.
-
-> **Note:** the exact shape below (`forRoot()`, and the `language` / `fallbackLanguage` / `messages` property names) reflects the `forRoot()`-based pattern — double check the property names against your actual module source before publishing, since a couple of small naming details weren't confirmed against the real implementation.
-
-### Registering languages at the application root
-
-Pass your message object and the active language to `forRoot()` when importing the module in `AppModule`:
-
-```typescript
-import { NgModule } from '@angular/core';
-import { NgAbsoluteValidatorModule } from '@sbdev/ng-absolute-validator';
-
-@NgModule({
-	imports: [
-		NgAbsoluteValidatorModule.forRoot({
-			language: 'en',
-			fallbackLanguage: 'en',
-			messages: {
-				en: {
-					required: 'The :attribute field is required.',
-					email: 'The :attribute must be a valid email address.',
-					above: 'The :attribute should be above :arg0.'
-				},
-				ar: {
-					required: 'حقل :attribute مطلوب.',
-					email: 'يجب أن يكون :attribute بريدًا إلكترونيًا صالحًا.'
-					// "above" is intentionally left untranslated here --
-					// see "Falling back to a default language" below
-				}
-			}
-		})
-	]
-})
-export class AppModule { }
-```
-
-### Falling back to a default language
-
-If the active `language` has no message defined for a rule that fails, the library looks it up in `fallbackLanguage` instead of showing a blank or missing message. In the example above, an Arabic-language user who fails the `above` rule sees the English fallback message, since the `ar` message set never defines one for `above`.
-
-### Inline, per-field message overrides
-
-A single field can override — or add — messages without touching the root configuration, by passing a message object as the second argument to `rv.map()`. It only affects that field:
-
-```typescript
-public aboveMessage: any = {
-	en: { above: 'The :attribute should be above :arg0.' },
-	ar: { above: 'ال :attribute يجب أن يكون أعلاه :arg0.' }
-}
-
-public formRules = {
-	above: ['', this.rv.map('above:20', this.aboveMessage)],
-	// ...
-}
-```
-
-Use this when one field needs custom wording that shouldn't apply to every other field using the same rule elsewhere in the app.
-
-## Add CSS Style for color effect on validation 
-Add CSS style to application style.css file to get color effect on validation.
-
-```css
-.ng-invalid:not(form):not(.ng-untouched){
-    border: 1px solid red;
-}
-.ng-valid:not(form){
-    border: 1px solid green;
-}
- ```
-## Template driven form validation Example
-Once your library is imported, you can use the validation display message component and directive to activate the validation process.
-
-```html
-<!-- For directive use, with no chain rules -->
-<form (ngSubmit)="onSubmit(form)" #form="ngForm">
-	<input type="text" name="<name>" [(ngModel)]="<name>" #<name>="ngModel">
-    <ng-absolute-validator  [formInstance]="<name>" (onValid)="getStatus($event)"></ng-absolute-validator>
-</form>
-
-<!-- For Chain validation -->
-<form (ngSubmit)="onSubmit(form)" #form="ngForm">
-	<input rule="required|integer|above:20" type="text" name="<name>" [(ngModel)]="<name>" #<name>="ngModel">
-	<ng-absolute-validator  [formInstance]="<name>" (onValid)="getStatus($event)"></ng-absolute-validator>    
-</form>
-```
-
-## Reactive form validation Example
-
-```typescript
-import { Component } from '@angular/core';
-import { ReactiveValidator } from '@package/services/reactive.validate';
-import { FormBuilder, FormGroup } from '@angular/forms';
-
-@Component({
-    selector: 'app-reactive',
-    templateUrl: './reactive.component.html',
-    styleUrls: ['./reactive.component.css']
-})
-export class ReactiveComponent {
-
-	public form: FormGroup;
-	public formRules: { [key: string]: any };
-
-	public aboveMessage: any = {
-		en: { above: 'The :attribute should be above :arg0.' },
-		ar: { above: 'ال :attribute يجب أن يكون أعلاه :arg0.' }
-	}
-
-	constructor(
-		private fb: FormBuilder,
-		private rv: ReactiveValidator,
-	) {
-		// build formRules here, inside the constructor -- fb/rv are only
-		// guaranteed to be assigned once the constructor body runs, so
-		// referencing them in a field initializer above the constructor
-		// can fail to compile under stricter tsconfig targets (TS2729).
-		this.formRules = {
-			above: ['', this.rv.map('above:20', this.aboveMessage)],
-			dimension: ['',
-				this.rv.map('image'),
-				this.rv.dimension('width=200px,height=200px')
-			],
-			email: ['',
-				this.rv.map('email'),
-				this.rv.unique({ url: 'http://jsonplaceholder.typicode.com/users' })
-			],
-		}
-
-		this.form = this.fb.group(this.formRules);
-	}
-}
-```
-## Validation Rules
-All validation rules and error message details are given in the documentation: [Full Documentation](http://package.sbdeveloper.in/docs/ng-absolute-form-validator/14.0)
-
-The **Rule** column is the name used in code (e.g. as a `RuleValidatorsService` method); the **Usage** column is the exact string you write inside `rule="..."` or `rv.map('...')` — note that multi-word rules use `snake_case` there, not camelCase.
-
-| Rules | Usage | Description |
-| :--- | :--- | :--- |
-|`above`|`above:20`|Makes sure the value provided by the end user is above the expected value. This method will wrap<br>both the values|
-|`accepted`|`accepted`|Ensures that the field under validation is accepted. Empty strings, false, null, 0 and undefined<br>values will be considered as not accepted.|
-|`after`|`after:12-01-1991`|Ensures the value of the field is after the expected date.|
-|`alpha`|`alpha`|Makes sure the field under validation is alpha only.|
-|`alphaDash`|`alpha_dash`|Makes sure the field under validation is contain letters, numbers, dashes and underscores.|
-|`alphaNumeric`|`alpha_numeric`|Makes sure the field under validation is alpha numeric only.|
-|`array`|`array`|Ensure the value is a valid array. Also this validation will never validate the size of array.|
-|`before`|`before:12-01-1991`|Ensures the value of field under validation is before a given date.|
-|`between`|`between:5,10`|Ensures a numeric value falls strictly between the two given bounds, exclusive of both endpoints<br>(so `between:5,10` accepts 6-9 but rejects 5 and 10). Unlike `range`, the boundary values themselves<br>are not accepted.|
-|`boolean`|`boolean`|Ensures the value of a field is a boolean. Also it will cast following strings to their boolean<br>counter parts.|
-|`confirmed`|`confirmed`|Ensures a field value as confirmed using a _confirmation convention. This is mainly used for<br>password confirmation field.<br>For example: If the password field name is password, then another field called password_confirmation<br>must exist and should have the same value as the actual field.|
-|`creditCard`|`credit_card`|Ensures a field value must be a valid credit card number.|
-|`cvv`|`cvv`|Ensures a field value must be a CVV number.|
-|`date`|`date`|Ensures the field under validation is a valid date. The value can be a date object or a valid date<br>string.|
-|`dateFormat`|`date_format:DD-MM-YYYY`|Ensures the date or date time is valid as the one of the defined formats.|
-|`debitCard`|`debit_card`|Ensures a field value must be a valid debit card number.|
-|`different`|`different:other_field`|Ensures the value of the field under validation is always different from the targeted field value.|
-|`dimension`|`rv.dimension('width=200px,height=200px')`|Ensures the The file under validation must be an image meeting the dimension constraints as<br>specified by the accppeted params like: height=200,max_height=200,width=200,max_width=200,ratio=1.2. Passed as its own call, not inside the `rule` chain — see the reactive form example above.|
-|`email`|`email`|Ensures the field under validation is a valid email format.|
-|`endsWith`|`ends_with:a,b`|Ensure the value of field under validation ends with a certain substr. This validation will also<br>trim whitespaces before making the check|
-|`equals`|`equals:a`|Ensures the value of the field under validation exactly matches the given value.|
-|`exists`|`rv.exists({url:'...'})`|Ensures the value exists in the database. Only <b>GET</b> and <b>POST</b> methods are<br>allowed for remote validation; the default method is <b>GET</b>. Passed as its own call, not inside the `rule` chain.|
-|`image`|`image`|Ensures the upload file is an valid image file|
-|`in`|`in:a,b`|Ensures the value of a given field matches one of expected values.|
-|`includes`|`includes:abcd,efgh`|Ensures the value of field under validation contains a given substring.|
-|`integer`|`integer`|Ensures the value is a valid integer. Also string representation of a number will return true.|
-|`ip`|`ip`|Ensures the value is a valid ip address as per ipv4 and ipv6 specs.|
-|`ipv4`|`ipv4`|Ensures the value is a valid ip address as per ipv4 spec only.|
-|`ipv6`|`ipv6`|Ensures the value is a valid ip address as per ipv6 spec only.|
-|`json`|`json`|Ensures the value of field under validation is safe to be parsed using JSON.parse method.|
-|`max`|`max:10`|Ensures the length of a string or array or number is not greater than the defined length.|
-|`min`|`min:10`|Ensures the length of a string or array or number is not is not less than the expected length|
-|`mimes`|`mimes:png,jpg`|Ensures the file must have a MIME type corresponding to one of the listed extensions.|
-|`notEquals`|`not_equals:10`|Makes sure that the value of field under validation is not same as the defined value.|
-|`notIn`|`not_in:a,b,c`|Makes sure that the value of field under validation is not from one of the defined values.|
-|`notRegex`|`not_regex:(?=.*[0-9])`|Ensures the value of field under validation, passes the regex test. The regex can be defined as a<br>string or a RegExp object.|
-|`number`|`number`|Makes sure that the value of field under validation is a valid number. The validation will pass for<br>floats too, since it uses typeof internally.|
-|`phoneNo`|`phone_no`|Makes sure that the value of field under validation is a valid phone number. In default phone number<br>is validate more than 10 Style of number.To override the default behaviour pass new regex expression<br>to validate the number.|
-|`range`|`range:5,10`|Ensures the value of field under validation is under a given range. The values will be cased to<br>Number automatically.|
-|`regex`|`regex:(?=.*[0-9])`|Ensures the value of field under validation, passes the regex test. The regex can be defined as a<br>string or a RegExp object.|
-|`required`|`required`|Ensures the value of field under validation is not empty.|
-|`requiredIf`|`required_if:field,value`|Ensures the field under validation must be present and not empty if the anotherfield field is equal<br>to any value. The Match with field must be define or initialized or placed before validated field.|
-|`requiredUnless`|`required_unless:field,value`|Ensures the field under validation must be present and not empty unless the anotherfield field is<br>equal to any value. The Match with fields must be define or initialized or placed before validated<br>field.|
-|`requiredWith`|`required_with:field1,field2`|Ensure The field under validation must be present and not empty only if any of the other specified<br>fields are present. The Match with fields must be define or initialized or placed before validated<br>field.|
-|`requiredWithAll`|`required_with_all:field1,field2`|Ensure The field under validation must be present and not empty only if all of the other specified<br>fields are present. The Match with fields must be define or initialized or placed before validated<br>field.|
-|`requiredWithout`|`required_without:field1,field2`|Ensure The field under validation must be present and not empty only when any of the other specified<br>fields are not present. The Match with fields must be define or initialized or placed before<br>validated field.|
-|`requiredWithoutAll`|`required_without_all:field1,field2`|Ensure The field under validation must be present and not empty only when all of the other specified<br>fields are not present. The Match with fields must be define or initialized or placed before<br>validated field.|
-|`same`|`same:other_field`|Ensures the value of 2 fields are same.|
-|`size`|`size:120`|Ensures the size of the file not more than the specific size (in KB).|
-|`startsWith`|`starts_with:a,b`|Ensures the value of 2 fields are same.|
-|`string`|`string`|Ensures the value is a string.|
-|`strength`|`strength`| Make sure the value strength should mach pre defined regex expression.<br><br> Add or overide with new regex expression from root config.<br> Add or modify progess bar color combination from root config.<br> <ul> <b>a</b> : String must be 8 charecter long.<br> <b>b</b> : String must contain one uppercase letter.<br> <b>c</b> : String must contain one spatial charecter.<br> <b>d</b> : String must contain one digit.<br> <b>b</b> : String must contain one lowecase letter.<br> </ul> |
-|`under`|`under:10`|Ensures the value of a field is under a certain value. All values will be casted to Number|
-|`url`|`url`|Ensures the value is a valid URL format.|
-|`uuid`|`uuid`|Ensures the value is a valid UUID format.|
-|`unique`|`rv.unique({url:'...'})`|Ensures the value is unique in the database. Only <b>GET</b> and <b>POST</b> methods are<br>allowed for remote validation; the default method is <b>GET</b>. Passed as its own call, not inside the `rule` chain.|
-|`video`|`video`|Ensures the upload file is an valid video file|
-
-## License
-This project is licensed under the terms of the MIT license.
+# Angular Absolute Validator
+Like no other form validation library, simply write in English your requirements inside your form HTML tags, Absolute Validator will do the rest.
+
+> **Package renamed:** this library was previously published as `ng-absolute-validator`. It now lives at **`@sbcore/ng-absolute-validator`** — update your install command and imports to the new scoped name below. The old package name is deprecated and will no longer receive updates; existing installs keep working, but new features (including everything in this release) are only published under the new name.
+
+## New Features
+ * Package renamed from `ng-absolute-validator` to `@sbcore/ng-absolute-validator` ([see above](#angular-absolute-validator)).
+ * New `showErrorOn` input — choose which state(s) (`touched`, `dirty`, `submit`, `always`) trigger the error display, combinable as an array.
+ * New `disableDefaultError` input — turn off the library's built-in error rendering for a field so you can build fully custom error UI off the `errorMessages` output instead.
+ * New `errorMessages` output — emits the full list of raw validation error messages for a control, not just the rendered inline message.
+ * Add error messages with multi-language support ([see below](#multi-language-error-messages)).
+ * Set a fallback language for an empty main message.
+ * Add the language and message object at the application root.
+ * Add an inline error message with multi-language support.
+ * No need to add a field name for reactive validation.
+
+## Documentation
+Go to [Full Documentation](http://package.sbdeveloper.in/docs/ng-absolute-form-validator/14.0)
+
+## Installation
+
+To install this library, run:
+```bash
+$ npm install @sbcore/ng-absolute-validator
+```
+
+> Upgrading from the old package? Uninstall the deprecated name first: `npm uninstall ng-absolute-validator`, then install `@sbcore/ng-absolute-validator` as above and update every import in your project to match (see below).
+
+Import `FormsModule`, `ReactiveFormsModule` and `NgAbsoluteValidatorModule` in your Angular `AppModule`. `FormsModule` is required for template-driven forms, `ReactiveFormsModule` is required for reactive forms (see the examples below) — import both if your app uses either style.
+
+```typescript
+import { BrowserModule } from '@angular/platform-browser';
+import { NgModule } from '@angular/core';
+import { FormsModule, ReactiveFormsModule } from '@angular/forms';
+import { AppComponent } from './app.component';
+import { NgAbsoluteValidatorModule } from '@sbcore/ng-absolute-validator';
+
+@NgModule({
+  declarations: [
+      AppComponent
+  ],
+  imports: [
+      BrowserModule,
+      FormsModule,
+      ReactiveFormsModule,
+      NgAbsoluteValidatorModule.forRoot({})
+  ],
+  providers: [],
+  bootstrap: [AppComponent]
+})
+export class AppModule { }
+```
+
+## Multi-language Error Messages
+
+`NgAbsoluteValidatorModule` can render validation messages in more than one language: a project-wide message set is registered once at the application root, with a fallback language for anything not translated, and any single field can override or extend that message set inline.
+
+### Registering languages at the application root
+
+Pass your message object and the active language to `forRoot()` when importing the module in `AppModule`:
+
+```typescript
+import { NgModule } from '@angular/core';
+import { NgAbsoluteValidatorModule } from '@sbcore/ng-absolute-validator';
+
+@NgModule({
+  imports: [
+      NgAbsoluteValidatorModule.forRoot({
+        language: 'en',
+        fallbackLanguage: 'en',
+        messages: {
+          en: {
+              required: 'The :attribute field is required.',
+              email: 'The :attribute must be a valid email address.',
+              above: 'The :attribute should be above :arg0.'
+          },
+          ar: {
+              required: 'حقل :attribute مطلوب.',
+              email: 'يجب أن يكون :attribute بريدًا إلكترونيًا صالحًا.'
+          }
+        }
+      })
+  ]
+})
+export class AppModule { }
+```
+
+### Falling back to a default language
+
+If the active `language` has no message defined for a rule that fails, the library looks it up in `fallbackLanguage` instead of showing a blank or missing message. In the example above, an Arabic-language user who fails the `above` rule sees the English fallback message, since the `ar` message set never defines one for `above`.
+
+### Inline, per-field message overrides
+
+A single field can override — or add — messages without touching the root configuration, by passing a message object as the second argument to `rv.map()`. It only affects that field:
+
+```typescript
+public aboveMessage: any = {
+    en: { above: 'The :attribute should be above :arg0.' },
+    ar: { above: 'ال :attribute يجب أن يكون أعلاه :arg0.' }
+}
+
+public formRules = {
+    above: ['', this.rv.map('above:20', this.aboveMessage)],
+    // ...
+}
+```
+
+Use this when one field needs custom wording that shouldn't apply to every other field using the same rule elsewhere in the app.
+
+## Add CSS Style for color effect on validation 
+Add CSS style to application style.css file to get color effect on validation.
+
+```css
+.ng-invalid:not(form):not(.ng-untouched){
+    border: 1px solid red;
+}
+.ng-valid:not(form){
+    border: 1px solid green;
+}
+ ```
+## Template driven form validation Example
+Once your library is imported, you can use the validation display message component and directive to activate the validation process.
+
+```html
+<!-- For directive use, with no chain rules -->
+<form (ngSubmit)="onSubmit(form)" #form="ngForm">
+    <input type="text" name="<name>" [(ngModel)]="<name>" #<name>="ngModel">
+    <ng-absolute-validator  [formInstance]="<name>" (onValid)="getStatus($event)"></ng-absolute-validator>
+</form>
+
+<!-- For Chain validation -->
+<form (ngSubmit)="onSubmit(form)" #form="ngForm">
+    <input rule="required|integer|above:20" type="text" name="<name>" [(ngModel)]="<name>" #<name>="ngModel">
+    <ng-absolute-validator  [formInstance]="<name>" (onValid)="getStatus($event)"></ng-absolute-validator>    
+</form>
+```
+
+## Reactive form validation Example
+
+```typescript
+import { Component } from '@angular/core';
+import { ReactiveValidator } from '@sbcore/ng-absolute-validator';
+import { FormBuilder, FormGroup } from '@angular/forms';
+
+@Component({
+    selector: 'app-reactive',
+    templateUrl: './reactive.component.html',
+    styleUrls: ['./reactive.component.css']
+})
+export class ReactiveComponent {
+
+    public form: FormGroup;
+    public formRules: { [key: string]: any };
+
+    public aboveMessage: any = {
+        en: { above: 'The :attribute should be above :arg0.' },
+        ar: { above: 'ال :attribute يجب أن يكون أعلاه :arg0.' }
+    }
+
+    constructor(
+        private fb: FormBuilder,
+        private rv: ReactiveValidator,
+    ) {
+        this.formRules = {
+            above: ['', this.rv.map('above:20', this.aboveMessage)],
+            dimension: ['',
+                this.rv.map('image'),
+                this.rv.dimension('width=200px,height=200px')
+            ],
+            email: ['',
+                this.rv.map('email'),
+                this.rv.unique({ url: 'http://jsonplaceholder.typicode.com/users' })
+            ],
+        }
+        this.form = this.fb.group(this.formRules);
+    }
+}
+```
+## Validation Rules
+All validation rules and error message details are given in the documentation: [Full Documentation](http://package.sbdeveloper.in/docs/ng-absolute-form-validator/14.0)
+
+The **Rule** column is the name used in code (e.g. as a `RuleValidatorsService` method); the **Usage** column is the exact string you write inside `rule="..."` or `rv.map('...')` — note that multi-word rules use `snake_case` there, not camelCase.
+
+| Rules | Usage | Description |
+| :--- | :--- | :--- |
+|`above`|`above:20`|Makes sure the value provided by the end user is above the expected value. This method will wrap<br>both the values|
+|`accepted`|`accepted`|Ensures that the field under validation is accepted. Empty strings, false, null, 0 and undefined<br>values will be considered as not accepted.|
+|`after`|`after:12-01-1991`|Ensures the value of the field is after the expected date.|
+|`alpha`|`alpha`|Makes sure the field under validation is alpha only.|
+|`alphaDash`|`alpha_dash`|Makes sure the field under validation is contain letters, numbers, dashes and underscores.|
+|`alphaNumeric`|`alpha_numeric`|Makes sure the field under validation is alpha numeric only.|
+|`array`|`array`|Ensure the value is a valid array. Also this validation will never validate the size of array.|
+|`before`|`before:12-01-1991`|Ensures the value of field under validation is before a given date.|
+|`between`|`between:5,10`|Ensures a numeric value falls strictly between the two given bounds, exclusive of both endpoints<br>(so `between:5,10` accepts 6-9 but rejects 5 and 10). Unlike `range`, the boundary values themselves<br>are not accepted.|
+|`boolean`|`boolean`|Ensures the value of a field is a boolean. Also it will cast following strings to their boolean<br>counter parts.|
+|`confirmed`|`confirmed`|Ensures a field value as confirmed using a _confirmation convention. This is mainly used for<br>password confirmation field.<br>For example: If the password field name is password, then another field called password_confirmation<br>must exist and should have the same value as the actual field.|
+|`creditCard`|`credit_card`|Ensures a field value must be a valid credit card number.|
+|`cvv`|`cvv`|Ensures a field value must be a CVV number.|
+|`date`|`date`|Ensures the field under validation is a valid date. The value can be a date object or a valid date<br>string.|
+|`dateFormat`|`date_format:DD-MM-YYYY`|Ensures the date or date time is valid as the one of the defined formats.|
+|`debitCard`|`debit_card`|Ensures a field value must be a valid debit card number.|
+|`different`|`different:other_field`|Ensures the value of the field under validation is always different from the targeted field value.|
+|`dimension`|`rv.dimension('width=200px,height=200px')`|Ensures the The file under validation must be an image meeting the dimension constraints as<br>specified by the accppeted params like: height=200,max_height=200,width=200,max_width=200,ratio=1.2. Passed as its own call, not inside the `rule` chain — see the reactive form example above.|
+|`email`|`email`|Ensures the field under validation is a valid email format.|
+|`endsWith`|`ends_with:a,b`|Ensure the value of field under validation ends with a certain substr. This validation will also<br>trim whitespaces before making the check|
+|`equals`|`equals:a`|Ensures the value of the field under validation exactly matches the given value.|
+|`exists`|`rv.exists({url:'...'})`|Ensures the value exists in the database. Only <b>GET</b> and <b>POST</b> methods are<br>allowed for remote validation; the default method is <b>GET</b>. Passed as its own call, not inside the `rule` chain.|
+|`image`|`image`|Ensures the upload file is an valid image file|
+|`in`|`in:a,b`|Ensures the value of a given field matches one of expected values.|
+|`includes`|`includes:abcd,efgh`|Ensures the value of field under validation contains a given substring.|
+|`integer`|`integer`|Ensures the value is a valid integer. Also string representation of a number will return true.|
+|`ip`|`ip`|Ensures the value is a valid ip address as per ipv4 and ipv6 specs.|
+|`ipv4`|`ipv4`|Ensures the value is a valid ip address as per ipv4 spec only.|
+|`ipv6`|`ipv6`|Ensures the value is a valid ip address as per ipv6 spec only.|
+|`json`|`json`|Ensures the value of field under validation is safe to be parsed using JSON.parse method.|
+|`max`|`max:10`|Ensures the length of a string or array or number is not greater than the defined length.|
+|`min`|`min:10`|Ensures the length of a string or array or number is not is not less than the expected length|
+|`mimes`|`mimes:png,jpg`|Ensures the file must have a MIME type corresponding to one of the listed extensions.|
+|`notEquals`|`not_equals:10`|Makes sure that the value of field under validation is not same as the defined value.|
+|`notIn`|`not_in:a,b,c`|Makes sure that the value of field under validation is not from one of the defined values.|
+|`notRegex`|`not_regex:(?=.*[0-9])`|Ensures the value of field under validation, passes the regex test. The regex can be defined as a<br>string or a RegExp object.|
+|`number`|`number`|Makes sure that the value of field under validation is a valid number. The validation will pass for<br>floats too, since it uses typeof internally.|
+|`phoneNo`|`phone_no`|Makes sure that the value of field under validation is a valid phone number. In default phone number<br>is validate more than 10 Style of number.To override the default behaviour pass new regex expression<br>to validate the number.|
+|`range`|`range:5,10`|Ensures the value of field under validation is under a given range. The values will be cased to<br>Number automatically.|
+|`regex`|`regex:(?=.*[0-9])`|Ensures the value of field under validation, passes the regex test. The regex can be defined as a<br>string or a RegExp object.|
+|`required`|`required`|Ensures the value of field under validation is not empty.|
+|`requiredIf`|`required_if:field,value`|Ensures the field under validation must be present and not empty if the anotherfield field is equal<br>to any value. The Match with field must be define or initialized or placed before validated field.|
+|`requiredUnless`|`required_unless:field,value`|Ensures the field under validation must be present and not empty unless the anotherfield field is<br>equal to any value. The Match with fields must be define or initialized or placed before validated<br>field.|
+|`requiredWith`|`required_with:field1,field2`|Ensure The field under validation must be present and not empty only if any of the other specified<br>fields are present. The Match with fields must be define or initialized or placed before validated<br>field.|
+|`requiredWithAll`|`required_with_all:field1,field2`|Ensure The field under validation must be present and not empty only if all of the other specified<br>fields are present. The Match with fields must be define or initialized or placed before validated<br>field.|
+|`requiredWithout`|`required_without:field1,field2`|Ensure The field under validation must be present and not empty only when any of the other specified<br>fields are not present. The Match with fields must be define or initialized or placed before<br>validated field.|
+|`requiredWithoutAll`|`required_without_all:field1,field2`|Ensure The field under validation must be present and not empty only when all of the other specified<br>fields are not present. The Match with fields must be define or initialized or placed before<br>validated field.|
+|`same`|`same:other_field`|Ensures the value of 2 fields are same.|
+|`size`|`size:120`|Ensures the size of the file not more than the specific size (in KB).|
+|`startsWith`|`starts_with:a,b`|Ensures the value of 2 fields are same.|
+|`string`|`string`|Ensures the value is a string.|
+|`strength`|`strength`| Make sure the value strength should mach pre defined regex expression.<br><br> Add or overide with new regex expression from root config.<br> Add or modify progess bar color combination from root config.<br> <ul> <b>a</b> : String must be 8 charecter long.<br> <b>b</b> : String must contain one uppercase letter.<br> <b>c</b> : String must contain one spatial charecter.<br> <b>d</b> : String must contain one digit.<br> <b>b</b> : String must contain one lowecase letter.<br> </ul> |
+|`under`|`under:10`|Ensures the value of a field is under a certain value. All values will be casted to Number|
+|`url`|`url`|Ensures the value is a valid URL format.|
+|`uuid`|`uuid`|Ensures the value is a valid UUID format.|
+|`unique`|`rv.unique({url:'...'})`|Ensures the value is unique in the database. Only <b>GET</b> and <b>POST</b> methods are<br>allowed for remote validation; the default method is <b>GET</b>. Passed as its own call, not inside the `rule` chain.|
+|`video`|`video`|Ensures the upload file is an valid video file|
+
+## License
+This project is licensed under the terms of the MIT license.

package/esm2020/lib/directive/error-trigger/error-trigger-on.directive.mjs

@@ -1,7 +1,7 @@
 import { FormGroupDirective, NgForm } from '@angular/forms';
 import { Directive, Inject, Input, Optional } from '@angular/core';
 import * as i0 from "@angular/core";
-export class ErrorTriggerOnDirective {
+export class ErrorTriggerOn {
     constructor(FormGroupDirective, NgForm) {
         this.FormGroupDirective = FormGroupDirective;
         this.NgForm = NgForm;
@@ -11,9 +11,9 @@ export class ErrorTriggerOnDirective {
         this.FormGroupDirective && (this.FormGroupDirective.errorTriggerOn = triggerState);
     }
 }
-ErrorTriggerOnDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: ErrorTriggerOnDirective, deps: [{ token: FormGroupDirective, optional: true }, { token: NgForm, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
-ErrorTriggerOnDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.3.0", type: ErrorTriggerOnDirective, selector: "form[ErrorTriggerOn]", inputs: { message: ["ErrorTriggerOn", "message"] }, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: ErrorTriggerOnDirective, decorators: [{
+ErrorTriggerOn.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: ErrorTriggerOn, deps: [{ token: FormGroupDirective, optional: true }, { token: NgForm, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
+ErrorTriggerOn.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.3.0", type: ErrorTriggerOn, selector: "form[ErrorTriggerOn]", inputs: { message: ["ErrorTriggerOn", "message"] }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: ErrorTriggerOn, decorators: [{
             type: Directive,
             args: [{
                     selector: 'form[ErrorTriggerOn]'
@@ -32,4 +32,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImpor
                 type: Input,
                 args: ['ErrorTriggerOn']
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZXJyb3ItdHJpZ2dlci1vbi5kaXJlY3RpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZy1hYnNvbHV0ZS12YWxpZGF0b3Ivc3JjL2xpYi9kaXJlY3RpdmUvZXJyb3ItdHJpZ2dlci9lcnJvci10cmlnZ2VyLW9uLmRpcmVjdGl2ZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFDNUQsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLEVBQUUsS0FBSyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQzs7QUFNbkUsTUFBTSxPQUFPLHVCQUF1QjtJQUVoQyxZQUNvRCxrQkFBdUMsRUFDbkQsTUFBZTtRQURILHVCQUFrQixHQUFsQixrQkFBa0IsQ0FBcUI7UUFDbkQsV0FBTSxHQUFOLE1BQU0sQ0FBUztJQUNuRCxDQUFDO0lBRUwsSUFDSSxPQUFPLENBQUMsWUFBaUM7UUFDekMsSUFBSSxDQUFDLE1BQU0sSUFBSSxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsY0FBYyxHQUFHLFlBQVksQ0FBQyxDQUFBO1FBQzFELElBQUksQ0FBQyxrQkFBa0IsSUFBSSxDQUFDLElBQUksQ0FBQyxrQkFBa0IsQ0FBQyxjQUFjLEdBQUcsWUFBWSxDQUFDLENBQUE7SUFDdEYsQ0FBQzs7b0hBWFEsdUJBQXVCLGtCQUdSLGtCQUFrQiw2QkFDbEIsTUFBTTt3R0FKckIsdUJBQXVCOzJGQUF2Qix1QkFBdUI7a0JBSG5DLFNBQVM7bUJBQUM7b0JBQ1AsUUFBUSxFQUFFLHNCQUFzQjtpQkFDbkM7OzBCQUlRLFFBQVE7OzBCQUFJLE1BQU07MkJBQUMsa0JBQWtCOzswQkFDckMsUUFBUTs7MEJBQUksTUFBTTsyQkFBQyxNQUFNOzRDQUkxQixPQUFPO3NCQURWLEtBQUs7dUJBQUMsZ0JBQWdCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgRm9ybUdyb3VwRGlyZWN0aXZlLCBOZ0Zvcm0gfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5pbXBvcnQgeyBEaXJlY3RpdmUsIEluamVjdCwgSW5wdXQsIE9wdGlvbmFsIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBFcnJvclRyaWdnZXJTdGF0ZSwgRm9ybUdyb3VwRGlyZWN0aXZlMiwgTmdGb3JtMiB9IGZyb20gJy4uLy4uL2ludGVyZmFjZSc7XG5cbkBEaXJlY3RpdmUoe1xuICAgIHNlbGVjdG9yOiAnZm9ybVtFcnJvclRyaWdnZXJPbl0nXG59KVxuZXhwb3J0IGNsYXNzIEVycm9yVHJpZ2dlck9uRGlyZWN0aXZlIHtcblxuICAgIGNvbnN0cnVjdG9yKFxuICAgICAgICBAT3B0aW9uYWwoKSBASW5qZWN0KEZvcm1Hcm91cERpcmVjdGl2ZSkgcHJpdmF0ZSBGb3JtR3JvdXBEaXJlY3RpdmU6IEZvcm1Hcm91cERpcmVjdGl2ZTIsXG4gICAgICAgIEBPcHRpb25hbCgpIEBJbmplY3QoTmdGb3JtKSBwcml2YXRlIE5nRm9ybTogTmdGb3JtMlxuICAgICkgeyB9XG5cbiAgICBASW5wdXQoJ0Vycm9yVHJpZ2dlck9uJylcbiAgICBzZXQgbWVzc2FnZSh0cmlnZ2VyU3RhdGU6IEVycm9yVHJpZ2dlclN0YXRlW10pIHtcbiAgICAgICAgdGhpcy5OZ0Zvcm0gJiYgKHRoaXMuTmdGb3JtLmVycm9yVHJpZ2dlck9uID0gdHJpZ2dlclN0YXRlKVxuICAgICAgICB0aGlzLkZvcm1Hcm91cERpcmVjdGl2ZSAmJiAodGhpcy5Gb3JtR3JvdXBEaXJlY3RpdmUuZXJyb3JUcmlnZ2VyT24gPSB0cmlnZ2VyU3RhdGUpXG4gICAgfVxufVxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZXJyb3ItdHJpZ2dlci1vbi5kaXJlY3RpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZy1hYnNvbHV0ZS12YWxpZGF0b3Ivc3JjL2xpYi9kaXJlY3RpdmUvZXJyb3ItdHJpZ2dlci9lcnJvci10cmlnZ2VyLW9uLmRpcmVjdGl2ZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFDNUQsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLEVBQUUsS0FBSyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQzs7QUFNbkUsTUFBTSxPQUFPLGNBQWM7SUFFdkIsWUFDb0Qsa0JBQXVDLEVBQ25ELE1BQWU7UUFESCx1QkFBa0IsR0FBbEIsa0JBQWtCLENBQXFCO1FBQ25ELFdBQU0sR0FBTixNQUFNLENBQVM7SUFDbkQsQ0FBQztJQUVMLElBQ0ksT0FBTyxDQUFDLFlBQWlDO1FBQ3pDLElBQUksQ0FBQyxNQUFNLElBQUksQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDLGNBQWMsR0FBRyxZQUFZLENBQUMsQ0FBQTtRQUMxRCxJQUFJLENBQUMsa0JBQWtCLElBQUksQ0FBQyxJQUFJLENBQUMsa0JBQWtCLENBQUMsY0FBYyxHQUFHLFlBQVksQ0FBQyxDQUFBO0lBQ3RGLENBQUM7OzJHQVhRLGNBQWMsa0JBR0Msa0JBQWtCLDZCQUNsQixNQUFNOytGQUpyQixjQUFjOzJGQUFkLGNBQWM7a0JBSDFCLFNBQVM7bUJBQUM7b0JBQ1AsUUFBUSxFQUFFLHNCQUFzQjtpQkFDbkM7OzBCQUlRLFFBQVE7OzBCQUFJLE1BQU07MkJBQUMsa0JBQWtCOzswQkFDckMsUUFBUTs7MEJBQUksTUFBTTsyQkFBQyxNQUFNOzRDQUkxQixPQUFPO3NCQURWLEtBQUs7dUJBQUMsZ0JBQWdCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgRm9ybUdyb3VwRGlyZWN0aXZlLCBOZ0Zvcm0gfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5pbXBvcnQgeyBEaXJlY3RpdmUsIEluamVjdCwgSW5wdXQsIE9wdGlvbmFsIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBFcnJvclRyaWdnZXJTdGF0ZSwgRm9ybUdyb3VwRGlyZWN0aXZlMiwgTmdGb3JtMiB9IGZyb20gJy4uLy4uL2ludGVyZmFjZSc7XG5cbkBEaXJlY3RpdmUoe1xuICAgIHNlbGVjdG9yOiAnZm9ybVtFcnJvclRyaWdnZXJPbl0nXG59KVxuZXhwb3J0IGNsYXNzIEVycm9yVHJpZ2dlck9uIHtcblxuICAgIGNvbnN0cnVjdG9yKFxuICAgICAgICBAT3B0aW9uYWwoKSBASW5qZWN0KEZvcm1Hcm91cERpcmVjdGl2ZSkgcHJpdmF0ZSBGb3JtR3JvdXBEaXJlY3RpdmU6IEZvcm1Hcm91cERpcmVjdGl2ZTIsXG4gICAgICAgIEBPcHRpb25hbCgpIEBJbmplY3QoTmdGb3JtKSBwcml2YXRlIE5nRm9ybTogTmdGb3JtMlxuICAgICkgeyB9XG5cbiAgICBASW5wdXQoJ0Vycm9yVHJpZ2dlck9uJylcbiAgICBzZXQgbWVzc2FnZSh0cmlnZ2VyU3RhdGU6IEVycm9yVHJpZ2dlclN0YXRlW10pIHtcbiAgICAgICAgdGhpcy5OZ0Zvcm0gJiYgKHRoaXMuTmdGb3JtLmVycm9yVHJpZ2dlck9uID0gdHJpZ2dlclN0YXRlKVxuICAgICAgICB0aGlzLkZvcm1Hcm91cERpcmVjdGl2ZSAmJiAodGhpcy5Gb3JtR3JvdXBEaXJlY3RpdmUuZXJyb3JUcmlnZ2VyT24gPSB0cmlnZ2VyU3RhdGUpXG4gICAgfVxufVxuIl19