@anglr/common 8.0.0-beta.20211109062458 → 8.0.0-beta.20211217111139

package/es2020/date-fns/src/misc/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../../date-fns/src/misc/utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,iBAAiB,EAAC,MAAM,qBAAqB,CAAC;AACtD,OAAO,EAAC,QAAQ,EAAC,MAAM,gBAAgB,CAAC;AACxC,OAAO,EAAC,QAAQ,EAAC,MAAM,UAAU,CAAC;AAElC;;;;GAIG;AACH,MAAM,UAAU,0BAA0B,CAAU,YAAqB,EAAE,WAAmB;IAE1F,MAAM,SAAS,GAAG,wCAAwC,CAAC;IAE3D,OAAO,iBAAiB,CAAC,YAAY,EAAE,WAAW,EAAE,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE;QAEhE,kBAAkB;QAClB,IAAG,QAAQ,CAAC,KAAK,CAAC,IAAI,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC,EAC3C;YACI,MAAM,GAAG,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;YAE5B,cAAc;YACd,IAAG,KAAK,CAAC,GAAG,CAAC,OAAO,EAAE,CAAC,EACvB;gBACI,OAAO,IAAI,CAAC;aACf;YAED,OAAO,GAAG,CAAC;SACd;QAED,OAAO,KAAK,CAAC;IACjB,CAAC,CAAC,CAAC;AACP,CAAC","sourcesContent":["import {readEncodedFilter} from '@anglr/common/forms';\nimport {isString} from '@jscrpt/common';\nimport {parseISO} from 'date-fns';\n\n/**\n * Reads filter value from encoded string, deserialize date properties into date\n * @param defaultValue - Default value of filter, which is overriden by values from filterValue\n * @param filterValue - Encoded string containing filter value\n */\nexport function readEncodedFilterWithDates<TFilter>(defaultValue: TFilter, filterValue: string): TFilter\n{\n    const dateRegex = /^(\\d+-){2}\\d+(T(\\d+:){2}\\d+(\\.\\d+)?)?/g;\n\n    return readEncodedFilter(defaultValue, filterValue, (_key, value) =>\n    {\n        //it is date value\n        if(isString(value) && dateRegex.test(value))\n        {\n            const val = parseISO(value);\n        \n            //invalid date\n            if(isNaN(val.valueOf()))\n            {\n                return null;\n            }\n            \n            return val;\n        }\n\n        return value;\n    });\n}"]}

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

@@ -0,0 +1,72 @@
+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
+ */
+export class GroupHasErrorDirective {
+    //######################### constructor #########################
+    constructor(_element) {
+        this._element = _element;
+        //######################### private fields #########################
+        /**
+         * Options for this directive
+         */
+        this._options = null;
+        /**
+         * Array of invalid controls
+         */
+        this._invalidControls = [];
+        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);
+        }
+    }
+}
+GroupHasErrorDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: GroupHasErrorDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
+GroupHasErrorDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.1.1", type: GroupHasErrorDirective, selector: "[groupHasError]", ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: GroupHasErrorDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[groupHasError]'
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }]; } });
+//# sourceMappingURL=groupHasError.directive.js.map

package/es2020/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;AAKH,MAAM,OAAO,sBAAsB;IAc/B,iEAAiE;IACjE,YAAoB,QAAiC;QAAjC,aAAQ,GAAR,QAAQ,CAAyB;QAbrD,oEAAoE;QAEpE;;WAEG;QACK,aAAQ,GAAyB,IAAI,CAAC;QAE9C;;WAEG;QACK,qBAAgB,GAAa,EAAE,CAAC;QAKpC,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;;mHAnEQ,sBAAsB;uGAAtB,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/es2020/forms/src/directives/hasError/hasError.directive.js

