@anglr/common 11.3.0-beta.20220412054621 → 11.3.0-beta.20220412124216

package/es2020/forms/src/modules/errorMessage/components/groupErrors/groupErrors.component.js

@@ -0,0 +1,72 @@
+import { Component, ChangeDetectionStrategy, Optional, ChangeDetectorRef, Input, ContentChild } from '@angular/core';
+import { FormGroupDirective, FormGroupName } from '@angular/forms';
+import { Subscription } from 'rxjs';
+import { GroupErrorsTemplateDirective } from '../../directives';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/forms";
+import * as i2 from "@angular/common";
+import * as i3 from "../../directives/errorMessage/errorMessage.directive";
+import * as i4 from "../../pipes/withErrorMessage/withErrorMessage.pipe";
+import * as i5 from "../../../../../../src/pipes/keys/keys.pipe";
+/**
+ * Component used for rendering from group errors
+ */
+export class GroupErrorsComponent {
+    //######################### constructor #########################
+    constructor(formGroupDirective, formGroupName, _changeDetector) {
+        this.formGroupDirective = formGroupDirective;
+        this.formGroupName = formGroupName;
+        this._changeDetector = _changeDetector;
+        /**
+         * Subscriptions created during initialization
+         */
+        this._initSubscriptions = new Subscription();
+        if (!this.formGroupDirective && !this.formGroupName) {
+            throw new Error('There is no parent formGroup or formGroupName directive');
+        }
+    }
+    //######################### public properties - template bindings #########################
+    /**
+     * Gets instance of currently used form group
+     * @internal
+     */
+    get formGroup() {
+        return (this._formGroup ?? (this._formGroup = this.formGroupDirective?.form ?? this.formGroupName?.control));
+    }
+    //######################### public methods - implementation of OnInit #########################
+    /**
+     * Initialize component
+     */
+    ngOnInit() {
+        this._initSubscriptions.add(this.formGroup.statusChanges.subscribe(state => {
+            if (this._lastState != state || state == 'INVALID') {
+                this._lastState = state;
+                this._changeDetector.detectChanges();
+            }
+        }));
+    }
+    //######################### public methods - implementation of OnDestroy #########################
+    /**
+     * Called when component is destroyed
+     */
+    ngOnDestroy() {
+        this._initSubscriptions?.unsubscribe();
+        this._initSubscriptions = null;
+    }
+}
+GroupErrorsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: GroupErrorsComponent, deps: [{ token: i1.FormGroupDirective, optional: true }, { token: i1.FormGroupName, optional: true }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+GroupErrorsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.2", type: GroupErrorsComponent, selector: "form-group-errors", inputs: { cssClass: "cssClass" }, queries: [{ propertyName: "template", first: true, predicate: GroupErrorsTemplateDirective, descendants: true }], ngImport: i0, template: "<ng-template #defaultTemplate let-errorName>\n    <div [ngClass]=\"cssClass\" [errorMessage]=\"errorName\" [errors]=\"formGroup.errors\"></div>\n</ng-template>\n\n<ng-container *ngFor=\"let errorName of formGroup.errors | keys | withErrorMessage; let first=first; let last=last; let index=index\">\n    <ng-container *ngTemplateOutlet=\"template?.template ?? defaultTemplate; context: {$implicit: errorName, first, last, index, errors: formGroup.errors}\"></ng-container>\n</ng-container>", directives: [{ type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i3.ErrorMessageDirective, selector: "[errorMessage]", inputs: ["errorMessage", "errors"], exportAs: ["errorMessage"] }, { type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }], pipes: { "withErrorMessage": i4.WithErrorMessagePipe, "keys": i5.KeysPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: GroupErrorsComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'form-group-errors', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-template #defaultTemplate let-errorName>\n    <div [ngClass]=\"cssClass\" [errorMessage]=\"errorName\" [errors]=\"formGroup.errors\"></div>\n</ng-template>\n\n<ng-container *ngFor=\"let errorName of formGroup.errors | keys | withErrorMessage; let first=first; let last=last; let index=index\">\n    <ng-container *ngTemplateOutlet=\"template?.template ?? defaultTemplate; context: {$implicit: errorName, first, last, index, errors: formGroup.errors}\"></ng-container>\n</ng-container>" }]
+        }], ctorParameters: function () { return [{ type: i1.FormGroupDirective, decorators: [{
+                    type: Optional
+                }] }, { type: i1.FormGroupName, decorators: [{
+                    type: Optional
+                }] }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { cssClass: [{
+                type: Input
+            }], template: [{
+                type: ContentChild,
+                args: [GroupErrorsTemplateDirective]
+            }] } });
+//# sourceMappingURL=groupErrors.component.js.map

