@anglr/common 19.2.0-beta.20240125053304 → 20.0.0-beta.20240530103148

package/es2022/forms/src/directives/groupHasErrorContainer/groupHasErrorContainer.directive.js.map

@@ -1 +1 @@
-{"version":3,"file":"groupHasErrorContainer.directive.js","sourceRoot":"","sources":["../../../../../forms/src/directives/groupHasErrorContainer/groupHasErrorContainer.directive.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAmB,MAAM,eAAe,CAAC;AAE1D,OAAO,EAAC,6BAA6B,EAAC,MAAM,0CAA0C,CAAC;AACvF,OAAO,EAAC,sBAAsB,EAAC,MAAM,0CAA0C,CAAC;;AAEhF;;GAEG;AAcH,MAAM,OAAO,+BAAgC,SAAQ,sBAAsB;uGAA9D,+BAA+B;2FAA/B,+BAA+B,mDATxC;YAEI;gBACI,OAAO,EAAE,sBAAsB;gBAC/B,WAAW,EAAE,+BAA+B;aAC/C;YACD,6BAA6B;SAChC;;2FAEQ,+BAA+B;kBAb3C,SAAS;mBACV;oBACI,QAAQ,EAAE,0BAA0B;oBACpC,SAAS,EACT;wBAEI;4BACI,OAAO,EAAE,sBAAsB;4BAC/B,WAAW,iCAAiC;yBAC/C;wBACD,6BAA6B;qBAChC;iBACJ","sourcesContent":["import {Directive, ExistingProvider} from '@angular/core';\n\nimport {ValidationErrorsContainerView} from '../../misc/validationErrorsContainerView';\nimport {GroupHasErrorDirective} from '../groupHasError/groupHasError.directive';\n\n/**\n * Directive that is attached to parent element of inputs group and handles css class that is added to this element and registers provider for ValidationErrorsContainerView\n */\n@Directive(\n{\n    selector: '[groupHasErrorContainer]',\n    providers:\n    [\n        <ExistingProvider>\n        {\n            provide: GroupHasErrorDirective,\n            useExisting: GroupHasErrorContainerDirective\n        },\n        ValidationErrorsContainerView\n    ]\n})\nexport class GroupHasErrorContainerDirective extends GroupHasErrorDirective\n{\n}"]}
+{"version":3,"file":"groupHasErrorContainer.directive.js","sourceRoot":"","sources":["../../../../../forms/src/directives/groupHasErrorContainer/groupHasErrorContainer.directive.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAmB,MAAM,eAAe,CAAC;AAE1D,OAAO,EAAC,6BAA6B,EAAC,MAAM,0CAA0C,CAAC;AACvF,OAAO,EAAC,sBAAsB,EAAC,MAAM,0CAA0C,CAAC;;AAEhF;;GAEG;AAeH,MAAM,OAAO,+BAAgC,SAAQ,sBAAsB;8GAA9D,+BAA+B;kGAA/B,+BAA+B,uEATxC;YAEI;gBACI,OAAO,EAAE,sBAAsB;gBAC/B,WAAW,EAAE,+BAA+B;aAC/C;YACD,6BAA6B;SAChC;;2FAEQ,+BAA+B;kBAd3C,SAAS;mBACV;oBACI,QAAQ,EAAE,0BAA0B;oBACpC,UAAU,EAAE,IAAI;oBAChB,SAAS,EACT;wBAEI;4BACI,OAAO,EAAE,sBAAsB;4BAC/B,WAAW,iCAAiC;yBAC/C;wBACD,6BAA6B;qBAChC;iBACJ","sourcesContent":["import {Directive, ExistingProvider} from '@angular/core';\n\nimport {ValidationErrorsContainerView} from '../../misc/validationErrorsContainerView';\nimport {GroupHasErrorDirective} from '../groupHasError/groupHasError.directive';\n\n/**\n * Directive that is attached to parent element of inputs group and handles css class that is added to this element and registers provider for ValidationErrorsContainerView\n */\n@Directive(\n{\n    selector: '[groupHasErrorContainer]',\n    standalone: true,\n    providers:\n    [\n        <ExistingProvider>\n        {\n            provide: GroupHasErrorDirective,\n            useExisting: GroupHasErrorContainerDirective\n        },\n        ValidationErrorsContainerView\n    ]\n})\nexport class GroupHasErrorContainerDirective extends GroupHasErrorDirective\n{\n}"]}

package/es2022/forms/src/directives/hasError/hasError.directive.js

@@ -1,9 +1,9 @@
 import { __decorate, __metadata } from "tslib";
-import { Directive, ElementRef, Optional, SkipSelf, Inject, Input, Injector, ViewContainerRef, Type, TemplateRef } from '@angular/core';
-import { FormControlDirective, FormControlName, NgModel } from '@angular/forms';
+import { Directive, Optional, SkipSelf, Inject, Input, Injector, ViewContainerRef, Type, TemplateRef } from '@angular/core';
+import { FormControlDirective, FormControlName, NgModel, PristineChangeEvent } from '@angular/forms';
 import { STRING_LOCALIZATION } from '@anglr/common';
 import { generateId, BindThis } from '@jscrpt/common';
-import { Subscription } from 'rxjs';
+import { Subscription, filter } from 'rxjs';
 import { ValidationErrorRendererFactory } from '../../services/validationErrorRenderer/validationErrorRenderer.service';
 import { SubmittedService } from '../../services/submitted/submitted.service';
 import { GroupHasErrorDirective } from '../groupHasError/groupHasError.directive';
@@ -14,94 +14,69 @@ import * as i2 from "../groupHasError/groupHasError.directive";
 import * as i3 from "@angular/forms";
 import * as i4 from "../../services/submitted/submitted.service";
 import * as i5 from "../../misc/validationErrorsContainerView";
-//TODO - add support for setting renderer factory options using input
+//TODO: add support for setting renderer factory options using input
 /**
  * Directive that is attached to control element and handles css classes that are added to this element
  */
 export class HasErrorDirective {
-    _element;
-    _rendererFactory;
-    _viewContainer;
-    _groupHasError;
-    _formControl;
-    _formControlName;
-    _ngModel;
-    _submittedSvc;
-    _containerView;
-    _stringLocalization;
-    _injector;
-    //######################### private fields #########################
-    /**
-     * Subscriptions that are destroyed with destruction of this directive
-     */
-    _subscriptions = new Subscription();
-    /**
-     * Unique generated id of control
-     */
-    _id = generateId(10);
-    /**
-     * Last value of control pristine attribute
-     */
-    _previousDirty = false;
-    /**
-     * Indication whether currently are any errors rendered
-     */
-    _hasErrors = false;
-    /**
-     * Mutation observer used for observing changes on class of element
-     */
-    _observer;
-    //######################### private properties #########################
+    //######################### protected properties #########################
     /**
      * Gets control which was assigned to this element
      */
     get control() {
-        return this._formControl?.control || this._formControlName?.control || this._ngModel?.control;
+        return this.formControl?.control || this.formControlName?.control || this.ngModel?.control;
     }
-    //######################### public properties #########################
-    /**
-     * Instance of validation error renderer
-     */
-    renderer;
-    //######################### public propeties - inputs #########################
-    /**
-     * Customized error messages
-     */
-    errorMessages;
-    /**
-     * Custom component used for rendering validation errors
-     */
-    errorsComponent;
-    /**
-     * Custom template used for rendering validation errors
-     */
-    errorsTemplate;
     //######################### constructor #########################
-    constructor(_element, _rendererFactory, _viewContainer, _groupHasError, _formControl, _formControlName, _ngModel, _submittedSvc, _containerView, _stringLocalization, _injector) {
-        this._element = _element;
-        this._rendererFactory = _rendererFactory;
-        this._viewContainer = _viewContainer;
-        this._groupHasError = _groupHasError;
-        this._formControl = _formControl;
-        this._formControlName = _formControlName;
-        this._ngModel = _ngModel;
-        this._submittedSvc = _submittedSvc;
-        this._containerView = _containerView;
-        this._stringLocalization = _stringLocalization;
-        this._injector = _injector;
+    constructor(rendererFactory, viewContainer, groupHasError, formControl, formControlName, ngModel, submittedSvc, containerView, stringLocalization, injector) {
+        this.rendererFactory = rendererFactory;
+        this.viewContainer = viewContainer;
+        this.groupHasError = groupHasError;
+        this.formControl = formControl;
+        this.formControlName = formControlName;
+        this.ngModel = ngModel;
+        this.submittedSvc = submittedSvc;
+        this.containerView = containerView;
+        this.stringLocalization = stringLocalization;
+        this.injector = injector;
+        //######################### protected fields #########################
+        /**
+         * Subscriptions that are destroyed with destruction of this directive
+         */
+        this.subscriptions = new Subscription();
+        /**
+         * Unique generated id of control
+         */
+        this.id = generateId(10);
+        /**
+         * Last value of control pristine attribute
+         */
+        this.previousDirty = false;
+        /**
+         * Indication whether currently are any errors rendered
+         */
+        this.hasErrors = false;
     }
     //######################### public methods - implementation of OnInit #########################
     /**
      * Initialize component
      */
     ngOnInit() {
-        this._containerView ??= new ValidationErrorsContainerView();
-        this._containerView.viewContainer ??= this._viewContainer;
-        this._registerMutationObserver();
-        this._subscriptions.add(this._stringLocalization.textsChange.subscribe(() => this._updateStatus()));
-        this._subscriptions.add(this.control.statusChanges.subscribe(() => this._updateStatus()));
-        if (this._submittedSvc) {
-            this._subscriptions.add(this._submittedSvc.submittedChange.subscribe(() => this._isSubmittedOrDirty(() => this._updateStatus())));
+        this.containerView ??= new ValidationErrorsContainerView();
+        this.containerView.viewContainer ??= this.viewContainer;
+        this.subscriptions.add(this.stringLocalization.textsChange.subscribe(() => this.updateStatus()));
+        this.subscriptions.add(this.control.statusChanges.subscribe(() => this.updateStatus()));
+        this.subscriptions.add(this.control
+            .events
+            .pipe(filter(itm => itm instanceof PristineChangeEvent))
+            .subscribe(event => {
+            const pristineEvent = event;
+            //only if dirty(pristine) is different
+            if (pristineEvent.pristine == this.previousDirty) {
+                this.updateStatus();
+            }
+        }));
+        if (this.submittedSvc) {
+            this.subscriptions.add(this.submittedSvc.submittedChange.subscribe(() => this.isSubmittedOrDirty(() => this.updateStatus())));
         }
     }
     //######################### public methods - implementation of AfterViewInit #########################
@@ -109,24 +84,23 @@ export class HasErrorDirective {
      * Called when view was initialized
      */
     ngAfterViewInit() {
-        this.renderer = this._rendererFactory.create(this.control, this._containerView, this._injector, this._isSubmittedOrDirty);
-        this._updateStatus();
+        this.renderer = this.rendererFactory.create(this.control, this.containerView, this.injector, this.isSubmittedOrDirty);
+        this.updateStatus();
     }
     //######################### public methods - implementation of OnDestroy #########################
     /**
      * Called when component is destroyed
      */
     ngOnDestroy() {
-        this._subscriptions.unsubscribe();
-        this._groupHasError?.unregisterControl(this._id);
-        this._observer?.disconnect();
+        this.subscriptions.unsubscribe();
+        this.groupHasError?.unregisterControl(this.id);
         this.renderer?.destroy();
     }
-    //######################### private methods #########################
+    //######################### protected methods #########################
     /**
      * Updates status of control and css classes
      */
-    _updateStatus() {
+    updateStatus() {
         if (!this.renderer) {
             return;
         }
@@ -137,16 +111,16 @@ export class HasErrorDirective {
         else if (this.errorsComponent) {
             opts.component = this.errorsComponent;
         }
-        this._previousDirty = this.control.dirty;
-        this._hasErrors = this.renderer.update(opts, this.errorMessages);
-        this._toggleGroupHasError();
+        this.previousDirty = this.control.dirty;
+        this.hasErrors = this.renderer.update(opts, this.errorMessages);
+        this.toggleGroupHasError();
     }
     /**
      * Toggles registration of control in parent group
      */
-    _toggleGroupHasError() {
-        if (this._groupHasError) {
-            this._isSubmittedOrDirty(() => this._groupHasError.registerControl(this._id), () => this._groupHasError.unregisterControl(this._id), this._hasErrors);
+    toggleGroupHasError() {
+        if (this.groupHasError) {
+            this.isSubmittedOrDirty(() => this.groupHasError.registerControl(this.id), () => this.groupHasError.unregisterControl(this.id), this.hasErrors);
         }
     }
     /**
@@ -155,9 +129,9 @@ export class HasErrorDirective {
      * @param falseAction - Action to be called when form is not submitted and control is not dirty
      * @param additionalCondition - Additional condition to be evaluated
      */
-    _isSubmittedOrDirty(action, falseAction = () => { }, additionalCondition = true) {
+    isSubmittedOrDirty(action, falseAction = () => { }, additionalCondition = true) {
         //submitted form or dirty control
-        if ((this._submittedSvc?.submitted ||
+        if ((this.submittedSvc?.submitted ||
             this.control?.dirty) &&
             additionalCondition) {
             action();
@@ -166,35 +140,22 @@ export class HasErrorDirective {
             falseAction();
         }
     }
-    /**
-     * Registers mutation observer which watch for changes of class list
-     */
-    _registerMutationObserver() {
-        this._observer = new MutationObserver(() => {
-            if (this.control.dirty != this._previousDirty) {
-                this._updateStatus();
-            }
-        });
-        this._observer.observe(this._element.nativeElement, {
-            attributeFilter: ['class'],
-            attributes: true
-        });
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.5", ngImport: i0, type: HasErrorDirective, deps: [{ token: i0.ElementRef }, { token: i1.ValidationErrorRendererFactory }, { token: i0.ViewContainerRef }, { token: i2.GroupHasErrorDirective, optional: true, skipSelf: true }, { token: i3.FormControlDirective, optional: true }, { token: i3.FormControlName, optional: true }, { token: i3.NgModel, optional: true }, { token: i4.SubmittedService, optional: true }, { token: i5.ValidationErrorsContainerView, optional: true }, { token: STRING_LOCALIZATION }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.5", type: HasErrorDirective, selector: "[hasError]", inputs: { errorMessages: "errorMessages", errorsComponent: "errorsComponent", errorsTemplate: "errorsTemplate" }, ngImport: i0 });
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: HasErrorDirective, deps: [{ token: i1.ValidationErrorRendererFactory }, { token: i0.ViewContainerRef }, { token: i2.GroupHasErrorDirective, optional: true, skipSelf: true }, { token: i3.FormControlDirective, optional: true }, { token: i3.FormControlName, optional: true }, { token: i3.NgModel, optional: true }, { token: i4.SubmittedService, optional: true }, { token: i5.ValidationErrorsContainerView, optional: true }, { token: STRING_LOCALIZATION }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.1", type: HasErrorDirective, isStandalone: true, selector: "[hasError][formControlName],[hasError][formControl],[hasError][ngModel]", inputs: { errorMessages: "errorMessages", errorsComponent: "errorsComponent", errorsTemplate: "errorsTemplate" }, ngImport: i0 }); }
 }
 __decorate([
     BindThis,
     __metadata("design:type", Function),
     __metadata("design:paramtypes", [Function, Function, Boolean]),
     __metadata("design:returntype", void 0)
-], HasErrorDirective.prototype, "_isSubmittedOrDirty", null);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.5", ngImport: i0, type: HasErrorDirective, decorators: [{
+], HasErrorDirective.prototype, "isSubmittedOrDirty", null);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: HasErrorDirective, decorators: [{
             type: Directive,
             args: [{
-                    selector: '[hasError]'
+                    selector: '[hasError][formControlName],[hasError][formControl],[hasError][ngModel]',
+                    standalone: true,
                 }]
-        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i1.ValidationErrorRendererFactory }, { type: i0.ViewContainerRef }, { type: i2.GroupHasErrorDirective, decorators: [{
+        }], ctorParameters: () => [{ type: i1.ValidationErrorRendererFactory }, { type: i0.ViewContainerRef }, { type: i2.GroupHasErrorDirective, decorators: [{
                     type: Optional
                 }, {
                     type: SkipSelf
@@ -217,5 +178,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.5", ngImpor
                 type: Input
             }], errorsTemplate: [{
                 type: Input
-            }], _isSubmittedOrDirty: [] } });
+            }], isSubmittedOrDirty: [] } });
 //# sourceMappingURL=hasError.directive.js.map

package/es2022/forms/src/directives/hasError/hasError.directive.js.map

@@ -1 +1 @@
-{"version":3,"file":"hasError.directive.js","sourceRoot":"","sources":["../../../../../forms/src/directives/hasError/hasError.directive.ts"],"names":[],"mappings":"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","sourcesContent":["import {Directive, ElementRef, Optional, SkipSelf, OnInit, OnDestroy, Inject, Input, Injector, ViewContainerRef, AfterViewInit, Type, TemplateRef} from '@angular/core';\nimport {FormControlDirective, FormControlName, FormControl, NgModel} from '@angular/forms';\nimport {StringLocalization, STRING_LOCALIZATION} from '@anglr/common';\nimport {generateId, BindThis, StringDictionary} from '@jscrpt/common';\nimport {Subscription} from 'rxjs';\n\nimport {ValidationErrorRendererFactory} from '../../services/validationErrorRenderer/validationErrorRenderer.service';\nimport {ValidationErrorRenderer, ValidationErrorsComponent, ValidationErrorsRendererOptions, ValidationErrorsTemplateContext} from '../../services/validationErrorRenderer/validationErrorRenderer.interface';\nimport {SubmittedService} from '../../services/submitted/submitted.service';\nimport {GroupHasErrorDirective} from '../groupHasError/groupHasError.directive';\nimport {ValidationErrorsContainerView} from '../../misc/validationErrorsContainerView';\n\n//TODO - add support for setting renderer factory options using input\n\n/**\n * Directive that is attached to control element and handles css classes that are added to this element\n */\n@Directive(\n{\n    selector: '[hasError]'\n})\nexport class HasErrorDirective implements OnInit, AfterViewInit, OnDestroy\n{\n    //######################### private fields #########################\n\n    /**\n     * Subscriptions that are destroyed with destruction of this directive\n     */\n    private _subscriptions: Subscription = new Subscription();\n\n    /**\n     * Unique generated id of control\n     */\n    private _id: string = generateId(10);\n\n    /**\n     * Last value of control pristine attribute\n     */\n    private _previousDirty: boolean = false;\n\n    /**\n     * Indication whether currently are any errors rendered\n     */\n    private _hasErrors: boolean = false;\n\n    /**\n     * Mutation observer used for observing changes on class of element\n     */\n    private _observer: MutationObserver;\n\n    //######################### private properties #########################\n\n    /**\n     * Gets control which was assigned to this element\n     */\n    private get control(): FormControl\n    {\n        return this._formControl?.control || this._formControlName?.control || this._ngModel?.control;\n    }\n\n    //######################### public properties #########################\n\n    /**\n     * Instance of validation error renderer\n     */\n    public renderer: ValidationErrorRenderer;\n\n    //######################### public propeties - inputs #########################\n\n    /**\n     * Customized error messages\n     */\n    @Input()\n    public errorMessages: StringDictionary;\n\n    /**\n     * Custom component used for rendering validation errors\n     */\n    @Input()\n    public errorsComponent?: Type<ValidationErrorsComponent>;\n\n    /**\n     * Custom template used for rendering validation errors\n     */\n    @Input()\n    public errorsTemplate?: TemplateRef<ValidationErrorsTemplateContext>;\n\n    //######################### constructor #########################\n    constructor(private _element: ElementRef<HTMLElement>,\n                private _rendererFactory: ValidationErrorRendererFactory,\n                private _viewContainer: ViewContainerRef,\n                @Optional() @SkipSelf() private _groupHasError: GroupHasErrorDirective,\n                @Optional() private _formControl: FormControlDirective,\n                @Optional() private _formControlName: FormControlName,\n                @Optional() private _ngModel: NgModel,\n                @Optional() private _submittedSvc: SubmittedService,\n                @Optional() private _containerView: ValidationErrorsContainerView,\n                @Inject(STRING_LOCALIZATION) protected _stringLocalization: StringLocalization,\n                protected _injector: Injector)\n    {\n    }\n\n    //######################### public methods - implementation of OnInit #########################\n    \n    /**\n     * Initialize component\n     */\n    public ngOnInit(): void\n    {\n        this._containerView ??= new ValidationErrorsContainerView();\n        this._containerView.viewContainer ??= this._viewContainer;\n\n        this._registerMutationObserver();\n\n        this._subscriptions.add(this._stringLocalization.textsChange.subscribe(() => this._updateStatus()));\n        this._subscriptions.add(this.control.statusChanges.subscribe(() => this._updateStatus()));\n\n        if(this._submittedSvc)\n        {\n            this._subscriptions.add(this._submittedSvc.submittedChange.subscribe(() => this._isSubmittedOrDirty(() => this._updateStatus())));\n        }\n    }\n\n    //######################### public methods - implementation of AfterViewInit #########################\n    \n    /**\n     * Called when view was initialized\n     */\n    public ngAfterViewInit(): void\n    {\n        this.renderer = this._rendererFactory.create(this.control,\n                                                     this._containerView,\n                                                     this._injector,\n                                                     this._isSubmittedOrDirty);\n\n        this._updateStatus();\n    }\n\n    //######################### public methods - implementation of OnDestroy #########################\n    \n    /**\n     * Called when component is destroyed\n     */\n    public ngOnDestroy(): void\n    {\n        this._subscriptions.unsubscribe();\n\n        this._groupHasError?.unregisterControl(this._id);\n        this._observer?.disconnect();\n        this.renderer?.destroy();\n    }\n\n    //######################### private methods #########################\n\n    /**\n     * Updates status of control and css classes\n     */\n    private _updateStatus(): void\n    {\n        if(!this.renderer)\n        {\n            return;\n        }\n\n        const opts: ValidationErrorsRendererOptions = {};\n\n        if(this.errorsTemplate)\n        {\n            opts.template = this.errorsTemplate;\n        }\n        else if(this.errorsComponent)\n        {\n            opts.component = this.errorsComponent;\n        }\n\n        this._previousDirty = this.control.dirty;\n        this._hasErrors = this.renderer.update(opts, this.errorMessages);\n        this._toggleGroupHasError();\n    }\n\n    /**\n     * Toggles registration of control in parent group\n     */\n    private _toggleGroupHasError(): void\n    {\n        if(this._groupHasError)\n        {\n            this._isSubmittedOrDirty(() => this._groupHasError.registerControl(this._id),\n                                     () => this._groupHasError.unregisterControl(this._id),\n                                     this._hasErrors);\n        }\n    }\n\n    /**\n     * Calls action when form is submitted or control is dirty\n     * @param action - Action to be called when form is submitted or control dirty\n     * @param falseAction - Action to be called when form is not submitted and control is not dirty\n     * @param additionalCondition - Additional condition to be evaluated\n     */\n    @BindThis\n    private _isSubmittedOrDirty(action: () => void, falseAction: () => void = () => {}, additionalCondition: boolean = true): void\n    {\n        //submitted form or dirty control\n        if((this._submittedSvc?.submitted ||\n            this.control?.dirty) &&\n           additionalCondition)\n        {\n            action();\n        }\n        else\n        {\n            falseAction();\n        }\n    }\n\n    /**\n     * Registers mutation observer which watch for changes of class list\n     */\n    private _registerMutationObserver(): void\n    {\n        this._observer = new MutationObserver(() =>\n        {\n            if(this.control.dirty != this._previousDirty)\n            {\n                this._updateStatus();\n            }\n        });\n\n        this._observer.observe(this._element.nativeElement, \n        {\n            attributeFilter: ['class'],\n            attributes: true\n        });\n    }\n}"]}
+{"version":3,"file":"hasError.directive.js","sourceRoot":"","sources":["../../../../../forms/src/directives/hasError/hasError.directive.ts"],"names":[],"mappings":"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","sourcesContent":["import {Directive, Optional, SkipSelf, OnInit, OnDestroy, Inject, Input, Injector, ViewContainerRef, AfterViewInit, Type, TemplateRef} from '@angular/core';\nimport {FormControlDirective, FormControlName, FormControl, NgModel, PristineChangeEvent} from '@angular/forms';\nimport {StringLocalization, STRING_LOCALIZATION} from '@anglr/common';\nimport {generateId, BindThis, StringDictionary} from '@jscrpt/common';\nimport {Subscription, filter} from 'rxjs';\n\nimport {ValidationErrorRendererFactory} from '../../services/validationErrorRenderer/validationErrorRenderer.service';\nimport {ValidationErrorRenderer, ValidationErrorsComponent, ValidationErrorsRendererOptions, ValidationErrorsTemplateContext} from '../../services/validationErrorRenderer/validationErrorRenderer.interface';\nimport {SubmittedService} from '../../services/submitted/submitted.service';\nimport {GroupHasErrorDirective} from '../groupHasError/groupHasError.directive';\nimport {ValidationErrorsContainerView} from '../../misc/validationErrorsContainerView';\n\n//TODO: add support for setting renderer factory options using input\n\n/**\n * Directive that is attached to control element and handles css classes that are added to this element\n */\n@Directive(\n{\n    selector: '[hasError][formControlName],[hasError][formControl],[hasError][ngModel]',\n    standalone: true,\n})\nexport class HasErrorDirective implements OnInit, AfterViewInit, OnDestroy\n{\n    //######################### protected fields #########################\n\n    /**\n     * Subscriptions that are destroyed with destruction of this directive\n     */\n    protected subscriptions: Subscription = new Subscription();\n\n    /**\n     * Unique generated id of control\n     */\n    protected id: string = generateId(10);\n\n    /**\n     * Last value of control pristine attribute\n     */\n    protected previousDirty: boolean = false;\n\n    /**\n     * Indication whether currently are any errors rendered\n     */\n    protected hasErrors: boolean = false;\n\n    //######################### protected properties #########################\n\n    /**\n     * Gets control which was assigned to this element\n     */\n    protected get control(): FormControl\n    {\n        return this.formControl?.control || this.formControlName?.control || this.ngModel?.control;\n    }\n\n    //######################### public properties #########################\n\n    /**\n     * Instance of validation error renderer\n     */\n    public renderer: ValidationErrorRenderer;\n\n    //######################### public propeties - inputs #########################\n\n    /**\n     * Customized error messages\n     */\n    @Input()\n    public errorMessages: StringDictionary;\n\n    /**\n     * Custom component used for rendering validation errors\n     */\n    @Input()\n    public errorsComponent?: Type<ValidationErrorsComponent>;\n\n    /**\n     * Custom template used for rendering validation errors\n     */\n    @Input()\n    public errorsTemplate?: TemplateRef<ValidationErrorsTemplateContext>;\n\n    //######################### constructor #########################\n    constructor(protected rendererFactory: ValidationErrorRendererFactory,\n                protected viewContainer: ViewContainerRef,\n                @Optional() @SkipSelf() protected groupHasError: GroupHasErrorDirective,\n                @Optional() protected formControl: FormControlDirective,\n                @Optional() protected formControlName: FormControlName,\n                @Optional() protected ngModel: NgModel,\n                @Optional() protected submittedSvc: SubmittedService,\n                @Optional() protected containerView: ValidationErrorsContainerView,\n                @Inject(STRING_LOCALIZATION) protected stringLocalization: StringLocalization,\n                protected injector: Injector,)\n    {\n    }\n\n    //######################### public methods - implementation of OnInit #########################\n    \n    /**\n     * Initialize component\n     */\n    public ngOnInit(): void\n    {\n        this.containerView ??= new ValidationErrorsContainerView();\n        this.containerView.viewContainer ??= this.viewContainer;\n\n        this.subscriptions.add(this.stringLocalization.textsChange.subscribe(() => this.updateStatus()));\n        this.subscriptions.add(this.control.statusChanges.subscribe(() => this.updateStatus()));\n        this.subscriptions.add(this.control\n                                    .events\n                                    .pipe(filter(itm => itm instanceof PristineChangeEvent))\n                                    .subscribe(event =>\n                                    {\n                                        const pristineEvent = event as PristineChangeEvent;\n\n                                        //only if dirty(pristine) is different\n                                        if(pristineEvent.pristine == this.previousDirty)\n                                        {\n                                            this.updateStatus();\n                                        }\n                                    }));\n\n        if(this.submittedSvc)\n        {\n            this.subscriptions.add(this.submittedSvc.submittedChange.subscribe(() => this.isSubmittedOrDirty(() => this.updateStatus())));\n        }\n    }\n\n    //######################### public methods - implementation of AfterViewInit #########################\n    \n    /**\n     * Called when view was initialized\n     */\n    public ngAfterViewInit(): void\n    {\n        this.renderer = this.rendererFactory.create(this.control,\n                                                     this.containerView,\n                                                     this.injector,\n                                                     this.isSubmittedOrDirty);\n\n        this.updateStatus();\n    }\n\n    //######################### public methods - implementation of OnDestroy #########################\n    \n    /**\n     * Called when component is destroyed\n     */\n    public ngOnDestroy(): void\n    {\n        this.subscriptions.unsubscribe();\n\n        this.groupHasError?.unregisterControl(this.id);\n        this.renderer?.destroy();\n    }\n\n    //######################### protected methods #########################\n\n    /**\n     * Updates status of control and css classes\n     */\n    protected updateStatus(): void\n    {\n        if(!this.renderer)\n        {\n            return;\n        }\n\n        const opts: ValidationErrorsRendererOptions = {};\n\n        if(this.errorsTemplate)\n        {\n            opts.template = this.errorsTemplate;\n        }\n        else if(this.errorsComponent)\n        {\n            opts.component = this.errorsComponent;\n        }\n\n        this.previousDirty = this.control.dirty;\n        this.hasErrors = this.renderer.update(opts, this.errorMessages);\n        this.toggleGroupHasError();\n    }\n\n    /**\n     * Toggles registration of control in parent group\n     */\n    protected toggleGroupHasError(): void\n    {\n        if(this.groupHasError)\n        {\n            this.isSubmittedOrDirty(() => this.groupHasError.registerControl(this.id),\n                                     () => this.groupHasError.unregisterControl(this.id),\n                                     this.hasErrors);\n        }\n    }\n\n    /**\n     * Calls action when form is submitted or control is dirty\n     * @param action - Action to be called when form is submitted or control dirty\n     * @param falseAction - Action to be called when form is not submitted and control is not dirty\n     * @param additionalCondition - Additional condition to be evaluated\n     */\n    @BindThis\n    protected isSubmittedOrDirty(action: () => void, falseAction: () => void = () => {}, additionalCondition: boolean = true): void\n    {\n        //submitted form or dirty control\n        if((this.submittedSvc?.submitted ||\n            this.control?.dirty) &&\n           additionalCondition)\n        {\n            action();\n        }\n        else\n        {\n            falseAction();\n        }\n    }\n}"]}

package/es2022/forms/src/directives/numberInput/maxValueNumberValidator.directive.js

@@ -15,26 +15,12 @@ const MAX_NUMBER_VALIDATOR = {
  * Directive injecting checking for number max value validator
  */
 export class MaxValueNumberValidatorDirective {
-    //######################### private fields #########################
-    /**
-     * Current max value that is allowed
-     */
-    _maxValue;
-    /**
-     * Function used for validations
-     */
-    _validator;
-    /**
-     * Indication whether validator was initialized
-     */
-    _initialized = false;
-    //######################### public properties - inputs #########################
-    /**
-     * Bound max value that is allowed, which overrides value set to attribute maxValue
-     */
-    maxValue;
     //######################### constructor #########################
     constructor(maxValue) {
+        /**
+         * Indication whether validator was initialized
+         */
+        this._initialized = false;
         let value;
         if (isBlank(maxValue) || maxValue.length < 1 || isNaN(value = parseFloat(maxValue.replace(',', '.')))) {
             value = null;
@@ -60,10 +46,10 @@ export class MaxValueNumberValidatorDirective {
     validate(control) {
         return this._validator(control);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.5", ngImport: i0, type: MaxValueNumberValidatorDirective, deps: [{ token: 'maxValue', attribute: true }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.5", type: MaxValueNumberValidatorDirective, selector: "input[number][maxValue][formControlName],input[number][maxValue][formControl],input[number][maxValue][ngModel]", inputs: { maxValue: "maxValue" }, providers: [MAX_NUMBER_VALIDATOR], usesOnChanges: true, ngImport: i0 });
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: MaxValueNumberValidatorDirective, deps: [{ token: 'maxValue', attribute: true }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.1", type: MaxValueNumberValidatorDirective, selector: "input[number][maxValue][formControlName],input[number][maxValue][formControl],input[number][maxValue][ngModel]", inputs: { maxValue: "maxValue" }, providers: [MAX_NUMBER_VALIDATOR], usesOnChanges: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.5", ngImport: i0, type: MaxValueNumberValidatorDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: MaxValueNumberValidatorDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: 'input[number][maxValue][formControlName],input[number][maxValue][formControl],input[number][maxValue][ngModel]',

package/es2022/forms/src/directives/numberInput/maxValueNumberValidator.directive.js.map

@@ -1 +1 @@
-{"version":3,"file":"maxValueNumberValidator.directive.js","sourceRoot":"","sources":["../../../../../forms/src/directives/numberInput/maxValueNumberValidator.directive.ts"],"names":[],"mappings":"AAAA,OAAO,EAAmB,KAAK,EAAE,UAAU,EAAE,SAAS,EAAE,SAAS,EAA2B,MAAM,eAAe,CAAC;AAClH,OAAO,EAAC,aAAa,EAA4D,MAAM,gBAAgB,CAAC;AACxG,OAAO,EAAC,OAAO,EAAE,SAAS,EAAC,MAAM,gBAAgB,CAAC;AAElD,OAAO,EAAC,UAAU,EAAC,MAAM,uBAAuB,CAAC;;AAEjD;;GAEG;AACH,MAAM,oBAAoB,GAC1B;IACI,OAAO,EAAE,aAAa;IACtB,WAAW,EAAE,UAAU,CAAC,GAAG,EAAE,CAAC,gCAAgC,CAAC;IAC/D,KAAK,EAAE,IAAI;CACd,CAAC;AAEF;;GAEG;AAMH,MAAM,OAAO,gCAAgC;IAEzC,oEAAoE;IAEpE;;OAEG;IACK,SAAS,CAAc;IAE/B;;OAEG;IACK,UAAU,CAAc;IAEhC;;OAEG;IACK,YAAY,GAAY,KAAK,CAAC;IAEtC,gFAAgF;IAEhF;;OAEG;IAEI,QAAQ,CAAU;IAEzB,iEAAiE;IACjE,YAAmC,QAAgB;QAE/C,IAAI,KAAK,CAAC;QAEV,IAAG,OAAO,CAAC,QAAQ,CAAC,IAAI,QAAQ,CAAC,MAAM,GAAG,CAAC,IAAI,KAAK,CAAC,KAAK,GAAG,UAAU,CAAC,QAAQ,CAAC,OAAO,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC,CAAC,EACpG;YACI,KAAK,GAAG,IAAI,CAAC;SAChB;QAED,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC;IAC3B,CAAC;IAED,kGAAkG;IAE3F,WAAW,CAAC,OAAsB;QAErC,IAAG,CAAC,IAAI,CAAC,YAAY,EACrB;YACI,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC;YAEzB,IAAI,CAAC,UAAU,GAAG,UAAU,CAAC,GAAG,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;SACpD;QAED,IAAI,UAAU,IAAI,OAAO,EACzB;YACI,IAAI,CAAC,UAAU,GAAG,UAAU,CAAC,GAAG,CAAC,SAAS,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAS,IAAI,CAAC,QAAS,CAAC,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;SACxG;IACL,CAAC;IAED,kGAAkG;IAElG;;;;OAIG;IACI,QAAQ,CAAC,OAAwB;QAEpC,OAAO,IAAI,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC;IACpC,CAAC;uGAnEQ,gCAAgC,kBA4BlB,UAAU;2FA5BxB,gCAAgC,2KAF9B,CAAC,oBAAoB,CAAC;;2FAExB,gCAAgC;kBAL5C,SAAS;mBACV;oBACI,QAAQ,EAAE,gHAAgH;oBAC1H,SAAS,EAAE,CAAC,oBAAoB,CAAC;iBACpC;;0BA6BgB,SAAS;2BAAC,UAAU;yCAH1B,QAAQ;sBADd,KAAK","sourcesContent":["import {ExistingProvider, Input, forwardRef, Directive, Attribute, OnChanges, SimpleChanges} from '@angular/core';\nimport {NG_VALIDATORS, AbstractControl, Validator, ValidatorFn, ValidationErrors} from '@angular/forms';\nimport {isBlank, isPresent} from '@jscrpt/common';\n\nimport {Validators} from '../../misc/validators';\n\n/**\n * Validator that is injected with directive MaxValueNumberValidatorDirective\n */\nconst MAX_NUMBER_VALIDATOR = <ExistingProvider>\n{\n    provide: NG_VALIDATORS,\n    useExisting: forwardRef(() => MaxValueNumberValidatorDirective),\n    multi: true\n};\n\n/**\n * Directive injecting checking for number max value validator\n */\n@Directive(\n{\n    selector: 'input[number][maxValue][formControlName],input[number][maxValue][formControl],input[number][maxValue][ngModel]',\n    providers: [MAX_NUMBER_VALIDATOR]\n})\nexport class MaxValueNumberValidatorDirective implements Validator, OnChanges\n{\n    //######################### private fields #########################\n\n    /**\n     * Current max value that is allowed\n     */\n    private _maxValue: number|null;\n\n    /**\n     * Function used for validations\n     */\n    private _validator: ValidatorFn;\n\n    /**\n     * Indication whether validator was initialized\n     */\n    private _initialized: boolean = false;\n\n    //######################### public properties - inputs #########################\n\n    /**\n     * Bound max value that is allowed, which overrides value set to attribute maxValue\n     */\n    @Input()\n    public maxValue?: number;\n\n    //######################### constructor #########################\n    constructor(@Attribute('maxValue') maxValue: string)\n    {\n        let value;\n\n        if(isBlank(maxValue) || maxValue.length < 1 || isNaN(value = parseFloat(maxValue.replace(',', '.'))))\n        {\n            value = null;\n        }\n\n        this._maxValue = value;\n    }\n\n    //######################### public methods - implementation of OnChanges #########################\n\n    public ngOnChanges(changes: SimpleChanges): void\n    {\n        if(!this._initialized)\n        {\n            this._initialized = true;\n\n            this._validator = Validators.max(this._maxValue);\n        }\n\n        if ('maxValue' in changes)\n        {\n            this._validator = Validators.max(isPresent(this.maxValue) ? <number>this.maxValue! : this._maxValue);\n        }\n    }\n\n    //######################### public methods - implementation of Validator #########################\n\n    /**\n     * Validates input and returns validation result\n     * @param control - Control that is being validated\n     * @returns validation results\n     */\n    public validate(control: AbstractControl): ValidationErrors|null\n    {\n        return this._validator(control);\n    }\n}"]}
+{"version":3,"file":"maxValueNumberValidator.directive.js","sourceRoot":"","sources":["../../../../../forms/src/directives/numberInput/maxValueNumberValidator.directive.ts"],"names":[],"mappings":"AAAA,OAAO,EAAmB,KAAK,EAAE,UAAU,EAAE,SAAS,EAAE,SAAS,EAA2B,MAAM,eAAe,CAAC;AAClH,OAAO,EAAC,aAAa,EAA4D,MAAM,gBAAgB,CAAC;AACxG,OAAO,EAAC,OAAO,EAAE,SAAS,EAAC,MAAM,gBAAgB,CAAC;AAElD,OAAO,EAAC,UAAU,EAAC,MAAM,uBAAuB,CAAC;;AAEjD;;GAEG;AACH,MAAM,oBAAoB,GAC1B;IACI,OAAO,EAAE,aAAa;IACtB,WAAW,EAAE,UAAU,CAAC,GAAG,EAAE,CAAC,gCAAgC,CAAC;IAC/D,KAAK,EAAE,IAAI;CACd,CAAC;AAEF;;GAEG;AAMH,MAAM,OAAO,gCAAgC;IA2BzC,iEAAiE;IACjE,YAAmC,QAAgB;QAdnD;;WAEG;QACK,iBAAY,GAAY,KAAK,CAAC;QAalC,IAAI,KAAK,CAAC;QAEV,IAAG,OAAO,CAAC,QAAQ,CAAC,IAAI,QAAQ,CAAC,MAAM,GAAG,CAAC,IAAI,KAAK,CAAC,KAAK,GAAG,UAAU,CAAC,QAAQ,CAAC,OAAO,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC,CAAC,EACpG,CAAC;YACG,KAAK,GAAG,IAAI,CAAC;QACjB,CAAC;QAED,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC;IAC3B,CAAC;IAED,kGAAkG;IAE3F,WAAW,CAAC,OAAsB;QAErC,IAAG,CAAC,IAAI,CAAC,YAAY,EACrB,CAAC;YACG,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC;YAEzB,IAAI,CAAC,UAAU,GAAG,UAAU,CAAC,GAAG,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;QACrD,CAAC;QAED,IAAI,UAAU,IAAI,OAAO,EACzB,CAAC;YACG,IAAI,CAAC,UAAU,GAAG,UAAU,CAAC,GAAG,CAAC,SAAS,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAS,IAAI,CAAC,QAAS,CAAC,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;QACzG,CAAC;IACL,CAAC;IAED,kGAAkG;IAElG;;;;OAIG;IACI,QAAQ,CAAC,OAAwB;QAEpC,OAAO,IAAI,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC;IACpC,CAAC;8GAnEQ,gCAAgC,kBA4BlB,UAAU;kGA5BxB,gCAAgC,2KAF9B,CAAC,oBAAoB,CAAC;;2FAExB,gCAAgC;kBAL5C,SAAS;mBACV;oBACI,QAAQ,EAAE,gHAAgH;oBAC1H,SAAS,EAAE,CAAC,oBAAoB,CAAC;iBACpC;;0BA6BgB,SAAS;2BAAC,UAAU;yCAH1B,QAAQ;sBADd,KAAK","sourcesContent":["import {ExistingProvider, Input, forwardRef, Directive, Attribute, OnChanges, SimpleChanges} from '@angular/core';\nimport {NG_VALIDATORS, AbstractControl, Validator, ValidatorFn, ValidationErrors} from '@angular/forms';\nimport {isBlank, isPresent} from '@jscrpt/common';\n\nimport {Validators} from '../../misc/validators';\n\n/**\n * Validator that is injected with directive MaxValueNumberValidatorDirective\n */\nconst MAX_NUMBER_VALIDATOR = <ExistingProvider>\n{\n    provide: NG_VALIDATORS,\n    useExisting: forwardRef(() => MaxValueNumberValidatorDirective),\n    multi: true\n};\n\n/**\n * Directive injecting checking for number max value validator\n */\n@Directive(\n{\n    selector: 'input[number][maxValue][formControlName],input[number][maxValue][formControl],input[number][maxValue][ngModel]',\n    providers: [MAX_NUMBER_VALIDATOR]\n})\nexport class MaxValueNumberValidatorDirective implements Validator, OnChanges\n{\n    //######################### private fields #########################\n\n    /**\n     * Current max value that is allowed\n     */\n    private _maxValue: number|null;\n\n    /**\n     * Function used for validations\n     */\n    private _validator: ValidatorFn;\n\n    /**\n     * Indication whether validator was initialized\n     */\n    private _initialized: boolean = false;\n\n    //######################### public properties - inputs #########################\n\n    /**\n     * Bound max value that is allowed, which overrides value set to attribute maxValue\n     */\n    @Input()\n    public maxValue?: number;\n\n    //######################### constructor #########################\n    constructor(@Attribute('maxValue') maxValue: string)\n    {\n        let value;\n\n        if(isBlank(maxValue) || maxValue.length < 1 || isNaN(value = parseFloat(maxValue.replace(',', '.'))))\n        {\n            value = null;\n        }\n\n        this._maxValue = value;\n    }\n\n    //######################### public methods - implementation of OnChanges #########################\n\n    public ngOnChanges(changes: SimpleChanges): void\n    {\n        if(!this._initialized)\n        {\n            this._initialized = true;\n\n            this._validator = Validators.max(this._maxValue);\n        }\n\n        if ('maxValue' in changes)\n        {\n            this._validator = Validators.max(isPresent(this.maxValue) ? <number>this.maxValue! : this._maxValue);\n        }\n    }\n\n    //######################### public methods - implementation of Validator #########################\n\n    /**\n     * Validates input and returns validation result\n     * @param control - Control that is being validated\n     * @returns validation results\n     */\n    public validate(control: AbstractControl): ValidationErrors|null\n    {\n        return this._validator(control);\n    }\n}"]}

package/es2022/forms/src/directives/numberInput/minValueNumberValidator.directive.js

@@ -15,26 +15,12 @@ const MIN_NUMBER_VALIDATOR = {
  * Directive injecting checking for number min value validator
  */
 export class MinValueNumberValidatorDirective {
-    //######################### private fields #########################
-    /**
-     * Current min value that is allowed
-     */
-    _minValue;
-    /**
-     * Function used for validations
-     */
-    _validator;
-    /**
-     * Indication whether validator was initialized
-     */
-    _initialized = false;
-    //######################### public properties - inputs #########################
-    /**
-     * Bound min value that is allowed, which overrides value set to attribute minValue
-     */
-    minValue;
     //######################### constructor #########################
     constructor(minValue) {
+        /**
+         * Indication whether validator was initialized
+         */
+        this._initialized = false;
         let value;
         if (isBlank(minValue) || minValue.length < 1 || isNaN(value = parseFloat(minValue.replace(',', '.')))) {
             value = null;
@@ -60,10 +46,10 @@ export class MinValueNumberValidatorDirective {
     validate(control) {
         return this._validator(control);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.5", ngImport: i0, type: MinValueNumberValidatorDirective, deps: [{ token: 'minValue', attribute: true }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.5", type: MinValueNumberValidatorDirective, selector: "input[number][minValue][formControlName],input[number][minValue][formControl],input[number][minValue][ngModel]", inputs: { minValue: "minValue" }, providers: [MIN_NUMBER_VALIDATOR], usesOnChanges: true, ngImport: i0 });
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: MinValueNumberValidatorDirective, deps: [{ token: 'minValue', attribute: true }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.1", type: MinValueNumberValidatorDirective, selector: "input[number][minValue][formControlName],input[number][minValue][formControl],input[number][minValue][ngModel]", inputs: { minValue: "minValue" }, providers: [MIN_NUMBER_VALIDATOR], usesOnChanges: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.5", ngImport: i0, type: MinValueNumberValidatorDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: MinValueNumberValidatorDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: 'input[number][minValue][formControlName],input[number][minValue][formControl],input[number][minValue][ngModel]',

package/es2022/forms/src/directives/numberInput/minValueNumberValidator.directive.js.map

@@ -1 +1 @@
-{"version":3,"file":"minValueNumberValidator.directive.js","sourceRoot":"","sources":["../../../../../forms/src/directives/numberInput/minValueNumberValidator.directive.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAE,SAAS,EAAE,SAAS,EAAE,KAAK,EAA6C,MAAM,eAAe,CAAC;AAClH,OAAO,EAAC,aAAa,EAA4D,MAAM,gBAAgB,CAAC;AACxG,OAAO,EAAC,OAAO,EAAE,SAAS,EAAC,MAAM,gBAAgB,CAAC;AAElD,OAAO,EAAC,UAAU,EAAC,MAAM,uBAAuB,CAAC;;AAEjD;;GAEG;AACH,MAAM,oBAAoB,GAC1B;IACI,OAAO,EAAE,aAAa;IACtB,WAAW,EAAE,UAAU,CAAC,GAAG,EAAE,CAAC,gCAAgC,CAAC;IAC/D,KAAK,EAAE,IAAI;CACd,CAAC;AAEF;;GAEG;AAMH,MAAM,OAAO,gCAAgC;IAEzC,oEAAoE;IAEpE;;OAEG;IACK,SAAS,CAAc;IAE/B;;OAEG;IACK,UAAU,CAAc;IAEhC;;OAEG;IACK,YAAY,GAAY,KAAK,CAAC;IAEtC,gFAAgF;IAChF;;OAEG;IAEI,QAAQ,CAAU;IAEzB,iEAAiE;IACjE,YAAmC,QAAgB;QAE/C,IAAI,KAAK,CAAC;QAEV,IAAG,OAAO,CAAC,QAAQ,CAAC,IAAI,QAAQ,CAAC,MAAM,GAAG,CAAC,IAAI,KAAK,CAAC,KAAK,GAAG,UAAU,CAAC,QAAQ,CAAC,OAAO,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC,CAAC,EACpG;YACI,KAAK,GAAG,IAAI,CAAC;SAChB;QAED,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC;IAC3B,CAAC;IAED,kGAAkG;IAE3F,WAAW,CAAC,OAAsB;QAErC,IAAG,CAAC,IAAI,CAAC,YAAY,EACrB;YACI,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC;YAEzB,IAAI,CAAC,UAAU,GAAG,UAAU,CAAC,GAAG,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;SACpD;QAED,IAAI,UAAU,IAAI,OAAO,EACzB;YACI,IAAI,CAAC,UAAU,GAAG,UAAU,CAAC,GAAG,CAAC,SAAS,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAS,IAAI,CAAC,QAAS,CAAC,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;SACxG;IACL,CAAC;IAED,kGAAkG;IAElG;;;;OAIG;IACI,QAAQ,CAAC,OAAwB;QAEpC,OAAO,IAAI,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC;IACpC,CAAC;uGAlEQ,gCAAgC,kBA2BlB,UAAU;2FA3BxB,gCAAgC,2KAF9B,CAAC,oBAAoB,CAAC;;2FAExB,gCAAgC;kBAL5C,SAAS;mBACV;oBACI,QAAQ,EAAE,gHAAgH;oBAC1H,SAAS,EAAE,CAAC,oBAAoB,CAAC;iBACpC;;0BA4BgB,SAAS;2BAAC,UAAU;yCAH1B,QAAQ;sBADd,KAAK","sourcesContent":["import {forwardRef, Directive, Attribute, Input, ExistingProvider, OnChanges, SimpleChanges} from '@angular/core';\nimport {NG_VALIDATORS, AbstractControl, Validator, ValidatorFn, ValidationErrors} from '@angular/forms';\nimport {isBlank, isPresent} from '@jscrpt/common';\n\nimport {Validators} from '../../misc/validators';\n\n/**\n * Validator that is injected with directive MinValueNumberValidatorDirective\n */\nconst MIN_NUMBER_VALIDATOR = <ExistingProvider>\n{\n    provide: NG_VALIDATORS,\n    useExisting: forwardRef(() => MinValueNumberValidatorDirective),\n    multi: true\n};\n\n/**\n * Directive injecting checking for number min value validator\n */\n@Directive(\n{\n    selector: 'input[number][minValue][formControlName],input[number][minValue][formControl],input[number][minValue][ngModel]',\n    providers: [MIN_NUMBER_VALIDATOR]\n})\nexport class MinValueNumberValidatorDirective implements Validator, OnChanges\n{\n    //######################### private fields #########################\n\n    /**\n     * Current min value that is allowed\n     */\n    private _minValue: number|null;\n\n    /**\n     * Function used for validations\n     */\n    private _validator: ValidatorFn;\n\n    /**\n     * Indication whether validator was initialized\n     */\n    private _initialized: boolean = false;\n\n    //######################### public properties - inputs #########################\n    /**\n     * Bound min value that is allowed, which overrides value set to attribute minValue\n     */\n    @Input()\n    public minValue?: number;\n\n    //######################### constructor #########################\n    constructor(@Attribute('minValue') minValue: string)\n    {\n        let value;\n\n        if(isBlank(minValue) || minValue.length < 1 || isNaN(value = parseFloat(minValue.replace(',', '.'))))\n        {\n            value = null;\n        }\n\n        this._minValue = value;\n    }\n\n    //######################### public methods - implementation of OnChanges #########################\n\n    public ngOnChanges(changes: SimpleChanges): void\n    {\n        if(!this._initialized)\n        {\n            this._initialized = true;\n\n            this._validator = Validators.min(this._minValue);\n        }\n\n        if ('minValue' in changes)\n        {\n            this._validator = Validators.min(isPresent(this.minValue) ? <number>this.minValue! : this._minValue);\n        }\n    }\n\n    //######################### public methods - implementation of Validator #########################\n\n    /**\n     * Validates input and returns validation result\n     * @param control - Control that is being validated\n     * @returns validation results\n     */\n    public validate(control: AbstractControl): ValidationErrors|null\n    {\n        return this._validator(control);\n    }\n}"]}
+{"version":3,"file":"minValueNumberValidator.directive.js","sourceRoot":"","sources":["../../../../../forms/src/directives/numberInput/minValueNumberValidator.directive.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAE,SAAS,EAAE,SAAS,EAAE,KAAK,EAA6C,MAAM,eAAe,CAAC;AAClH,OAAO,EAAC,aAAa,EAA4D,MAAM,gBAAgB,CAAC;AACxG,OAAO,EAAC,OAAO,EAAE,SAAS,EAAC,MAAM,gBAAgB,CAAC;AAElD,OAAO,EAAC,UAAU,EAAC,MAAM,uBAAuB,CAAC;;AAEjD;;GAEG;AACH,MAAM,oBAAoB,GAC1B;IACI,OAAO,EAAE,aAAa;IACtB,WAAW,EAAE,UAAU,CAAC,GAAG,EAAE,CAAC,gCAAgC,CAAC;IAC/D,KAAK,EAAE,IAAI;CACd,CAAC;AAEF;;GAEG;AAMH,MAAM,OAAO,gCAAgC;IA0BzC,iEAAiE;IACjE,YAAmC,QAAgB;QAbnD;;WAEG;QACK,iBAAY,GAAY,KAAK,CAAC;QAYlC,IAAI,KAAK,CAAC;QAEV,IAAG,OAAO,CAAC,QAAQ,CAAC,IAAI,QAAQ,CAAC,MAAM,GAAG,CAAC,IAAI,KAAK,CAAC,KAAK,GAAG,UAAU,CAAC,QAAQ,CAAC,OAAO,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC,CAAC,EACpG,CAAC;YACG,KAAK,GAAG,IAAI,CAAC;QACjB,CAAC;QAED,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC;IAC3B,CAAC;IAED,kGAAkG;IAE3F,WAAW,CAAC,OAAsB;QAErC,IAAG,CAAC,IAAI,CAAC,YAAY,EACrB,CAAC;YACG,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC;YAEzB,IAAI,CAAC,UAAU,GAAG,UAAU,CAAC,GAAG,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;QACrD,CAAC;QAED,IAAI,UAAU,IAAI,OAAO,EACzB,CAAC;YACG,IAAI,CAAC,UAAU,GAAG,UAAU,CAAC,GAAG,CAAC,SAAS,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAS,IAAI,CAAC,QAAS,CAAC,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;QACzG,CAAC;IACL,CAAC;IAED,kGAAkG;IAElG;;;;OAIG;IACI,QAAQ,CAAC,OAAwB;QAEpC,OAAO,IAAI,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC;IACpC,CAAC;8GAlEQ,gCAAgC,kBA2BlB,UAAU;kGA3BxB,gCAAgC,2KAF9B,CAAC,oBAAoB,CAAC;;2FAExB,gCAAgC;kBAL5C,SAAS;mBACV;oBACI,QAAQ,EAAE,gHAAgH;oBAC1H,SAAS,EAAE,CAAC,oBAAoB,CAAC;iBACpC;;0BA4BgB,SAAS;2BAAC,UAAU;yCAH1B,QAAQ;sBADd,KAAK","sourcesContent":["import {forwardRef, Directive, Attribute, Input, ExistingProvider, OnChanges, SimpleChanges} from '@angular/core';\nimport {NG_VALIDATORS, AbstractControl, Validator, ValidatorFn, ValidationErrors} from '@angular/forms';\nimport {isBlank, isPresent} from '@jscrpt/common';\n\nimport {Validators} from '../../misc/validators';\n\n/**\n * Validator that is injected with directive MinValueNumberValidatorDirective\n */\nconst MIN_NUMBER_VALIDATOR = <ExistingProvider>\n{\n    provide: NG_VALIDATORS,\n    useExisting: forwardRef(() => MinValueNumberValidatorDirective),\n    multi: true\n};\n\n/**\n * Directive injecting checking for number min value validator\n */\n@Directive(\n{\n    selector: 'input[number][minValue][formControlName],input[number][minValue][formControl],input[number][minValue][ngModel]',\n    providers: [MIN_NUMBER_VALIDATOR]\n})\nexport class MinValueNumberValidatorDirective implements Validator, OnChanges\n{\n    //######################### private fields #########################\n\n    /**\n     * Current min value that is allowed\n     */\n    private _minValue: number|null;\n\n    /**\n     * Function used for validations\n     */\n    private _validator: ValidatorFn;\n\n    /**\n     * Indication whether validator was initialized\n     */\n    private _initialized: boolean = false;\n\n    //######################### public properties - inputs #########################\n    /**\n     * Bound min value that is allowed, which overrides value set to attribute minValue\n     */\n    @Input()\n    public minValue?: number;\n\n    //######################### constructor #########################\n    constructor(@Attribute('minValue') minValue: string)\n    {\n        let value;\n\n        if(isBlank(minValue) || minValue.length < 1 || isNaN(value = parseFloat(minValue.replace(',', '.'))))\n        {\n            value = null;\n        }\n\n        this._minValue = value;\n    }\n\n    //######################### public methods - implementation of OnChanges #########################\n\n    public ngOnChanges(changes: SimpleChanges): void\n    {\n        if(!this._initialized)\n        {\n            this._initialized = true;\n\n            this._validator = Validators.min(this._minValue);\n        }\n\n        if ('minValue' in changes)\n        {\n            this._validator = Validators.min(isPresent(this.minValue) ? <number>this.minValue! : this._minValue);\n        }\n    }\n\n    //######################### public methods - implementation of Validator #########################\n\n    /**\n     * Validates input and returns validation result\n     * @param control - Control that is being validated\n     * @returns validation results\n     */\n    public validate(control: AbstractControl): ValidationErrors|null\n    {\n        return this._validator(control);\n    }\n}"]}

package/es2022/forms/src/directives/numberInput/numberInputControlValueAccessor.directive.js

@@ -14,22 +14,20 @@ const NUMBER_INPUT_VALUE_ACCESSOR = {
  * Value accessor for getting and setting values for number inputs
  */
 export class NumberInputControlValueAccessor {
-    _renderer;
-    _elementRef;
-    //######################### public properties #########################
-    onChange = (_) => { };
-    /**
-     * Method that is called when picker was touched
-     */
-    onTouched = () => { };
-    /**
-     * Indication whether is number input disabled
-     */
-    disabled = false;
     //######################### constructor #########################
     constructor(_renderer, _elementRef) {
         this._renderer = _renderer;
         this._elementRef = _elementRef;
+        //######################### public properties #########################
+        this.onChange = (_) => { };
+        /**
+         * Method that is called when picker was touched
+         */
+        this.onTouched = () => { };
+        /**
+         * Indication whether is number input disabled
+         */
+        this.disabled = false;
     }
     //######################### public methods - implementation of ControlValueAccessor #########################
     /**
@@ -68,10 +66,10 @@ export class NumberInputControlValueAccessor {
     setDisabledState(isDisabled) {
         this.disabled = isDisabled;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.5", ngImport: i0, type: NumberInputControlValueAccessor, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.5", type: NumberInputControlValueAccessor, selector: "input[number][formControlName],input[number][formControl],input[number][ngModel]", host: { listeners: { "change": "onChange($event.target.value)", "input": "onChange($event.target.value)", "blur": "onTouched()" }, properties: { "disabled": "disabled" } }, providers: [NUMBER_INPUT_VALUE_ACCESSOR], ngImport: i0 });
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: NumberInputControlValueAccessor, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.1", type: NumberInputControlValueAccessor, selector: "input[number][formControlName],input[number][formControl],input[number][ngModel]", host: { listeners: { "change": "onChange($event.target.value)", "input": "onChange($event.target.value)", "blur": "onTouched()" }, properties: { "disabled": "disabled" } }, providers: [NUMBER_INPUT_VALUE_ACCESSOR], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.5", ngImport: i0, type: NumberInputControlValueAccessor, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: NumberInputControlValueAccessor, decorators: [{
             type: Directive,
             args: [{
                     selector: 'input[number][formControlName],input[number][formControl],input[number][ngModel]',

package/es2022/forms/src/directives/numberInput/numberInputControlValueAccessor.directive.js.map

@@ -1 +1 @@
-{"version":3,"file":"numberInputControlValueAccessor.directive.js","sourceRoot":"","sources":["../../../../../forms/src/directives/numberInput/numberInputControlValueAccessor.directive.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAoB,UAAU,EAAE,SAAS,EAAE,UAAU,EAAC,MAAM,eAAe,CAAC;AAC7F,OAAO,EAAC,iBAAiB,EAAuB,MAAM,gBAAgB,CAAC;AACvE,OAAO,EAAC,OAAO,EAAC,MAAM,gBAAgB,CAAC;;AAEvC;;GAEG;AACH,MAAM,2BAA2B,GACjC;IACI,OAAO,EAAE,iBAAiB;IAC1B,WAAW,EAAE,UAAU,CAAC,GAAG,EAAE,CAAC,+BAA+B,CAAC;IAC9D,KAAK,EAAE,IAAI;CACd,CAAC;AAEF;;GAEG;AAaH,MAAM,OAAO,+BAA+B;IAiBpB;IAA8B;IAflD,uEAAuE;IAEhE,QAAQ,GAAG,CAAC,CAAM,EAAE,EAAE,GAAE,CAAC,CAAC;IAEjC;;OAEG;IACI,SAAS,GAAG,GAAG,EAAE,GAAE,CAAC,CAAC;IAE5B;;OAEG;IACI,QAAQ,GAAY,KAAK,CAAC;IAEjC,iEAAiE;IACjE,YAAoB,SAAoB,EAAU,WAAuB;QAArD,cAAS,GAAT,SAAS,CAAW;QAAU,gBAAW,GAAX,WAAW,CAAY;IAEzE,CAAC;IAED,6GAA6G;IAE7G;;OAEG;IACI,UAAU,CAAC,KAAU;QAExB,IAAI,CAAC,SAAS,CAAC,WAAW,CAAC,IAAI,CAAC,WAAW,CAAC,aAAa,EAAE,OAAO,EAAE,KAAK,CAAC,CAAC;IAC/E,CAAC;IAED;;OAEG;IACI,gBAAgB,CAAC,EAAsB;QAE1C,IAAI,CAAC,QAAQ,GAAG,CAAC,KAAa,EAAE,EAAE;YAE9B,IAAG,OAAO,CAAC,KAAK,CAAC,IAAI,KAAK,IAAI,EAAE,EAChC;gBACI,EAAE,CAAC,IAAI,CAAC,CAAC;gBAET,OAAO;aACV;YAED,qBAAqB;YACrB,KAAK,GAAG,KAAK,CAAC,OAAO,CAAC,MAAM,EAAE,EAAE,CAAC,CAAC;YAElC,IAAG,CAAC,yBAAyB,CAAC,IAAI,CAAC,KAAK,CAAC,EACzC;gBACI,EAAE,CAAC,GAAG,CAAC,CAAC;gBAER,OAAO;aACV;YAED,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC,CAAC,CAAC;QAC5C,CAAC,CAAC;IACN,CAAC;IAED;;OAEG;IACI,iBAAiB,CAAC,EAAa;QAElC,IAAI,CAAC,SAAS,GAAG,EAAE,CAAC;IACxB,CAAC;IAED;;OAEG;IACI,gBAAgB,CAAE,UAAmB;QAExC,IAAI,CAAC,QAAQ,GAAG,UAAU,CAAC;IAC/B,CAAC;uGAzEQ,+BAA+B;2FAA/B,+BAA+B,wRAT7B,CAAC,2BAA2B,CAAC;;2FAS/B,+BAA+B;kBAZ3C,SAAS;mBACV;oBACI,QAAQ,EAAE,kFAAkF;oBAC5F,SAAS,EAAE,CAAC,2BAA2B,CAAC;oBACxC,IAAI,EACJ;wBACI,UAAU,EAAE,+BAA+B;wBAC3C,SAAS,EAAE,+BAA+B;wBAC1C,QAAQ,EAAE,aAAa;wBACvB,YAAY,EAAE,UAAU;qBAC3B;iBACJ","sourcesContent":["import {Directive, ExistingProvider, forwardRef, Renderer2, ElementRef} from '@angular/core';\nimport {NG_VALUE_ACCESSOR, ControlValueAccessor} from '@angular/forms';\nimport {isBlank} from '@jscrpt/common';\n\n/**\n * Value accessor provider for number inputs\n */\nconst NUMBER_INPUT_VALUE_ACCESSOR = <ExistingProvider>\n{\n    provide: NG_VALUE_ACCESSOR, \n    useExisting: forwardRef(() => NumberInputControlValueAccessor), \n    multi: true\n};\n\n/**\n * Value accessor for getting and setting values for number inputs\n */\n@Directive(\n{\n    selector: 'input[number][formControlName],input[number][formControl],input[number][ngModel]',\n    providers: [NUMBER_INPUT_VALUE_ACCESSOR],\n    host: \n    {\n        '(change)': 'onChange($event.target.value)',\n        '(input)': 'onChange($event.target.value)',\n        '(blur)': 'onTouched()',\n        '[disabled]': 'disabled',\n    }\n})\nexport class NumberInputControlValueAccessor implements ControlValueAccessor\n{\n    //######################### public properties #########################\n    \n    public onChange = (_: any) => {};\n    \n    /**\n     * Method that is called when picker was touched\n     */\n    public onTouched = () => {};\n\n    /**\n     * Indication whether is number input disabled\n     */\n    public disabled: boolean = false;\n    \n    //######################### constructor #########################\n    constructor(private _renderer: Renderer2, private _elementRef: ElementRef)\n    {\n    }\n\n    //######################### public methods - implementation of ControlValueAccessor #########################\n\n    /**\n     * @inheritdoc\n     */\n    public writeValue(value: any): void\n    {\n        this._renderer.setProperty(this._elementRef.nativeElement, 'value', value);\n    }\n\n    /**\n     * @inheritdoc\n     */\n    public registerOnChange(fn: (data: any) => any): void\n    {\n        this.onChange = (value: string) => \n        { \n            if(isBlank(value) || value == '')\n            {\n                fn(null);\n                \n                return;\n            }\n            \n            //removing all spaces\n            value = value.replace(/\\s+/g, '');\n            \n            if(!/^[+-]?\\d+(?:[,.]\\d+)?$/g.test(value))\n            {\n                fn(NaN);\n                \n                return;\n            }\n            \n            fn(parseFloat(value.replace(',', '.'))); \n        };\n    }\n\n    /**\n     * @inheritdoc\n     */\n    public registerOnTouched(fn: () => any): void\n    {\n        this.onTouched = fn;\n    }\n\n    /**\n     * @inheritdoc\n     */\n    public setDisabledState?(isDisabled: boolean): void\n    {\n        this.disabled = isDisabled;\n    }\n}\n"]}
+{"version":3,"file":"numberInputControlValueAccessor.directive.js","sourceRoot":"","sources":["../../../../../forms/src/directives/numberInput/numberInputControlValueAccessor.directive.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAoB,UAAU,EAAE,SAAS,EAAE,UAAU,EAAC,MAAM,eAAe,CAAC;AAC7F,OAAO,EAAC,iBAAiB,EAAuB,MAAM,gBAAgB,CAAC;AACvE,OAAO,EAAC,OAAO,EAAC,MAAM,gBAAgB,CAAC;;AAEvC;;GAEG;AACH,MAAM,2BAA2B,GACjC;IACI,OAAO,EAAE,iBAAiB;IAC1B,WAAW,EAAE,UAAU,CAAC,GAAG,EAAE,CAAC,+BAA+B,CAAC;IAC9D,KAAK,EAAE,IAAI;CACd,CAAC;AAEF;;GAEG;AAaH,MAAM,OAAO,+BAA+B;IAgBxC,iEAAiE;IACjE,YAAoB,SAAoB,EAAU,WAAuB;QAArD,cAAS,GAAT,SAAS,CAAW;QAAU,gBAAW,GAAX,WAAW,CAAY;QAfzE,uEAAuE;QAEhE,aAAQ,GAAG,CAAC,CAAM,EAAE,EAAE,GAAE,CAAC,CAAC;QAEjC;;WAEG;QACI,cAAS,GAAG,GAAG,EAAE,GAAE,CAAC,CAAC;QAE5B;;WAEG;QACI,aAAQ,GAAY,KAAK,CAAC;IAKjC,CAAC;IAED,6GAA6G;IAE7G;;OAEG;IACI,UAAU,CAAC,KAAU;QAExB,IAAI,CAAC,SAAS,CAAC,WAAW,CAAC,IAAI,CAAC,WAAW,CAAC,aAAa,EAAE,OAAO,EAAE,KAAK,CAAC,CAAC;IAC/E,CAAC;IAED;;OAEG;IACI,gBAAgB,CAAC,EAAsB;QAE1C,IAAI,CAAC,QAAQ,GAAG,CAAC,KAAa,EAAE,EAAE;YAE9B,IAAG,OAAO,CAAC,KAAK,CAAC,IAAI,KAAK,IAAI,EAAE,EAChC,CAAC;gBACG,EAAE,CAAC,IAAI,CAAC,CAAC;gBAET,OAAO;YACX,CAAC;YAED,qBAAqB;YACrB,KAAK,GAAG,KAAK,CAAC,OAAO,CAAC,MAAM,EAAE,EAAE,CAAC,CAAC;YAElC,IAAG,CAAC,yBAAyB,CAAC,IAAI,CAAC,KAAK,CAAC,EACzC,CAAC;gBACG,EAAE,CAAC,GAAG,CAAC,CAAC;gBAER,OAAO;YACX,CAAC;YAED,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC,CAAC,CAAC;QAC5C,CAAC,CAAC;IACN,CAAC;IAED;;OAEG;IACI,iBAAiB,CAAC,EAAa;QAElC,IAAI,CAAC,SAAS,GAAG,EAAE,CAAC;IACxB,CAAC;IAED;;OAEG;IACI,gBAAgB,CAAE,UAAmB;QAExC,IAAI,CAAC,QAAQ,GAAG,UAAU,CAAC;IAC/B,CAAC;8GAzEQ,+BAA+B;kGAA/B,+BAA+B,wRAT7B,CAAC,2BAA2B,CAAC;;2FAS/B,+BAA+B;kBAZ3C,SAAS;mBACV;oBACI,QAAQ,EAAE,kFAAkF;oBAC5F,SAAS,EAAE,CAAC,2BAA2B,CAAC;oBACxC,IAAI,EACJ;wBACI,UAAU,EAAE,+BAA+B;wBAC3C,SAAS,EAAE,+BAA+B;wBAC1C,QAAQ,EAAE,aAAa;wBACvB,YAAY,EAAE,UAAU;qBAC3B;iBACJ","sourcesContent":["import {Directive, ExistingProvider, forwardRef, Renderer2, ElementRef} from '@angular/core';\nimport {NG_VALUE_ACCESSOR, ControlValueAccessor} from '@angular/forms';\nimport {isBlank} from '@jscrpt/common';\n\n/**\n * Value accessor provider for number inputs\n */\nconst NUMBER_INPUT_VALUE_ACCESSOR = <ExistingProvider>\n{\n    provide: NG_VALUE_ACCESSOR, \n    useExisting: forwardRef(() => NumberInputControlValueAccessor), \n    multi: true\n};\n\n/**\n * Value accessor for getting and setting values for number inputs\n */\n@Directive(\n{\n    selector: 'input[number][formControlName],input[number][formControl],input[number][ngModel]',\n    providers: [NUMBER_INPUT_VALUE_ACCESSOR],\n    host: \n    {\n        '(change)': 'onChange($event.target.value)',\n        '(input)': 'onChange($event.target.value)',\n        '(blur)': 'onTouched()',\n        '[disabled]': 'disabled',\n    }\n})\nexport class NumberInputControlValueAccessor implements ControlValueAccessor\n{\n    //######################### public properties #########################\n    \n    public onChange = (_: any) => {};\n    \n    /**\n     * Method that is called when picker was touched\n     */\n    public onTouched = () => {};\n\n    /**\n     * Indication whether is number input disabled\n     */\n    public disabled: boolean = false;\n    \n    //######################### constructor #########################\n    constructor(private _renderer: Renderer2, private _elementRef: ElementRef)\n    {\n    }\n\n    //######################### public methods - implementation of ControlValueAccessor #########################\n\n    /**\n     * @inheritdoc\n     */\n    public writeValue(value: any): void\n    {\n        this._renderer.setProperty(this._elementRef.nativeElement, 'value', value);\n    }\n\n    /**\n     * @inheritdoc\n     */\n    public registerOnChange(fn: (data: any) => any): void\n    {\n        this.onChange = (value: string) => \n        { \n            if(isBlank(value) || value == '')\n            {\n                fn(null);\n                \n                return;\n            }\n            \n            //removing all spaces\n            value = value.replace(/\\s+/g, '');\n            \n            if(!/^[+-]?\\d+(?:[,.]\\d+)?$/g.test(value))\n            {\n                fn(NaN);\n                \n                return;\n            }\n            \n            fn(parseFloat(value.replace(',', '.'))); \n        };\n    }\n\n    /**\n     * @inheritdoc\n     */\n    public registerOnTouched(fn: () => any): void\n    {\n        this.onTouched = fn;\n    }\n\n    /**\n     * @inheritdoc\n     */\n    public setDisabledState?(isDisabled: boolean): void\n    {\n        this.disabled = isDisabled;\n    }\n}\n"]}

package/es2022/forms/src/directives/numberInput/numberInputValidator.directive.js

@@ -23,10 +23,10 @@ export class NumberInputValidatorDirective {
     validate(control) {
         return Validators.number(control);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.5", ngImport: i0, type: NumberInputValidatorDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.5", type: NumberInputValidatorDirective, selector: "input[number][formControlName],input[number][formControl],input[number][ngModel]", providers: [NUMBER_VALIDATOR], ngImport: i0 });
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: NumberInputValidatorDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.1", type: NumberInputValidatorDirective, selector: "input[number][formControlName],input[number][formControl],input[number][ngModel]", providers: [NUMBER_VALIDATOR], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.5", ngImport: i0, type: NumberInputValidatorDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: NumberInputValidatorDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: 'input[number][formControlName],input[number][formControl],input[number][ngModel]',

package/es2022/forms/src/directives/numberInput/numberInputValidator.directive.js.map

@@ -1 +1 @@
-{"version":3,"file":"numberInputValidator.directive.js","sourceRoot":"","sources":["../../../../../forms/src/directives/numberInput/numberInputValidator.directive.ts"],"names":[],"mappings":"AAAA,OAAO,EAAmB,UAAU,EAAE,SAAS,EAAC,MAAM,eAAe,CAAC;AACtE,OAAO,EAAC,aAAa,EAA+C,MAAM,gBAAgB,CAAC;AAE3F,OAAO,EAAC,UAAU,EAAC,MAAM,uBAAuB,CAAC;;AAEjD;;GAEG;AACH,MAAM,gBAAgB,GACtB;IACI,OAAO,EAAE,aAAa;IACtB,WAAW,EAAE,UAAU,CAAC,GAAG,EAAE,CAAC,6BAA6B,CAAC;IAC5D,KAAK,EAAE,IAAI;CACd,CAAC;AAEF;;GAEG;AAMH,MAAM,OAAO,6BAA6B;IAEtC,kGAAkG;IAElG;;;;OAIG;IACI,QAAQ,CAAC,OAAwB;QAEpC,OAAO,UAAU,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;IACtC,CAAC;uGAZQ,6BAA6B;2FAA7B,6BAA6B,2GAF3B,CAAC,gBAAgB,CAAC;;2FAEpB,6BAA6B;kBALzC,SAAS;mBACV;oBACI,QAAQ,EAAE,kFAAkF;oBAC5F,SAAS,EAAE,CAAC,gBAAgB,CAAC;iBAChC","sourcesContent":["import {ExistingProvider, forwardRef, Directive} from '@angular/core';\nimport {NG_VALIDATORS, AbstractControl, Validator, ValidationErrors} from '@angular/forms';\n\nimport {Validators} from '../../misc/validators';\n\n/**\n * Validator that is injected with directive NumberInputValidatorDirective\n */\nconst NUMBER_VALIDATOR = <ExistingProvider>\n{\n    provide: NG_VALIDATORS,\n    useExisting: forwardRef(() => NumberInputValidatorDirective),\n    multi: true\n};\n\n/**\n * Is number directive injecting checking for number validator\n */\n@Directive(\n{\n    selector: 'input[number][formControlName],input[number][formControl],input[number][ngModel]',\n    providers: [NUMBER_VALIDATOR]\n})\nexport class NumberInputValidatorDirective implements Validator\n{\n    //######################### public methods - implementation of Validator #########################\n\n    /**\n     * Validates input and returns validation result\n     * @param control - Control that is being validated\n     * @returns validation results\n     */\n    public validate(control: AbstractControl): ValidationErrors|null\n    {\n        return Validators.number(control);\n    }\n}"]}
+{"version":3,"file":"numberInputValidator.directive.js","sourceRoot":"","sources":["../../../../../forms/src/directives/numberInput/numberInputValidator.directive.ts"],"names":[],"mappings":"AAAA,OAAO,EAAmB,UAAU,EAAE,SAAS,EAAC,MAAM,eAAe,CAAC;AACtE,OAAO,EAAC,aAAa,EAA+C,MAAM,gBAAgB,CAAC;AAE3F,OAAO,EAAC,UAAU,EAAC,MAAM,uBAAuB,CAAC;;AAEjD;;GAEG;AACH,MAAM,gBAAgB,GACtB;IACI,OAAO,EAAE,aAAa;IACtB,WAAW,EAAE,UAAU,CAAC,GAAG,EAAE,CAAC,6BAA6B,CAAC;IAC5D,KAAK,EAAE,IAAI;CACd,CAAC;AAEF;;GAEG;AAMH,MAAM,OAAO,6BAA6B;IAEtC,kGAAkG;IAElG;;;;OAIG;IACI,QAAQ,CAAC,OAAwB;QAEpC,OAAO,UAAU,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;IACtC,CAAC;8GAZQ,6BAA6B;kGAA7B,6BAA6B,2GAF3B,CAAC,gBAAgB,CAAC;;2FAEpB,6BAA6B;kBALzC,SAAS;mBACV;oBACI,QAAQ,EAAE,kFAAkF;oBAC5F,SAAS,EAAE,CAAC,gBAAgB,CAAC;iBAChC","sourcesContent":["import {ExistingProvider, forwardRef, Directive} from '@angular/core';\nimport {NG_VALIDATORS, AbstractControl, Validator, ValidationErrors} from '@angular/forms';\n\nimport {Validators} from '../../misc/validators';\n\n/**\n * Validator that is injected with directive NumberInputValidatorDirective\n */\nconst NUMBER_VALIDATOR = <ExistingProvider>\n{\n    provide: NG_VALIDATORS,\n    useExisting: forwardRef(() => NumberInputValidatorDirective),\n    multi: true\n};\n\n/**\n * Is number directive injecting checking for number validator\n */\n@Directive(\n{\n    selector: 'input[number][formControlName],input[number][formControl],input[number][ngModel]',\n    providers: [NUMBER_VALIDATOR]\n})\nexport class NumberInputValidatorDirective implements Validator\n{\n    //######################### public methods - implementation of Validator #########################\n\n    /**\n     * Validates input and returns validation result\n     * @param control - Control that is being validated\n     * @returns validation results\n     */\n    public validate(control: AbstractControl): ValidationErrors|null\n    {\n        return Validators.number(control);\n    }\n}"]}