@@ -0,0 +1,161 @@
+import { __decorate, __metadata } from "tslib";
+import { Directive, ElementRef, Optional, SkipSelf, Inject, Input, Injector } 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 * 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";
+//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 {
+    //######################### constructor #########################
+    constructor(_element, _rendererFactory, _groupHasError, _formControl, _formControlName, _ngModel, _submittedSvc, _stringLocalization, _injector) {
+        this._element = _element;
+        this._rendererFactory = _rendererFactory;
+        this._groupHasError = _groupHasError;
+        this._formControl = _formControl;
+        this._formControlName = _formControlName;
+        this._ngModel = _ngModel;
+        this._submittedSvc = _submittedSvc;
+        this._stringLocalization = _stringLocalization;
+        this._injector = _injector;
+        //######################### private 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;
+    }
+    //######################### private properties #########################
+    /**
+     * Gets control which was assigned to this element
+     */
+    get control() {
+        return this._formControl?.control || this._formControlName?.control || this._ngModel?.control;
+    }
+    //######################### public methods - implementation of OnInit #########################
+    /**
+     * Initialize component
+     */
+    ngOnInit() {
+        this._registerMutationObserver();
+        this.renderer = this._rendererFactory.create(this.control, this._element.nativeElement, this._injector, this._isSubmittedOrDirty, {});
+        this._subscriptions.add(this._stringLocalization.textsChange.subscribe(() => this._updateStatus()));
+        this._subscriptions.add(this.control.statusChanges.subscribe(() => this._updateStatus()));
+        this._updateStatus();
+        if (this._submittedSvc) {
+            this._subscriptions.add(this._submittedSvc.submittedChange.subscribe(() => this._isSubmittedOrDirty(() => this._updateStatus(true))));
+        }
+    }
+    //######################### 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
+     * @param onlyShow - Indication that update performs only displaying of existing errors
+     */
+    _updateStatus(onlyShow) {
+        this._previousDirty = this.control.dirty;
+        this._hasErrors = this.renderer.update(this.errorMessages, onlyShow);
+        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
+        });
+    }
+}
+HasErrorDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: HasErrorDirective, deps: [{ token: i0.ElementRef }, { token: i1.ValidationErrorRendererFactory }, { 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: STRING_LOCALIZATION }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Directive });
+HasErrorDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.1.1", type: HasErrorDirective, selector: "[hasError]", inputs: { errorMessages: "errorMessages" }, 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: "13.1.1", ngImport: i0, type: HasErrorDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[hasError]'
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i1.ValidationErrorRendererFactory }, { 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: undefined, decorators: [{
+                    type: Inject,
+                    args: [STRING_LOCALIZATION]
+                }] }, { type: i0.Injector }]; }, propDecorators: { errorMessages: [{
+                type: Input
+            }], _isSubmittedOrDirty: [] } });
+//# sourceMappingURL=hasError.directive.js.map

package/es2020/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} 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} from '../../services/validationErrorRenderer/validationErrorRenderer.interface';\nimport {SubmittedService} from '../../services/submitted/submitted.service';\nimport {GroupHasErrorDirective} from '../groupHasError/groupHasError.directive';\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, 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    //######################### constructor #########################\n    constructor(private _element: ElementRef<HTMLElement>,\n                private _rendererFactory: ValidationErrorRendererFactory,\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                @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._registerMutationObserver();\n\n        this.renderer = this._rendererFactory.create(this.control,\n                                                     this._element.nativeElement,\n                                                     this._injector,\n                                                     this._isSubmittedOrDirty,\n                                                     {\n                                                     });\n\n        this._subscriptions.add(this._stringLocalization.textsChange.subscribe(() => this._updateStatus()));\n        this._subscriptions.add(this.control.statusChanges.subscribe(() => this._updateStatus()));\n\n        this._updateStatus();\n\n        if(this._submittedSvc)\n        {\n            this._subscriptions.add(this._submittedSvc.submittedChange.subscribe(() => this._isSubmittedOrDirty(() => this._updateStatus(true))));\n        }\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     * @param onlyShow - Indication that update performs only displaying of existing errors\n     */\n    private _updateStatus(onlyShow?: boolean): void\n    {\n        this._previousDirty = this.control.dirty;\n        this._hasErrors = this.renderer.update(this.errorMessages, onlyShow);\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/es2020/forms/src/directives/numberInput/maxValueNumberValidator.directive.js

@@ -0,0 +1,64 @@
+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
+ */
+export class MaxValueNumberValidatorDirective {
+    //######################### 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;
+        }
+        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);
+    }
+}
+MaxValueNumberValidatorDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: MaxValueNumberValidatorDirective, deps: [{ token: 'maxValue', attribute: true }], target: i0.ɵɵFactoryTarget.Directive });
+MaxValueNumberValidatorDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.1.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: "13.1.1", 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/es2020/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;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;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;;6HAnEQ,gCAAgC,kBA4BlB,UAAU;iHA5BxB,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;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/es2020/forms/src/directives/numberInput/minValueNumberValidator.directive.js

@@ -0,0 +1,64 @@
+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
+ */
+export class MinValueNumberValidatorDirective {
+    //######################### 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;
+        }
+        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);
+    }
+}
+MinValueNumberValidatorDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: MinValueNumberValidatorDirective, deps: [{ token: 'minValue', attribute: true }], target: i0.ɵɵFactoryTarget.Directive });
+MinValueNumberValidatorDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.1.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: "13.1.1", 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/es2020/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;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;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;;6HAlEQ,gCAAgC,kBA2BlB,UAAU;iHA3BxB,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;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/es2020/forms/src/directives/numberInput/numberInputControlValueAccessor.directive.js

@@ -0,0 +1,74 @@
+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
+ */
+export class NumberInputControlValueAccessor {
+    //######################### constructor #########################
+    constructor(_renderer, _elementRef) {
+        this._renderer = _renderer;
+        this._elementRef = _elementRef;
+        //######################### public properties #########################
+        this.onChange = (_) => { };
+        /**
+         * Method that is called when picker was touched
+         */
+        this.onTouched = () => { };
+    }
+    //######################### public methods - implementation of ControlValueAccessor #########################
+    /**
+     * Sets value to select
+     */
+    writeValue(value) {
+        this._renderer.setProperty(this._elementRef.nativeElement, 'value', value);
+    }
+    /**
+     * Registers callback that is called when value of select changes
+     */
+    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(',', '.')));
+        };
+    }
+    /**
+     * Registers callback that is called when select is closed
+     */
+    registerOnTouched(fn) {
+        this.onTouched = fn;
+    }
+}
+NumberInputControlValueAccessor.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: NumberInputControlValueAccessor, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
+NumberInputControlValueAccessor.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.1.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()" } }, providers: [NUMBER_INPUT_VALUE_ACCESSOR], ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.1", 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()'
+                    }
+                }]
+        }], ctorParameters: function () { return [{ type: i0.Renderer2 }, { type: i0.ElementRef }]; } });
+//# sourceMappingURL=numberInputControlValueAccessor.directive.js.map

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

@@ -0,0 +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;AAYH,MAAM,OAAO,+BAA+B;IAWxC,iEAAiE;IACjE,YAAoB,SAAoB,EAAU,WAAuB;QAArD,cAAS,GAAT,SAAS,CAAW;QAAU,gBAAW,GAAX,WAAW,CAAY;QAVzE,uEAAuE;QAEhE,aAAQ,GAAG,CAAC,CAAM,EAAE,EAAE,GAAE,CAAC,CAAC;QAEjC;;WAEG;QACI,cAAS,GAAG,GAAG,EAAE,GAAE,CAAC,CAAC;IAK5B,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;;4HA5DQ,+BAA+B;gHAA/B,+BAA+B,gPAR7B,CAAC,2BAA2B,CAAC;2FAQ/B,+BAA+B;kBAX3C,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;qBAC1B;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    }\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    //######################### constructor #########################\n    constructor(private _renderer: Renderer2, private _elementRef: ElementRef)\n    {\n    }\n\n    //######################### public methods - implementation of ControlValueAccessor #########################\n\n    /**\n     * Sets value to select\n     */\n    public writeValue(value: any): void\n    {\n        this._renderer.setProperty(this._elementRef.nativeElement, 'value', value);\n    }\n\n    /**\n     * Registers callback that is called when value of select changes\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     * Registers callback that is called when select is closed\n     */\n    public registerOnTouched(fn: () => any): void\n    {\n        this.onTouched = fn;\n    }\n}\n"]}

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

@@ -0,0 +1,36 @@
+import { forwardRef, Directive } from '@angular/core';
+import { NG_VALIDATORS } from '@angular/forms';
+import { Validators } from '../../misc/validators';
+import * as i0 from "@angular/core";
+/**
+ * Validator that is injected with directive NumberInputValidatorDirective
+ */
+const NUMBER_VALIDATOR = {
+    provide: NG_VALIDATORS,
+    useExisting: forwardRef(() => NumberInputValidatorDirective),
+    multi: true
+};
+/**
+ * Is number directive injecting checking for number validator
+ */
+export class NumberInputValidatorDirective {
+    //######################### public methods - implementation of Validator #########################
+    /**
+     * Validates input and returns validation result
+     * @param control - Control that is being validated
+     * @returns validation results
+     */
+    validate(control) {
+        return Validators.number(control);
+    }
+}
+NumberInputValidatorDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: NumberInputValidatorDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+NumberInputValidatorDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.1.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: "13.1.1", ngImport: i0, type: NumberInputValidatorDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'input[number][formControlName],input[number][formControl],input[number][ngModel]',
+                    providers: [NUMBER_VALIDATOR]
+                }]
+        }] });
+//# sourceMappingURL=numberInputValidator.directive.js.map

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

@@ -0,0 +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;;0HAZQ,6BAA6B;8GAA7B,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}"]}

package/es2020/forms/src/directives/requiredClass/requiredClass.directive.js

@@ -0,0 +1,56 @@
+import { Directive, Optional, HostBinding, ChangeDetectorRef } from '@angular/core';
+import { FormControlDirective, FormControlName, FormControl } from '@angular/forms';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/forms";
+//TODO: reworking using hasValidator
+/**
+ * Required class directive adds required class to element
+ */
+export class RequiredClassDirective {
+    //######################### constructor #########################
+    constructor(_formControl, _formControlName, _changeDetector) {
+        this._formControl = _formControl;
+        this._formControlName = _formControlName;
+        this._changeDetector = _changeDetector;
+        //######################### public properties - host #########################
+        /**
+         * Handles css class for required input
+         */
+        this.required = false;
+    }
+    //######################### private properties #########################
+    /**
+     * Gets control which was assigned to this element
+     */
+    get control() {
+        return (this._formControl && this._formControl.control) || (this._formControlName && this._formControlName.control);
+    }
+    //######################### public methods - implementation of AfterViewInit #########################
+    /**
+     * Called when view was initialized
+     */
+    ngAfterViewInit() {
+        const control = this.control;
+        if (control && control.validator) {
+            const validationResult = control.validator(new FormControl(null));
+            this.required = validationResult && validationResult.required;
+            this._changeDetector.detectChanges();
+        }
+    }
+}
+RequiredClassDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: RequiredClassDirective, deps: [{ token: i1.FormControlDirective, optional: true }, { token: i1.FormControlName, optional: true }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Directive });
+RequiredClassDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.1.1", type: RequiredClassDirective, selector: "[requiredClass]", host: { properties: { "class.required": "this.required" } }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: RequiredClassDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[requiredClass]'
+                }]
+        }], ctorParameters: function () { return [{ type: i1.FormControlDirective, decorators: [{
+                    type: Optional
+                }] }, { type: i1.FormControlName, decorators: [{
+                    type: Optional
+                }] }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { required: [{
+                type: HostBinding,
+                args: ['class.required']
+            }] } });
+//# sourceMappingURL=requiredClass.directive.js.map

package/es2020/forms/src/directives/requiredClass/requiredClass.directive.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"requiredClass.directive.js","sourceRoot":"","sources":["../../../../../forms/src/directives/requiredClass/requiredClass.directive.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAE,QAAQ,EAAiB,WAAW,EAAE,iBAAiB,EAAC,MAAM,eAAe,CAAC;AACjG,OAAO,EAAC,oBAAoB,EAAE,eAAe,EAAE,WAAW,EAAC,MAAM,gBAAgB,CAAC;;;AAElF,oCAAoC;AAEpC;;GAEG;AAKH,MAAM,OAAO,sBAAsB;IAoB/B,iEAAiE;IACjE,YAAgC,YAAkC,EAClC,gBAAiC,EAC7C,eAAkC;QAFtB,iBAAY,GAAZ,YAAY,CAAsB;QAClC,qBAAgB,GAAhB,gBAAgB,CAAiB;QAC7C,oBAAe,GAAf,eAAe,CAAmB;QAXtD,8EAA8E;QAE9E;;WAEG;QAEI,aAAQ,GAAY,KAAK,CAAC;IAOjC,CAAC;IAvBD,wEAAwE;IAExE;;OAEG;IACH,IAAY,OAAO;QAEf,OAAO,CAAC,IAAI,CAAC,YAAY,IAAI,IAAI,CAAC,YAAY,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,gBAAgB,IAAI,IAAI,CAAC,gBAAgB,CAAC,OAAO,CAAC,CAAC;IACxH,CAAC;IAiBD,sGAAsG;IAEtG;;OAEG;IACI,eAAe;QAElB,MAAM,OAAO,GAAG,IAAI,CAAC,OAAO,CAAC;QAE7B,IAAG,OAAO,IAAI,OAAO,CAAC,SAAS,EAC/B;YACI,MAAM,gBAAgB,GAAG,OAAO,CAAC,SAAS,CAAC,IAAI,WAAW,CAAC,IAAI,CAAC,CAAC,CAAC;YAClE,IAAI,CAAC,QAAQ,GAAG,gBAAgB,IAAI,gBAAgB,CAAC,QAAQ,CAAC;YAE9D,IAAI,CAAC,eAAe,CAAC,aAAa,EAAE,CAAC;SACxC;IACL,CAAC;;mHA3CQ,sBAAsB;uGAAtB,sBAAsB;2FAAtB,sBAAsB;kBAJlC,SAAS;mBACV;oBACI,QAAQ,EAAE,iBAAiB;iBAC9B;;0BAsBgB,QAAQ;;0BACR,QAAQ;4EAJd,QAAQ;sBADd,WAAW;uBAAC,gBAAgB","sourcesContent":["import {Directive, Optional, AfterViewInit, HostBinding, ChangeDetectorRef} from '@angular/core';\nimport {FormControlDirective, FormControlName, FormControl} from '@angular/forms';\n\n//TODO: reworking using hasValidator\n\n/**\n * Required class directive adds required class to element\n */\n@Directive(\n{\n    selector: '[requiredClass]'\n})\nexport class RequiredClassDirective implements AfterViewInit\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 && this._formControl.control) || (this._formControlName && this._formControlName.control);\n    }\n\n    //######################### public properties - host #########################\n\n    /**\n     * Handles css class for required input\n     */\n    @HostBinding('class.required')\n    public required: boolean = false;\n\n    //######################### constructor #########################\n    constructor(@Optional() private _formControl: FormControlDirective,\n                @Optional() private _formControlName: FormControlName,\n                private _changeDetector: ChangeDetectorRef)\n    {\n    }\n\n    //######################### public methods - implementation of AfterViewInit #########################\n    \n    /**\n     * Called when view was initialized\n     */\n    public ngAfterViewInit(): void\n    {\n        const control = this.control;\n\n        if(control && control.validator)\n        {\n            const validationResult = control.validator(new FormControl(null));\n            this.required = validationResult && validationResult.required;\n\n            this._changeDetector.detectChanges();\n        }\n    }\n}"]}