@anglr/common 17.0.0-beta.20230707113924 → 17.0.0-beta.20230710035414

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

@@ -0,0 +1,74 @@
+import { Directive, ElementRef } from '@angular/core';
+import { extend } from '@jscrpt/common';
+import * as i0 from "@angular/core";
+/**
+ * Default options for GroupHasErrorDirective
+ */
+const defaultOptions = {
+    cssClass: 'has-error'
+};
+/**
+ * Directive that is attached to parent element of inputs group and handles css class that is added to this element
+ */
+class GroupHasErrorDirective {
+    _element;
+    //######################### private fields #########################
+    /**
+     * Options for this directive
+     */
+    _options = null;
+    /**
+     * Array of invalid controls
+     */
+    _invalidControls = [];
+    //######################### constructor #########################
+    constructor(_element) {
+        this._element = _element;
+        this._options = extend(true, {}, defaultOptions);
+    }
+    //######################### public methods #########################
+    /**
+     * Registers control as invalid control
+     * @param id - Name of control to be registered
+     */
+    registerControl(id) {
+        //control is not registered yet
+        if (!this._invalidControls.find(itm => itm == id)) {
+            this._invalidControls.push(id);
+        }
+        this._updateStatus();
+    }
+    /**
+     * Unregisters control from invalid controls
+     * @param id - Id of control to be unregistered
+     */
+    unregisterControl(id) {
+        //control was registered already
+        if (this._invalidControls.find(itm => itm == id)) {
+            this._invalidControls.splice(this._invalidControls.indexOf(id), 1);
+        }
+        this._updateStatus();
+    }
+    //######################### private methods #########################
+    /**
+     * Updates status of element (css classes)
+     */
+    _updateStatus() {
+        if (this._invalidControls.length) {
+            this._element.nativeElement.classList.add(this._options.cssClass);
+        }
+        else {
+            this._element.nativeElement.classList.remove(this._options.cssClass);
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.4", ngImport: i0, type: GroupHasErrorDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.1.4", type: GroupHasErrorDirective, selector: "[groupHasError]", ngImport: i0 });
+}
+export { GroupHasErrorDirective };
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.4", ngImport: i0, type: GroupHasErrorDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[groupHasError]'
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }]; } });
+//# sourceMappingURL=groupHasError.directive.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"groupHasError.directive.js","sourceRoot":"","sources":["../../../../../forms/src/directives/groupHasError/groupHasError.directive.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAE,UAAU,EAAC,MAAM,eAAe,CAAC;AACpD,OAAO,EAAC,MAAM,EAAC,MAAM,gBAAgB,CAAC;;AAEtC;;GAEG;AACH,MAAM,cAAc,GACpB;IACI,QAAQ,EAAE,WAAW;CACxB,CAAC;AAaF;;GAEG;AACH,MAIa,sBAAsB;IAeX;IAbpB,oEAAoE;IAEpE;;OAEG;IACK,QAAQ,GAAyB,IAAI,CAAC;IAE9C;;OAEG;IACK,gBAAgB,GAAa,EAAE,CAAC;IAExC,iEAAiE;IACjE,YAAoB,QAAiC;QAAjC,aAAQ,GAAR,QAAQ,CAAyB;QAEjD,IAAI,CAAC,QAAQ,GAAG,MAAM,CAAC,IAAI,EAAE,EAAE,EAAE,cAAc,CAAC,CAAC;IACrD,CAAC;IAED,oEAAoE;IAEpE;;;OAGG;IACI,eAAe,CAAC,EAAU;QAE7B,+BAA+B;QAC/B,IAAG,CAAC,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,IAAI,EAAE,CAAC,EAChD;YACI,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;SAClC;QAED,IAAI,CAAC,aAAa,EAAE,CAAC;IACzB,CAAC;IAED;;;OAGG;IACI,iBAAiB,CAAC,EAAU;QAE/B,gCAAgC;QAChC,IAAG,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,IAAI,EAAE,CAAC,EAC/C;YACI,IAAI,CAAC,gBAAgB,CAAC,MAAM,CAAC,IAAI,CAAC,gBAAgB,CAAC,OAAO,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;SACtE;QAED,IAAI,CAAC,aAAa,EAAE,CAAC;IACzB,CAAC;IAED,qEAAqE;IAErE;;OAEG;IACK,aAAa;QAEjB,IAAG,IAAI,CAAC,gBAAgB,CAAC,MAAM,EAC/B;YACI,IAAI,CAAC,QAAQ,CAAC,aAAa,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC;SACrE;aAED;YACI,IAAI,CAAC,QAAQ,CAAC,aAAa,CAAC,SAAS,CAAC,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC;SACxE;IACL,CAAC;uGAnEQ,sBAAsB;2FAAtB,sBAAsB;;SAAtB,sBAAsB;2FAAtB,sBAAsB;kBAJlC,SAAS;mBACV;oBACI,QAAQ,EAAE,iBAAiB;iBAC9B","sourcesContent":["import {Directive, ElementRef} from '@angular/core';\nimport {extend} from '@jscrpt/common';\n\n/**\n * Default options for GroupHasErrorDirective\n */\nconst defaultOptions: GroupHasErrorOptions =\n{\n    cssClass: 'has-error'\n};\n\n/**\n * Options for GroupHasErrorDirective\n */\nexport interface GroupHasErrorOptions\n{\n    /**\n     * Css class applied to element when there is an error\n     */\n    cssClass?: string;\n}\n\n/**\n * Directive that is attached to parent element of inputs group and handles css class that is added to this element\n */\n@Directive(\n{\n    selector: '[groupHasError]'\n})\nexport class GroupHasErrorDirective\n{\n    //######################### private fields #########################\n\n    /**\n     * Options for this directive\n     */\n    private _options: GroupHasErrorOptions = null;\n\n    /**\n     * Array of invalid controls\n     */\n    private _invalidControls: string[] = [];\n\n    //######################### constructor #########################\n    constructor(private _element: ElementRef<HTMLElement>)\n    {\n        this._options = extend(true, {}, defaultOptions);\n    }\n\n    //######################### public methods #########################\n\n    /**\n     * Registers control as invalid control\n     * @param id - Name of control to be registered\n     */\n    public registerControl(id: string): void\n    {\n        //control is not registered yet\n        if(!this._invalidControls.find(itm => itm == id))\n        {\n            this._invalidControls.push(id);\n        }\n\n        this._updateStatus();\n    }\n\n    /**\n     * Unregisters control from invalid controls\n     * @param id - Id of control to be unregistered\n     */\n    public unregisterControl(id: string): void\n    {\n        //control was registered already\n        if(this._invalidControls.find(itm => itm == id))\n        {\n            this._invalidControls.splice(this._invalidControls.indexOf(id), 1);\n        }\n\n        this._updateStatus();\n    }\n\n    //######################### private methods #########################\n\n    /**\n     * Updates status of element (css classes)\n     */\n    private _updateStatus(): void\n    {\n        if(this._invalidControls.length)\n        {\n            this._element.nativeElement.classList.add(this._options.cssClass);\n        }\n        else\n        {\n            this._element.nativeElement.classList.remove(this._options.cssClass);\n        }\n    }\n}"]}

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

