@anglr/common 11.3.0-beta.20220302063757 → 11.3.0-beta.20220413045755

package/changelog.md

@@ -1,9 +1,14 @@
 # Changelog
 
-## Version 11.3.0 (2022-03-02)
+## Version 11.3.0 (2022-04-13)
 
 ### Features
 
+- new `KeysPipe` pipe, that gets object keys/property names
+- updated `CommonUtilsModule`
+   - added `KeysPipe` to this module
+- updated `ClickOutsideDirective` directive
+   - now allows `clickOutside` *input* to be set to `''`, allows using empty `clickOutside` binding
 - new **Tooltip** module (based on `Position` service)
    - new `TooltipModule` module for rendering tooltips
       - **exports**
@@ -36,6 +41,37 @@
       - property `tooltipCssClass` css class that is applied to tooltip renderer component
       - property `stopPropagation` indication whether stop propagation of "hover" event
       - property `tooltipRenderer` type of tooltip renderer that is used for rendering tooltip
+- *subpackage* `@anglr/common/material`
+   - **TITLED DIALOG**
+      - new `TitledDialogServiceOptions` class that represents, options for `TitledDialogService`
+         - `titledDialogComponent` property, type of component used for rendering titled dialog
+      - updated `TitledDialogService` service
+         - now using `TitledDialogServiceOptions`, using type of component for dialog from options
+      - new `MovableTitledDialogComponent` component, that is used as wrapper for material dialog enhanced with title, which is movable
+      - new `MovableTitledDialogModule` module for components for displaying movable titled dialog
+- *subpackage* `@anglr/common/forms`
+   - new `ErrorMessageModule` module for error message directives, pipes and components
+      - added `WithErrorMessagePipe` pipe to this module
+      - added `GroupErrorsTemplateDirective` directive to this module
+      - added `ErrorMessageDirective` directive to this module
+      - added `GroupErrorsComponent` directive to this module
+   - new `WithErrorMessagePipe` pipe, that filters array of errors with messages
+   - new `GroupErrorsTemplateContext` interface, that is context passed to template of group error
+      - `$implicit` name/code of error
+      - `last` indication whether rendered error is last
+      - `first` indication whether rendered error is first
+      - `index` index of currently rendered item
+      - `errors` object storing all errors for form group
+   - new `GroupErrorsTemplateDirective` directive, that obtains template for displaying form group error
+   - new `ErrorMessageDirective` directive, that is used for displaying form error message
+      - **inputs**
+         - `errorMessage` name/code of error message to be displayed
+         - `errors` object storing all errors
+   - new `GroupErrorsComponent` component, that is used for rendering from group errors
+      - **inputs**
+         - `cssClass` css classes that are applied to default rendered divs
+      - **content**
+         - child `GroupErrorsTemplateDirective` custom template for rendering form group error
 
 ## Version 11.2.0 (2022-03-01)
 

package/es2015/floating-ui/src/services/floatingUiDomPosition.service.js

@@ -210,9 +210,9 @@ export class FloatingUiDomPosition {
         }
     }
 }