package/es2020/forms/src/modules/errorMessage/components/groupErrors/groupErrors.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"groupErrors.component.js","sourceRoot":"","sources":["../../../../../../../forms/src/modules/errorMessage/components/groupErrors/groupErrors.component.ts","../../../../../../../forms/src/modules/errorMessage/components/groupErrors/groupErrors.component.html"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAE,uBAAuB,EAAE,QAAQ,EAAqB,iBAAiB,EAAE,KAAK,EAAE,YAAY,EAAC,MAAM,eAAe,CAAC;AACtI,OAAO,EAA+B,kBAAkB,EAAE,aAAa,EAAC,MAAM,gBAAgB,CAAC;AAC/F,OAAO,EAAC,YAAY,EAAC,MAAM,MAAM,CAAC;AAElC,OAAO,EAAC,4BAA4B,EAAC,MAAM,kBAAkB,CAAC;;;;;;;AAE9D;;GAEG;AAOH,MAAM,OAAO,oBAAoB;IA8C7B,iEAAiE;IACjE,YAAkC,kBAAsC,EACtC,aAA4B,EACxC,eAAkC;QAFtB,uBAAkB,GAAlB,kBAAkB,CAAoB;QACtC,kBAAa,GAAb,aAAa,CAAe;QACxC,oBAAe,GAAf,eAAe,CAAmB;QAxCxD;;WAEG;QACO,uBAAkB,GAAiB,IAAI,YAAY,EAAE,CAAC;QAuC5D,IAAG,CAAC,IAAI,CAAC,kBAAkB,IAAI,CAAC,IAAI,CAAC,aAAa,EAClD;YACI,MAAM,IAAI,KAAK,CAAC,yDAAyD,CAAC,CAAC;SAC9E;IACL,CAAC;IApCD,2FAA2F;IAE3F;;;OAGG;IACH,IAAW,SAAS;QAEhB,OAAO,CAAC,IAAI,CAAC,UAAU,KAAf,IAAI,CAAC,UAAU,GAAM,IAAI,CAAC,kBAAkB,EAAE,IAAI,IAAI,IAAI,CAAC,aAAa,EAAE,OAAO,EAAE,CAAC;IAChG,CAAC;IA6BD,+FAA+F;IAE/F;;OAEG;IACI,QAAQ;QAEX,IAAI,CAAC,kBAAkB,CAAC,GAAG,CAAC,IAAI,CAAC,SAAS,CAAC,aAAa,CAAC,SAAS,CAAC,KAAK,CAAC,EAAE;YAEvE,IAAG,IAAI,CAAC,UAAU,IAAI,KAAK,IAAI,KAAK,IAAI,SAAS,EACjD;gBACI,IAAI,CAAC,UAAU,GAAG,KAAK,CAAC;gBACxB,IAAI,CAAC,eAAe,CAAC,aAAa,EAAE,CAAC;aACxC;QACL,CAAC,CAAC,CAAC,CAAC;IACR,CAAC;IAED,kGAAkG;IAElG;;OAEG;IACI,WAAW;QAEd,IAAI,CAAC,kBAAkB,EAAE,WAAW,EAAE,CAAC;QACvC,IAAI,CAAC,kBAAkB,GAAG,IAAI,CAAC;IACnC,CAAC;;iHAnFQ,oBAAoB;qGAApB,oBAAoB,iIA2Cf,4BAA4B,gDC1D9C,0eAMe;2FDSF,oBAAoB;kBANhC,SAAS;+BAEI,mBAAmB,mBAEZ,uBAAuB,CAAC,MAAM;;0BAiDlC,QAAQ;;0BACR,QAAQ;4EAZd,QAAQ;sBADd,KAAK;gBASC,QAAQ;sBADd,YAAY;uBAAC,4BAA4B","sourcesContent":["import {Component, ChangeDetectionStrategy, Optional, OnInit, OnDestroy, ChangeDetectorRef, Input, ContentChild} from '@angular/core';\nimport {FormControlStatus, FormGroup, FormGroupDirective, FormGroupName} from '@angular/forms';\nimport {Subscription} from 'rxjs';\n\nimport {GroupErrorsTemplateDirective} from '../../directives';\n\n/**\n * Component used for rendering from group errors\n */\n@Component(\n{\n    selector: 'form-group-errors',\n    templateUrl: 'groupErrors.component.html',\n    changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class GroupErrorsComponent implements OnInit, OnDestroy\n{\n    //######################### protected fields #########################\n\n    /**\n     * Instance of currently used form group\n     */\n    protected _formGroup?: FormGroup;\n\n    /**\n     * Subscriptions created during initialization\n     */\n    protected _initSubscriptions: Subscription = new Subscription();\n\n    /**\n     * Last state of form control\n     */\n    protected _lastState?: FormControlStatus;\n\n    //######################### public properties - template bindings #########################\n\n    /**\n     * Gets instance of currently used form group\n     * @internal\n     */\n    public get formGroup(): FormGroup\n    {\n        return (this._formGroup ??= (this.formGroupDirective?.form ?? this.formGroupName?.control));\n    }\n\n    //######################### public properties - inputs #########################\n\n    /**\n     * Css classes that are applied to default rendered divs\n     */\n    @Input()\n    public cssClass: string;\n\n    //######################### public properties - children #########################\n\n    /**\n     * Custom template for rendering form group error\n     */\n    @ContentChild(GroupErrorsTemplateDirective)\n    public template?: GroupErrorsTemplateDirective;\n\n    //######################### constructor #########################\n    constructor(@Optional() protected formGroupDirective: FormGroupDirective,\n                @Optional() protected formGroupName: FormGroupName,\n                protected _changeDetector: ChangeDetectorRef,)\n    {\n        if(!this.formGroupDirective && !this.formGroupName)\n        {\n            throw new Error('There is no parent formGroup or formGroupName directive');\n        }\n    }\n\n    //######################### public methods - implementation of OnInit #########################\n    \n    /**\n     * Initialize component\n     */\n    public ngOnInit(): void\n    {\n        this._initSubscriptions.add(this.formGroup.statusChanges.subscribe(state =>\n        {\n            if(this._lastState != state || state == 'INVALID')\n            {\n                this._lastState = state;\n                this._changeDetector.detectChanges();\n            }\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._initSubscriptions?.unsubscribe();\n        this._initSubscriptions = null;\n    }\n}","<ng-template #defaultTemplate let-errorName>\n    <div [ngClass]=\"cssClass\" [errorMessage]=\"errorName\" [errors]=\"formGroup.errors\"></div>\n</ng-template>\n\n<ng-container *ngFor=\"let errorName of formGroup.errors | keys | withErrorMessage; let first=first; let last=last; let index=index\">\n    <ng-container *ngTemplateOutlet=\"template?.template ?? defaultTemplate; context: {$implicit: errorName, first, last, index, errors: formGroup.errors}\"></ng-container>\n</ng-container>"]}

package/es2020/forms/src/modules/errorMessage/components/index.js

@@ -0,0 +1,2 @@
+export * from './groupErrors/groupErrors.component';
+//# sourceMappingURL=index.js.map

package/es2020/forms/src/modules/errorMessage/components/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../forms/src/modules/errorMessage/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,qCAAqC,CAAC","sourcesContent":["export * from './groupErrors/groupErrors.component';\n"]}

package/es2020/forms/src/modules/errorMessage/directives/errorMessage/errorMessage.directive.js

@@ -0,0 +1,74 @@
+import { Directive, ElementRef, Inject, Input } from '@angular/core';
+import { STRING_LOCALIZATION } from '@anglr/common';
+import { isBlank, nameof } from '@jscrpt/common';
+import { Subscription } from 'rxjs';
+import { VALIDATION_ERROR_MESSAGES } from '../../../../misc/types';
+import * as i0 from "@angular/core";
+/**
+ * Directive used for displaying form error message
+ */
+export class ErrorMessageDirective {
+    //######################### constructor #########################
+    constructor(_element, _localization, _errorMessages) {
+        this._element = _element;
+        this._localization = _localization;
+        this._errorMessages = _errorMessages;
+        //######################### protected properties #########################
+        /**
+         * Subscriptions created during initialization
+         */
+        this._initSubscriptions = new Subscription();
+        this._initSubscriptions.add(this._localization.textsChange.subscribe(() => this._showMessage()));
+    }
+    //######################### public methods - implementation of OnChanges #########################
+    /**
+     * Called when input value changes
+     */
+    ngOnChanges(changes) {
+        if (nameof('errorName') in changes) {
+            this._showMessage();
+        }
+    }
+    //######################### public methods - implementation of OnDestroy #########################
+    /**
+     * Called when component is destroyed
+     */
+    ngOnDestroy() {
+        this._initSubscriptions?.unsubscribe();
+        this._initSubscriptions = null;
+    }
+    //######################### protected methods #########################
+    /**
+     * Shows message inside of element
+     */
+    _showMessage() {
+        if (isBlank(this.errorName)) {
+            this._element.nativeElement.innerHTML = '';
+            return;
+        }
+        const errorMessage = this._errorMessages[this.errorName];
+        const message = this._localization.get(errorMessage, this.errors);
+        this._element.nativeElement.innerHTML = message;
+    }
+}
+ErrorMessageDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: ErrorMessageDirective, deps: [{ token: i0.ElementRef }, { token: STRING_LOCALIZATION }, { token: VALIDATION_ERROR_MESSAGES }], target: i0.ɵɵFactoryTarget.Directive });
+ErrorMessageDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.2", type: ErrorMessageDirective, selector: "[errorMessage]", inputs: { errorName: ["errorMessage", "errorName"], errors: "errors" }, exportAs: ["errorMessage"], usesOnChanges: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: ErrorMessageDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[errorMessage]',
+                    exportAs: 'errorMessage'
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: [STRING_LOCALIZATION]
+                }] }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: [VALIDATION_ERROR_MESSAGES]
+                }] }]; }, propDecorators: { errorName: [{
+                type: Input,
+                args: ['errorMessage']
+            }], errors: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=errorMessage.directive.js.map

package/es2020/forms/src/modules/errorMessage/directives/errorMessage/errorMessage.directive.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"errorMessage.directive.js","sourceRoot":"","sources":["../../../../../../../forms/src/modules/errorMessage/directives/errorMessage/errorMessage.directive.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAE,UAAU,EAAE,MAAM,EAAE,KAAK,EAAsC,MAAM,eAAe,CAAC;AACxG,OAAO,EAAqB,mBAAmB,EAAC,MAAM,eAAe,CAAC;AACtE,OAAO,EAAa,OAAO,EAAE,MAAM,EAAmB,MAAM,gBAAgB,CAAC;AAC7E,OAAO,EAAC,YAAY,EAAC,MAAM,MAAM,CAAC;AAElC,OAAO,EAAC,yBAAyB,EAAC,MAAM,wBAAwB,CAAC;;AAEjE;;GAEG;AAMH,MAAM,OAAO,qBAAqB;IAuB9B,iEAAiE;IACjE,YAAsB,QAAiC,EACJ,aAAiC,EAC3B,cAAgC;QAFnE,aAAQ,GAAR,QAAQ,CAAyB;QACJ,kBAAa,GAAb,aAAa,CAAoB;QAC3B,mBAAc,GAAd,cAAc,CAAkB;QAxBzF,0EAA0E;QAE1E;;WAEG;QACO,uBAAkB,GAAiB,IAAI,YAAY,EAAE,CAAC;QAqB5D,IAAI,CAAC,kBAAkB,CAAC,GAAG,CAAC,IAAI,CAAC,aAAa,CAAC,WAAW,CAAC,SAAS,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,YAAY,EAAE,CAAC,CAAC,CAAC;IACrG,CAAC;IAED,kGAAkG;IAElG;;OAEG;IACI,WAAW,CAAC,OAAsB;QAErC,IAAG,MAAM,CAAwB,WAAW,CAAC,IAAI,OAAO,EACxD;YACI,IAAI,CAAC,YAAY,EAAE,CAAC;SACvB;IACL,CAAC;IAED,kGAAkG;IAElG;;OAEG;IACI,WAAW;QAEd,IAAI,CAAC,kBAAkB,EAAE,WAAW,EAAE,CAAC;QACvC,IAAI,CAAC,kBAAkB,GAAG,IAAI,CAAC;IACnC,CAAC;IAED,uEAAuE;IAEvE;;OAEG;IACO,YAAY;QAElB,IAAG,OAAO,CAAC,IAAI,CAAC,SAAS,CAAC,EAC1B;YACI,IAAI,CAAC,QAAQ,CAAC,aAAa,CAAC,SAAS,GAAG,EAAE,CAAC;YAE3C,OAAO;SACV;QAED,MAAM,YAAY,GAAG,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;QACzD,MAAM,OAAO,GAAG,IAAI,CAAC,aAAa,CAAC,GAAG,CAAC,YAAY,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC;QAElE,IAAI,CAAC,QAAQ,CAAC,aAAa,CAAC,SAAS,GAAG,OAAO,CAAC;IACpD,CAAC;;kHAzEQ,qBAAqB,4CAyBV,mBAAmB,aACnB,yBAAyB;sGA1BpC,qBAAqB;2FAArB,qBAAqB;kBALjC,SAAS;mBACV;oBACI,QAAQ,EAAE,gBAAgB;oBAC1B,QAAQ,EAAE,cAAc;iBAC3B;;0BA0BgB,MAAM;2BAAC,mBAAmB;;0BAC1B,MAAM;2BAAC,yBAAyB;4CAXtC,SAAS;sBADf,KAAK;uBAAC,cAAc;gBAOd,MAAM;sBADZ,KAAK","sourcesContent":["import {Directive, ElementRef, Inject, Input, OnChanges, OnDestroy, SimpleChanges} from '@angular/core';\nimport {StringLocalization, STRING_LOCALIZATION} from '@anglr/common';\nimport {Dictionary, isBlank, nameof, StringDictionary} from '@jscrpt/common';\nimport {Subscription} from 'rxjs';\n\nimport {VALIDATION_ERROR_MESSAGES} from '../../../../misc/types';\n\n/**\n * Directive used for displaying form error message\n */\n@Directive(\n{\n    selector: '[errorMessage]',\n    exportAs: 'errorMessage'\n})\nexport class ErrorMessageDirective implements OnChanges, OnDestroy\n{\n    //######################### protected properties #########################\n\n    /**\n     * Subscriptions created during initialization\n     */\n    protected _initSubscriptions: Subscription = new Subscription();\n\n    //######################### public properties - inputs #########################\n\n    /**\n     * Name/code of error message to be displayed\n     */\n    @Input('errorMessage')\n    public errorName: string;\n\n    /**\n     * Object storing all errors\n     */\n    @Input()\n    public errors: Dictionary;\n\n    //######################### constructor #########################\n    constructor(protected _element: ElementRef<HTMLElement>,\n                @Inject(STRING_LOCALIZATION) protected _localization: StringLocalization,\n                @Inject(VALIDATION_ERROR_MESSAGES) protected _errorMessages: StringDictionary,)\n    {\n        this._initSubscriptions.add(this._localization.textsChange.subscribe(() => this._showMessage()));\n    }\n\n    //######################### public methods - implementation of OnChanges #########################\n    \n    /**\n     * Called when input value changes\n     */\n    public ngOnChanges(changes: SimpleChanges): void\n    {\n        if(nameof<ErrorMessageDirective>('errorName') in changes)\n        {\n            this._showMessage();\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._initSubscriptions?.unsubscribe();\n        this._initSubscriptions = null;\n    }\n\n    //######################### protected methods #########################\n\n    /**\n     * Shows message inside of element\n     */\n    protected _showMessage(): void\n    {\n        if(isBlank(this.errorName))\n        {\n            this._element.nativeElement.innerHTML = '';\n\n            return;\n        }\n\n        const errorMessage = this._errorMessages[this.errorName];\n        const message = this._localization.get(errorMessage, this.errors);\n\n        this._element.nativeElement.innerHTML = message;\n    }\n}"]}

package/es2020/forms/src/modules/errorMessage/directives/groupErrorsTemplate/groupErrorTemplate.context.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=groupErrorTemplate.context.js.map

package/es2020/forms/src/modules/errorMessage/directives/groupErrorsTemplate/groupErrorTemplate.context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"groupErrorTemplate.context.js","sourceRoot":"","sources":["../../../../../../../forms/src/modules/errorMessage/directives/groupErrorsTemplate/groupErrorTemplate.context.ts"],"names":[],"mappings":"","sourcesContent":["import {Dictionary} from '@jscrpt/common';\n\n/**\n * Context passed to template of group error\n */\nexport interface GroupErrorsTemplateContext\n{\n    /**\n     * Name/code of error\n     */\n    $implicit: string;\n\n    /**\n     * Indication whether rendered error is last\n     */\n    last: boolean;\n\n    /**\n     * Indication whether rendered error is first\n     */\n    first: boolean;\n\n    /**\n     * Index of currently rendered item\n     */\n    index: number;\n\n    /**\n     * Object storing all errors for form group\n     */\n    errors: Dictionary;\n}"]}

package/es2020/forms/src/modules/errorMessage/directives/groupErrorsTemplate/groupErrorsTemplate.directive.js

@@ -0,0 +1,27 @@
+import { Directive, TemplateRef } from '@angular/core';
+import * as i0 from "@angular/core";
+/**
+ * Obtains template for displaying form group error
+ */
+export class GroupErrorsTemplateDirective {
+    //######################### constructor #########################
+    constructor(template) {
+        this.template = template;
+    }
+    //######################### ng language server #########################
+    /**
+     * Allows typechecking for template
+     */
+    static ngTemplateContextGuard(_dir, _ctx) {
+        return true;
+    }
+}
+GroupErrorsTemplateDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: GroupErrorsTemplateDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
+GroupErrorsTemplateDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.2", type: GroupErrorsTemplateDirective, selector: "[formGroupError]", ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: GroupErrorsTemplateDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[formGroupError]'
+                }]
+        }], ctorParameters: function () { return [{ type: i0.TemplateRef }]; } });
+//# sourceMappingURL=groupErrorsTemplate.directive.js.map

package/es2020/forms/src/modules/errorMessage/directives/groupErrorsTemplate/groupErrorsTemplate.directive.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"groupErrorsTemplate.directive.js","sourceRoot":"","sources":["../../../../../../../forms/src/modules/errorMessage/directives/groupErrorsTemplate/groupErrorsTemplate.directive.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAE,WAAW,EAAC,MAAM,eAAe,CAAC;;AAIrD;;GAEG;AAKH,MAAM,OAAO,4BAA4B;IAErC,iEAAiE;IACjE,YAAmB,QAAiD;QAAjD,aAAQ,GAAR,QAAQ,CAAyC;IAEpE,CAAC;IAED,wEAAwE;IAExE;;OAEG;IACH,MAAM,CAAC,sBAAsB,CAAC,IAAkC,EAAE,IAAa;QAE3E,OAAO,IAAI,CAAC;IAChB,CAAC;;yHAfQ,4BAA4B;6GAA5B,4BAA4B;2FAA5B,4BAA4B;kBAJxC,SAAS;mBACV;oBACI,QAAQ,EAAE,kBAAkB;iBAC/B","sourcesContent":["import {Directive, TemplateRef} from '@angular/core';\n\nimport {GroupErrorsTemplateContext} from './groupErrorTemplate.context';\n\n/**\n * Obtains template for displaying form group error\n */\n@Directive(\n{\n    selector: '[formGroupError]'\n})\nexport class GroupErrorsTemplateDirective\n{\n    //######################### constructor #########################\n    constructor(public template: TemplateRef<GroupErrorsTemplateContext>)\n    {\n    }\n\n    //######################### ng language server #########################\n    \n    /**\n     * Allows typechecking for template\n     */\n    static ngTemplateContextGuard(_dir: GroupErrorsTemplateDirective, _ctx: unknown): _ctx is GroupErrorsTemplateContext\n    {\n        return true;\n    }\n}"]}