@@ -0,0 +1,32 @@
+import { Directive } from '@angular/core';
+import { ValidationErrorsContainerView } from '../../misc/validationErrorsContainerView';
+import { GroupHasErrorDirective } from '../groupHasError/groupHasError.directive';
+import * as i0 from "@angular/core";
+/**
+ * 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
+ */
+class GroupHasErrorContainerDirective extends GroupHasErrorDirective {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.4", ngImport: i0, type: GroupHasErrorContainerDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.1.4", type: GroupHasErrorContainerDirective, selector: "[groupHasErrorContainer]", providers: [
+            {
+                provide: GroupHasErrorDirective,
+                useExisting: GroupHasErrorContainerDirective
+            },
+            ValidationErrorsContainerView
+        ], usesInheritance: true, ngImport: i0 });
+}
+export { GroupHasErrorContainerDirective };
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.4", ngImport: i0, type: GroupHasErrorContainerDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[groupHasErrorContainer]',
+                    providers: [
+                        {
+                            provide: GroupHasErrorDirective,
+                            useExisting: GroupHasErrorContainerDirective
+                        },
+                        ValidationErrorsContainerView
+                    ]
+                }]
+        }] });
+//# sourceMappingURL=groupHasErrorContainer.directive.js.map

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

@@ -0,0 +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,MAaa,+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;;SAEQ,+BAA+B;2FAA/B,+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}"]}

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

@@ -0,0 +1,222 @@
+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 { STRING_LOCALIZATION } from '@anglr/common';
+import { generateId, BindThis } from '@jscrpt/common';
+import { Subscription } from 'rxjs';
+import { ValidationErrorRendererFactory } from '../../services/validationErrorRenderer/validationErrorRenderer.service';
+import { SubmittedService } from '../../services/submitted/submitted.service';
+import { GroupHasErrorDirective } from '../groupHasError/groupHasError.directive';
+import { ValidationErrorsContainerView } from '../../misc/validationErrorsContainerView';
+import * as i0 from "@angular/core";
+import * as i1 from "../../services/validationErrorRenderer/validationErrorRenderer.service";
+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
+/**
+ * Directive that is attached to control element and handles css classes that are added to this element
+ */
+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 #########################
+    /**
+     * Gets control which was assigned to this element
+     */
+    get 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;
+    }
+    //######################### 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())));
+        }
+    }
+    //######################### public methods - implementation of AfterViewInit #########################
+    /**
+     * Called when view was initialized
+     */
+    ngAfterViewInit() {
+        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.renderer?.destroy();
+    }
+    //######################### private methods #########################
+    /**
+     * Updates status of control and css classes
+     */
+    _updateStatus() {
+        if (!this.renderer) {
+            return;
+        }
+        const opts = {};
+        if (this.errorsTemplate) {
+            opts.template = this.errorsTemplate;
+        }
+        else if (this.errorsComponent) {
+            opts.component = this.errorsComponent;
+        }
+        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);
+        }
+    }
+    /**
+     * Calls action when form is submitted or control is dirty
+     * @param action - Action to be called when form is submitted or control dirty
+     * @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) {
+        //submitted form or dirty control
+        if ((this._submittedSvc?.submitted ||
+            this.control?.dirty) &&
+            additionalCondition) {
+            action();
+        }
+        else {
+            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: "16.1.4", 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: "16.1.4", type: HasErrorDirective, selector: "[hasError]", 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);
+export { HasErrorDirective };
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.4", ngImport: i0, type: HasErrorDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[hasError]'
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i1.ValidationErrorRendererFactory }, { type: i0.ViewContainerRef }, { type: i2.GroupHasErrorDirective, decorators: [{
+                    type: Optional
+                }, {
+                    type: SkipSelf
+                }] }, { type: i3.FormControlDirective, decorators: [{
+                    type: Optional
+                }] }, { type: i3.FormControlName, decorators: [{
+                    type: Optional
+                }] }, { type: i3.NgModel, decorators: [{
+                    type: Optional
+                }] }, { type: i4.SubmittedService, decorators: [{
+                    type: Optional
+                }] }, { type: i5.ValidationErrorsContainerView, decorators: [{
+                    type: Optional
+                }] }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: [STRING_LOCALIZATION]
+                }] }, { type: i0.Injector }]; }, propDecorators: { errorMessages: [{
+                type: Input
+            }], errorsComponent: [{
+                type: Input
+            }], errorsTemplate: [{
+                type: Input
+            }], _isSubmittedOrDirty: [] } });
+//# sourceMappingURL=hasError.directive.js.map

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

@@ -0,0 +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}"]}

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

@@ -0,0 +1,79 @@
+import { Input, forwardRef, Directive, Attribute } from '@angular/core';
+import { NG_VALIDATORS } from '@angular/forms';
+import { isBlank, isPresent } from '@jscrpt/common';
+import { Validators } from '../../misc/validators';
+import * as i0 from "@angular/core";
+/**
+ * Validator that is injected with directive MaxValueNumberValidatorDirective
+ */
+const MAX_NUMBER_VALIDATOR = {
+    provide: NG_VALIDATORS,
+    useExisting: forwardRef(() => MaxValueNumberValidatorDirective),
+    multi: true
+};
+/**
+ * Directive injecting checking for number max value validator
+ */
+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) {
+        let value;
+        if (isBlank(maxValue) || maxValue.length < 1 || isNaN(value = parseFloat(maxValue.replace(',', '.')))) {
+            value = null;
+        }
+        this._maxValue = value;
+    }
+    //######################### public methods - implementation of OnChanges #########################
+    ngOnChanges(changes) {
+        if (!this._initialized) {
+            this._initialized = true;
+            this._validator = Validators.max(this._maxValue);
+        }
+        if ('maxValue' in changes) {
+            this._validator = Validators.max(isPresent(this.maxValue) ? this.maxValue : this._maxValue);
+        }
+    }
+    //######################### public methods - implementation of Validator #########################
+    /**
+     * Validates input and returns validation result
+     * @param control - Control that is being validated
+     * @returns validation results
+     */
+    validate(control) {
+        return this._validator(control);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.4", ngImport: i0, type: MaxValueNumberValidatorDirective, deps: [{ token: 'maxValue', attribute: true }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.1.4", 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 });
+}
+export { MaxValueNumberValidatorDirective };
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.4", ngImport: i0, type: MaxValueNumberValidatorDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'input[number][maxValue][formControlName],input[number][maxValue][formControl],input[number][maxValue][ngModel]',
+                    providers: [MAX_NUMBER_VALIDATOR]
+                }]
+        }], ctorParameters: function () { return [{ type: undefined, decorators: [{
+                    type: Attribute,
+                    args: ['maxValue']
+                }] }]; }, propDecorators: { maxValue: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=maxValueNumberValidator.directive.js.map

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

@@ -0,0 +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;AACH,MAKa,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;;SAExB,gCAAgC;2FAAhC,gCAAgC;kBAL5C,SAAS;mBACV;oBACI,QAAQ,EAAE,gHAAgH;oBAC1H,SAAS,EAAE,CAAC,oBAAoB,CAAC;iBACpC;;0BA6BgB,SAAS;2BAAC,UAAU;4CAH1B,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

@@ -0,0 +1,79 @@
+import { forwardRef, Directive, Attribute, Input } from '@angular/core';
+import { NG_VALIDATORS } from '@angular/forms';
+import { isBlank, isPresent } from '@jscrpt/common';
+import { Validators } from '../../misc/validators';
+import * as i0 from "@angular/core";
+/**
+ * Validator that is injected with directive MinValueNumberValidatorDirective
+ */
+const MIN_NUMBER_VALIDATOR = {
+    provide: NG_VALIDATORS,
+    useExisting: forwardRef(() => MinValueNumberValidatorDirective),
+    multi: true
+};
+/**
+ * Directive injecting checking for number min value validator
+ */
+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) {
+        let value;
+        if (isBlank(minValue) || minValue.length < 1 || isNaN(value = parseFloat(minValue.replace(',', '.')))) {
+            value = null;
+        }
+        this._minValue = value;
+    }
+    //######################### public methods - implementation of OnChanges #########################
+    ngOnChanges(changes) {
+        if (!this._initialized) {
+            this._initialized = true;
+            this._validator = Validators.min(this._minValue);
+        }
+        if ('minValue' in changes) {
+            this._validator = Validators.min(isPresent(this.minValue) ? this.minValue : this._minValue);
+        }
+    }
+    //######################### public methods - implementation of Validator #########################
+    /**
+     * Validates input and returns validation result
+     * @param control - Control that is being validated
+     * @returns validation results
+     */
+    validate(control) {
+        return this._validator(control);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.4", ngImport: i0, type: MinValueNumberValidatorDirective, deps: [{ token: 'minValue', attribute: true }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.1.4", 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 });
+}
+export { MinValueNumberValidatorDirective };
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.4", ngImport: i0, type: MinValueNumberValidatorDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'input[number][minValue][formControlName],input[number][minValue][formControl],input[number][minValue][ngModel]',
+                    providers: [MIN_NUMBER_VALIDATOR]
+                }]
+        }], ctorParameters: function () { return [{ type: undefined, decorators: [{
+                    type: Attribute,
+                    args: ['minValue']
+                }] }]; }, propDecorators: { minValue: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=minValueNumberValidator.directive.js.map

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

@@ -0,0 +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;AACH,MAKa,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;;SAExB,gCAAgC;2FAAhC,gCAAgC;kBAL5C,SAAS;mBACV;oBACI,QAAQ,EAAE,gHAAgH;oBAC1H,SAAS,EAAE,CAAC,oBAAoB,CAAC;iBACpC;;0BA4BgB,SAAS;2BAAC,UAAU;4CAH1B,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

@@ -0,0 +1,88 @@
+import { Directive, forwardRef, Renderer2, ElementRef } from '@angular/core';
+import { NG_VALUE_ACCESSOR } from '@angular/forms';
+import { isBlank } from '@jscrpt/common';
+import * as i0 from "@angular/core";
+/**
+ * Value accessor provider for number inputs
+ */
+const NUMBER_INPUT_VALUE_ACCESSOR = {
+    provide: NG_VALUE_ACCESSOR,
+    useExisting: forwardRef(() => NumberInputControlValueAccessor),
+    multi: true
+};
+/**
+ * Value accessor for getting and setting values for number inputs
+ */
+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 methods - implementation of ControlValueAccessor #########################
+    /**
+     * @inheritdoc
+     */
+    writeValue(value) {
+        this._renderer.setProperty(this._elementRef.nativeElement, 'value', value);
+    }
+    /**
+     * @inheritdoc
+     */
+    registerOnChange(fn) {
+        this.onChange = (value) => {
+            if (isBlank(value) || value == '') {
+                fn(null);
+                return;
+            }
+            //removing all spaces
+            value = value.replace(/\s+/g, '');
+            if (!/^[+-]?\d+(?:[,.]\d+)?$/g.test(value)) {
+                fn(NaN);
+                return;
+            }
+            fn(parseFloat(value.replace(',', '.')));
+        };
+    }
+    /**
+     * @inheritdoc
+     */
+    registerOnTouched(fn) {
+        this.onTouched = fn;
+    }
+    /**
+     * @inheritdoc
+     */
+    setDisabledState(isDisabled) {
+        this.disabled = isDisabled;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.4", ngImport: i0, type: NumberInputControlValueAccessor, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.1.4", 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 });
+}
+export { NumberInputControlValueAccessor };
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.4", ngImport: i0, type: NumberInputControlValueAccessor, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'input[number][formControlName],input[number][formControl],input[number][ngModel]',
+                    providers: [NUMBER_INPUT_VALUE_ACCESSOR],
+                    host: {
+                        '(change)': 'onChange($event.target.value)',
+                        '(input)': 'onChange($event.target.value)',
+                        '(blur)': 'onTouched()',
+                        '[disabled]': 'disabled',
+                    }
+                }]
+        }], ctorParameters: function () { return [{ type: i0.Renderer2 }, { type: i0.ElementRef }]; } });
+//# sourceMappingURL=numberInputControlValueAccessor.directive.js.map