-FloatingUiDomPosition.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: FloatingUiDomPosition, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-FloatingUiDomPosition.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: FloatingUiDomPosition });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: FloatingUiDomPosition, decorators: [{
+FloatingUiDomPosition.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: FloatingUiDomPosition, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+FloatingUiDomPosition.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: FloatingUiDomPosition });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: FloatingUiDomPosition, decorators: [{
             type: Injectable
         }] });
 /**

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

@@ -61,9 +61,9 @@ export class GroupHasErrorDirective {
         }
     }
 }
-GroupHasErrorDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: GroupHasErrorDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
-GroupHasErrorDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.2.2", type: GroupHasErrorDirective, selector: "[groupHasError]", ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: GroupHasErrorDirective, decorators: [{
+GroupHasErrorDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: GroupHasErrorDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
+GroupHasErrorDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.2", type: GroupHasErrorDirective, selector: "[groupHasError]", ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: GroupHasErrorDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[groupHasError]'

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

@@ -130,15 +130,15 @@ export class HasErrorDirective {
         });
     }
 }
-HasErrorDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.2", 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.2.2", type: HasErrorDirective, selector: "[hasError]", inputs: { errorMessages: "errorMessages" }, ngImport: i0 });
+HasErrorDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", 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.3.2", 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.2.2", ngImport: i0, type: HasErrorDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: HasErrorDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[hasError]'

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

@@ -47,9 +47,9 @@ export class MaxValueNumberValidatorDirective {
         return this._validator(control);
     }
 }
-MaxValueNumberValidatorDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: MaxValueNumberValidatorDirective, deps: [{ token: 'maxValue', attribute: true }], target: i0.ɵɵFactoryTarget.Directive });
-MaxValueNumberValidatorDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.2.2", 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.2.2", ngImport: i0, type: MaxValueNumberValidatorDirective, decorators: [{
+MaxValueNumberValidatorDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: MaxValueNumberValidatorDirective, deps: [{ token: 'maxValue', attribute: true }], target: i0.ɵɵFactoryTarget.Directive });
+MaxValueNumberValidatorDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.2", 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.3.2", ngImport: i0, type: MaxValueNumberValidatorDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: 'input[number][maxValue][formControlName],input[number][maxValue][formControl],input[number][maxValue][ngModel]',

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

@@ -47,9 +47,9 @@ export class MinValueNumberValidatorDirective {
         return this._validator(control);
     }
 }
-MinValueNumberValidatorDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: MinValueNumberValidatorDirective, deps: [{ token: 'minValue', attribute: true }], target: i0.ɵɵFactoryTarget.Directive });
-MinValueNumberValidatorDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.2.2", 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.2.2", ngImport: i0, type: MinValueNumberValidatorDirective, decorators: [{
+MinValueNumberValidatorDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: MinValueNumberValidatorDirective, deps: [{ token: 'minValue', attribute: true }], target: i0.ɵɵFactoryTarget.Directive });
+MinValueNumberValidatorDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.2", 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.3.2", ngImport: i0, type: MinValueNumberValidatorDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: 'input[number][minValue][formControlName],input[number][minValue][formControl],input[number][minValue][ngModel]',

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

@@ -57,9 +57,9 @@ export class NumberInputControlValueAccessor {
         this.onTouched = fn;
     }
 }
-NumberInputControlValueAccessor.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.2", 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.2.2", 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.2.2", ngImport: i0, type: NumberInputControlValueAccessor, decorators: [{
+NumberInputControlValueAccessor.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", 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.3.2", 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.3.2", ngImport: i0, type: NumberInputControlValueAccessor, decorators: [{
             type: Directive,
             args: [{
                     selector: 'input[number][formControlName],input[number][formControl],input[number][ngModel]',

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

@@ -24,9 +24,9 @@ export class NumberInputValidatorDirective {
         return Validators.number(control);
     }
 }
-NumberInputValidatorDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: NumberInputValidatorDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-NumberInputValidatorDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.2.2", 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.2.2", ngImport: i0, type: NumberInputValidatorDirective, decorators: [{
+NumberInputValidatorDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: NumberInputValidatorDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+NumberInputValidatorDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.2", 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.3.2", ngImport: i0, type: NumberInputValidatorDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: 'input[number][formControlName],input[number][formControl],input[number][ngModel]',

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

@@ -38,9 +38,9 @@ export class RequiredClassDirective {
         }
     }
 }
-RequiredClassDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.2", 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.2.2", type: RequiredClassDirective, selector: "[requiredClass]", host: { properties: { "class.required": "this.required" } }, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: RequiredClassDirective, decorators: [{
+RequiredClassDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", 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.3.2", type: RequiredClassDirective, selector: "[requiredClass]", host: { properties: { "class.required": "this.required" } }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: RequiredClassDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[requiredClass]'

package/es2015/forms/src/index.js

@@ -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.js.map

package/es2015/forms/src/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../forms/src/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","sourcesContent":["export * from './directives/numberInput/maxValueNumberValidator.directive';\nexport * from './directives/numberInput/minValueNumberValidator.directive';\nexport * from './directives/numberInput/numberInputValidator.directive';\nexport * from './directives/numberInput/numberInputControlValueAccessor.directive';\nexport * from './directives/hasError/hasError.directive';\nexport * from './directives/groupHasError/groupHasError.directive';\nexport * from './directives/requiredClass/requiredClass.directive';\nexport * from './services/submitted/submitted.service';\nexport * from './services/errorMessagesExtractor/errorMessagesExtractor.interface';\nexport * from './services/errorMessagesExtractor/errorMessagesExtractor.service';\nexport * from './services/validationErrorRenderer/validationErrorRenderer.interface';\nexport * from './services/validationErrorRenderer/validationErrorRenderer.service';\nexport * from './misc/validators';\nexport * from './misc/utils';\nexport * from './misc/types';\nexport * from './modules/numberInput.module';\nexport * from './modules/hasError.module';\nexport * from './modules/requiredClass.module';\nexport * from './modules/formPipes';\nexport * from './misc/formModel';\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../forms/src/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","sourcesContent":["export * from './directives/numberInput/maxValueNumberValidator.directive';\nexport * from './directives/numberInput/minValueNumberValidator.directive';\nexport * from './directives/numberInput/numberInputValidator.directive';\nexport * from './directives/numberInput/numberInputControlValueAccessor.directive';\nexport * from './directives/hasError/hasError.directive';\nexport * from './directives/groupHasError/groupHasError.directive';\nexport * from './directives/requiredClass/requiredClass.directive';\nexport * from './services/submitted/submitted.service';\nexport * from './services/errorMessagesExtractor/errorMessagesExtractor.interface';\nexport * from './services/errorMessagesExtractor/errorMessagesExtractor.service';\nexport * from './services/validationErrorRenderer/validationErrorRenderer.interface';\nexport * from './services/validationErrorRenderer/validationErrorRenderer.service';\nexport * from './misc/validators';\nexport * from './misc/utils';\nexport * from './misc/types';\nexport * from './modules/numberInput.module';\nexport * from './modules/hasError.module';\nexport * from './modules/requiredClass.module';\nexport * from './modules/formPipes';\nexport * from './modules/errorMessage';\nexport * from './misc/formModel';\n"]}

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

@@ -0,0 +1,74 @@
+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() {
+        var _a, _b, _c, _d;
+        return ((_a = this._formGroup) !== null && _a !== void 0 ? _a : (this._formGroup = (_c = (_b = this.formGroupDirective) === null || _b === void 0 ? void 0 : _b.form) !== null && _c !== void 0 ? _c : (_d = this.formGroupName) === null || _d === void 0 ? void 0 : _d.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() {
+        var _a;
+        (_a = this._initSubscriptions) === null || _a === void 0 ? void 0 : _a.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/es2015/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,OAAC,IAAI,CAAC,UAAU,oCAAf,IAAI,CAAC,UAAU,GAAM,MAAA,MAAA,IAAI,CAAC,kBAAkB,0CAAE,IAAI,mCAAI,MAAA,IAAI,CAAC,aAAa,0CAAE,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,MAAA,IAAI,CAAC,kBAAkB,0CAAE,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/es2015/forms/src/modules/errorMessage/components/index.js

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

package/es2015/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/es2015/forms/src/modules/errorMessage/directives/errorMessage/errorMessage.directive.js

@@ -0,0 +1,75 @@
+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() {
+        var _a;
+        (_a = this._initSubscriptions) === null || _a === void 0 ? void 0 : _a.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/es2015/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,MAAA,IAAI,CAAC,kBAAkB,0CAAE,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/es2015/forms/src/modules/errorMessage/directives/groupErrorsTemplate/groupErrorTemplate.context.js

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

package/es2015/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/es2015/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/es2015/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/es2015/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/es2015/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/es2015/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/es2015/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/es2015/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/es2015/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/es2015/forms/src/modules/errorMessage/modules/index.js

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

package/es2015/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/es2015/forms/src/modules/errorMessage/pipes/index.js

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

package/es2015/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/es2015/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 === null || value === void 0 ? void 0 : 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/es2015/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,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,MAAM,CAAA,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/es2015/forms/src/modules/formPipes/modules/formPipes.module.js

@@ -6,16 +6,16 @@ import * as i0 from "@angular/core";
  */
 export class FormPipesModule {
 }
-FormPipesModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: FormPipesModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-FormPipesModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: FormPipesModule, declarations: [AsFormArrayPipe,
+FormPipesModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: FormPipesModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+FormPipesModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: FormPipesModule, declarations: [AsFormArrayPipe,
         AsFormControlPipe,
         AsFormGroupPipe,
         GetControlPipe], exports: [AsFormArrayPipe,
         AsFormControlPipe,
         AsFormGroupPipe,
         GetControlPipe] });
-FormPipesModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: FormPipesModule });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: FormPipesModule, decorators: [{
+FormPipesModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: FormPipesModule });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: FormPipesModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [