@anglr/common 22.2.0 → 23.0.0-beta.20250825083507

package/changelog.md

@@ -1,5 +1,28 @@
 # Changelog
 
+## Version 23.0.0 (2025-08-25)
+
+### Features
+
+- existing animations refactored to css animations
+
+### BREAKING CHANGES
+
+- new optional dependency `@css-styles/themes` containing css animations
+- minimal supported version of `@angular` packages is `22.2.0`
+- removed dependency on deprecated `@angular/animations`
+- removed dependency on `@anglr/animations`
+- removed `consoleAnimationTrigger` replaced with new animations API
+- all animations in package reworked to new animations API
+- updated `TooltipRenderer` interface
+   - **new properties**
+      - `enterAnimation` css class used to animate tooltip component when it is displayed
+      - `exitAnimation` css class used to animate tooltip component when it is hidden
+- updated `TooltipOptions` interface
+   - **properties**
+      - `enterAnimation` updated type to `string`
+      - `exitAnimation` updated type to `string`
+
 ## Version 22.2.0 (2025-03-31)
 
 ### Features

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

@@ -233,14 +233,14 @@ let FloatingUiDomPosition = class FloatingUiDomPosition {
                 }
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.0", ngImport: i0, type: FloatingUiDomPosition, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.1.0", ngImport: i0, type: FloatingUiDomPosition }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.0", ngImport: i0, type: FloatingUiDomPosition, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.2.0", ngImport: i0, type: FloatingUiDomPosition }); }
 };
 FloatingUiDomPosition = __decorate([
     TypeProvider({ provide: POSITION, useClass: forwardRef(() => FloatingUiDomPosition) })
 ], FloatingUiDomPosition);
 export { FloatingUiDomPosition };
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.0", ngImport: i0, type: FloatingUiDomPosition, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.0", ngImport: i0, type: FloatingUiDomPosition, decorators: [{
             type: Injectable
         }] });
 //# sourceMappingURL=floatingUiDomPosition.service.js.map

package/es2022/forms/src/components/defaultValidationErrors/defaultValidationErrors.component.js

@@ -1,6 +1,5 @@
-import { Component, ChangeDetectionStrategy, ChangeDetectorRef, HostBinding } from '@angular/core';
+import { Component, ChangeDetectionStrategy, ChangeDetectorRef } from '@angular/core';
 import { NgClass } from '@angular/common';
-import { slideInOutTrigger, animateChildrenTrigger } from '@anglr/animations';
 import * as i0 from "@angular/core";
 /**
  * Default validation errors component, displaying validation errors
@@ -9,11 +8,6 @@ export class DefaultValidationErrorsComponent {
     //######################### constructor #########################
     constructor(_changeDetector) {
         this._changeDetector = _changeDetector;
-        //######################### public properties - host #########################
-        /**
-         * Enables leave animations for internal stuff
-         */
-        this.animate = true;
     }
     //######################### public methods - implementation of ValidationErrorsComponent #########################
     /**
@@ -24,22 +18,13 @@ export class DefaultValidationErrorsComponent {
         this.options = options;
         this._changeDetector.detectChanges();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.0", ngImport: i0, type: DefaultValidationErrorsComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.1.0", type: DefaultValidationErrorsComponent, isStandalone: true, selector: "default-validation-errors", host: { properties: { "@animateChildren": "this.animate" } }, ngImport: i0, template: "@if(errors?.errorMessages?.length)\n{\n    <div [ngClass]=\"options?.wrapperDivClass\" @slideInOut>\n        @for(error of errors?.errorMessages; track error)\n        {\n            <div>{{error}}</div>\n        }\n    </div>\n}", styles: [":host\n{\n    display: contents;\n}"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], animations: [
-            slideInOutTrigger,
-            animateChildrenTrigger
-        ], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.0", ngImport: i0, type: DefaultValidationErrorsComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.2.0", type: DefaultValidationErrorsComponent, isStandalone: true, selector: "default-validation-errors", ngImport: i0, template: "@if(errors?.errorMessages?.length)\n{\n    <div [ngClass]=\"options?.wrapperDivClass\" animate.enter=\"slide-in\" animate.leave=\"slide-out\">\n        @for(error of errors?.errorMessages; track error)\n        {\n            <div>{{error}}</div>\n        }\n    </div>\n}", styles: [":host\n{\n    display: contents;\n}"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.0", ngImport: i0, type: DefaultValidationErrorsComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.0", ngImport: i0, type: DefaultValidationErrorsComponent, decorators: [{
             type: Component,
             args: [{ selector: 'default-validation-errors', imports: [
                         NgClass,
-                    ], animations: [
-                        slideInOutTrigger,
-                        animateChildrenTrigger
-                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "@if(errors?.errorMessages?.length)\n{\n    <div [ngClass]=\"options?.wrapperDivClass\" @slideInOut>\n        @for(error of errors?.errorMessages; track error)\n        {\n            <div>{{error}}</div>\n        }\n    </div>\n}", styles: [":host\n{\n    display: contents;\n}"] }]
-        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }], propDecorators: { animate: [{
-                type: HostBinding,
-                args: ['@animateChildren']
-            }] } });
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "@if(errors?.errorMessages?.length)\n{\n    <div [ngClass]=\"options?.wrapperDivClass\" animate.enter=\"slide-in\" animate.leave=\"slide-out\">\n        @for(error of errors?.errorMessages; track error)\n        {\n            <div>{{error}}</div>\n        }\n    </div>\n}", styles: [":host\n{\n    display: contents;\n}"] }]
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }] });
 //# sourceMappingURL=defaultValidationErrors.component.js.map

package/es2022/forms/src/components/defaultValidationErrors/defaultValidationErrors.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"defaultValidationErrors.component.js","sourceRoot":"","sources":["../../../../../forms/src/components/defaultValidationErrors/defaultValidationErrors.component.ts","../../../../../forms/src/components/defaultValidationErrors/defaultValidationErrors.component.html"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAE,uBAAuB,EAAE,iBAAiB,EAAE,WAAW,EAAC,MAAM,eAAe,CAAC;AACjG,OAAO,EAAC,OAAO,EAAC,MAAM,iBAAiB,CAAC;AACxC,OAAO,EAAC,iBAAiB,EAAE,sBAAsB,EAAC,MAAM,mBAAmB,CAAC;;AAK5E;;GAEG;AAiBH,MAAM,OAAO,gCAAgC;IAwBzC,iEAAiE;IACjE,YAAsB,eAAkC;QAAlC,oBAAe,GAAf,eAAe,CAAmB;QATxD,8EAA8E;QAE9E;;WAEG;QAEI,YAAO,GAAY,IAAI,CAAC;IAK/B,CAAC;IAED,kHAAkH;IAElH;;OAEG;IACI,IAAI,CAAC,MAA8B,EAAE,OAAgC;QAExE,IAAI,CAAC,MAAM,GAAG,MAAM,CAAC;QACrB,IAAI,CAAC,OAAO,GAAG,OAAO,CAAC;QAEvB,IAAI,CAAC,eAAe,CAAC,aAAa,EAAE,CAAC;IACzC,CAAC;8GAxCQ,gCAAgC;kGAAhC,gCAAgC,mJC1B7C,uOAQC,6FDSO,OAAO,sEAGX;YACI,iBAAiB;YACjB,sBAAsB;SACzB;;2FAGQ,gCAAgC;kBAhB5C,SAAS;+BAEI,2BAA2B,WAIrC;wBACI,OAAO;qBACV,cAED;wBACI,iBAAiB;wBACjB,sBAAsB;qBACzB,mBACgB,uBAAuB,CAAC,MAAM;sFAwBxC,OAAO;sBADb,WAAW;uBAAC,kBAAkB","sourcesContent":["import {Component, ChangeDetectionStrategy, ChangeDetectorRef, HostBinding} from '@angular/core';\nimport {NgClass} from '@angular/common';\nimport {slideInOutTrigger, animateChildrenTrigger} from '@anglr/animations';\n\nimport {ValidationErrorsResult} from '../../services/errorMessagesExtractor/errorMessagesExtractor.interface';\nimport {ValidationErrorsComponent, ValidationErrorsOptions} from '../../services/validationErrorRenderer/validationErrorRenderer.interface';\n\n/**\n * Default validation errors component, displaying validation errors\n */\n@Component(\n{\n    selector: 'default-validation-errors',\n    templateUrl: 'defaultValidationErrors.component.html',\n    styleUrl: 'defaultValidationErrors.component.css',\n    imports:\n    [\n        NgClass,\n    ],\n    animations: \n    [\n        slideInOutTrigger,\n        animateChildrenTrigger\n    ],\n    changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class DefaultValidationErrorsComponent implements ValidationErrorsComponent\n{\n    //######################### public properties - template bindings #########################\n\n    /**\n     * Errors to be shown\n     * @internal\n     */\n    public errors: ValidationErrorsResult;\n    \n    /**\n     * Options used for displaying validation errors\n     * @internal\n     */\n    public options: ValidationErrorsOptions;\n\n    //######################### public properties - host #########################\n\n    /**\n     * Enables leave animations for internal stuff\n     */\n    @HostBinding('@animateChildren')\n    public animate: boolean = true;\n\n    //######################### constructor #########################\n    constructor(protected _changeDetector: ChangeDetectorRef)\n    {\n    }\n\n    //######################### public methods - implementation of ValidationErrorsComponent #########################\n\n    /**\n     * @inheritdoc\n     */\n    public show(errors: ValidationErrorsResult, options: ValidationErrorsOptions): void\n    {\n        this.errors = errors;\n        this.options = options;\n\n        this._changeDetector.detectChanges();\n    }\n}","@if(errors?.errorMessages?.length)\n{\n    <div [ngClass]=\"options?.wrapperDivClass\" @slideInOut>\n        @for(error of errors?.errorMessages; track error)\n        {\n            <div>{{error}}</div>\n        }\n    </div>\n}"]}
+{"version":3,"file":"defaultValidationErrors.component.js","sourceRoot":"","sources":["../../../../../forms/src/components/defaultValidationErrors/defaultValidationErrors.component.ts","../../../../../forms/src/components/defaultValidationErrors/defaultValidationErrors.component.html"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAE,uBAAuB,EAAE,iBAAiB,EAAC,MAAM,eAAe,CAAC;AACpF,OAAO,EAAC,OAAO,EAAC,MAAM,iBAAiB,CAAC;;AAKxC;;GAEG;AAYH,MAAM,OAAO,gCAAgC;IAgBzC,iEAAiE;IACjE,YAAsB,eAAkC;QAAlC,oBAAe,GAAf,eAAe,CAAmB;IAExD,CAAC;IAED,kHAAkH;IAElH;;OAEG;IACI,IAAI,CAAC,MAA8B,EAAE,OAAgC;QAExE,IAAI,CAAC,MAAM,GAAG,MAAM,CAAC;QACrB,IAAI,CAAC,OAAO,GAAG,OAAO,CAAC;QAEvB,IAAI,CAAC,eAAe,CAAC,aAAa,EAAE,CAAC;IACzC,CAAC;8GAhCQ,gCAAgC;kGAAhC,gCAAgC,qFCpB7C,kRAQC,6FDQO,OAAO;;2FAIF,gCAAgC;kBAX5C,SAAS;+BAEI,2BAA2B,WAIrC;wBACI,OAAO;qBACV,mBACgB,uBAAuB,CAAC,MAAM","sourcesContent":["import {Component, ChangeDetectionStrategy, ChangeDetectorRef} from '@angular/core';\nimport {NgClass} from '@angular/common';\n\nimport {ValidationErrorsResult} from '../../services/errorMessagesExtractor/errorMessagesExtractor.interface';\nimport {ValidationErrorsComponent, ValidationErrorsOptions} from '../../services/validationErrorRenderer/validationErrorRenderer.interface';\n\n/**\n * Default validation errors component, displaying validation errors\n */\n@Component(\n{\n    selector: 'default-validation-errors',\n    templateUrl: 'defaultValidationErrors.component.html',\n    styleUrl: 'defaultValidationErrors.component.css',\n    imports:\n    [\n        NgClass,\n    ],\n    changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class DefaultValidationErrorsComponent implements ValidationErrorsComponent\n{\n    //######################### public properties - template bindings #########################\n\n    /**\n     * Errors to be shown\n     * @internal\n     */\n    public errors: ValidationErrorsResult;\n\n    /**\n     * Options used for displaying validation errors\n     * @internal\n     */\n    public options: ValidationErrorsOptions;\n\n    //######################### constructor #########################\n    constructor(protected _changeDetector: ChangeDetectorRef)\n    {\n    }\n\n    //######################### public methods - implementation of ValidationErrorsComponent #########################\n\n    /**\n     * @inheritdoc\n     */\n    public show(errors: ValidationErrorsResult, options: ValidationErrorsOptions): void\n    {\n        this.errors = errors;\n        this.options = options;\n\n        this._changeDetector.detectChanges();\n    }\n}\n","@if(errors?.errorMessages?.length)\n{\n    <div [ngClass]=\"options?.wrapperDivClass\" animate.enter=\"slide-in\" animate.leave=\"slide-out\">\n        @for(error of errors?.errorMessages; track error)\n        {\n            <div>{{error}}</div>\n        }\n    </div>\n}"]}

package/es2022/forms/src/components/defaultValidationErrorsContainer/defaultValidationErrorsContainer.component.js

@@ -65,10 +65,10 @@ export class DefaultValidationErrorsContainerComponent {
             this._template.detectChanges();
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.0", ngImport: i0, type: DefaultValidationErrorsContainerComponent, deps: [{ token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.0", type: DefaultValidationErrorsContainerComponent, isStandalone: true, selector: "default-validation-errors-container", ngImport: i0, template: '', isInline: true, styles: [":host\n{\n    display: contents;\n}"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.0", ngImport: i0, type: DefaultValidationErrorsContainerComponent, deps: [{ token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.2.0", type: DefaultValidationErrorsContainerComponent, isStandalone: true, selector: "default-validation-errors-container", ngImport: i0, template: '', isInline: true, styles: [":host\n{\n    display: contents;\n}"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.0", ngImport: i0, type: DefaultValidationErrorsContainerComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.0", ngImport: i0, type: DefaultValidationErrorsContainerComponent, decorators: [{
             type: Component,
             args: [{ selector: 'default-validation-errors-container', template: '', changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host\n{\n    display: contents;\n}"] }]
         }], ctorParameters: () => [{ type: i0.ViewContainerRef }] });

package/es2022/forms/src/components/reservedSpaceValidationErrorsContainer/reservedSpaceValidationErrorsContainer.component.js

@@ -62,10 +62,10 @@ export class ReservedSpaceValidationErrorsContainerComponent {
             this._template.detectChanges();
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.0", ngImport: i0, type: ReservedSpaceValidationErrorsContainerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.0", type: ReservedSpaceValidationErrorsContainerComponent, isStandalone: true, selector: "reserved-space-validation-errors-container", viewQueries: [{ propertyName: "viewContainer", first: true, predicate: ["container"], descendants: true, read: ViewContainerRef, static: true }], ngImport: i0, template: "<div>\n    <ng-container #container/>\n</div>", styles: [":host\n{\n    display: contents;\n}"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.0", ngImport: i0, type: ReservedSpaceValidationErrorsContainerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.2.0", type: ReservedSpaceValidationErrorsContainerComponent, isStandalone: true, selector: "reserved-space-validation-errors-container", viewQueries: [{ propertyName: "viewContainer", first: true, predicate: ["container"], descendants: true, read: ViewContainerRef, static: true }], ngImport: i0, template: "<div>\n    <ng-container #container/>\n</div>", styles: [":host\n{\n    display: contents;\n}"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.0", ngImport: i0, type: ReservedSpaceValidationErrorsContainerComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.0", ngImport: i0, type: ReservedSpaceValidationErrorsContainerComponent, decorators: [{
             type: Component,
             args: [{ selector: 'reserved-space-validation-errors-container', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div>\n    <ng-container #container/>\n</div>", styles: [":host\n{\n    display: contents;\n}"] }]
         }], propDecorators: { viewContainer: [{

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

@@ -60,10 +60,10 @@ export class GroupHasErrorDirective {
             this._element.nativeElement.classList.remove(this._options.cssClass);
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.0", ngImport: i0, type: GroupHasErrorDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.1.0", type: GroupHasErrorDirective, isStandalone: true, selector: "[groupHasError]", ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.0", ngImport: i0, type: GroupHasErrorDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.2.0", type: GroupHasErrorDirective, isStandalone: true, selector: "[groupHasError]", ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.0", ngImport: i0, type: GroupHasErrorDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.0", ngImport: i0, type: GroupHasErrorDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[groupHasError]',

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

@@ -6,8 +6,8 @@ import * as i0 from "@angular/core";
  * Directive that is attached to parent element of inputs group and handles css class that is added to this element and registers provider for ValidationErrorsContainerView
  */
 export class GroupHasErrorContainerDirective extends GroupHasErrorDirective {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.0", ngImport: i0, type: GroupHasErrorContainerDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.1.0", type: GroupHasErrorContainerDirective, isStandalone: true, selector: "[groupHasErrorContainer]", providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.0", ngImport: i0, type: GroupHasErrorContainerDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.2.0", type: GroupHasErrorContainerDirective, isStandalone: true, selector: "[groupHasErrorContainer]", providers: [
             {
                 provide: GroupHasErrorDirective,
                 useExisting: GroupHasErrorContainerDirective
@@ -15,7 +15,7 @@ export class GroupHasErrorContainerDirective extends GroupHasErrorDirective {
             ValidationErrorsContainerView
         ], usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.0", ngImport: i0, type: GroupHasErrorContainerDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.0", ngImport: i0, type: GroupHasErrorContainerDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[groupHasErrorContainer]',

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

@@ -140,8 +140,8 @@ export class HasErrorDirective {
             falseAction();
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.0", ngImport: i0, type: HasErrorDirective, deps: [{ token: i1.ValidationErrorRendererFactory }, { token: i0.ViewContainerRef }, { token: i2.GroupHasErrorDirective, optional: true, skipSelf: true }, { token: i3.FormControlDirective, optional: true }, { token: i3.FormControlName, optional: true }, { token: i3.NgModel, optional: true }, { token: i4.SubmittedService, optional: true }, { token: i5.ValidationErrorsContainerView, optional: true }, { token: STRING_LOCALIZATION }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.1.0", type: HasErrorDirective, isStandalone: true, selector: "[hasError][formControlName],[hasError][formControl],[hasError][ngModel]", inputs: { errorMessages: "errorMessages", errorsComponent: "errorsComponent", errorsTemplate: "errorsTemplate" }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.0", ngImport: i0, type: HasErrorDirective, deps: [{ token: i1.ValidationErrorRendererFactory }, { token: i0.ViewContainerRef }, { token: i2.GroupHasErrorDirective, optional: true, skipSelf: true }, { token: i3.FormControlDirective, optional: true }, { token: i3.FormControlName, optional: true }, { token: i3.NgModel, optional: true }, { token: i4.SubmittedService, optional: true }, { token: i5.ValidationErrorsContainerView, optional: true }, { token: STRING_LOCALIZATION }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.2.0", type: HasErrorDirective, isStandalone: true, selector: "[hasError][formControlName],[hasError][formControl],[hasError][ngModel]", inputs: { errorMessages: "errorMessages", errorsComponent: "errorsComponent", errorsTemplate: "errorsTemplate" }, ngImport: i0 }); }
 }
 __decorate([
     BindThis,
@@ -149,7 +149,7 @@ __decorate([
     __metadata("design:paramtypes", [Function, Function, Boolean]),
     __metadata("design:returntype", void 0)
 ], HasErrorDirective.prototype, "isSubmittedOrDirty", null);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.0", ngImport: i0, type: HasErrorDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.0", ngImport: i0, type: HasErrorDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[hasError][formControlName],[hasError][formControl],[hasError][ngModel]',

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

@@ -46,10 +46,10 @@ export class MaxValueNumberValidatorDirective {
     validate(control) {
         return this._validator(control);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.0", ngImport: i0, type: MaxValueNumberValidatorDirective, deps: [{ token: 'maxValue', attribute: true }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.1.0", type: MaxValueNumberValidatorDirective, isStandalone: true, selector: "input[number][maxValue][formControlName],input[number][maxValue][formControl],input[number][maxValue][ngModel]", inputs: { maxValue: "maxValue" }, providers: [MAX_NUMBER_VALIDATOR], usesOnChanges: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.0", ngImport: i0, type: MaxValueNumberValidatorDirective, deps: [{ token: 'maxValue', attribute: true }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.2.0", type: MaxValueNumberValidatorDirective, isStandalone: true, 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: "19.1.0", ngImport: i0, type: MaxValueNumberValidatorDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.0", ngImport: i0, type: MaxValueNumberValidatorDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: 'input[number][maxValue][formControlName],input[number][maxValue][formControl],input[number][maxValue][ngModel]',

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

@@ -46,10 +46,10 @@ export class MinValueNumberValidatorDirective {
     validate(control) {
         return this._validator(control);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.0", ngImport: i0, type: MinValueNumberValidatorDirective, deps: [{ token: 'minValue', attribute: true }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.1.0", type: MinValueNumberValidatorDirective, isStandalone: true, selector: "input[number][minValue][formControlName],input[number][minValue][formControl],input[number][minValue][ngModel]", inputs: { minValue: "minValue" }, providers: [MIN_NUMBER_VALIDATOR], usesOnChanges: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.0", ngImport: i0, type: MinValueNumberValidatorDirective, deps: [{ token: 'minValue', attribute: true }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.2.0", type: MinValueNumberValidatorDirective, isStandalone: true, 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: "19.1.0", ngImport: i0, type: MinValueNumberValidatorDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.0", ngImport: i0, type: MinValueNumberValidatorDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: 'input[number][minValue][formControlName],input[number][minValue][formControl],input[number][minValue][ngModel]',

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

@@ -66,10 +66,10 @@ export class NumberInputControlValueAccessor {
     setDisabledState(isDisabled) {
         this.disabled = isDisabled;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.0", ngImport: i0, type: NumberInputControlValueAccessor, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.1.0", type: NumberInputControlValueAccessor, isStandalone: true, selector: "input[number][formControlName],input[number][formControl],input[number][ngModel]", host: { listeners: { "change": "onChange($event.target.value)", "input": "onChange($event.target.value)", "blur": "onTouched()" }, properties: { "disabled": "disabled" } }, providers: [NUMBER_INPUT_VALUE_ACCESSOR], ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.0", ngImport: i0, type: NumberInputControlValueAccessor, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.2.0", type: NumberInputControlValueAccessor, isStandalone: true, selector: "input[number][formControlName],input[number][formControl],input[number][ngModel]", host: { listeners: { "change": "onChange($event.target.value)", "input": "onChange($event.target.value)", "blur": "onTouched()" }, properties: { "disabled": "disabled" } }, providers: [NUMBER_INPUT_VALUE_ACCESSOR], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.0", ngImport: i0, type: NumberInputControlValueAccessor, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.0", ngImport: i0, type: NumberInputControlValueAccessor, decorators: [{
             type: Directive,
             args: [{
                     selector: 'input[number][formControlName],input[number][formControl],input[number][ngModel]',

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

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

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

@@ -44,10 +44,10 @@ export class RequiredClassDirective {
             this._renderer.removeClass(this._element.nativeElement, this.requiredClass);
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.0", ngImport: i0, type: RequiredClassDirective, deps: [{ token: i1.FormControlDirective, optional: true }, { token: i1.FormControlName, optional: true }, { token: i0.Renderer2 }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "19.1.0", type: RequiredClassDirective, isStandalone: true, selector: "[requiredClass][formControlName],[requiredClass][formControl]", inputs: { requiredClass: ["requiredClass", "requiredClass", requiredClassTransform] }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.0", ngImport: i0, type: RequiredClassDirective, deps: [{ token: i1.FormControlDirective, optional: true }, { token: i1.FormControlName, optional: true }, { token: i0.Renderer2 }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "20.2.0", type: RequiredClassDirective, isStandalone: true, selector: "[requiredClass][formControlName],[requiredClass][formControl]", inputs: { requiredClass: ["requiredClass", "requiredClass", requiredClassTransform] }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.0", ngImport: i0, type: RequiredClassDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.0", ngImport: i0, type: RequiredClassDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[requiredClass][formControlName],[requiredClass][formControl]',

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

@@ -10,10 +10,10 @@ export class ValidationErrorsContainerDirective {
     constructor(containerView, viewContainer) {
         containerView.viewContainer = viewContainer;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.0", ngImport: i0, type: ValidationErrorsContainerDirective, deps: [{ token: i1.ValidationErrorsContainerView, skipSelf: true }, { token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.1.0", type: ValidationErrorsContainerDirective, isStandalone: true, selector: "[validationErrorsContainer]", ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.0", ngImport: i0, type: ValidationErrorsContainerDirective, deps: [{ token: i1.ValidationErrorsContainerView, skipSelf: true }, { token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.2.0", type: ValidationErrorsContainerDirective, isStandalone: true, selector: "[validationErrorsContainer]", ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.0", ngImport: i0, type: ValidationErrorsContainerDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.0", ngImport: i0, type: ValidationErrorsContainerDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[validationErrorsContainer]',

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

@@ -2,7 +2,6 @@ import { Component, ChangeDetectionStrategy, Optional, ChangeDetectorRef, Input,
 import { NgClass, NgTemplateOutlet } from '@angular/common';
 import { FormGroupDirective, FormGroupName } from '@angular/forms';
 import { KeysPipe } from '@anglr/common';
-import { slideInOutTrigger } from '@anglr/animations';
 import { Subscription } from 'rxjs';
 import { ErrorMessageDirective, GroupErrorsTemplateDirective } from '../../directives';
 import { WithErrorMessagePipe } from '../../pipes';
@@ -53,10 +52,10 @@ export class GroupErrorsComponent {
         this._initSubscriptions?.unsubscribe();
         this._initSubscriptions = null;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.0", ngImport: i0, type: GroupErrorsComponent, deps: [{ token: i1.FormGroupDirective, optional: true }, { token: i1.FormGroupName, optional: true }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.1.0", type: GroupErrorsComponent, isStandalone: true, 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\" @slideInOut></div>\n</ng-template>\n\n@for(errorName of formGroup.errors | keys | withErrorMessage; track errorName)\n{\n    <ng-container *ngTemplateOutlet=\"template?.template ?? defaultTemplate; context: {$implicit: errorName, $first, $last, $index, errors: formGroup.errors}\"/>\n}\n", dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "pipe", type: KeysPipe, name: "keys" }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "pipe", type: WithErrorMessagePipe, name: "withErrorMessage" }, { kind: "directive", type: ErrorMessageDirective, selector: "[errorMessage]", inputs: ["errorMessage", "errors"], exportAs: ["errorMessage"] }], animations: [slideInOutTrigger], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.0", ngImport: i0, type: GroupErrorsComponent, deps: [{ token: i1.FormGroupDirective, optional: true }, { token: i1.FormGroupName, optional: true }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.2.0", type: GroupErrorsComponent, isStandalone: true, 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\" animate.enter=\"slide-in\" animate.leave=\"slide-out\"></div>\n</ng-template>\n\n@for(errorName of formGroup.errors | keys | withErrorMessage; track errorName)\n{\n    <ng-container *ngTemplateOutlet=\"template?.template ?? defaultTemplate; context: {$implicit: errorName, $first, $last, $index, errors: formGroup.errors}\"/>\n}\n", dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: ErrorMessageDirective, selector: "[errorMessage]", inputs: ["errorMessage", "errors"], exportAs: ["errorMessage"] }, { kind: "pipe", type: KeysPipe, name: "keys" }, { kind: "pipe", type: WithErrorMessagePipe, name: "withErrorMessage" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.0", ngImport: i0, type: GroupErrorsComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.0", ngImport: i0, type: GroupErrorsComponent, decorators: [{
             type: Component,
             args: [{ selector: 'form-group-errors', imports: [
                         NgClass,
@@ -64,7 +63,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.0", ngImpor
                         NgTemplateOutlet,
                         WithErrorMessagePipe,
                         ErrorMessageDirective,
-                    ], animations: [slideInOutTrigger], changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-template #defaultTemplate let-errorName>\n    <div [ngClass]=\"cssClass\" [errorMessage]=\"errorName\" [errors]=\"formGroup.errors\" @slideInOut></div>\n</ng-template>\n\n@for(errorName of formGroup.errors | keys | withErrorMessage; track errorName)\n{\n    <ng-container *ngTemplateOutlet=\"template?.template ?? defaultTemplate; context: {$implicit: errorName, $first, $last, $index, errors: formGroup.errors}\"/>\n}\n" }]
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-template #defaultTemplate let-errorName>\n    <div [ngClass]=\"cssClass\" [errorMessage]=\"errorName\" [errors]=\"formGroup.errors\" animate.enter=\"slide-in\" animate.leave=\"slide-out\"></div>\n</ng-template>\n\n@for(errorName of formGroup.errors | keys | withErrorMessage; track errorName)\n{\n    <ng-container *ngTemplateOutlet=\"template?.template ?? defaultTemplate; context: {$implicit: errorName, $first, $last, $index, errors: formGroup.errors}\"/>\n}\n" }]
         }], ctorParameters: () => [{ type: i1.FormGroupDirective, decorators: [{
                     type: Optional
                 }] }, { type: i1.FormGroupName, decorators: [{

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

@@ -1 +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,EAAC,OAAO,EAAE,gBAAgB,EAAC,MAAM,iBAAiB,CAAC;AAC1D,OAAO,EAA+B,kBAAkB,EAAE,aAAa,EAAC,MAAM,gBAAgB,CAAC;AAC/F,OAAO,EAAC,QAAQ,EAAC,MAAM,eAAe,CAAC;AACvC,OAAO,EAAC,iBAAiB,EAAC,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAC,YAAY,EAAC,MAAM,MAAM,CAAC;AAElC,OAAO,EAAC,qBAAqB,EAAE,4BAA4B,EAAC,MAAM,kBAAkB,CAAC;AACrF,OAAO,EAAC,oBAAoB,EAAC,MAAM,aAAa,CAAC;;;AAEjD;;GAEG;AAgBH,MAAM,OAAO,oBAAoB;IAmB7B,2FAA2F;IAE3F;;;OAGG;IACH,IAAW,SAAS;QAEhB,OAAO,CAAC,IAAI,CAAC,UAAU,KAAK,CAAC,IAAI,CAAC,kBAAkB,EAAE,IAAI,IAAI,IAAI,CAAC,aAAa,EAAE,OAAO,CAAC,CAAC,CAAC;IAChG,CAAC;IAkBD,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,CAAC;YACG,MAAM,IAAI,KAAK,CAAC,yDAAyD,CAAC,CAAC;QAC/E,CAAC;IACL,CAAC;IAED,+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,CAAC;gBACG,IAAI,CAAC,UAAU,GAAG,KAAK,CAAC;gBACxB,IAAI,CAAC,eAAe,CAAC,aAAa,EAAE,CAAC;YACzC,CAAC;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;8GAnFQ,oBAAoB;kGAApB,oBAAoB,qJA2Cf,4BAA4B,gDCvE9C,0aAQA,4CDWQ,OAAO,+EACP,QAAQ,6CACR,gBAAgB,+IAChB,oBAAoB,yDACpB,qBAAqB,6GAEb,CAAC,iBAAiB,CAAC;;2FAGtB,oBAAoB;kBAfhC,SAAS;+BAEI,mBAAmB,WAG7B;wBACI,OAAO;wBACP,QAAQ;wBACR,gBAAgB;wBAChB,oBAAoB;wBACpB,qBAAqB;qBACxB,cACW,CAAC,iBAAiB,CAAC,mBACd,uBAAuB,CAAC,MAAM;;0BAiDlC,QAAQ;;0BACR,QAAQ;yEAZd,QAAQ;sBADd,KAAK;gBASC,QAAQ;sBADd,YAAY;uBAAC,4BAA4B","sourcesContent":["import {Component, ChangeDetectionStrategy, Optional, OnInit, OnDestroy, ChangeDetectorRef, Input, ContentChild} from '@angular/core';\nimport {NgClass, NgTemplateOutlet} from '@angular/common';\nimport {FormControlStatus, FormGroup, FormGroupDirective, FormGroupName} from '@angular/forms';\nimport {KeysPipe} from '@anglr/common';\nimport {slideInOutTrigger} from '@anglr/animations';\nimport {Subscription} from 'rxjs';\n\nimport {ErrorMessageDirective, GroupErrorsTemplateDirective} from '../../directives';\nimport {WithErrorMessagePipe} from '../../pipes';\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    imports:\n    [\n        NgClass,\n        KeysPipe,\n        NgTemplateOutlet,\n        WithErrorMessagePipe,\n        ErrorMessageDirective,\n    ],\n    animations: [slideInOutTrigger],\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\" @slideInOut></div>\n</ng-template>\n\n@for(errorName of formGroup.errors | keys | withErrorMessage; track errorName)\n{\n    <ng-container *ngTemplateOutlet=\"template?.template ?? defaultTemplate; context: {$implicit: errorName, $first, $last, $index, errors: formGroup.errors}\"/>\n}\n"]}
+{"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,EAAC,OAAO,EAAE,gBAAgB,EAAC,MAAM,iBAAiB,CAAC;AAC1D,OAAO,EAA+B,kBAAkB,EAAE,aAAa,EAAC,MAAM,gBAAgB,CAAC;AAC/F,OAAO,EAAC,QAAQ,EAAC,MAAM,eAAe,CAAC;AACvC,OAAO,EAAC,YAAY,EAAC,MAAM,MAAM,CAAC;AAElC,OAAO,EAAC,qBAAqB,EAAE,4BAA4B,EAAC,MAAM,kBAAkB,CAAC;AACrF,OAAO,EAAC,oBAAoB,EAAC,MAAM,aAAa,CAAC;;;AAEjD;;GAEG;AAeH,MAAM,OAAO,oBAAoB;IAmB7B,2FAA2F;IAE3F;;;OAGG;IACH,IAAW,SAAS;QAEhB,OAAO,CAAC,IAAI,CAAC,UAAU,KAAK,CAAC,IAAI,CAAC,kBAAkB,EAAE,IAAI,IAAI,IAAI,CAAC,aAAa,EAAE,OAAO,CAAC,CAAC,CAAC;IAChG,CAAC;IAkBD,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,CAAC;YACG,MAAM,IAAI,KAAK,CAAC,yDAAyD,CAAC,CAAC;QAC/E,CAAC;IACL,CAAC;IAED,+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,CAAC;gBACG,IAAI,CAAC,UAAU,GAAG,KAAK,CAAC;gBACxB,IAAI,CAAC,eAAe,CAAC,aAAa,EAAE,CAAC;YACzC,CAAC;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;8GAnFQ,oBAAoB;kGAApB,oBAAoB,qJA2Cf,4BAA4B,gDCrE9C,qdAQA,4CDUQ,OAAO,oFAEP,gBAAgB,oJAEhB,qBAAqB,sHAHrB,QAAQ,wCAER,oBAAoB;;2FAKf,oBAAoB;kBAdhC,SAAS;+BAEI,mBAAmB,WAG7B;wBACI,OAAO;wBACP,QAAQ;wBACR,gBAAgB;wBAChB,oBAAoB;wBACpB,qBAAqB;qBACxB,mBACgB,uBAAuB,CAAC,MAAM;;0BAiDlC,QAAQ;;0BACR,QAAQ;yEAZd,QAAQ;sBADd,KAAK;gBASC,QAAQ;sBADd,YAAY;uBAAC,4BAA4B","sourcesContent":["import {Component, ChangeDetectionStrategy, Optional, OnInit, OnDestroy, ChangeDetectorRef, Input, ContentChild} from '@angular/core';\nimport {NgClass, NgTemplateOutlet} from '@angular/common';\nimport {FormControlStatus, FormGroup, FormGroupDirective, FormGroupName} from '@angular/forms';\nimport {KeysPipe} from '@anglr/common';\nimport {Subscription} from 'rxjs';\n\nimport {ErrorMessageDirective, GroupErrorsTemplateDirective} from '../../directives';\nimport {WithErrorMessagePipe} from '../../pipes';\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    imports:\n    [\n        NgClass,\n        KeysPipe,\n        NgTemplateOutlet,\n        WithErrorMessagePipe,\n        ErrorMessageDirective,\n    ],\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}\n","<ng-template #defaultTemplate let-errorName>\n    <div [ngClass]=\"cssClass\" [errorMessage]=\"errorName\" [errors]=\"formGroup.errors\" animate.enter=\"slide-in\" animate.leave=\"slide-out\"></div>\n</ng-template>\n\n@for(errorName of formGroup.errors | keys | withErrorMessage; track errorName)\n{\n    <ng-container *ngTemplateOutlet=\"template?.template ?? defaultTemplate; context: {$implicit: errorName, $first, $last, $index, errors: formGroup.errors}\"/>\n}\n"]}

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

@@ -50,10 +50,10 @@ export class ErrorMessageDirective {
         const message = this._localization.get(errorMessage, this.errors);
         this._element.nativeElement.innerHTML = message;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.0", ngImport: i0, type: ErrorMessageDirective, deps: [{ token: i0.ElementRef }, { token: STRING_LOCALIZATION }, { token: VALIDATION_ERROR_MESSAGES }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.1.0", type: ErrorMessageDirective, isStandalone: true, selector: "[errorMessage]", inputs: { errorName: ["errorMessage", "errorName"], errors: "errors" }, exportAs: ["errorMessage"], usesOnChanges: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.0", ngImport: i0, type: ErrorMessageDirective, deps: [{ token: i0.ElementRef }, { token: STRING_LOCALIZATION }, { token: VALIDATION_ERROR_MESSAGES }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.2.0", type: ErrorMessageDirective, isStandalone: true, selector: "[errorMessage]", inputs: { errorName: ["errorMessage", "errorName"], errors: "errors" }, exportAs: ["errorMessage"], usesOnChanges: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.0", ngImport: i0, type: ErrorMessageDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.0", ngImport: i0, type: ErrorMessageDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[errorMessage]',

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

@@ -15,10 +15,10 @@ export class GroupErrorsTemplateDirective {
     static ngTemplateContextGuard(_dir, _ctx) {
         return true;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.0", ngImport: i0, type: GroupErrorsTemplateDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.1.0", type: GroupErrorsTemplateDirective, isStandalone: true, selector: "[formGroupError]", ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.0", ngImport: i0, type: GroupErrorsTemplateDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.2.0", type: GroupErrorsTemplateDirective, isStandalone: true, selector: "[formGroupError]", ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.0", ngImport: i0, type: GroupErrorsTemplateDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.0", ngImport: i0, type: GroupErrorsTemplateDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[formGroupError]',

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

@@ -7,17 +7,17 @@ import * as i0 from "@angular/core";
  * Module for error message directives, pipes and components
  */
 export class ErrorMessageModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.0", ngImport: i0, type: ErrorMessageModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.1.0", ngImport: i0, type: ErrorMessageModule, imports: [WithErrorMessagePipe,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.0", ngImport: i0, type: ErrorMessageModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.2.0", ngImport: i0, type: ErrorMessageModule, imports: [WithErrorMessagePipe,
             ErrorMessageDirective,
             GroupErrorsTemplateDirective,
             GroupErrorsComponent], exports: [WithErrorMessagePipe,
             ErrorMessageDirective,
             GroupErrorsTemplateDirective,
             GroupErrorsComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.1.0", ngImport: i0, type: ErrorMessageModule }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.2.0", ngImport: i0, type: ErrorMessageModule }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.0", ngImport: i0, type: ErrorMessageModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.0", ngImport: i0, type: ErrorMessageModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [

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

@@ -20,10 +20,10 @@ export class WithErrorMessagePipe {
         }
         return value.filter(itm => this._errorMessages[itm]);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.0", ngImport: i0, type: WithErrorMessagePipe, deps: [{ token: VALIDATION_ERROR_MESSAGES }], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.1.0", ngImport: i0, type: WithErrorMessagePipe, isStandalone: true, name: "withErrorMessage" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.0", ngImport: i0, type: WithErrorMessagePipe, deps: [{ token: VALIDATION_ERROR_MESSAGES }], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "20.2.0", ngImport: i0, type: WithErrorMessagePipe, isStandalone: true, name: "withErrorMessage" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.0", ngImport: i0, type: WithErrorMessagePipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.0", ngImport: i0, type: WithErrorMessagePipe, decorators: [{
             type: Pipe,
             args: [{ name: 'withErrorMessage' }]
         }], ctorParameters: () => [{ type: undefined, decorators: [{

package/es2022/forms/src/modules/formPipes/modules/formPipes.module.js

@@ -5,17 +5,17 @@ import * as i0 from "@angular/core";
  * Module that holds form util pipes
  */
 export class FormPipesModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.0", ngImport: i0, type: FormPipesModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.1.0", ngImport: i0, type: FormPipesModule, imports: [AsFormArrayPipe,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.0", ngImport: i0, type: FormPipesModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.2.0", ngImport: i0, type: FormPipesModule, imports: [AsFormArrayPipe,
             AsFormControlPipe,
             AsFormGroupPipe,
             GetControlPipe], exports: [AsFormArrayPipe,
             AsFormControlPipe,
             AsFormGroupPipe,
             GetControlPipe] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.1.0", ngImport: i0, type: FormPipesModule }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.2.0", ngImport: i0, type: FormPipesModule }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.0", ngImport: i0, type: FormPipesModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.0", ngImport: i0, type: FormPipesModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [

package/es2022/forms/src/modules/formPipes/pipes/asFormArray/asFormArray.pipe.js

@@ -27,10 +27,10 @@ export class AsFormArrayPipe {
         this._logger?.warn('Failed to cast AbstractControl to FormArray');
         return null;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.0", ngImport: i0, type: AsFormArrayPipe, deps: [{ token: LOGGER, optional: true }], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.1.0", ngImport: i0, type: AsFormArrayPipe, isStandalone: true, name: "asFormArray" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.0", ngImport: i0, type: AsFormArrayPipe, deps: [{ token: LOGGER, optional: true }], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "20.2.0", ngImport: i0, type: AsFormArrayPipe, isStandalone: true, name: "asFormArray" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.0", ngImport: i0, type: AsFormArrayPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.0", ngImport: i0, type: AsFormArrayPipe, decorators: [{
             type: Pipe,
             args: [{ name: 'asFormArray' }]
         }], ctorParameters: () => [{ type: undefined, decorators: [{

package/es2022/forms/src/modules/formPipes/pipes/asFormControl/asFormControl.pipe.js

@@ -27,10 +27,10 @@ export class AsFormControlPipe {
         this._logger?.warn('Failed to cast AbstractControl to FormControl');
         return null;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.0", ngImport: i0, type: AsFormControlPipe, deps: [{ token: LOGGER, optional: true }], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.1.0", ngImport: i0, type: AsFormControlPipe, isStandalone: true, name: "asFormControl" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.0", ngImport: i0, type: AsFormControlPipe, deps: [{ token: LOGGER, optional: true }], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "20.2.0", ngImport: i0, type: AsFormControlPipe, isStandalone: true, name: "asFormControl" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.0", ngImport: i0, type: AsFormControlPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.0", ngImport: i0, type: AsFormControlPipe, decorators: [{
             type: Pipe,
             args: [{ name: 'asFormControl' }]
         }], ctorParameters: () => [{ type: undefined, decorators: [{

package/es2022/forms/src/modules/formPipes/pipes/asFormGroup/asFormGroup.pipe.js

@@ -27,10 +27,10 @@ export class AsFormGroupPipe {
         this._logger?.warn('Failed to cast AbstractControl to FormGroup');
         return null;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.0", ngImport: i0, type: AsFormGroupPipe, deps: [{ token: LOGGER, optional: true }], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.1.0", ngImport: i0, type: AsFormGroupPipe, isStandalone: true, name: "asFormGroup" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.0", ngImport: i0, type: AsFormGroupPipe, deps: [{ token: LOGGER, optional: true }], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "20.2.0", ngImport: i0, type: AsFormGroupPipe, isStandalone: true, name: "asFormGroup" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.0", ngImport: i0, type: AsFormGroupPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.0", ngImport: i0, type: AsFormGroupPipe, decorators: [{
             type: Pipe,
             args: [{ name: 'asFormGroup' }]
         }], ctorParameters: () => [{ type: undefined, decorators: [{

package/es2022/forms/src/modules/formPipes/pipes/getControl/getControl.pipe.js

@@ -21,10 +21,10 @@ export class GetControlPipe {
         }
         return value.get(control);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.0", ngImport: i0, type: GetControlPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.1.0", ngImport: i0, type: GetControlPipe, isStandalone: true, name: "getControl" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.0", ngImport: i0, type: GetControlPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "20.2.0", ngImport: i0, type: GetControlPipe, isStandalone: true, name: "getControl" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.0", ngImport: i0, type: GetControlPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.0", ngImport: i0, type: GetControlPipe, decorators: [{
             type: Pipe,
             args: [{ name: 'getControl' }]
         }] });

package/es2022/forms/src/modules/hasError.module.js

@@ -7,17 +7,17 @@ import * as i0 from "@angular/core";
  * Module for input validation directives
  */
 export class HasErrorModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.0", ngImport: i0, type: HasErrorModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.1.0", ngImport: i0, type: HasErrorModule, imports: [HasErrorDirective,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.0", ngImport: i0, type: HasErrorModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.2.0", ngImport: i0, type: HasErrorModule, imports: [HasErrorDirective,
             GroupHasErrorDirective,
             GroupHasErrorContainerDirective,
             ValidationErrorsContainerDirective], exports: [HasErrorDirective,
             GroupHasErrorDirective,
             GroupHasErrorContainerDirective,
             ValidationErrorsContainerDirective] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.1.0", ngImport: i0, type: HasErrorModule }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.2.0", ngImport: i0, type: HasErrorModule }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.0", ngImport: i0, type: HasErrorModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.0", ngImport: i0, type: HasErrorModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [