@sbcore/ng-absolute-validator 14.0.2 → 14.1.1

package/fesm2020/sbcore-ng-absolute-validator.mjs

@@ -1,6 +1,6 @@
 import * as i0 from '@angular/core';
-import { InjectionToken, Injectable, Inject, EventEmitter, Component, Optional, Input, Output, ContentChild, Directive, NgModule, APP_INITIALIZER } from '@angular/core';
-import { Subject, debounceTime, takeUntil, of, from, distinctUntilChanged, switchMap, first, map as map$1, firstValueFrom } from 'rxjs';
+import { InjectionToken, Injectable, Inject, EventEmitter, Component, Optional, Input, Output, ContentChild, Directive, NgModule, Pipe, APP_INITIALIZER } from '@angular/core';
+import { Subject, takeUntil, debounceTime, of, from, distinctUntilChanged, switchMap, first, map as map$1, firstValueFrom } from 'rxjs';
 import * as i1$2 from '@angular/forms';
 import { FormGroupDirective, NgForm, NG_VALIDATORS, NG_ASYNC_VALIDATORS } from '@angular/forms';
 import * as i1 from '@ngx-translate/core';
@@ -85,11 +85,11 @@ const GlobalConstant = {
         { min: 76, color: '#5cb85c' }
     ]
 };
+const I18N_LANG_PREFIX = 'NG_ABSOLUTE_VALIDATOR';
 const CUSTOM_OBJECT_NAME = 'ng_abs';
 const DEFAULT_STRENGTH_COLOR = '#6c757d';
 const DEFAULT_DATE_FORMAT = 'dd-MM-yyyy';
 const DEFAULT_LOCALE_LANG = 'en';
-const SUPPORTED_LOCALE_LANGS = ['ar', 'bn', 'de', 'en', 'es', 'fr', 'hi', 'ja', 'pt', 'ru', 'zh'];
 const DEFAULT_TRIGGER_STATE = ['touched', 'dirty'];
 const EMIT_METHODS = ['credit_card', 'debit_card', 'strength'];
 const CROSS_FIELD_VALIDATORS = [
@@ -148,17 +148,25 @@ class NgAbsoluteValidatorService {
         return this.VLIDATOR_CONFIG.delayLoader || 0;
     }
     /**
-    * @description This method state of triger validation
-    * @returns boolean
-   **/
+     * @description This method state of triger validation
+     * @returns boolean
+    **/
     get showErrorOn() {
         return (this.VLIDATOR_CONFIG.showErrorOn || DEFAULT_TRIGGER_STATE);
     }
+    /**
+     * @description Display all validation error instande of latest one
+     * @returns boolean
+    **/
+    get showAllErrors() {
+        return this.VLIDATOR_CONFIG.showAllErrors ?? false;
+    }
 }
 NgAbsoluteValidatorService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: NgAbsoluteValidatorService, deps: [{ token: LIB_CONFIG }], target: i0.ɵɵFactoryTarget.Injectable });