package/es2020/forms/src/modules/errorMessage/directives/index.js

@@ -0,0 +1,4 @@
+export * from './errorMessage/errorMessage.directive';
+export * from './groupErrorsTemplate/groupErrorsTemplate.directive';
+export * from './groupErrorsTemplate/groupErrorTemplate.context';
+//# sourceMappingURL=index.js.map

package/es2020/forms/src/modules/errorMessage/directives/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../forms/src/modules/errorMessage/directives/index.ts"],"names":[],"mappings":"AAAA,cAAc,uCAAuC,CAAC;AACtD,cAAc,qDAAqD,CAAC;AACpE,cAAc,kDAAkD,CAAC","sourcesContent":["export * from './errorMessage/errorMessage.directive';\nexport * from './groupErrorsTemplate/groupErrorsTemplate.directive';\nexport * from './groupErrorsTemplate/groupErrorTemplate.context';\n"]}

package/es2020/forms/src/modules/errorMessage/index.js

@@ -0,0 +1,5 @@
+export * from './components';
+export * from './directives';
+export * from './modules';
+export * from './pipes';
+//# sourceMappingURL=index.js.map

package/es2020/forms/src/modules/errorMessage/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../forms/src/modules/errorMessage/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC","sourcesContent":["export * from './components';\nexport * from './directives';\nexport * from './modules';\nexport * from './pipes';\n"]}

package/es2020/forms/src/modules/errorMessage/modules/errorMessage.module.js

@@ -0,0 +1,47 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { CommonUtilsModule } from '@anglr/common';
+import { GroupErrorsComponent } from '../components';
+import { ErrorMessageDirective, GroupErrorsTemplateDirective } from '../directives';
+import { WithErrorMessagePipe } from '../pipes';
+import * as i0 from "@angular/core";
+/**
+ * Module for error message directives, pipes and components
+ */
+export class ErrorMessageModule {
+}
+ErrorMessageModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: ErrorMessageModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+ErrorMessageModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: ErrorMessageModule, declarations: [WithErrorMessagePipe,
+        ErrorMessageDirective,
+        GroupErrorsTemplateDirective,
+        GroupErrorsComponent], imports: [CommonModule,
+        CommonUtilsModule], exports: [WithErrorMessagePipe,
+        ErrorMessageDirective,
+        GroupErrorsTemplateDirective,
+        GroupErrorsComponent] });
+ErrorMessageModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: ErrorMessageModule, imports: [[
+            CommonModule,
+            CommonUtilsModule,
+        ]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: ErrorMessageModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        CommonModule,
+                        CommonUtilsModule,
+                    ],
+                    declarations: [
+                        WithErrorMessagePipe,
+                        ErrorMessageDirective,
+                        GroupErrorsTemplateDirective,
+                        GroupErrorsComponent,
+                    ],
+                    exports: [
+                        WithErrorMessagePipe,
+                        ErrorMessageDirective,
+                        GroupErrorsTemplateDirective,
+                        GroupErrorsComponent,
+                    ]
+                }]
+        }] });
+//# sourceMappingURL=errorMessage.module.js.map

package/es2020/forms/src/modules/errorMessage/modules/errorMessage.module.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"errorMessage.module.js","sourceRoot":"","sources":["../../../../../../forms/src/modules/errorMessage/modules/errorMessage.module.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,QAAQ,EAAC,MAAM,eAAe,CAAC;AACvC,OAAO,EAAC,YAAY,EAAC,MAAM,iBAAiB,CAAC;AAC7C,OAAO,EAAC,iBAAiB,EAAC,MAAM,eAAe,CAAC;AAEhD,OAAO,EAAC,oBAAoB,EAAC,MAAM,eAAe,CAAC;AACnD,OAAO,EAAC,qBAAqB,EAAE,4BAA4B,EAAC,MAAM,eAAe,CAAC;AAClF,OAAO,EAAC,oBAAoB,EAAC,MAAM,UAAU,CAAC;;AAE9C;;GAEG;AAuBH,MAAM,OAAO,kBAAkB;;+GAAlB,kBAAkB;gHAAlB,kBAAkB,iBAbvB,oBAAoB;QACpB,qBAAqB;QACrB,4BAA4B;QAC5B,oBAAoB,aARpB,YAAY;QACZ,iBAAiB,aAWjB,oBAAoB;QACpB,qBAAqB;QACrB,4BAA4B;QAC5B,oBAAoB;gHAGf,kBAAkB,YAnB3B;YACI,YAAY;YACZ,iBAAiB;SACpB;2FAgBQ,kBAAkB;kBAtB9B,QAAQ;mBACT;oBACI,OAAO,EACP;wBACI,YAAY;wBACZ,iBAAiB;qBACpB;oBACD,YAAY,EACZ;wBACI,oBAAoB;wBACpB,qBAAqB;wBACrB,4BAA4B;wBAC5B,oBAAoB;qBACvB;oBACD,OAAO,EACP;wBACI,oBAAoB;wBACpB,qBAAqB;wBACrB,4BAA4B;wBAC5B,oBAAoB;qBACvB;iBACJ","sourcesContent":["import {NgModule} from '@angular/core';\nimport {CommonModule} from '@angular/common';\nimport {CommonUtilsModule} from '@anglr/common';\n\nimport {GroupErrorsComponent} from '../components';\nimport {ErrorMessageDirective, GroupErrorsTemplateDirective} from '../directives';\nimport {WithErrorMessagePipe} from '../pipes';\n\n/**\n * Module for error message directives, pipes and components\n */\n@NgModule(\n{\n    imports:\n    [\n        CommonModule,\n        CommonUtilsModule,\n    ],\n    declarations:\n    [\n        WithErrorMessagePipe,\n        ErrorMessageDirective,\n        GroupErrorsTemplateDirective,\n        GroupErrorsComponent,\n    ],\n    exports:\n    [\n        WithErrorMessagePipe,\n        ErrorMessageDirective,\n        GroupErrorsTemplateDirective,\n        GroupErrorsComponent,\n    ]\n})\nexport class ErrorMessageModule\n{\n}\n"]}

package/es2020/forms/src/modules/errorMessage/modules/index.js

@@ -0,0 +1,2 @@
+export * from './errorMessage.module';
+//# sourceMappingURL=index.js.map

package/es2020/forms/src/modules/errorMessage/modules/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../forms/src/modules/errorMessage/modules/index.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAC","sourcesContent":["export * from './errorMessage.module';\n"]}

package/es2020/forms/src/modules/errorMessage/pipes/index.js

@@ -0,0 +1,2 @@
+export * from './withErrorMessage/withErrorMessage.pipe';
+//# sourceMappingURL=index.js.map

package/es2020/forms/src/modules/errorMessage/pipes/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../forms/src/modules/errorMessage/pipes/index.ts"],"names":[],"mappings":"AAAA,cAAc,0CAA0C,CAAC","sourcesContent":["export * from './withErrorMessage/withErrorMessage.pipe';\n"]}

package/es2020/forms/src/modules/errorMessage/pipes/withErrorMessage/withErrorMessage.pipe.js

@@ -0,0 +1,33 @@
+import { Inject, Pipe } from '@angular/core';
+import { VALIDATION_ERROR_MESSAGES } from '../../../../misc/types';
+import * as i0 from "@angular/core";
+/**
+ * Filters array of errors with messages
+ */
+export class WithErrorMessagePipe {
+    //######################### constructor #########################
+    constructor(_errorMessages) {
+        this._errorMessages = _errorMessages;
+    }
+    //######################### public methods - implementation of PipeTransform #########################
+    /**
+     * Filters array of errors with messages
+     * @param value - Array of error names
+     */
+    transform(value) {
+        if (!value?.length) {
+            return value;
+        }
+        return value.filter(itm => this._errorMessages[itm]);
+    }
+}
+WithErrorMessagePipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: WithErrorMessagePipe, deps: [{ token: VALIDATION_ERROR_MESSAGES }], target: i0.ɵɵFactoryTarget.Pipe });
+WithErrorMessagePipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: WithErrorMessagePipe, name: "withErrorMessage" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: WithErrorMessagePipe, decorators: [{
+            type: Pipe,
+            args: [{ name: 'withErrorMessage' }]
+        }], ctorParameters: function () { return [{ type: undefined, decorators: [{
+                    type: Inject,
+                    args: [VALIDATION_ERROR_MESSAGES]
+                }] }]; } });
+//# sourceMappingURL=withErrorMessage.pipe.js.map

package/es2020/forms/src/modules/errorMessage/pipes/withErrorMessage/withErrorMessage.pipe.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"withErrorMessage.pipe.js","sourceRoot":"","sources":["../../../../../../../forms/src/modules/errorMessage/pipes/withErrorMessage/withErrorMessage.pipe.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,MAAM,EAAE,IAAI,EAAgB,MAAM,eAAe,CAAC;AAG1D,OAAO,EAAC,yBAAyB,EAAC,MAAM,wBAAwB,CAAC;;AAEjE;;GAEG;AAEH,MAAM,OAAO,oBAAoB;IAE7B,iEAAiE;IACjE,YAAyD,cAAgC;QAAhC,mBAAc,GAAd,cAAc,CAAkB;IAEzF,CAAC;IAED,sGAAsG;IAEtG;;;OAGG;IACI,SAAS,CAAC,KAAe;QAE5B,IAAG,CAAC,KAAK,EAAE,MAAM,EACjB;YACI,OAAO,KAAK,CAAC;SAChB;QAED,OAAO,KAAK,CAAC,MAAM,CAAC,GAAG,CAAC,EAAE,CAAC,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,CAAC,CAAC;IACzD,CAAC;;iHArBQ,oBAAoB,kBAGT,yBAAyB;+GAHpC,oBAAoB;2FAApB,oBAAoB;kBADhC,IAAI;mBAAC,EAAC,IAAI,EAAE,kBAAkB,EAAC;;0BAIf,MAAM;2BAAC,yBAAyB","sourcesContent":["import {Inject, Pipe, PipeTransform} from '@angular/core';\nimport {StringDictionary} from '@jscrpt/common';\n\nimport {VALIDATION_ERROR_MESSAGES} from '../../../../misc/types';\n\n/**\n * Filters array of errors with messages\n */\n@Pipe({name: 'withErrorMessage'})\nexport class WithErrorMessagePipe implements PipeTransform\n{\n    //######################### constructor #########################\n    constructor(@Inject(VALIDATION_ERROR_MESSAGES) protected _errorMessages: StringDictionary)\n    {\n    }\n\n    //######################### public methods - implementation of PipeTransform #########################\n\n    /**\n     * Filters array of errors with messages\n     * @param value - Array of error names\n     */\n    public transform(value: string[]): string[]\n    {\n        if(!value?.length)\n        {\n            return value;\n        }\n\n        return value.filter(itm => this._errorMessages[itm]);\n    }\n}"]}

package/es2020/src/modules/commonUtils.module.js

@@ -1,5 +1,5 @@
 import { NgModule } from '@angular/core';
-import { IsNaNPipe, IsPresentPipe, UrlEncodePipe, MergeCssClassesPipe } from '../pipes';
+import { IsNaNPipe, IsPresentPipe, UrlEncodePipe, MergeCssClassesPipe, KeysPipe } from '../pipes';
 import * as i0 from "@angular/core";
 /**
  * Module for common utility stuff
@@ -10,10 +10,12 @@ CommonUtilsModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", versio
 CommonUtilsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: CommonUtilsModule, declarations: [IsNaNPipe,
         IsPresentPipe,
         UrlEncodePipe,
-        MergeCssClassesPipe], exports: [IsNaNPipe,
+        MergeCssClassesPipe,
+        KeysPipe], exports: [IsNaNPipe,
         IsPresentPipe,
         UrlEncodePipe,
-        MergeCssClassesPipe] });
+        MergeCssClassesPipe,
+        KeysPipe] });
 CommonUtilsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: CommonUtilsModule });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: CommonUtilsModule, decorators: [{
             type: NgModule,
@@ -23,12 +25,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImpor
                         IsPresentPipe,
                         UrlEncodePipe,
                         MergeCssClassesPipe,
+                        KeysPipe,
                     ],
                     exports: [
                         IsNaNPipe,
                         IsPresentPipe,
                         UrlEncodePipe,
                         MergeCssClassesPipe,
+                        KeysPipe,
                     ]
                 }]
         }] });

package/es2020/src/modules/commonUtils.module.js.map

@@ -1 +1 @@
-{"version":3,"file":"commonUtils.module.js","sourceRoot":"","sources":["../../../src/modules/commonUtils.module.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,QAAQ,EAAC,MAAM,eAAe,CAAC;AAEvC,OAAO,EAAC,SAAS,EAAE,aAAa,EAAE,aAAa,EAAE,mBAAmB,EAAC,MAAM,UAAU,CAAC;;AAEtF;;GAEG;AAkBH,MAAM,OAAO,iBAAiB;;8GAAjB,iBAAiB;+GAAjB,iBAAiB,iBAbtB,SAAS;QACT,aAAa;QACb,aAAa;QACb,mBAAmB,aAInB,SAAS;QACT,aAAa;QACb,aAAa;QACb,mBAAmB;+GAGd,iBAAiB;2FAAjB,iBAAiB;kBAjB7B,QAAQ;mBACT;oBACI,YAAY,EACZ;wBACI,SAAS;wBACT,aAAa;wBACb,aAAa;wBACb,mBAAmB;qBACtB;oBACD,OAAO,EACP;wBACI,SAAS;wBACT,aAAa;wBACb,aAAa;wBACb,mBAAmB;qBACtB;iBACJ","sourcesContent":["import {NgModule} from '@angular/core';\n\nimport {IsNaNPipe, IsPresentPipe, UrlEncodePipe, MergeCssClassesPipe} from '../pipes';\n\n/**\n * Module for common utility stuff\n */\n@NgModule(\n{\n    declarations:\n    [\n        IsNaNPipe,\n        IsPresentPipe,\n        UrlEncodePipe,\n        MergeCssClassesPipe,\n    ],\n    exports: \n    [\n        IsNaNPipe,\n        IsPresentPipe,\n        UrlEncodePipe,\n        MergeCssClassesPipe,\n    ]\n})\nexport class CommonUtilsModule\n{\n}"]}
+{"version":3,"file":"commonUtils.module.js","sourceRoot":"","sources":["../../../src/modules/commonUtils.module.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,QAAQ,EAAC,MAAM,eAAe,CAAC;AAEvC,OAAO,EAAC,SAAS,EAAE,aAAa,EAAE,aAAa,EAAE,mBAAmB,EAAE,QAAQ,EAAC,MAAM,UAAU,CAAC;;AAEhG;;GAEG;AAoBH,MAAM,OAAO,iBAAiB;;8GAAjB,iBAAiB;+GAAjB,iBAAiB,iBAftB,SAAS;QACT,aAAa;QACb,aAAa;QACb,mBAAmB;QACnB,QAAQ,aAIR,SAAS;QACT,aAAa;QACb,aAAa;QACb,mBAAmB;QACnB,QAAQ;+GAGH,iBAAiB;2FAAjB,iBAAiB;kBAnB7B,QAAQ;mBACT;oBACI,YAAY,EACZ;wBACI,SAAS;wBACT,aAAa;wBACb,aAAa;wBACb,mBAAmB;wBACnB,QAAQ;qBACX;oBACD,OAAO,EACP;wBACI,SAAS;wBACT,aAAa;wBACb,aAAa;wBACb,mBAAmB;wBACnB,QAAQ;qBACX;iBACJ","sourcesContent":["import {NgModule} from '@angular/core';\n\nimport {IsNaNPipe, IsPresentPipe, UrlEncodePipe, MergeCssClassesPipe, KeysPipe} from '../pipes';\n\n/**\n * Module for common utility stuff\n */\n@NgModule(\n{\n    declarations:\n    [\n        IsNaNPipe,\n        IsPresentPipe,\n        UrlEncodePipe,\n        MergeCssClassesPipe,\n        KeysPipe,\n    ],\n    exports: \n    [\n        IsNaNPipe,\n        IsPresentPipe,\n        UrlEncodePipe,\n        MergeCssClassesPipe,\n        KeysPipe,\n    ]\n})\nexport class CommonUtilsModule\n{\n}"]}

package/es2020/src/pipes/index.js

@@ -3,4 +3,5 @@ export * from './isPresent/isPresent.pipe';
 export * from './isNaN/isNaN.pipe';
 export * from './localize/localize.pipe';
 export * from './mergeCssClasses/mergeCssClasses.pipe';
+export * from './keys/keys.pipe';
 //# sourceMappingURL=index.js.map

package/es2020/src/pipes/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/pipes/index.ts"],"names":[],"mappings":"AAAA,cAAc,4BAA4B,CAAC;AAC3C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,oBAAoB,CAAC;AACnC,cAAc,0BAA0B,CAAC;AACzC,cAAc,wCAAwC,CAAC","sourcesContent":["export * from './urlEncode/urlEncode.pipe';\nexport * from './isPresent/isPresent.pipe';\nexport * from './isNaN/isNaN.pipe';\nexport * from './localize/localize.pipe';\nexport * from './mergeCssClasses/mergeCssClasses.pipe';\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/pipes/index.ts"],"names":[],"mappings":"AAAA,cAAc,4BAA4B,CAAC;AAC3C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,oBAAoB,CAAC;AACnC,cAAc,0BAA0B,CAAC;AACzC,cAAc,wCAAwC,CAAC;AACvD,cAAc,kBAAkB,CAAC","sourcesContent":["export * from './urlEncode/urlEncode.pipe';\nexport * from './isPresent/isPresent.pipe';\nexport * from './isNaN/isNaN.pipe';\nexport * from './localize/localize.pipe';\nexport * from './mergeCssClasses/mergeCssClasses.pipe';\nexport * from './keys/keys.pipe';\n"]}

package/es2020/src/pipes/keys/keys.pipe.js

@@ -0,0 +1,25 @@
+import { Pipe } from '@angular/core';
+import { isBlank } from '@jscrpt/common';
+import * as i0 from "@angular/core";
+/**
+ * Gets object keys/property names
+ */
+export class KeysPipe {
+    /**
+     * Gets object keys/property names
+     * @param value - Object containing keys which will be obtained
+     */
+    transform(value) {
+        if (isBlank(value)) {
+            return [];
+        }
+        return Object.keys(value);
+    }
+}
+KeysPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: KeysPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+KeysPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: KeysPipe, name: "keys" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: KeysPipe, decorators: [{
+            type: Pipe,
+            args: [{ name: 'keys' }]
+        }] });
+//# sourceMappingURL=keys.pipe.js.map

package/es2020/src/pipes/keys/keys.pipe.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"keys.pipe.js","sourceRoot":"","sources":["../../../../src/pipes/keys/keys.pipe.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,IAAI,EAAgB,MAAM,eAAe,CAAC;AAClD,OAAO,EAAa,OAAO,EAAC,MAAM,gBAAgB,CAAC;;AAEnD;;GAEG;AAEH,MAAM,OAAO,QAAQ;IAEjB;;;OAGG;IACI,SAAS,CAAC,KAAsB;QAEnC,IAAG,OAAO,CAAC,KAAK,CAAC,EACjB;YACI,OAAO,EAAE,CAAC;SACb;QAED,OAAO,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;IAC9B,CAAC;;qGAdQ,QAAQ;mGAAR,QAAQ;2FAAR,QAAQ;kBADpB,IAAI;mBAAC,EAAC,IAAI,EAAE,MAAM,EAAC","sourcesContent":["import {Pipe, PipeTransform} from '@angular/core';\nimport {Dictionary, isBlank} from '@jscrpt/common';\n\n/**\n * Gets object keys/property names\n */\n@Pipe({name: 'keys'})\nexport class KeysPipe implements PipeTransform\n{\n    /**\n     * Gets object keys/property names\n     * @param value - Object containing keys which will be obtained\n     */\n    public transform(value: Dictionary<any>): string[]\n    {\n        if(isBlank(value))\n        {\n            return [];\n        }\n\n        return Object.keys(value);\n    }\n}\n"]}

package/forms/src/index.d.ts

@@ -17,5 +17,6 @@ export * from './modules/numberInput.module';
 export * from './modules/hasError.module';
 export * from './modules/requiredClass.module';
 export * from './modules/formPipes';
+export * from './modules/errorMessage';
 export * from './misc/formModel';
 //# sourceMappingURL=index.d.ts.map

package/forms/src/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA,cAAc,4DAA4D,CAAC;AAC3E,cAAc,4DAA4D,CAAC;AAC3E,cAAc,yDAAyD,CAAC;AACxE,cAAc,oEAAoE,CAAC;AACnF,cAAc,0CAA0C,CAAC;AACzD,cAAc,oDAAoD,CAAC;AACnE,cAAc,oDAAoD,CAAC;AACnE,cAAc,wCAAwC,CAAC;AACvD,cAAc,oEAAoE,CAAC;AACnF,cAAc,kEAAkE,CAAC;AACjF,cAAc,sEAAsE,CAAC;AACrF,cAAc,oEAAoE,CAAC;AACnF,cAAc,mBAAmB,CAAC;AAClC,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,8BAA8B,CAAC;AAC7C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,gCAAgC,CAAC;AAC/C,cAAc,qBAAqB,CAAC;AACpC,cAAc,kBAAkB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA,cAAc,4DAA4D,CAAC;AAC3E,cAAc,4DAA4D,CAAC;AAC3E,cAAc,yDAAyD,CAAC;AACxE,cAAc,oEAAoE,CAAC;AACnF,cAAc,0CAA0C,CAAC;AACzD,cAAc,oDAAoD,CAAC;AACnE,cAAc,oDAAoD,CAAC;AACnE,cAAc,wCAAwC,CAAC;AACvD,cAAc,oEAAoE,CAAC;AACnF,cAAc,kEAAkE,CAAC;AACjF,cAAc,sEAAsE,CAAC;AACrF,cAAc,oEAAoE,CAAC;AACnF,cAAc,mBAAmB,CAAC;AAClC,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,8BAA8B,CAAC;AAC7C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,gCAAgC,CAAC;AAC/C,cAAc,qBAAqB,CAAC;AACpC,cAAc,wBAAwB,CAAC;AACvC,cAAc,kBAAkB,CAAC"}

package/forms/src/modules/errorMessage/components/groupErrors/groupErrors.component.d.ts

@@ -0,0 +1,50 @@
+import { OnInit, OnDestroy, ChangeDetectorRef } from '@angular/core';
+import { FormControlStatus, FormGroup, FormGroupDirective, FormGroupName } from '@angular/forms';
+import { Subscription } from 'rxjs';
+import { GroupErrorsTemplateDirective } from '../../directives';
+import * as i0 from "@angular/core";
+/**
+ * Component used for rendering from group errors
+ */
+export declare class GroupErrorsComponent implements OnInit, OnDestroy {
+    protected formGroupDirective: FormGroupDirective;
+    protected formGroupName: FormGroupName;
+    protected _changeDetector: ChangeDetectorRef;
+    /**
+     * Instance of currently used form group
+     */
+    protected _formGroup?: FormGroup;
+    /**
+     * Subscriptions created during initialization
+     */
+    protected _initSubscriptions: Subscription;
+    /**
+     * Last state of form control
+     */
+    protected _lastState?: FormControlStatus;
+    /**
+     * Gets instance of currently used form group
+     * @internal
+     */
+    get formGroup(): FormGroup;
+    /**
+     * Css classes that are applied to default rendered divs
+     */
+    cssClass: string;
+    /**
+     * Custom template for rendering form group error
+     */
+    template?: GroupErrorsTemplateDirective;
+    constructor(formGroupDirective: FormGroupDirective, formGroupName: FormGroupName, _changeDetector: ChangeDetectorRef);
+    /**
+     * Initialize component
+     */
+    ngOnInit(): void;
+    /**
+     * Called when component is destroyed
+     */
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<GroupErrorsComponent, [{ optional: true; }, { optional: true; }, null]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<GroupErrorsComponent, "form-group-errors", never, { "cssClass": "cssClass"; }, {}, ["template"], never>;
+}
+//# sourceMappingURL=groupErrors.component.d.ts.map

package/forms/src/modules/errorMessage/components/groupErrors/groupErrors.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"groupErrors.component.d.ts","sourceRoot":"","sources":["groupErrors.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAA+C,MAAM,EAAE,SAAS,EAAE,iBAAiB,EAAsB,MAAM,eAAe,CAAC;AACtI,OAAO,EAAC,iBAAiB,EAAE,SAAS,EAAE,kBAAkB,EAAE,aAAa,EAAC,MAAM,gBAAgB,CAAC;AAC/F,OAAO,EAAC,YAAY,EAAC,MAAM,MAAM,CAAC;AAElC,OAAO,EAAC,4BAA4B,EAAC,MAAM,kBAAkB,CAAC;;AAE9D;;GAEG;AACH,qBAMa,oBAAqB,YAAW,MAAM,EAAE,SAAS;IA+ClC,SAAS,CAAC,kBAAkB,EAAE,kBAAkB;IAChD,SAAS,CAAC,aAAa,EAAE,aAAa;IAClD,SAAS,CAAC,eAAe,EAAE,iBAAiB;IA7CxD;;OAEG;IACH,SAAS,CAAC,UAAU,CAAC,EAAE,SAAS,CAAC;IAEjC;;OAEG;IACH,SAAS,CAAC,kBAAkB,EAAE,YAAY,CAAsB;IAEhE;;OAEG;IACH,SAAS,CAAC,UAAU,CAAC,EAAE,iBAAiB,CAAC;IAIzC;;;OAGG;IACH,IAAW,SAAS,IAAI,SAAS,CAGhC;IAID;;OAEG;IAEI,QAAQ,EAAE,MAAM,CAAC;IAIxB;;OAEG;IAEI,QAAQ,CAAC,EAAE,4BAA4B,CAAC;gBAGb,kBAAkB,EAAE,kBAAkB,EACtC,aAAa,EAAE,aAAa,EACxC,eAAe,EAAE,iBAAiB;IAUxD;;OAEG;IACI,QAAQ,IAAI,IAAI;IAcvB;;OAEG;IACI,WAAW,IAAI,IAAI;yCA/EjB,oBAAoB;2CAApB,oBAAoB;CAoFhC"}

package/forms/src/modules/errorMessage/components/groupErrors/groupErrors.component.html

@@ -0,0 +1,7 @@
+<ng-template #defaultTemplate let-errorName>
+    <div [ngClass]="cssClass" [errorMessage]="errorName" [errors]="formGroup.errors"></div>
+</ng-template>
+
+<ng-container *ngFor="let errorName of formGroup.errors | keys | withErrorMessage; let first=first; let last=last; let index=index">
+    <ng-container *ngTemplateOutlet="template?.template ?? defaultTemplate; context: {$implicit: errorName, first, last, index, errors: formGroup.errors}"></ng-container>
+</ng-container>

package/forms/src/modules/errorMessage/components/index.d.ts

@@ -0,0 +1,2 @@
+export * from './groupErrors/groupErrors.component';
+//# sourceMappingURL=index.d.ts.map

package/forms/src/modules/errorMessage/components/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA,cAAc,qCAAqC,CAAC"}

package/forms/src/modules/errorMessage/directives/errorMessage/errorMessage.directive.d.ts

@@ -0,0 +1,41 @@
+import { ElementRef, OnChanges, OnDestroy, SimpleChanges } from '@angular/core';
+import { StringLocalization } from '@anglr/common';
+import { Dictionary, StringDictionary } from '@jscrpt/common';
+import { Subscription } from 'rxjs';
+import * as i0 from "@angular/core";
+/**
+ * Directive used for displaying form error message
+ */
+export declare class ErrorMessageDirective implements OnChanges, OnDestroy {
+    protected _element: ElementRef<HTMLElement>;
+    protected _localization: StringLocalization;
+    protected _errorMessages: StringDictionary;
+    /**
+     * Subscriptions created during initialization
+     */
+    protected _initSubscriptions: Subscription;
+    /**
+     * Name/code of error message to be displayed
+     */
+    errorName: string;
+    /**
+     * Object storing all errors
+     */
+    errors: Dictionary;
+    constructor(_element: ElementRef<HTMLElement>, _localization: StringLocalization, _errorMessages: StringDictionary);
+    /**
+     * Called when input value changes
+     */
+    ngOnChanges(changes: SimpleChanges): void;
+    /**
+     * Called when component is destroyed
+     */
+    ngOnDestroy(): void;
+    /**
+     * Shows message inside of element
+     */
+    protected _showMessage(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ErrorMessageDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ErrorMessageDirective, "[errorMessage]", ["errorMessage"], { "errorName": "errorMessage"; "errors": "errors"; }, {}, never>;
+}
+//# sourceMappingURL=errorMessage.directive.d.ts.map

package/forms/src/modules/errorMessage/directives/errorMessage/errorMessage.directive.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"errorMessage.directive.d.ts","sourceRoot":"","sources":["errorMessage.directive.ts"],"names":[],"mappings":"AAAA,OAAO,EAAY,UAAU,EAAiB,SAAS,EAAE,SAAS,EAAE,aAAa,EAAC,MAAM,eAAe,CAAC;AACxG,OAAO,EAAC,kBAAkB,EAAsB,MAAM,eAAe,CAAC;AACtE,OAAO,EAAC,UAAU,EAAmB,gBAAgB,EAAC,MAAM,gBAAgB,CAAC;AAC7E,OAAO,EAAC,YAAY,EAAC,MAAM,MAAM,CAAC;;AAIlC;;GAEG;AACH,qBAKa,qBAAsB,YAAW,SAAS,EAAE,SAAS;IAwBlD,SAAS,CAAC,QAAQ,EAAE,UAAU,CAAC,WAAW,CAAC;IACd,SAAS,CAAC,aAAa,EAAE,kBAAkB;IACrC,SAAS,CAAC,cAAc,EAAE,gBAAgB;IAtBzF;;OAEG;IACH,SAAS,CAAC,kBAAkB,EAAE,YAAY,CAAsB;IAIhE;;OAEG;IAEI,SAAS,EAAE,MAAM,CAAC;IAEzB;;OAEG;IAEI,MAAM,EAAE,UAAU,CAAC;gBAGJ,QAAQ,EAAE,UAAU,CAAC,WAAW,CAAC,EACJ,aAAa,EAAE,kBAAkB,EAC3B,cAAc,EAAE,gBAAgB;IAOzF;;OAEG;IACI,WAAW,CAAC,OAAO,EAAE,aAAa,GAAG,IAAI;IAUhD;;OAEG;IACI,WAAW,IAAI,IAAI;IAQ1B;;OAEG;IACH,SAAS,CAAC,YAAY,IAAI,IAAI;yCA5DrB,qBAAqB;2CAArB,qBAAqB;CA0EjC"}

package/forms/src/modules/errorMessage/directives/groupErrorsTemplate/groupErrorTemplate.context.d.ts

@@ -0,0 +1,27 @@
+import { Dictionary } from '@jscrpt/common';
+/**
+ * Context passed to template of group error
+ */
+export interface GroupErrorsTemplateContext {
+    /**
+     * Name/code of error
+     */
+    $implicit: string;
+    /**
+     * Indication whether rendered error is last
+     */
+    last: boolean;
+    /**
+     * Indication whether rendered error is first
+     */
+    first: boolean;
+    /**
+     * Index of currently rendered item
+     */
+    index: number;
+    /**
+     * Object storing all errors for form group
+     */
+    errors: Dictionary;
+}
+//# sourceMappingURL=groupErrorTemplate.context.d.ts.map