-NgAbsoluteValidatorService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: NgAbsoluteValidatorService });
+NgAbsoluteValidatorService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: NgAbsoluteValidatorService, providedIn: 'root' });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: NgAbsoluteValidatorService, decorators: [{
-            type: Injectable
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
         }], ctorParameters: function () { return [{ type: undefined, decorators: [{
                     type: Inject,
                     args: [LIB_CONFIG]
@@ -195,6 +203,8 @@ class NgAbsoluteValidatorComponent {
         this.isStrengthBarOn = this.avs.strengthBar;
         this.strength_color = this.avs.strengthColor;
         this.doCheckAndValidate();
+        this.translate.onLangChange.pipe(takeUntil(this.destroy$))
+            .subscribe(() => this.emitedData(this.formInstance));
     }
     get errorContext() {
         return {
@@ -311,10 +321,10 @@ class NgAbsoluteValidatorComponent {
     }
 }
 NgAbsoluteValidatorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: NgAbsoluteValidatorComponent, deps: [{ token: NgAbsoluteValidatorService }, { token: i1.TranslateService }, { token: FormGroupDirective, optional: true }, { token: NgForm, optional: true }], target: i0.ɵɵFactoryTarget.Component });
-NgAbsoluteValidatorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: NgAbsoluteValidatorComponent, selector: "ng-absolute-validator", inputs: { formInstance: "formInstance", loader: "loader", message: "message", defaultError: "defaultError", showErrorOn: "showErrorOn" }, outputs: { onValid: "onValid", onValidate: "onValidate" }, queries: [{ propertyName: "absError", first: true, predicate: ["absError"], descendants: true }, { propertyName: "absProgress", first: true, predicate: ["absProgress"], descendants: true }, { propertyName: "absLoader", first: true, predicate: ["absLoader"], descendants: true }], ngImport: i0, template: "<ng-container *ngIf=\"formInstance.pending && isLoaderOn\">\r\n    <div class=\"av-loading-panel\">\r\n        <ng-template [ngTemplateOutlet]=\"absLoader ?? absFbLoader\"></ng-template>\r\n    </div>\r\n</ng-container>\r\n\r\n<ng-container *ngIf=\"(formInstance.control?.ng_abs?.strength || formInstance?.ng_abs?.strength ) && isStrengthBarOn && indicatorScore > 0\">\r\n    <div class=\"av-progress\">\r\n        <ng-template [ngTemplateOutlet]=\"absProgress ?? absFbProgress\" [ngTemplateOutletContext]=\"progressContext\"></ng-template>\r\n    </div>\r\n</ng-container>\r\n\r\n<ng-container *ngIf=\"isDisplay && defaultError && errorMessage.length > 0\">\r\n    <div class=\"av-error-panel\">\r\n        <ng-template [ngTemplateOutlet]=\"absError ?? absFbError\"[ngTemplateOutletContext]=\"errorContext\"></ng-template>\r\n    </div>\r\n</ng-container>\r\n\r\n<ng-template #absFbLoader>\r\n    <div class=\"av-loading\" >\r\n        <div><div></div></div>\r\n        <div><div></div></div>\r\n        <div><div></div></div>\r\n        <div><div></div></div>\r\n        <div><div></div></div>\r\n    </div>\r\n</ng-template>\r\n\r\n<ng-template #absFbProgress>\r\n    <div\r\n\t\tclass=\"av-progress-bar\"\r\n\t\trole=\"progressbar\"\r\n\t\taria-valuenow=\"40\"\r\n\t\taria-valuemin=\"0\"\r\n\t\taria-valuemax=\"100\"\r\n\t\t[style.background-color]=\"indicatorColor\"\r\n\t\t[style.width.%]=\"indicatorScore\">\r\n\t</div>\r\n</ng-template>\r\n\r\n<ng-template #absFbError>\r\n    <ul class=\"av-errors-list\">\r\n        <ng-container *ngFor=\"let error of errorMessage\">\r\n            <li [innerText]=\"error\"></li>\r\n        </ng-container>\r\n    </ul>\r\n</ng-template>\r\n", styles: [".av-progress{display:flex}.av-progress-bar{margin-top:5px;float:left;width:0%;height:3px;font-size:12px;line-height:20px;color:#fff;text-align:center;background-color:#337ab7;box-shadow:inset 0 -1px #00000026;transition:width .6s ease}.av-progress-bar.active,.av-progress.active .av-progress-bar{animation:av-progress-bar-stripes 2s linear infinite}.av-progress-bar-striped,.av-progress-striped .av-progress-bar{background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-size:40px 40px}.av-progress-bar-success{background-color:#5cb85c}.av-progress-bar-info{background-color:#5bc0de}.av-progress-bar-warning{background-color:#f0ad4e}.av-progress-bar-danger{background-color:#d9534f}.av-errors-list{margin:2px 0 3px;padding:0;list-style-type:none;font-size:.9em;color:#dc3545;line-height:1.6em;opacity:1;transition:all .3s ease-in;-o-transition:all .3s ease-in;-moz-transition:all .3s ease-in;-webkit-transition:all .3s ease-in}@keyframes av-loading{0%{left:32px;transform:scale(0)}25%{left:32px;transform:scale(1)}50%{left:100px}75%{left:168px;transform:scale(1)}to{left:168px;transform:scale(0)}}.av-loading{position:relative;width:100%;height:100%}.av-loading>div{position:absolute;transform:translate(-50%,-50%);width:40px;height:40px}.av-loading div>div{width:40px;height:40px;border-radius:50%;background:#f00;position:absolute;top:100px;left:32px;animation:av-loading .8s cubic-bezier(0,.5,.5,1) infinite forwards}.av-loading div:nth-child(1) div{animation:av-loading-2 .8s cubic-bezier(0,.5,.5,1) infinite forwards;background:#dce4eb}.av-loading div:nth-child(2) div{animation-delay:-.4s;background:#bbcedd}.av-loading div:nth-child(3) div{animation-delay:-.2s;background:#85a2b6}.av-loading div:nth-child(4) div{animation-delay:0s;background:#fdfdfd}.av-loading div:nth-child(5) div{animation:av-loading-3 .8s cubic-bezier(0,.5,.5,1) infinite forwards;background:#dce4eb}.av-loading{width:32px!important;height:32px!important;transform:translate(-16px,-16px) scale(.16) translate(16px,16px)}\n"], dependencies: [{ kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] });
+NgAbsoluteValidatorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: NgAbsoluteValidatorComponent, selector: "ng-absolute-validator", inputs: { formInstance: "formInstance", loader: "loader", message: "message", defaultError: "defaultError", showErrorOn: "showErrorOn" }, outputs: { onValid: "onValid", onValidate: "onValidate" }, queries: [{ propertyName: "absError", first: true, predicate: ["absError"], descendants: true }, { propertyName: "absProgress", first: true, predicate: ["absProgress"], descendants: true }, { propertyName: "absLoader", first: true, predicate: ["absLoader"], descendants: true }], ngImport: i0, template: "<ng-container *ngIf=\"formInstance.pending && isLoaderOn\">\r\n    <div class=\"av-loading-panel\">\r\n        <ng-template [ngTemplateOutlet]=\"absLoader ?? absFbLoader\"></ng-template>\r\n    </div>\r\n</ng-container>\r\n\r\n<ng-container *ngIf=\"(formInstance.control?.ng_abs?.strength || formInstance?.ng_abs?.strength ) && isStrengthBarOn && indicatorScore > 0\">\r\n    <div class=\"av-progress\">\r\n        <ng-template [ngTemplateOutlet]=\"absProgress ?? absFbProgress\" [ngTemplateOutletContext]=\"progressContext\"></ng-template>\r\n    </div>\r\n</ng-container>\r\n\r\n<ng-container *ngIf=\"isDisplay && defaultError && errorMessage.length > 0\">\r\n    <div class=\"av-error-panel\">\r\n        <ng-template [ngTemplateOutlet]=\"absError ?? absFbError\"[ngTemplateOutletContext]=\"errorContext\"></ng-template>\r\n    </div>\r\n</ng-container>\r\n\r\n<ng-template #absFbLoader>\r\n    <div class=\"av-loading\" >\r\n        <div><div></div></div>\r\n        <div><div></div></div>\r\n        <div><div></div></div>\r\n        <div><div></div></div>\r\n        <div><div></div></div>\r\n    </div>\r\n</ng-template>\r\n\r\n<ng-template #absFbProgress>\r\n    <div\r\n\t\tclass=\"av-progress-bar\"\r\n\t\trole=\"progressbar\"\r\n\t\taria-valuenow=\"40\"\r\n\t\taria-valuemin=\"0\"\r\n\t\taria-valuemax=\"100\"\r\n\t\t[style.background-color]=\"indicatorColor\"\r\n\t\t[style.width.%]=\"indicatorScore\">\r\n\t</div>\r\n</ng-template>\r\n\r\n<ng-template #absFbError>\r\n    <ul class=\"av-errors-list\">\r\n        <ng-container *ngFor=\"let error of errorMessage\">\r\n            <li [innerText]=\"error.message\"></li>\r\n        </ng-container>\r\n    </ul>\r\n</ng-template>\r\n", styles: [".av-progress{display:flex}.av-progress-bar{margin-top:5px;float:left;width:0%;height:3px;font-size:12px;line-height:20px;color:#fff;text-align:center;background-color:#337ab7;box-shadow:inset 0 -1px #00000026;transition:width .6s ease}.av-progress-bar.active,.av-progress.active .av-progress-bar{animation:av-progress-bar-stripes 2s linear infinite}.av-progress-bar-striped,.av-progress-striped .av-progress-bar{background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-size:40px 40px}.av-progress-bar-success{background-color:#5cb85c}.av-progress-bar-info{background-color:#5bc0de}.av-progress-bar-warning{background-color:#f0ad4e}.av-progress-bar-danger{background-color:#d9534f}.av-errors-list{margin:2px 0 3px;padding:0;list-style-type:none;font-size:.9em;color:#dc3545;line-height:1.6em;opacity:1;transition:all .3s ease-in;-o-transition:all .3s ease-in;-moz-transition:all .3s ease-in;-webkit-transition:all .3s ease-in}@keyframes av-loading{0%{left:32px;transform:scale(0)}25%{left:32px;transform:scale(1)}50%{left:100px}75%{left:168px;transform:scale(1)}to{left:168px;transform:scale(0)}}.av-loading{position:relative;width:100%;height:100%}.av-loading>div{position:absolute;transform:translate(-50%,-50%);width:40px;height:40px}.av-loading div>div{width:40px;height:40px;border-radius:50%;background:#f00;position:absolute;top:100px;left:32px;animation:av-loading .8s cubic-bezier(0,.5,.5,1) infinite forwards}.av-loading div:nth-child(1) div{animation:av-loading-2 .8s cubic-bezier(0,.5,.5,1) infinite forwards;background:#dce4eb}.av-loading div:nth-child(2) div{animation-delay:-.4s;background:#bbcedd}.av-loading div:nth-child(3) div{animation-delay:-.2s;background:#85a2b6}.av-loading div:nth-child(4) div{animation-delay:0s;background:#fdfdfd}.av-loading div:nth-child(5) div{animation:av-loading-3 .8s cubic-bezier(0,.5,.5,1) infinite forwards;background:#dce4eb}.av-loading{width:32px!important;height:32px!important;transform:translate(-16px,-16px) scale(.16) translate(16px,16px)}\n"], dependencies: [{ kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: NgAbsoluteValidatorComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ng-absolute-validator', template: "<ng-container *ngIf=\"formInstance.pending && isLoaderOn\">\r\n    <div class=\"av-loading-panel\">\r\n        <ng-template [ngTemplateOutlet]=\"absLoader ?? absFbLoader\"></ng-template>\r\n    </div>\r\n</ng-container>\r\n\r\n<ng-container *ngIf=\"(formInstance.control?.ng_abs?.strength || formInstance?.ng_abs?.strength ) && isStrengthBarOn && indicatorScore > 0\">\r\n    <div class=\"av-progress\">\r\n        <ng-template [ngTemplateOutlet]=\"absProgress ?? absFbProgress\" [ngTemplateOutletContext]=\"progressContext\"></ng-template>\r\n    </div>\r\n</ng-container>\r\n\r\n<ng-container *ngIf=\"isDisplay && defaultError && errorMessage.length > 0\">\r\n    <div class=\"av-error-panel\">\r\n        <ng-template [ngTemplateOutlet]=\"absError ?? absFbError\"[ngTemplateOutletContext]=\"errorContext\"></ng-template>\r\n    </div>\r\n</ng-container>\r\n\r\n<ng-template #absFbLoader>\r\n    <div class=\"av-loading\" >\r\n        <div><div></div></div>\r\n        <div><div></div></div>\r\n        <div><div></div></div>\r\n        <div><div></div></div>\r\n        <div><div></div></div>\r\n    </div>\r\n</ng-template>\r\n\r\n<ng-template #absFbProgress>\r\n    <div\r\n\t\tclass=\"av-progress-bar\"\r\n\t\trole=\"progressbar\"\r\n\t\taria-valuenow=\"40\"\r\n\t\taria-valuemin=\"0\"\r\n\t\taria-valuemax=\"100\"\r\n\t\t[style.background-color]=\"indicatorColor\"\r\n\t\t[style.width.%]=\"indicatorScore\">\r\n\t</div>\r\n</ng-template>\r\n\r\n<ng-template #absFbError>\r\n    <ul class=\"av-errors-list\">\r\n        <ng-container *ngFor=\"let error of errorMessage\">\r\n            <li [innerText]=\"error\"></li>\r\n        </ng-container>\r\n    </ul>\r\n</ng-template>\r\n", styles: [".av-progress{display:flex}.av-progress-bar{margin-top:5px;float:left;width:0%;height:3px;font-size:12px;line-height:20px;color:#fff;text-align:center;background-color:#337ab7;box-shadow:inset 0 -1px #00000026;transition:width .6s ease}.av-progress-bar.active,.av-progress.active .av-progress-bar{animation:av-progress-bar-stripes 2s linear infinite}.av-progress-bar-striped,.av-progress-striped .av-progress-bar{background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-size:40px 40px}.av-progress-bar-success{background-color:#5cb85c}.av-progress-bar-info{background-color:#5bc0de}.av-progress-bar-warning{background-color:#f0ad4e}.av-progress-bar-danger{background-color:#d9534f}.av-errors-list{margin:2px 0 3px;padding:0;list-style-type:none;font-size:.9em;color:#dc3545;line-height:1.6em;opacity:1;transition:all .3s ease-in;-o-transition:all .3s ease-in;-moz-transition:all .3s ease-in;-webkit-transition:all .3s ease-in}@keyframes av-loading{0%{left:32px;transform:scale(0)}25%{left:32px;transform:scale(1)}50%{left:100px}75%{left:168px;transform:scale(1)}to{left:168px;transform:scale(0)}}.av-loading{position:relative;width:100%;height:100%}.av-loading>div{position:absolute;transform:translate(-50%,-50%);width:40px;height:40px}.av-loading div>div{width:40px;height:40px;border-radius:50%;background:#f00;position:absolute;top:100px;left:32px;animation:av-loading .8s cubic-bezier(0,.5,.5,1) infinite forwards}.av-loading div:nth-child(1) div{animation:av-loading-2 .8s cubic-bezier(0,.5,.5,1) infinite forwards;background:#dce4eb}.av-loading div:nth-child(2) div{animation-delay:-.4s;background:#bbcedd}.av-loading div:nth-child(3) div{animation-delay:-.2s;background:#85a2b6}.av-loading div:nth-child(4) div{animation-delay:0s;background:#fdfdfd}.av-loading div:nth-child(5) div{animation:av-loading-3 .8s cubic-bezier(0,.5,.5,1) infinite forwards;background:#dce4eb}.av-loading{width:32px!important;height:32px!important;transform:translate(-16px,-16px) scale(.16) translate(16px,16px)}\n"] }]
+            args: [{ selector: 'ng-absolute-validator', template: "<ng-container *ngIf=\"formInstance.pending && isLoaderOn\">\r\n    <div class=\"av-loading-panel\">\r\n        <ng-template [ngTemplateOutlet]=\"absLoader ?? absFbLoader\"></ng-template>\r\n    </div>\r\n</ng-container>\r\n\r\n<ng-container *ngIf=\"(formInstance.control?.ng_abs?.strength || formInstance?.ng_abs?.strength ) && isStrengthBarOn && indicatorScore > 0\">\r\n    <div class=\"av-progress\">\r\n        <ng-template [ngTemplateOutlet]=\"absProgress ?? absFbProgress\" [ngTemplateOutletContext]=\"progressContext\"></ng-template>\r\n    </div>\r\n</ng-container>\r\n\r\n<ng-container *ngIf=\"isDisplay && defaultError && errorMessage.length > 0\">\r\n    <div class=\"av-error-panel\">\r\n        <ng-template [ngTemplateOutlet]=\"absError ?? absFbError\"[ngTemplateOutletContext]=\"errorContext\"></ng-template>\r\n    </div>\r\n</ng-container>\r\n\r\n<ng-template #absFbLoader>\r\n    <div class=\"av-loading\" >\r\n        <div><div></div></div>\r\n        <div><div></div></div>\r\n        <div><div></div></div>\r\n        <div><div></div></div>\r\n        <div><div></div></div>\r\n    </div>\r\n</ng-template>\r\n\r\n<ng-template #absFbProgress>\r\n    <div\r\n\t\tclass=\"av-progress-bar\"\r\n\t\trole=\"progressbar\"\r\n\t\taria-valuenow=\"40\"\r\n\t\taria-valuemin=\"0\"\r\n\t\taria-valuemax=\"100\"\r\n\t\t[style.background-color]=\"indicatorColor\"\r\n\t\t[style.width.%]=\"indicatorScore\">\r\n\t</div>\r\n</ng-template>\r\n\r\n<ng-template #absFbError>\r\n    <ul class=\"av-errors-list\">\r\n        <ng-container *ngFor=\"let error of errorMessage\">\r\n            <li [innerText]=\"error.message\"></li>\r\n        </ng-container>\r\n    </ul>\r\n</ng-template>\r\n", styles: [".av-progress{display:flex}.av-progress-bar{margin-top:5px;float:left;width:0%;height:3px;font-size:12px;line-height:20px;color:#fff;text-align:center;background-color:#337ab7;box-shadow:inset 0 -1px #00000026;transition:width .6s ease}.av-progress-bar.active,.av-progress.active .av-progress-bar{animation:av-progress-bar-stripes 2s linear infinite}.av-progress-bar-striped,.av-progress-striped .av-progress-bar{background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-size:40px 40px}.av-progress-bar-success{background-color:#5cb85c}.av-progress-bar-info{background-color:#5bc0de}.av-progress-bar-warning{background-color:#f0ad4e}.av-progress-bar-danger{background-color:#d9534f}.av-errors-list{margin:2px 0 3px;padding:0;list-style-type:none;font-size:.9em;color:#dc3545;line-height:1.6em;opacity:1;transition:all .3s ease-in;-o-transition:all .3s ease-in;-moz-transition:all .3s ease-in;-webkit-transition:all .3s ease-in}@keyframes av-loading{0%{left:32px;transform:scale(0)}25%{left:32px;transform:scale(1)}50%{left:100px}75%{left:168px;transform:scale(1)}to{left:168px;transform:scale(0)}}.av-loading{position:relative;width:100%;height:100%}.av-loading>div{position:absolute;transform:translate(-50%,-50%);width:40px;height:40px}.av-loading div>div{width:40px;height:40px;border-radius:50%;background:#f00;position:absolute;top:100px;left:32px;animation:av-loading .8s cubic-bezier(0,.5,.5,1) infinite forwards}.av-loading div:nth-child(1) div{animation:av-loading-2 .8s cubic-bezier(0,.5,.5,1) infinite forwards;background:#dce4eb}.av-loading div:nth-child(2) div{animation-delay:-.4s;background:#bbcedd}.av-loading div:nth-child(3) div{animation-delay:-.2s;background:#85a2b6}.av-loading div:nth-child(4) div{animation-delay:0s;background:#fdfdfd}.av-loading div:nth-child(5) div{animation:av-loading-3 .8s cubic-bezier(0,.5,.5,1) infinite forwards;background:#dce4eb}.av-loading{width:32px!important;height:32px!important;transform:translate(-16px,-16px) scale(.16) translate(16px,16px)}\n"] }]
         }], ctorParameters: function () { return [{ type: NgAbsoluteValidatorService }, { type: i1.TranslateService }, { type: undefined, decorators: [{
                     type: Optional
                 }, {
@@ -397,48 +407,55 @@ function toCharClass(chars) {
 }
 function cloneDeep(data) {
     return JSON.parse(JSON.stringify(data));
+}
+function formatMessage(template, data) {
+    const { attr, args } = data;
+    return template.replace(/:attribute|:arg(\d+)(:)?/g, (match, index, multi) => {
+        if (index === undefined)
+            return attr; // matched ":attribute"
+        const i = Number(index);
+        if (i >= args.length)
+            return match; // no such arg, leave placeholder as-is
+        return multi ? args.slice(i).join(',') : args[i];
+    });
 }
 
 class MessageBuilderService {
-    constructor(ts) {
-        this.ts = ts;
+    constructor(translate) {
+        this.translate = translate;
     }
     call(langAttr, attribute, ...args) {
-        let message = '';
-        let [lastElement] = args.slice(-1);
-        let template = this.ts.instant(langAttr) || '';
-        let hasCustomTemplate = typeof lastElement === 'object' && Object.keys(lastElement).length > 0;
-        if (hasCustomTemplate && lastElement[langAttr] && lastElement[langAttr][this.ts.currentLang]) {
-            template = lastElement[langAttr][this.ts.currentLang];
-        }
-        if (hasCustomTemplate && lastElement[this.ts.currentLang]) {
-            template = lastElement[this.ts.currentLang];
+        const [lastElement] = args.slice(-1);
+        const inputArgs = args.filter((arg) => typeof arg !== 'object');
+        const i18nKey = `${I18N_LANG_PREFIX}.${langAttr}`;
+        const translate = this.translate;
+        if (typeof lastElement === 'object' && Object.keys(lastElement).length > 0) {
+            this.injectToTranslation(langAttr, lastElement);
+            this.translate.onLangChange.subscribe(() => this.injectToTranslation(langAttr, lastElement));
         }
-        if (attribute && template) {
-            message = template.replace(':attribute', attribute);
-        }
-        if (args.length === 0) {
-            return message;
-        }
-        args.forEach((v, index) => {
-            let replaceWithOne = `:arg${index}`;
-            let replaceWithMulti = `:arg${index}:`;
-            if (message.includes(replaceWithMulti)) {
-                args = args.splice(index);
-                let argString = toArray(args) ? toArray(args).join(',') : args;
-                message = message.replace(replaceWithMulti, argString);
-            }
-            if (message.includes(replaceWithOne)) {
-                message = message.replace(replaceWithOne, v);
+        return {
+            args: inputArgs,
+            attr: attribute,
+            i18nKey: i18nKey,
+            get lang() {
+                return translate.currentLang;
+            },
+            get message() {
+                return formatMessage(translate.instant(i18nKey), { attr: attribute, args: inputArgs });
             }
-        });
-        return message;
+        };
+    }
+    injectToTranslation(langAttr, translation = {}) {
+        for (let lang of Object.keys(translation)) {
+            this.translate.setTranslation(lang, { [I18N_LANG_PREFIX]: { [langAttr]: translation[lang] } }, true);
+        }
     }
 }
 MessageBuilderService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: MessageBuilderService, deps: [{ token: i1.TranslateService }], target: i0.ɵɵFactoryTarget.Injectable });
-MessageBuilderService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: MessageBuilderService });
+MessageBuilderService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: MessageBuilderService, providedIn: 'root' });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: MessageBuilderService, decorators: [{
-            type: Injectable
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
         }], ctorParameters: function () { return [{ type: i1.TranslateService }]; } });
 
 class HttpRequestService {
@@ -453,9 +470,10 @@ class HttpRequestService {
     }
 }
 HttpRequestService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: HttpRequestService, deps: [{ token: i1$1.HttpClient }], target: i0.ɵɵFactoryTarget.Injectable });
-HttpRequestService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: HttpRequestService });
+HttpRequestService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: HttpRequestService, providedIn: 'root' });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: HttpRequestService, decorators: [{
-            type: Injectable
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
         }], ctorParameters: function () { return [{ type: i1$1.HttpClient }]; } });
 
 class UtilService {
@@ -920,19 +938,21 @@ class UtilService {
     }
 }
 UtilService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: UtilService, deps: [{ token: HttpRequestService }, { token: NgAbsoluteValidatorService }], target: i0.ɵɵFactoryTarget.Injectable });
-UtilService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: UtilService });
+UtilService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: UtilService, providedIn: 'root' });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: UtilService, decorators: [{
-            type: Injectable
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
         }], ctorParameters: function () { return [{ type: HttpRequestService }, { type: NgAbsoluteValidatorService }]; } });
 
 class ValidateRuleService {
-    constructor(mb, utl) {
+    constructor(mb, abs, utl) {
         this.mb = mb;
+        this.abs = abs;
         this.utl = utl;
         this.subMessageMethod = ['max', 'min'];
         this.wiredRulesMap = new WeakMap();
     }
-    gererateRuleAndValidate(fieldName, control, rule, custom_message) {
+    gererateRuleAndValidate(fieldName, control, rule, customMessage) {
         let messages = {};
         let generateRules = toArray(rule, '|');
         let activeRules = generateRules.map(v => v.includes(':') ? v.split(':')[0] : v);
@@ -974,8 +994,10 @@ class ValidateRuleService {
             }
             this.utl.setValidationRules(control, activeRules, emitData);
             if (!isValid) {
-                messages[messageKey] = this.mb.call(messageKey, fieldName, ...mulArg, custom_message);
-                break;
+                messages[messageKey] = this.mb.call(messageKey, fieldName, ...mulArg, customMessage);
+                if (!this.abs.showAllErrors) {
+                    break;
+                }
             }
         }
         if (Object.keys(messages).length > 0) {
@@ -1015,11 +1037,21 @@ class ValidateRuleService {
         }
     }
 }
-ValidateRuleService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: ValidateRuleService, deps: [{ token: MessageBuilderService }, { token: UtilService }], target: i0.ɵɵFactoryTarget.Injectable });
-ValidateRuleService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: ValidateRuleService });
+ValidateRuleService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: ValidateRuleService, deps: [{ token: MessageBuilderService }, { token: NgAbsoluteValidatorService }, { token: UtilService }], target: i0.ɵɵFactoryTarget.Injectable });
+ValidateRuleService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: ValidateRuleService, providedIn: 'root' });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: ValidateRuleService, decorators: [{
-            type: Injectable
-        }], ctorParameters: function () { return [{ type: MessageBuilderService }, { type: UtilService }]; } });
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }], ctorParameters: function () { return [{ type: MessageBuilderService }, { type: NgAbsoluteValidatorService }, { type: UtilService }]; } });
+
+const warnedRules = new Set();
+function warnDeprecatedRule(ruleName, replacement, reason) {
+    if (warnedRules.has(ruleName))
+        return;
+    warnedRules.add(ruleName);
+    const reasonText = reason ? ` (${reason})` : '';
+    console.warn(`[ng-absolute-validator] The "${ruleName}" rule is deprecated and will be removed in a future version. Use "${replacement}" instead${reasonText}.`);
+}
 
 class Rule {
     constructor(ruleValidate, el) {
@@ -1029,6 +1061,13 @@ class Rule {
         this.fieldName = 'field';
         this.fieldName = this.el.nativeElement.name;
     }
+    /**
+     * @deprecated Use `rule` (lowercase) instead. Will be removed in 16.0.0.
+    **/
+    set legacyRule(value) {
+        warnDeprecatedRule('rule-capital-r', '[Rule] (capital R) is deprecated and will be removed in 16.0.0. Use [rule] instead.');
+        this.rule = value;
+    }
     set message(data) {
         this.vmessage = data;
     }
@@ -1037,14 +1076,17 @@ class Rule {
     }
 }
 Rule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: Rule, deps: [{ token: ValidateRuleService }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
-Rule.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.3.0", type: Rule, selector: "[Rule], [rule]", inputs: { rule: ["Rule", "rule"], message: "message" }, providers: [{ provide: NG_VALIDATORS, useExisting: Rule, multi: true }], ngImport: i0 });
+Rule.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.3.0", type: Rule, selector: "[rule],[Rule]", inputs: { rule: "rule", legacyRule: ["Rule", "legacyRule"], message: "message" }, providers: [{ provide: NG_VALIDATORS, useExisting: Rule, multi: true }], ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: Rule, decorators: [{
             type: Directive,
             args: [{
-                    selector: '[Rule], [rule]',
+                    selector: '[rule],[Rule]',
                     providers: [{ provide: NG_VALIDATORS, useExisting: Rule, multi: true }]
                 }]
         }], ctorParameters: function () { return [{ type: ValidateRuleService }, { type: i0.ElementRef }]; }, propDecorators: { rule: [{
+                type: Input,
+                args: ['rule']
+            }], legacyRule: [{
                 type: Input,
                 args: ['Rule']
             }], message: [{
@@ -3569,9 +3611,10 @@ class ReactiveValidator {
     }
 }
 ReactiveValidator.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: ReactiveValidator, deps: [{ token: ValidateRuleService }, { token: UtilService }, { token: MessageBuilderService }], target: i0.ɵɵFactoryTarget.Injectable });
-ReactiveValidator.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: ReactiveValidator });
+ReactiveValidator.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: ReactiveValidator, providedIn: 'root' });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: ReactiveValidator, decorators: [{
-            type: Injectable
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
         }], ctorParameters: function () { return [{ type: ValidateRuleService }, { type: UtilService }, { type: MessageBuilderService }]; } });
 
 class NativeElementDirective {
@@ -3604,6 +3647,74 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImpor
                 args: ['formControlName']
             }] } });
 
+var ar = {
+    above: 'يجب أن يكون :attribute أعلى من :arg0.',
+    accepted: 'يجب قبول :attribute.',
+    after: 'يجب أن يكون :attribute تاريخًا بعد :arg0.',
+    alpha: 'يجب أن يحتوي :attribute على أحرف فقط.',
+    alpha_dash: 'يجب أن يحتوي :attribute على أحرف وأرقام وشرطات وشرطات سفلية فقط.',
+    alpha_numeric: 'يجب أن يحتوي :attribute على أحرف وأرقام فقط.',
+    array: 'يجب أن يكون :attribute مصفوفة.',
+    before: 'يجب أن يكون :attribute تاريخًا قبل :arg0.',
+    boolean: 'يجب أن يكون حقل :attribute صحيحًا أو خاطئًا (true أو false).',
+    confirmed: 'تأكيد :attribute غير مطابق.',
+    credit_card: 'يجب أن يكون :attribute رقم بطاقة ائتمان صالحًا.',
+    cvv: 'يجب أن يكون :attribute رقم CVV صالحًا.',
+    date: ':attribute ليس تاريخًا صالحًا.',
+    date_format: ':attribute لا يطابق الصيغة :arg0.',
+    debit_card: 'يجب أن يكون :attribute رقم بطاقة خصم صالحًا.',
+    different: 'يجب أن يكون :attribute و :arg0 مختلفين.',
+    dimension: 'أبعاد صورة :attribute غير صالحة.',
+    email: 'يجب أن يكون :attribute عنوان بريد إلكتروني صالحًا.',
+    ends_with: 'يجب أن ينتهي :attribute بأحد القيم التالية: :arg0',
+    equals: 'يجب أن يساوي :attribute القيمة :arg0',
+    exists: ':attribute المحدد غير صالح.',
+    image: 'يجب أن يكون :attribute صورة صالحة.',
+    in: 'يجب أن يكون :attribute المحدد ضمن :arg0.',
+    includes: 'يجب أن يحتوي :attribute على :arg0.',
+    integer: 'يجب أن يكون :attribute عددًا صحيحًا.',
+    ip: 'يجب أن يكون :attribute عنوان IP صالحًا.',
+    ipv4: 'يجب أن يكون :attribute عنوان IPv4 صالحًا.',
+    ipv6: 'يجب أن يكون :attribute عنوان IPv6 صالحًا.',
+    json: 'يجب أن يكون :attribute نص JSON صالحًا.',
+    max: {
+        array: 'لا يجوز أن يحتوي :attribute على أكثر من :arg0 عنصرًا.',
+        numeric: 'يجب ألا يكون :attribute أكبر من :arg0.',
+        string: 'يجب ألا يتجاوز :attribute :arg0 حرفًا.'
+    },
+    min: {
+        array: 'يجب أن يحتوي :attribute على :arg0 عناصر على الأقل.',
+        numeric: 'يجب أن يكون :attribute :arg0 على الأقل.',
+        string: 'يجب أن يحتوي :attribute على :arg0 أحرف على الأقل.'
+    },
+    mimes: 'يجب أن يكون :attribute ملفًا من نوع :arg0.',
+    not_equals: 'يجب ألا يساوي :attribute القيمة :arg0',
+    not_in: 'يجب ألا يكون :attribute المحدد ضمن :arg0.',
+    not_regex: 'صيغة :attribute غير صالحة.',
+    number: 'يجب أن يكون :attribute رقمًا.',
+    phone_no: 'يجب أن يكون :attribute رقم هاتف صالحًا.',
+    range: 'يجب أن يكون :attribute بين :arg0 و :arg1.',
+    between: 'يجب أن يكون :attribute بين :arg0 و :arg1، دون تضمين الحدين.',
+    regex: 'صيغة :attribute غير صالحة.',
+    required: 'حقل :attribute مطلوب.',
+    required_if: 'حقل :attribute مطلوب عندما يكون :arg0 هو :arg1.',
+    required_unless: 'حقل :attribute مطلوب ما لم يكن :arg0 ضمن :arg1.',
+    required_with: 'حقل :attribute مطلوب عند وجود أي من :arg0.',
+    required_with_all: 'حقل :attribute مطلوب عند وجود :arg0.',
+    required_without: 'حقل :attribute مطلوب عند عدم وجود :arg0.',
+    required_without_all: 'حقل :attribute مطلوب عند عدم وجود أي من :arg0.',
+    same: 'يجب أن يتطابق :attribute و :arg0.',
+    size: 'يجب ألا يتجاوز :attribute :arg0 كيلوبايت.',
+    starts_with: 'يجب أن يبدأ :attribute بأحد القيم التالية: :arg0',
+    string: 'يجب أن يكون :attribute نصًا (string).',
+    strength: ':attribute ليس قويًا بما فيه الكفاية.',
+    under: 'يجب أن يكون :attribute أقل من :arg0.',
+    url: 'صيغة :attribute غير صالحة.',
+    uuid: 'يجب أن يكون :attribute UUID صالحًا.',
+    unique: ':attribute مُستخدم بالفعل.',
+    video: 'يجب أن يكون :attribute فيديو صالحًا.',
+};
+
 var en = {
     "above": "The :attribute should be above :arg0.",
     "accepted": "The :attribute must be accepted.",
@@ -4284,26 +4395,59 @@ var ru = {
     video: 'Поле :attribute должно быть действительным видео.',
 };
 
-const BUILT_IN_TRANSLATIONS = { en, de, es, fr, hi, bn, pt, ja, zh, ru };
+const BUILT_IN_TRANSLATIONS = {
+    ar: { [I18N_LANG_PREFIX]: ar },
+    en: { [I18N_LANG_PREFIX]: en },
+    de: { [I18N_LANG_PREFIX]: de },
+    es: { [I18N_LANG_PREFIX]: es },
+    fr: { [I18N_LANG_PREFIX]: fr },
+    hi: { [I18N_LANG_PREFIX]: hi },
+    bn: { [I18N_LANG_PREFIX]: bn },
+    pt: { [I18N_LANG_PREFIX]: pt },
+    ja: { [I18N_LANG_PREFIX]: ja },
+    zh: { [I18N_LANG_PREFIX]: zh },
+    ru: { [I18N_LANG_PREFIX]: ru }
+};
+
+function TranslateLoaderFactory(config) {
+    return new InlineTranslateLoader(config?.translations);
+}
+function appInitializerFactory(translate, config, activeLoader) {
+    return () => {
+        const languages = Object.keys(BUILT_IN_TRANSLATIONS);
+        const browserLang = translate.getBrowserLang();
+        const langToUse = browserLang && languages.includes(browserLang)
+            ? browserLang
+            : (config?.defaultLanguage || DEFAULT_LOCALE_LANG);
+        const consumerHasOwnLoader = !(activeLoader instanceof InlineTranslateLoader);
+        if (consumerHasOwnLoader) {
+            const loader = new InlineTranslateLoader(config?.translations);
+            const translations = loader.translations;
+            translate.onLangChange.subscribe(event => {
+                if (translations[event.lang]) {
+                    translate.setTranslation(event.lang, translations[event.lang], true);
+                }
+            });
+        }
+        return firstValueFrom(translate.use(langToUse));
+    };
+}
 class InlineTranslateLoader {
-    constructor(mergeTranslations = {}, replaceTranslations = {}) {
-        this.mergeTranslations = mergeTranslations;
+    constructor(replaceTranslations = {}) {
         this.replaceTranslations = replaceTranslations;
         this.translations = {};
         this.init();
     }
     init() {
         this.translations = { ...BUILT_IN_TRANSLATIONS };
-        // Full replace happens first — wipes out all existing keys for that lang
         for (const lang of Object.keys(this.replaceTranslations)) {
-            this.translations[lang] = { ...this.replaceTranslations[lang] };
-        }
-        // Merge happens second — adds new languages, or patches individual keys
-        for (const lang of Object.keys(this.mergeTranslations)) {
-            this.translations[lang] = {
-                ...(this.translations[lang] || {}),
-                ...this.mergeTranslations[lang]
-            };
+            if (this.translations[lang]) {
+                const translation = Object.assign(this.translations[lang][I18N_LANG_PREFIX], this.replaceTranslations[lang]);
+                this.translations[lang] = { [I18N_LANG_PREFIX]: translation };
+            }
+            else {
+                this.translations[lang] = { [I18N_LANG_PREFIX]: this.replaceTranslations[lang] };
+            }
         }
     }
     getTranslation(lang) {
@@ -4311,20 +4455,20 @@ class InlineTranslateLoader {
     }
 }
 
-function TranslateLoaderFactory(config) {
-    return new InlineTranslateLoader(config?.translations, config?.replaceTranslations);
-}
-function appInitializerFactory(translate, config) {
-    return () => {
-        const builtIn = SUPPORTED_LOCALE_LANGS;
-        const supported = config?.supportedLanguages?.length ? config.supportedLanguages : builtIn;
-        const browserLang = translate.getBrowserLang();
-        const langToUse = browserLang && supported.includes(browserLang)
-            ? browserLang
-            : (config?.defaultLanguage || DEFAULT_LOCALE_LANG);
-        return firstValueFrom(translate.use(langToUse));
-    };
+class ReplaceWithPipe {
+    transform(value, data) {
+        return formatMessage(value, { attr: data.attr, args: data.args });
+    }
 }
+ReplaceWithPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: ReplaceWithPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+ReplaceWithPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "14.3.0", ngImport: i0, type: ReplaceWithPipe, name: "replaceWith" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: ReplaceWithPipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    name: 'replaceWith'
+                }]
+        }] });
+
 class NgAbsoluteValidatorModule {
     static forRoot(config = {}) {
         return {
@@ -4340,7 +4484,8 @@ class NgAbsoluteValidatorModule {
 NgAbsoluteValidatorModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: NgAbsoluteValidatorModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
 NgAbsoluteValidatorModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.3.0", ngImport: i0, type: NgAbsoluteValidatorModule, declarations: [NgAbsoluteValidatorComponent,
         NativeElementDirective,
-        ErrorTriggerOn], imports: [CommonModule,
+        ErrorTriggerOn,
+        ReplaceWithPipe], imports: [CommonModule,
         RuleModule,
         HttpClientModule, i1.TranslateModule], exports: [RuleModule,
         NgAbsoluteValidatorComponent,
@@ -4357,7 +4502,7 @@ NgAbsoluteValidatorModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0
         {
             provide: APP_INITIALIZER,
             useFactory: appInitializerFactory,
-            deps: [TranslateService, LIB_CONFIG],
+            deps: [TranslateService, LIB_CONFIG, TranslateLoader],
             multi: true
         }
     ], imports: [CommonModule,
@@ -4378,7 +4523,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImpor
                     declarations: [
                         NgAbsoluteValidatorComponent,
                         NativeElementDirective,
-                        ErrorTriggerOn
+                        ErrorTriggerOn,
+                        ReplaceWithPipe
                     ],
                     imports: [
                         CommonModule,
@@ -4404,7 +4550,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImpor
                         {
                             provide: APP_INITIALIZER,
                             useFactory: appInitializerFactory,
-                            deps: [TranslateService, LIB_CONFIG],
+                            deps: [TranslateService, LIB_CONFIG, TranslateLoader],
                             multi: true
                         }
                     ],
@@ -4417,20 +4563,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImpor
                 }]
         }] });
 
-const LOCALE_LANG_LABELS = {
-    en: 'English',
-    es: 'Español',
-    fr: 'Français',
-    de: 'Deutsch',
-    hi: 'हिन्दी',
-    bn: 'বাংলা',
-    pt: 'Português',
-    ar: 'العربية',
-    ja: '日本語',
-    zh: '中文',
-    ru: 'Русский',
-};
-
 /*
  * Public API Surface of ng-absolute-validator
  */
@@ -4439,5 +4571,5 @@ const LOCALE_LANG_LABELS = {
  * Generated bundle index. Do not edit.
  */
 
-export { Above, Accepted, After, Alpha, AlphaDash, AlphaNumeric, Array$1 as Array, Before, Between, Boolean$1 as Boolean, Confirmed, CreditCard, Cvv, Date$1 as Date, DateFormat, DebitCard, Different, Dimension, Email, EndsWith, Equals, ErrorTriggerOn, Exists, Image$1 as Image, In, Includes, Integer, Ip, Ipv4, Ipv6, Json, LOCALE_LANG_LABELS, Max, Mimes, Min, NativeElementDirective, NgAbsoluteValidatorComponent, NgAbsoluteValidatorModule, NgAbsoluteValidatorService, NotEquals, NotIn, NotRegex, Number$1 as Number, PhoneNo, Range, ReactiveValidator, Regex, Required, RequiredIf, RequiredUnless, RequiredWith, RequiredWithAll, RequiredWithout, RequiredWithoutAll, Rule, RuleModule, Same, Size, StartsWith, Strength, String, TranslateLoaderFactory, Under, Unique, Url, Uuid, Video, appInitializerFactory };
+export { Above, Accepted, After, Alpha, AlphaDash, AlphaNumeric, Array$1 as Array, Before, Between, Boolean$1 as Boolean, Confirmed, CreditCard, Cvv, Date$1 as Date, DateFormat, DebitCard, Different, Dimension, Email, EndsWith, Equals, ErrorTriggerOn, Exists, Image$1 as Image, In, Includes, Integer, Ip, Ipv4, Ipv6, Json, Max, Mimes, Min, NativeElementDirective, NgAbsoluteValidatorComponent, NgAbsoluteValidatorModule, NgAbsoluteValidatorService, NotEquals, NotIn, NotRegex, Number$1 as Number, PhoneNo, Range, ReactiveValidator, Regex, Required, RequiredIf, RequiredUnless, RequiredWith, RequiredWithAll, RequiredWithout, RequiredWithoutAll, Rule, RuleModule, Same, Size, StartsWith, Strength, String, Under, Unique, Url, Uuid, Video };
 //# sourceMappingURL=sbcore-ng-absolute-validator.mjs.map