@anglr/common 12.0.0-beta.20220414093434 → 12.0.0

package/changelog.md

@@ -1,6 +1,6 @@
 # Changelog
 
-## Version 12.0.0 (2022-04-14)
+## Version 12.0.0 (2022-04-19)
 
 ### Bug Fixes
 
@@ -42,9 +42,21 @@
    - new `DefaultValidationErrorsComponent` component, that is default validation errors component, displaying validation errors
       - implements `ValidationErrorsComponent` interface
       - default value for `ValidationErrorRendererFactory`
+   - new `GroupHasErrorContainerDirective` 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
+   - new `ValidationErrorsContainerDirective` directive, that sets view container for validation errors for current element
+   - updated `HasErrorModule` module
+      - **exports**
+         - `GroupHasErrorContainerDirective` directive
+         - `ValidationErrorsContainerDirective` directive
+   - updated `HasErrorDirective` directive
+      - **inputs**
+         - `errorsComponent` custom component used for rendering validation errors
+         - `errorsTemplate` custom template used for rendering validation errors
+   - new `ReservedSpaceValidationErrorsContainerComponent` component, that serves as container for validation errors, either component or templates with reserved space for errors
 
 ### BREAKING CHANGES
 
+- minimal supported version of `@anglr/animations` is `9.1.0`
 - `ValidationErrorRenderer` interface
    - `update` method, parameters has changed
    - removed `wrapperElement`
@@ -62,6 +74,22 @@
    - `show` now has new parameter *options*
 - `ValidationErrorRendererCtor` interface
    - `ctor` has changed parameters
+- **Position**
+   - updated `PositionResult`
+      - property `flip` indication whether there was flip applied
+- *subpackage* `@anglr/common/positions`
+   - **Tooltip**
+      - all tooltip is replaced with more customizable tooltip based on `Position` service
+      - removed `TooltipModule`
+      - removed `TooltipComponent`
+      - removed `TooltipDirective`
+      - removed `TOOLTIP_OPTIONS`
+      - removed `TooltipRenderer`
+      - removed `TooltipRenderer`
+   - **Position to**
+      - all position to is replaced with more customizable position to based on `Position` service
+      - removed `PositionToDirective`
+      - removed `PositionsModule`
 
 ## Version 11.3.1 (2022-04-13)
 

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

@@ -1,7 +1,7 @@
 import { __awaiter } from "tslib";
 import { Injectable } from '@angular/core';
 import { PositionOffset, PositionPlacement, POSITION } from '@anglr/common';
-import { extend } from '@jscrpt/common';
+import { extend, isEmptyObject } from '@jscrpt/common';
 import { computePosition, autoUpdate, offset, flip } from '@floating-ui/dom';
 import { Observable } from 'rxjs';
 import * as i0 from "@angular/core";
@@ -38,6 +38,7 @@ export class FloatingUiDomPosition {
                         subscriber.next({
                             target,
                             dispose,
+                            flip: !!result.middlewareData.flip && !isEmptyObject(result.middlewareData.flip),
                             x: result.x,
                             y: result.y
                         });
@@ -64,6 +65,7 @@ export class FloatingUiDomPosition {
                 subscriber.next({
                     target,
                     dispose,
+                    flip: !!result.middlewareData.flip && !isEmptyObject(result.middlewareData.flip),
                     x: result.x,
                     y: result.y
                 });

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

@@ -1 +1 @@
-{"version":3,"file":"floatingUiDomPosition.service.js","sourceRoot":"","sources":["../../../../floating-ui/src/services/floatingUiDomPosition.service.ts"],"names":[],"mappings":"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","sourcesContent":["import {ClassProvider, Injectable} from '@angular/core';\nimport {Position, PositionResult, PositionOptions, PositionOffset, PositionPlacement, AutoUpdateOptions, POSITION} from '@anglr/common';\nimport {extend} from '@jscrpt/common';\nimport {computePosition, Placement, autoUpdate, Middleware, offset, flip} from '@floating-ui/dom';\nimport {Observable} from 'rxjs';\n\n/**\n * Default options for `FloatingUiDomPosition` implementation\n */\nconst defaultOptions: PositionOptions =\n{\n    autoUpdate: false,\n    flip: false,\n    offset: PositionOffset.None,\n    placement: PositionPlacement.Top\n};\n\n/**\n * Service that is used for positioning two elements against each other, using floating-ui dom implementation\n */\n@Injectable()\nexport class FloatingUiDomPosition implements Position\n{\n    //######################### public methods - implementation of Position #########################\n\n    /**\n     * @inheritdoc\n     */\n    public placeElement(target: Element, source: Element, options?: Partial<PositionOptions>): Observable<PositionResult>\n    {\n        return new Observable(subscriber =>\n        {\n            (async () =>\n            {\n                const computedOptions = extend({}, defaultOptions, options);\n                const middlewares: Middleware[] = [];\n\n                this._setOffset(middlewares, computedOptions);\n                this._setFlip(middlewares, computedOptions);\n\n                const runComputation = async () =>\n                {\n                    const result = await computePosition(source,\n                                                         target as HTMLElement,\n                                                         {\n                                                             placement: this._getPlacement(computedOptions),\n                                                             middleware: middlewares\n                                                         });\n\n                    if(computedOptions.autoUpdate)\n                    {\n                        subscriber.next(\n                        {\n                            target,\n                            dispose,\n                            x: result.x,\n                            y: result.y\n                        });\n                    }\n\n                    return result;\n                };\n                \n                let dispose = () => {};\n\n                if(computedOptions.autoUpdate)\n                {\n                    let options: AutoUpdateOptions;\n\n                    if(computedOptions.autoUpdate === true)\n                    {\n                        options =\n                        {\n                            ancestorResize: true,\n                            ancestorScroll: true,\n                            elementResize: true\n                        };\n                    }\n                    else\n                    {\n                        options = computedOptions.autoUpdate;\n                    }\n\n                    dispose = autoUpdate(source,\n                                         target as HTMLElement,\n                                         runComputation,\n                                         options);\n                }\n\n                const result = await runComputation();\n\n                subscriber.next(\n                {\n                    target,\n                    dispose,\n                    x: result.x,\n                    y: result.y\n                });\n\n                if(!computedOptions.autoUpdate)\n                {\n                    subscriber.complete();\n                }\n            })();\n        });\n    }\n\n    //######################### protected methods #########################\n\n    /**\n     * Sets flip middleware\n     * @param middlewares - Array of middlewares that will set\n     * @param options - Options that contains definition of flip\n     */\n    protected _setFlip(middlewares: Middleware[], options: PositionOptions): void\n    {\n        if(options.flip)\n        {\n            middlewares.push(flip());\n        }\n    }\n\n    /**\n     * Sets offset middleware\n     * @param middlewares - Array of middlewares that will set\n     * @param options - Options that contains definition of offset\n     */\n    protected _setOffset(middlewares: Middleware[], options: PositionOptions): void\n    {\n        if(options.offset != PositionOffset.None)\n        {\n            if(options.offset == PositionOffset.MouseEnter)\n            {\n                //fallback if not supported placement used\n                if(options.placement == PositionPlacement.Left ||\n                   options.placement == PositionPlacement.LeftStart ||\n                   options.placement == PositionPlacement.LeftEnd ||\n                   options.placement == PositionPlacement.Right ||\n                   options.placement == PositionPlacement.RightStart ||\n                   options.placement == PositionPlacement.RightEnd ||\n                   options.placement == PositionPlacement.Bottom ||\n                   options.placement == PositionPlacement.BottomEnd ||\n                   options.placement == PositionPlacement.Top ||\n                   options.placement == PositionPlacement.TopEnd)\n                {\n                    options.placement = PositionPlacement.TopStart;\n                }\n            }\n\n            middlewares.push(offset(({floating, placement}) =>\n            {\n                if(options.offset == PositionOffset.MouseEnter && options.mouseEvent)\n                {\n                    return {\n                        crossAxis: options.mouseEvent.x - (options.mouseEvent.target as HTMLElement).getBoundingClientRect().x\n                    };\n                }\n\n                let dimension: number;\n\n                if(placement == 'bottom' || placement == 'bottom-start' || placement == 'bottom-end' ||\n                   placement == 'top' || placement == 'top-start' || placement == 'top-end')\n                {\n                    dimension = floating.width;\n                }\n                else\n                {\n                    dimension = floating.height;\n                }\n\n                switch(options.offset)\n                {\n                    default:\n                    {\n                        dimension = 0;\n\n                        break;\n                    }\n                    case PositionOffset.Full:\n                    {\n                        break;\n                    }\n                    case PositionOffset.Half:\n                    {\n                        dimension /= 2;\n\n                        break;\n                    }\n                    case PositionOffset.NegativeFull:\n                    {\n                        dimension *= -1;\n\n                        break;\n                    }\n                    case PositionOffset.NegativeHalf:\n                    {\n                        dimension *= -.5;\n\n                        break;\n                    }\n                }\n\n                return {\n                    crossAxis: dimension\n                };\n            }));\n        }\n    }\n\n    /**\n     * Gets floating ui placement from position placement\n     * @param options - Options containing position placement\n     */\n    protected _getPlacement(options: PositionOptions): Placement\n    {\n        switch(options.placement)\n        {\n            default:\n            // case PositionPlacement.Top:\n            {\n                return 'top';\n            }\n            case PositionPlacement.TopStart:\n            {\n                return 'top-start';\n            }\n            case PositionPlacement.TopEnd:\n            {\n                return 'top-end';\n            }\n            case PositionPlacement.Bottom:\n            {\n                return 'bottom';\n            }\n            case PositionPlacement.BottomStart:\n            {\n                return 'bottom-start';\n            }\n            case PositionPlacement.BottomEnd:\n            {\n                return 'bottom-end';\n            }\n            case PositionPlacement.Left:\n            {\n                return 'left';\n            }\n            case PositionPlacement.LeftStart:\n            {\n                return 'left-start';\n            }\n            case PositionPlacement.LeftEnd:\n            {\n                return 'left-end';\n            }\n            case PositionPlacement.Right:\n            {\n                return 'right';\n            }\n            case PositionPlacement.RightStart:\n            {\n                return 'right-start';\n            }\n            case PositionPlacement.RightEnd:\n            {\n                return 'right-end';\n            }\n        }\n    }\n}\n\n/**\n * Provider for floating ui position implementation\n */\nexport const FLOATING_UI_POSITION: ClassProvider =\n{\n    provide: POSITION,\n    useClass: FloatingUiDomPosition\n};"]}
+{"version":3,"file":"floatingUiDomPosition.service.js","sourceRoot":"","sources":["../../../../floating-ui/src/services/floatingUiDomPosition.service.ts"],"names":[],"mappings":"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","sourcesContent":["import {ClassProvider, Injectable} from '@angular/core';\nimport {Position, PositionResult, PositionOptions, PositionOffset, PositionPlacement, AutoUpdateOptions, POSITION} from '@anglr/common';\nimport {extend, isEmptyObject} from '@jscrpt/common';\nimport {computePosition, Placement, autoUpdate, Middleware, offset, flip} from '@floating-ui/dom';\nimport {Observable} from 'rxjs';\n\n/**\n * Default options for `FloatingUiDomPosition` implementation\n */\nconst defaultOptions: PositionOptions =\n{\n    autoUpdate: false,\n    flip: false,\n    offset: PositionOffset.None,\n    placement: PositionPlacement.Top\n};\n\n/**\n * Service that is used for positioning two elements against each other, using floating-ui dom implementation\n */\n@Injectable()\nexport class FloatingUiDomPosition implements Position\n{\n    //######################### public methods - implementation of Position #########################\n\n    /**\n     * @inheritdoc\n     */\n    public placeElement(target: Element, source: Element, options?: Partial<PositionOptions>): Observable<PositionResult>\n    {\n        return new Observable(subscriber =>\n        {\n            (async () =>\n            {\n                const computedOptions = extend({}, defaultOptions, options);\n                const middlewares: Middleware[] = [];\n\n                this._setOffset(middlewares, computedOptions);\n                this._setFlip(middlewares, computedOptions);\n\n                const runComputation = async () =>\n                {\n                    const result = await computePosition(source,\n                                                         target as HTMLElement,\n                                                         {\n                                                             placement: this._getPlacement(computedOptions),\n                                                             middleware: middlewares\n                                                         });\n\n                    if(computedOptions.autoUpdate)\n                    {\n                        subscriber.next(\n                        {\n                            target,\n                            dispose,\n                            flip: !!result.middlewareData.flip && !isEmptyObject(result.middlewareData.flip),\n                            x: result.x,\n                            y: result.y\n                        });\n                    }\n\n                    return result;\n                };\n                \n                let dispose = () => {};\n\n                if(computedOptions.autoUpdate)\n                {\n                    let options: AutoUpdateOptions;\n\n                    if(computedOptions.autoUpdate === true)\n                    {\n                        options =\n                        {\n                            ancestorResize: true,\n                            ancestorScroll: true,\n                            elementResize: true\n                        };\n                    }\n                    else\n                    {\n                        options = computedOptions.autoUpdate;\n                    }\n\n                    dispose = autoUpdate(source,\n                                         target as HTMLElement,\n                                         runComputation,\n                                         options);\n                }\n\n                const result = await runComputation();\n\n                subscriber.next(\n                {\n                    target,\n                    dispose,\n                    flip: !!result.middlewareData.flip && !isEmptyObject(result.middlewareData.flip),\n                    x: result.x,\n                    y: result.y\n                });\n\n                if(!computedOptions.autoUpdate)\n                {\n                    subscriber.complete();\n                }\n            })();\n        });\n    }\n\n    //######################### protected methods #########################\n\n    /**\n     * Sets flip middleware\n     * @param middlewares - Array of middlewares that will set\n     * @param options - Options that contains definition of flip\n     */\n    protected _setFlip(middlewares: Middleware[], options: PositionOptions): void\n    {\n        if(options.flip)\n        {\n            middlewares.push(flip());\n        }\n    }\n\n    /**\n     * Sets offset middleware\n     * @param middlewares - Array of middlewares that will set\n     * @param options - Options that contains definition of offset\n     */\n    protected _setOffset(middlewares: Middleware[], options: PositionOptions): void\n    {\n        if(options.offset != PositionOffset.None)\n        {\n            if(options.offset == PositionOffset.MouseEnter)\n            {\n                //fallback if not supported placement used\n                if(options.placement == PositionPlacement.Left ||\n                   options.placement == PositionPlacement.LeftStart ||\n                   options.placement == PositionPlacement.LeftEnd ||\n                   options.placement == PositionPlacement.Right ||\n                   options.placement == PositionPlacement.RightStart ||\n                   options.placement == PositionPlacement.RightEnd ||\n                   options.placement == PositionPlacement.Bottom ||\n                   options.placement == PositionPlacement.BottomEnd ||\n                   options.placement == PositionPlacement.Top ||\n                   options.placement == PositionPlacement.TopEnd)\n                {\n                    options.placement = PositionPlacement.TopStart;\n                }\n            }\n\n            middlewares.push(offset(({floating, placement}) =>\n            {\n                if(options.offset == PositionOffset.MouseEnter && options.mouseEvent)\n                {\n                    return {\n                        crossAxis: options.mouseEvent.x - (options.mouseEvent.target as HTMLElement).getBoundingClientRect().x\n                    };\n                }\n\n                let dimension: number;\n\n                if(placement == 'bottom' || placement == 'bottom-start' || placement == 'bottom-end' ||\n                   placement == 'top' || placement == 'top-start' || placement == 'top-end')\n                {\n                    dimension = floating.width;\n                }\n                else\n                {\n                    dimension = floating.height;\n                }\n\n                switch(options.offset)\n                {\n                    default:\n                    {\n                        dimension = 0;\n\n                        break;\n                    }\n                    case PositionOffset.Full:\n                    {\n                        break;\n                    }\n                    case PositionOffset.Half:\n                    {\n                        dimension /= 2;\n\n                        break;\n                    }\n                    case PositionOffset.NegativeFull:\n                    {\n                        dimension *= -1;\n\n                        break;\n                    }\n                    case PositionOffset.NegativeHalf:\n                    {\n                        dimension *= -.5;\n\n                        break;\n                    }\n                }\n\n                return {\n                    crossAxis: dimension\n                };\n            }));\n        }\n    }\n\n    /**\n     * Gets floating ui placement from position placement\n     * @param options - Options containing position placement\n     */\n    protected _getPlacement(options: PositionOptions): Placement\n    {\n        switch(options.placement)\n        {\n            default:\n            // case PositionPlacement.Top:\n            {\n                return 'top';\n            }\n            case PositionPlacement.TopStart:\n            {\n                return 'top-start';\n            }\n            case PositionPlacement.TopEnd:\n            {\n                return 'top-end';\n            }\n            case PositionPlacement.Bottom:\n            {\n                return 'bottom';\n            }\n            case PositionPlacement.BottomStart:\n            {\n                return 'bottom-start';\n            }\n            case PositionPlacement.BottomEnd:\n            {\n                return 'bottom-end';\n            }\n            case PositionPlacement.Left:\n            {\n                return 'left';\n            }\n            case PositionPlacement.LeftStart:\n            {\n                return 'left-start';\n            }\n            case PositionPlacement.LeftEnd:\n            {\n                return 'left-end';\n            }\n            case PositionPlacement.Right:\n            {\n                return 'right';\n            }\n            case PositionPlacement.RightStart:\n            {\n                return 'right-start';\n            }\n            case PositionPlacement.RightEnd:\n            {\n                return 'right-end';\n            }\n        }\n    }\n}\n\n/**\n * Provider for floating ui position implementation\n */\nexport const FLOATING_UI_POSITION: ClassProvider =\n{\n    provide: POSITION,\n    useClass: FloatingUiDomPosition\n};"]}

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

@@ -1,9 +1,7 @@
 import { Component, ChangeDetectionStrategy, ChangeDetectorRef, HostBinding } from '@angular/core';
-import { animateChild, query, transition, trigger } from '@angular/animations';
-import { slideInOutTrigger } from '@anglr/animations';
+import { slideInOutTrigger, animateChildrenTrigger } from '@anglr/animations';
 import * as i0 from "@angular/core";
 import * as i1 from "@angular/common";
-//TODO: move animation to common
 /**
  * Default validation errors component, displaying validation errors
  */
@@ -28,26 +26,18 @@ export class DefaultValidationErrorsComponent {
     }
 }
 DefaultValidationErrorsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DefaultValidationErrorsComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-DefaultValidationErrorsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.2", type: DefaultValidationErrorsComponent, selector: "default-validation-errors", host: { properties: { "@componentContent": "this.animate" } }, ngImport: i0, template: "<div [ngClass]=\"options?.wrapperDivClass\" *ngIf=\"errors?.errorMessages?.length\" @slideInOut>\n    <div *ngFor=\"let error of errors?.errorMessages\">{{error}}</div>\n</div>", styles: [":host\n{\n    display: contents;\n}"], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], animations: [
+DefaultValidationErrorsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.2", type: DefaultValidationErrorsComponent, selector: "default-validation-errors", host: { properties: { "@animateChildren": "this.animate" } }, ngImport: i0, template: "<div [ngClass]=\"options?.wrapperDivClass\" *ngIf=\"errors?.errorMessages?.length\" @slideInOut>\n    <div *ngFor=\"let error of errors?.errorMessages\">{{error}}</div>\n</div>", styles: [":host\n{\n    display: contents;\n}"], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], animations: [
         slideInOutTrigger,
-        trigger('componentContent', [
-            transition(':enter, :leave', [
-                query('@*', animateChild(), { optional: true })
-            ])
-        ])
+        animateChildrenTrigger
     ], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DefaultValidationErrorsComponent, decorators: [{
             type: Component,
             args: [{ selector: 'default-validation-errors', animations: [
                         slideInOutTrigger,
-                        trigger('componentContent', [
-                            transition(':enter, :leave', [
-                                query('@*', animateChild(), { optional: true })
-                            ])
-                        ])
+                        animateChildrenTrigger
                     ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div [ngClass]=\"options?.wrapperDivClass\" *ngIf=\"errors?.errorMessages?.length\" @slideInOut>\n    <div *ngFor=\"let error of errors?.errorMessages\">{{error}}</div>\n</div>", styles: [":host\n{\n    display: contents;\n}"] }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { animate: [{
                 type: HostBinding,
-                args: ['@componentContent']
+                args: ['@animateChildren']
             }] } });
 //# sourceMappingURL=defaultValidationErrors.component.js.map

package/es2015/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,YAAY,EAAE,KAAK,EAAE,UAAU,EAAE,OAAO,EAAC,MAAM,qBAAqB,CAAC;AAC7E,OAAO,EAAC,iBAAiB,EAAC,MAAM,mBAAmB,CAAC;;;AAKpD,gCAAgC;AAEhC;;GAEG;AAmBH,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;;6HAxCQ,gCAAgC;iHAAhC,gCAAgC,gIC9B7C,kLAEM,mVDgBF;QACI,iBAAiB;QACjB,OAAO,CAAC,kBAAkB,EAC1B;YACI,UAAU,CAAC,gBAAgB,EAC3B;gBACI,KAAK,CAAC,IAAI,EAAE,YAAY,EAAE,EAAE,EAAC,QAAQ,EAAE,IAAI,EAAC,CAAC;aAChD,CAAC;SACL,CAAC;KACL;2FAGQ,gCAAgC;kBAlB5C,SAAS;+BAEI,2BAA2B,cAIrC;wBACI,iBAAiB;wBACjB,OAAO,CAAC,kBAAkB,EAC1B;4BACI,UAAU,CAAC,gBAAgB,EAC3B;gCACI,KAAK,CAAC,IAAI,EAAE,YAAY,EAAE,EAAE,EAAC,QAAQ,EAAE,IAAI,EAAC,CAAC;6BAChD,CAAC;yBACL,CAAC;qBACL,mBACgB,uBAAuB,CAAC,MAAM;wGAwBxC,OAAO;sBADb,WAAW;uBAAC,mBAAmB","sourcesContent":["import {Component, ChangeDetectionStrategy, ChangeDetectorRef, HostBinding} from '@angular/core';\nimport {animateChild, query, transition, trigger} from '@angular/animations';\nimport {slideInOutTrigger} from '@anglr/animations';\n\nimport {ValidationErrorsResult} from '../../services/errorMessagesExtractor/errorMessagesExtractor.interface';\nimport {ValidationErrorsComponent, ValidationErrorsOptions} from '../../services/validationErrorRenderer/validationErrorRenderer.interface';\n\n//TODO: move animation to common\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    styleUrls: ['defaultValidationErrors.component.css'],\n    animations: \n    [\n        slideInOutTrigger,\n        trigger('componentContent',\n        [\n            transition(':enter, :leave',\n            [\n                query('@*', animateChild(), {optional: true})\n            ])\n        ])\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('@componentContent')\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}","<div [ngClass]=\"options?.wrapperDivClass\" *ngIf=\"errors?.errorMessages?.length\" @slideInOut>\n    <div *ngFor=\"let error of errors?.errorMessages\">{{error}}</div>\n</div>"]}
+{"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,iBAAiB,EAAE,sBAAsB,EAAC,MAAM,mBAAmB,CAAC;;;AAK5E;;GAEG;AAaH,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;;6HAxCQ,gCAAgC;iHAAhC,gCAAgC,+HCrB7C,kLAEM,mVDaF;QACI,iBAAiB;QACjB,sBAAsB;KACzB;2FAGQ,gCAAgC;kBAZ5C,SAAS;+BAEI,2BAA2B,cAIrC;wBACI,iBAAiB;wBACjB,sBAAsB;qBACzB,mBACgB,uBAAuB,CAAC,MAAM;wGAwBxC,OAAO;sBADb,WAAW;uBAAC,kBAAkB","sourcesContent":["import {Component, ChangeDetectionStrategy, ChangeDetectorRef, HostBinding} from '@angular/core';\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    styleUrls: ['defaultValidationErrors.component.css'],\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}","<div [ngClass]=\"options?.wrapperDivClass\" *ngIf=\"errors?.errorMessages?.length\" @slideInOut>\n    <div *ngFor=\"let error of errors?.errorMessages\">{{error}}</div>\n</div>"]}

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

@@ -67,9 +67,9 @@ export class DefaultValidationErrorsContainerComponent {
     }
 }
 DefaultValidationErrorsContainerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DefaultValidationErrorsContainerComponent, deps: [{ token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Component });
-DefaultValidationErrorsContainerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.2", type: DefaultValidationErrorsContainerComponent, selector: "default-validation-errors-container", ngImport: i0, template: "", styles: [":host\n{\n    display: contents;\n}"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+DefaultValidationErrorsContainerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.2", type: DefaultValidationErrorsContainerComponent, 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: "13.3.2", ngImport: i0, type: DefaultValidationErrorsContainerComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'default-validation-errors-container', changeDetection: ChangeDetectionStrategy.OnPush, template: "", styles: [":host\n{\n    display: contents;\n}"] }]
+            args: [{ selector: 'default-validation-errors-container', template: '', changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host\n{\n    display: contents;\n}"] }]
         }], ctorParameters: function () { return [{ type: i0.ViewContainerRef }]; } });
 //# sourceMappingURL=defaultValidationErrorsContainer.component.js.map

package/es2015/forms/src/components/defaultValidationErrorsContainer/defaultValidationErrorsContainer.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"defaultValidationErrorsContainer.component.js","sourceRoot":"","sources":["../../../../../forms/src/components/defaultValidationErrorsContainer/defaultValidationErrorsContainer.component.ts","../../../../../forms/src/components/defaultValidationErrorsContainer/defaultValidationErrorsContainer.component.html"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAE,uBAAuB,EAAE,gBAAgB,EAAgC,MAAM,eAAe,CAAC;;AAKlH;;GAEG;AAQH,MAAM,OAAO,yCAAyC;IA0BlD,iEAAiE;IACjE,YAAsB,cAAgC;QAAhC,mBAAc,GAAd,cAAc,CAAkB;IAEtD,CAAC;IAED,yFAAyF;IAEzF;;;;;OAKG;IACI,IAAI,CAAC,MAA8B,EAAE,OAAyC;QAEjF,IAAI,CAAC,OAAO,GAAG,MAAM,CAAC;QACtB,IAAI,CAAC,QAAQ,GAAG,OAAO,CAAC;QAExB,IAAG,OAAO,CAAC,QAAQ,EACnB;YACI,IAAI,CAAC,eAAe,EAAE,CAAC;SAC1B;aACI,IAAG,OAAO,CAAC,SAAS,EACzB;YACI,IAAI,CAAC,gBAAgB,EAAE,CAAC;SAC3B;aAED;YACI,MAAM,IAAI,KAAK,CAAC,gEAAgE,CAAC,CAAC;SACrF;IACL,CAAC;IAED;;OAEG;IACI,IAAI;QAEP,IAAI,CAAC,cAAc,CAAC,KAAK,EAAE,CAAC;QAC5B,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC;QACvB,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC;IAC1B,CAAC;IAED,uEAAuE;IAEvE;;OAEG;IACO,gBAAgB;QAEtB,IAAG,CAAC,IAAI,CAAC,UAAU,EACnB;YACI,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,cAAc,CAAC,eAAe,CAAC,IAAI,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAC;SAClF;QAED,IAAI,CAAC,UAAU,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC;IAC/D,CAAC;IAED;;OAEG;IACO,eAAe;QAErB,IAAG,CAAC,IAAI,CAAC,SAAS,EAClB;YACI,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,cAAc,CAAC,kBAAkB,CAAC,IAAI,CAAC,QAAQ,CAAC,QAAQ,EAC9E;gBACI,SAAS,EAAE,IAAI,CAAC,OAAO;gBACvB,OAAO,EAAE,IAAI,CAAC,QAAQ;aACzB,CAAC,CAAC;SACN;aAED;YACI,IAAI,CAAC,SAAS,CAAC,OAAO;gBACtB;oBACI,SAAS,EAAE,IAAI,CAAC,OAAO;oBACvB,OAAO,EAAE,IAAI,CAAC,QAAQ;iBACzB,CAAC;YAEF,IAAI,CAAC,SAAS,CAAC,aAAa,EAAE,CAAC;SAClC;IACL,CAAC;;sIA1GQ,yCAAyC;0HAAzC,yCAAyC,2ECftD,EAAA;2FDea,yCAAyC;kBAPrD,SAAS;+BAEI,qCAAqC,mBAG9B,uBAAuB,CAAC,MAAM","sourcesContent":["import {Component, ChangeDetectionStrategy, ViewContainerRef, ComponentRef, EmbeddedViewRef} from '@angular/core';\n\nimport {ValidationErrorsResult} from '../../services/errorMessagesExtractor/errorMessagesExtractor.interface';\nimport {ValidationErrorsComponent, ValidationErrorsContainerComponent, ValidationErrorsContainerOptions, ValidationErrorsTemplateContext} from '../../services/validationErrorRenderer/validationErrorRenderer.interface';\n\n/**\n * Component that serves as container for validation errors, either component or templates\n */\n@Component(\n{\n    selector: 'default-validation-errors-container',\n    templateUrl: 'defaultValidationErrorsContainer.component.html',\n    styleUrls: ['defaultValidationErrorsContainer.component.css'],\n    changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class DefaultValidationErrorsContainerComponent implements ValidationErrorsContainerComponent\n{\n    //######################### protected fields #########################\n\n    /**\n     * Errors to be shown\n     * @internal\n     */\n    protected _errors: ValidationErrorsResult;\n    \n    /**\n     * Options used for displaying validation errors\n     * @internal\n     */\n    protected _options: ValidationErrorsContainerOptions;\n\n    /**\n     * Instance of component reference for rendered errors\n     */\n    protected _component: ComponentRef<ValidationErrorsComponent>;\n\n    /**\n     * Instance of template reference for rendered errors\n     */\n    protected _template: EmbeddedViewRef<ValidationErrorsTemplateContext>;\n\n    //######################### constructor #########################\n    constructor(protected _viewContainer: ViewContainerRef)\n    {\n    }\n\n    //######################### public methods - implementation of  #########################\n\n    /**\n     * Shows validation errors\n     * @param errors - Errors to be shown\n     * @param options - Options used for displaying validation errors\n     * @param errorClasses - Array of css error classes\n     */\n    public show(errors: ValidationErrorsResult, options: ValidationErrorsContainerOptions): void\n    {\n        this._errors = errors;\n        this._options = options;\n\n        if(options.template)\n        {\n            this._renderTemplate();\n        }\n        else if(options.component)\n        {\n            this._renderComponent();\n        }\n        else\n        {\n            throw new Error('Missing template or component for rendering validation errors!');\n        }\n    }\n\n    /**\n     * Hides validation errors\n     */\n    public hide(): void\n    {\n        this._viewContainer.clear();\n        this._component = null;\n        this._template = null;\n    }\n\n    //######################### protected methods #########################\n\n    /**\n     * Renders validation errors component\n     */\n    protected _renderComponent(): void\n    {\n        if(!this._component)\n        {\n            this._component = this._viewContainer.createComponent(this._options.component);\n        }\n\n        this._component.instance.show(this._errors, this._options);\n    }\n\n    /**\n     * Renders validation errors template\n     */\n    protected _renderTemplate(): void\n    {\n        if(!this._template)\n        {\n            this._template = this._viewContainer.createEmbeddedView(this._options.template,\n            {\n                $implicit: this._errors,\n                options: this._options\n            });\n        }\n        else\n        {\n            this._template.context =\n            {\n                $implicit: this._errors,\n                options: this._options\n            };\n\n            this._template.detectChanges();\n        }\n    }\n}",""]}
+{"version":3,"file":"defaultValidationErrorsContainer.component.js","sourceRoot":"","sources":["../../../../../forms/src/components/defaultValidationErrorsContainer/defaultValidationErrorsContainer.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAE,uBAAuB,EAAE,gBAAgB,EAAgC,MAAM,eAAe,CAAC;;AAKlH;;GAEG;AAQH,MAAM,OAAO,yCAAyC;IA0BlD,iEAAiE;IACjE,YAAsB,cAAgC;QAAhC,mBAAc,GAAd,cAAc,CAAkB;IAEtD,CAAC;IAED,yFAAyF;IAEzF;;;;;OAKG;IACI,IAAI,CAAC,MAA8B,EAAE,OAAyC;QAEjF,IAAI,CAAC,OAAO,GAAG,MAAM,CAAC;QACtB,IAAI,CAAC,QAAQ,GAAG,OAAO,CAAC;QAExB,IAAG,OAAO,CAAC,QAAQ,EACnB;YACI,IAAI,CAAC,eAAe,EAAE,CAAC;SAC1B;aACI,IAAG,OAAO,CAAC,SAAS,EACzB;YACI,IAAI,CAAC,gBAAgB,EAAE,CAAC;SAC3B;aAED;YACI,MAAM,IAAI,KAAK,CAAC,gEAAgE,CAAC,CAAC;SACrF;IACL,CAAC;IAED;;OAEG;IACI,IAAI;QAEP,IAAI,CAAC,cAAc,CAAC,KAAK,EAAE,CAAC;QAC5B,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC;QACvB,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC;IAC1B,CAAC;IAED,uEAAuE;IAEvE;;OAEG;IACO,gBAAgB;QAEtB,IAAG,CAAC,IAAI,CAAC,UAAU,EACnB;YACI,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,cAAc,CAAC,eAAe,CAAC,IAAI,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAC;SAClF;QAED,IAAI,CAAC,UAAU,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC;IAC/D,CAAC;IAED;;OAEG;IACO,eAAe;QAErB,IAAG,CAAC,IAAI,CAAC,SAAS,EAClB;YACI,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,cAAc,CAAC,kBAAkB,CAAC,IAAI,CAAC,QAAQ,CAAC,QAAQ,EAC9E;gBACI,SAAS,EAAE,IAAI,CAAC,OAAO;gBACvB,OAAO,EAAE,IAAI,CAAC,QAAQ;aACzB,CAAC,CAAC;SACN;aAED;YACI,IAAI,CAAC,SAAS,CAAC,OAAO;gBACtB;oBACI,SAAS,EAAE,IAAI,CAAC,OAAO;oBACvB,OAAO,EAAE,IAAI,CAAC,QAAQ;iBACzB,CAAC;YAEF,IAAI,CAAC,SAAS,CAAC,aAAa,EAAE,CAAC;SAClC;IACL,CAAC;;sIA1GQ,yCAAyC;0HAAzC,yCAAyC,2EAJxC,EAAE;2FAIH,yCAAyC;kBAPrD,SAAS;+BAEI,qCAAqC,YACrC,EAAE,mBAEK,uBAAuB,CAAC,MAAM","sourcesContent":["import {Component, ChangeDetectionStrategy, ViewContainerRef, ComponentRef, EmbeddedViewRef} from '@angular/core';\n\nimport {ValidationErrorsResult} from '../../services/errorMessagesExtractor/errorMessagesExtractor.interface';\nimport {ValidationErrorsComponent, ValidationErrorsContainerComponent, ValidationErrorsContainerOptions, ValidationErrorsTemplateContext} from '../../services/validationErrorRenderer/validationErrorRenderer.interface';\n\n/**\n * Component that serves as container for validation errors, either component or templates\n */\n@Component(\n{\n    selector: 'default-validation-errors-container',\n    template: '',\n    styleUrls: ['defaultValidationErrorsContainer.component.css'],\n    changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class DefaultValidationErrorsContainerComponent implements ValidationErrorsContainerComponent\n{\n    //######################### protected fields #########################\n\n    /**\n     * Errors to be shown\n     * @internal\n     */\n    protected _errors: ValidationErrorsResult;\n    \n    /**\n     * Options used for displaying validation errors\n     * @internal\n     */\n    protected _options: ValidationErrorsContainerOptions;\n\n    /**\n     * Instance of component reference for rendered errors\n     */\n    protected _component: ComponentRef<ValidationErrorsComponent>;\n\n    /**\n     * Instance of template reference for rendered errors\n     */\n    protected _template: EmbeddedViewRef<ValidationErrorsTemplateContext>;\n\n    //######################### constructor #########################\n    constructor(protected _viewContainer: ViewContainerRef)\n    {\n    }\n\n    //######################### public methods - implementation of  #########################\n\n    /**\n     * Shows validation errors\n     * @param errors - Errors to be shown\n     * @param options - Options used for displaying validation errors\n     * @param errorClasses - Array of css error classes\n     */\n    public show(errors: ValidationErrorsResult, options: ValidationErrorsContainerOptions): void\n    {\n        this._errors = errors;\n        this._options = options;\n\n        if(options.template)\n        {\n            this._renderTemplate();\n        }\n        else if(options.component)\n        {\n            this._renderComponent();\n        }\n        else\n        {\n            throw new Error('Missing template or component for rendering validation errors!');\n        }\n    }\n\n    /**\n     * Hides validation errors\n     */\n    public hide(): void\n    {\n        this._viewContainer.clear();\n        this._component = null;\n        this._template = null;\n    }\n\n    //######################### protected methods #########################\n\n    /**\n     * Renders validation errors component\n     */\n    protected _renderComponent(): void\n    {\n        if(!this._component)\n        {\n            this._component = this._viewContainer.createComponent(this._options.component);\n        }\n\n        this._component.instance.show(this._errors, this._options);\n    }\n\n    /**\n     * Renders validation errors template\n     */\n    protected _renderTemplate(): void\n    {\n        if(!this._template)\n        {\n            this._template = this._viewContainer.createEmbeddedView(this._options.template,\n            {\n                $implicit: this._errors,\n                options: this._options\n            });\n        }\n        else\n        {\n            this._template.context =\n            {\n                $implicit: this._errors,\n                options: this._options\n            };\n\n            this._template.detectChanges();\n        }\n    }\n}"]}

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

@@ -1,3 +1,4 @@
 export * from './defaultValidationErrors/defaultValidationErrors.component';
 export * from './defaultValidationErrorsContainer/defaultValidationErrorsContainer.component';
+export * from './reservedSpaceValidationErrorsContainer/reservedSpaceValidationErrorsContainer.component';
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../forms/src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,6DAA6D,CAAC;AAC5E,cAAc,+EAA+E,CAAC","sourcesContent":["export * from './defaultValidationErrors/defaultValidationErrors.component';\nexport * from './defaultValidationErrorsContainer/defaultValidationErrorsContainer.component';\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../forms/src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,6DAA6D,CAAC;AAC5E,cAAc,+EAA+E,CAAC;AAC9F,cAAc,2FAA2F,CAAC","sourcesContent":["export * from './defaultValidationErrors/defaultValidationErrors.component';\nexport * from './defaultValidationErrorsContainer/defaultValidationErrorsContainer.component';\nexport * from './reservedSpaceValidationErrorsContainer/reservedSpaceValidationErrorsContainer.component';\n"]}

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

@@ -0,0 +1,75 @@
+import { Component, ChangeDetectionStrategy, ViewContainerRef, ViewChild } from '@angular/core';
+import * as i0 from "@angular/core";
+//TODO: optimize duplicit code
+/**
+ * Component that serves as container for validation errors, either component or templates with reserved space for errors
+ */
+export class ReservedSpaceValidationErrorsContainerComponent {
+    //######################### public methods - implementation of  #########################
+    /**
+     * Shows validation errors
+     * @param errors - Errors to be shown
+     * @param options - Options used for displaying validation errors
+     * @param errorClasses - Array of css error classes
+     */
+    show(errors, options) {
+        this._errors = errors;
+        this._options = options;
+        if (options.template) {
+            this._renderTemplate();
+        }
+        else if (options.component) {
+            this._renderComponent();
+        }
+        else {
+            throw new Error('Missing template or component for rendering validation errors!');
+        }
+    }
+    /**
+     * Hides validation errors
+     */
+    hide() {
+        this.viewContainer.clear();
+        this._component = null;
+        this._template = null;
+    }
+    //######################### protected methods #########################
+    /**
+     * Renders validation errors component
+     */
+    _renderComponent() {
+        if (!this._component) {
+            this._component = this.viewContainer.createComponent(this._options.component);
+        }
+        this._component.instance.show(this._errors, this._options);
+    }
+    /**
+     * Renders validation errors template
+     */
+    _renderTemplate() {
+        if (!this._template) {
+            this._template = this.viewContainer.createEmbeddedView(this._options.template, {
+                $implicit: this._errors,
+                options: this._options
+            });
+        }
+        else {
+            this._template.context =
+                {
+                    $implicit: this._errors,
+                    options: this._options
+                };
+            this._template.detectChanges();
+        }
+    }
+}
+ReservedSpaceValidationErrorsContainerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: ReservedSpaceValidationErrorsContainerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+ReservedSpaceValidationErrorsContainerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.2", type: ReservedSpaceValidationErrorsContainerComponent, 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></ng-container>\n</div>", styles: [":host\n{\n    display: contents;\n}"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: ReservedSpaceValidationErrorsContainerComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'reserved-space-validation-errors-container', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div>\n    <ng-container #container></ng-container>\n</div>", styles: [":host\n{\n    display: contents;\n}"] }]
+        }], propDecorators: { viewContainer: [{
+                type: ViewChild,
+                args: ['container', { static: true, read: ViewContainerRef }]
+            }] } });
+//# sourceMappingURL=reservedSpaceValidationErrorsContainer.component.js.map

package/es2015/forms/src/components/reservedSpaceValidationErrorsContainer/reservedSpaceValidationErrorsContainer.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"reservedSpaceValidationErrorsContainer.component.js","sourceRoot":"","sources":["../../../../../forms/src/components/reservedSpaceValidationErrorsContainer/reservedSpaceValidationErrorsContainer.component.ts","../../../../../forms/src/components/reservedSpaceValidationErrorsContainer/reservedSpaceValidationErrorsContainer.component.html"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAE,uBAAuB,EAAE,gBAAgB,EAAiC,SAAS,EAAC,MAAM,eAAe,CAAC;;AAK7H,8BAA8B;AAE9B;;GAEG;AAQH,MAAM,OAAO,+CAA+C;IAkCxD,yFAAyF;IAEzF;;;;;OAKG;IACI,IAAI,CAAC,MAA8B,EAAE,OAAyC;QAEjF,IAAI,CAAC,OAAO,GAAG,MAAM,CAAC;QACtB,IAAI,CAAC,QAAQ,GAAG,OAAO,CAAC;QAExB,IAAG,OAAO,CAAC,QAAQ,EACnB;YACI,IAAI,CAAC,eAAe,EAAE,CAAC;SAC1B;aACI,IAAG,OAAO,CAAC,SAAS,EACzB;YACI,IAAI,CAAC,gBAAgB,EAAE,CAAC;SAC3B;aAED;YACI,MAAM,IAAI,KAAK,CAAC,gEAAgE,CAAC,CAAC;SACrF;IACL,CAAC;IAED;;OAEG;IACI,IAAI;QAEP,IAAI,CAAC,aAAa,CAAC,KAAK,EAAE,CAAC;QAC3B,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC;QACvB,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC;IAC1B,CAAC;IAED,uEAAuE;IAEvE;;OAEG;IACO,gBAAgB;QAEtB,IAAG,CAAC,IAAI,CAAC,UAAU,EACnB;YACI,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,aAAa,CAAC,eAAe,CAAC,IAAI,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAC;SACjF;QAED,IAAI,CAAC,UAAU,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC;IAC/D,CAAC;IAED;;OAEG;IACO,eAAe;QAErB,IAAG,CAAC,IAAI,CAAC,SAAS,EAClB;YACI,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,aAAa,CAAC,kBAAkB,CAAC,IAAI,CAAC,QAAQ,CAAC,QAAQ,EAC7E;gBACI,SAAS,EAAE,IAAI,CAAC,OAAO;gBACvB,OAAO,EAAE,IAAI,CAAC,QAAQ;aACzB,CAAC,CAAC;SACN;aAED;YACI,IAAI,CAAC,SAAS,CAAC,OAAO;gBACtB;oBACI,SAAS,EAAE,IAAI,CAAC,OAAO;oBACvB,OAAO,EAAE,IAAI,CAAC,QAAQ;iBACzB,CAAC;YAEF,IAAI,CAAC,SAAS,CAAC,aAAa,EAAE,CAAC;SAClC;IACL,CAAC;;4IA7GQ,+CAA+C;gIAA/C,+CAA+C,yKA+BX,gBAAgB,2CChDjE,6DAEM;2FDeO,+CAA+C;kBAP3D,SAAS;+BAEI,4CAA4C,mBAGrC,uBAAuB,CAAC,MAAM;8BAkCxC,aAAa;sBADnB,SAAS;uBAAC,WAAW,EAAE,EAAC,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,gBAAgB,EAAC","sourcesContent":["import {Component, ChangeDetectionStrategy, ViewContainerRef, ComponentRef, EmbeddedViewRef, ViewChild} from '@angular/core';\n\nimport {ValidationErrorsResult} from '../../services/errorMessagesExtractor/errorMessagesExtractor.interface';\nimport {ValidationErrorsComponent, ValidationErrorsContainerComponent, ValidationErrorsContainerOptions, ValidationErrorsTemplateContext} from '../../services/validationErrorRenderer/validationErrorRenderer.interface';\n\n//TODO: optimize duplicit code\n\n/**\n * Component that serves as container for validation errors, either component or templates with reserved space for errors\n */\n@Component(\n{\n    selector: 'reserved-space-validation-errors-container',\n    templateUrl: 'reservedSpaceValidationErrorsContainer.component.html',\n    styleUrls: ['reservedSpaceValidationErrorsContainer.component.css'],\n    changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class ReservedSpaceValidationErrorsContainerComponent implements ValidationErrorsContainerComponent\n{\n    //######################### protected fields #########################\n\n    /**\n     * Errors to be shown\n     * @internal\n     */\n    protected _errors: ValidationErrorsResult;\n    \n    /**\n     * Options used for displaying validation errors\n     * @internal\n     */\n    protected _options: ValidationErrorsContainerOptions;\n\n    /**\n     * Instance of component reference for rendered errors\n     */\n    protected _component: ComponentRef<ValidationErrorsComponent>;\n\n    /**\n     * Instance of template reference for rendered errors\n     */\n    protected _template: EmbeddedViewRef<ValidationErrorsTemplateContext>;\n\n    //######################### public properties - children #########################\n\n    /**\n     * View container for rendering validation errors\n     */\n    @ViewChild('container', {static: true, read: ViewContainerRef})\n    public viewContainer: ViewContainerRef;\n\n    //######################### public methods - implementation of  #########################\n\n    /**\n     * Shows validation errors\n     * @param errors - Errors to be shown\n     * @param options - Options used for displaying validation errors\n     * @param errorClasses - Array of css error classes\n     */\n    public show(errors: ValidationErrorsResult, options: ValidationErrorsContainerOptions): void\n    {\n        this._errors = errors;\n        this._options = options;\n\n        if(options.template)\n        {\n            this._renderTemplate();\n        }\n        else if(options.component)\n        {\n            this._renderComponent();\n        }\n        else\n        {\n            throw new Error('Missing template or component for rendering validation errors!');\n        }\n    }\n\n    /**\n     * Hides validation errors\n     */\n    public hide(): void\n    {\n        this.viewContainer.clear();\n        this._component = null;\n        this._template = null;\n    }\n\n    //######################### protected methods #########################\n\n    /**\n     * Renders validation errors component\n     */\n    protected _renderComponent(): void\n    {\n        if(!this._component)\n        {\n            this._component = this.viewContainer.createComponent(this._options.component);\n        }\n\n        this._component.instance.show(this._errors, this._options);\n    }\n\n    /**\n     * Renders validation errors template\n     */\n    protected _renderTemplate(): void\n    {\n        if(!this._template)\n        {\n            this._template = this.viewContainer.createEmbeddedView(this._options.template,\n            {\n                $implicit: this._errors,\n                options: this._options\n            });\n        }\n        else\n        {\n            this._template.context =\n            {\n                $implicit: this._errors,\n                options: this._options\n            };\n\n            this._template.detectChanges();\n        }\n    }\n}","<div>\n    <ng-container #container></ng-container>\n</div>"]}

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

@@ -0,0 +1,31 @@
+import { Directive } from '@angular/core';
+import { ValidationErrorsContainerView } from '../../misc/validationErrorsContainerView';
+import { GroupHasErrorDirective } from '../groupHasError/groupHasError.directive';
+import * as i0 from "@angular/core";
+/**
+ * Directive that is attached to parent element of inputs group and handles css class that is added to this element and registers provider for ValidationErrorsContainerView
+ */
+export class GroupHasErrorContainerDirective extends GroupHasErrorDirective {
+}
+GroupHasErrorContainerDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: GroupHasErrorContainerDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+GroupHasErrorContainerDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.2", type: GroupHasErrorContainerDirective, selector: "[groupHasErrorContainer]", providers: [
+        {
+            provide: GroupHasErrorDirective,
+            useExisting: GroupHasErrorContainerDirective
+        },
+        ValidationErrorsContainerView
+    ], usesInheritance: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: GroupHasErrorContainerDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[groupHasErrorContainer]',
+                    providers: [
+                        {
+                            provide: GroupHasErrorDirective,
+                            useExisting: GroupHasErrorContainerDirective
+                        },
+                        ValidationErrorsContainerView
+                    ]
+                }]
+        }] });
+//# sourceMappingURL=groupHasErrorContainer.directive.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"groupHasErrorContainer.directive.js","sourceRoot":"","sources":["../../../../../forms/src/directives/groupHasErrorContainer/groupHasErrorContainer.directive.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAmB,MAAM,eAAe,CAAC;AAE1D,OAAO,EAAC,6BAA6B,EAAC,MAAM,0CAA0C,CAAC;AACvF,OAAO,EAAC,sBAAsB,EAAC,MAAM,0CAA0C,CAAC;;AAEhF;;GAEG;AAcH,MAAM,OAAO,+BAAgC,SAAQ,sBAAsB;;4HAA9D,+BAA+B;gHAA/B,+BAA+B,mDATxC;QAEI;YACI,OAAO,EAAE,sBAAsB;YAC/B,WAAW,EAAE,+BAA+B;SAC/C;QACD,6BAA6B;KAChC;2FAEQ,+BAA+B;kBAb3C,SAAS;mBACV;oBACI,QAAQ,EAAE,0BAA0B;oBACpC,SAAS,EACT;wBAEI;4BACI,OAAO,EAAE,sBAAsB;4BAC/B,WAAW,iCAAiC;yBAC/C;wBACD,6BAA6B;qBAChC;iBACJ","sourcesContent":["import {Directive, ExistingProvider} from '@angular/core';\n\nimport {ValidationErrorsContainerView} from '../../misc/validationErrorsContainerView';\nimport {GroupHasErrorDirective} from '../groupHasError/groupHasError.directive';\n\n/**\n * Directive that is attached to parent element of inputs group and handles css class that is added to this element and registers provider for ValidationErrorsContainerView\n */\n@Directive(\n{\n    selector: '[groupHasErrorContainer]',\n    providers:\n    [\n        <ExistingProvider>\n        {\n            provide: GroupHasErrorDirective,\n            useExisting: GroupHasErrorContainerDirective\n        },\n        ValidationErrorsContainerView\n    ]\n})\nexport class GroupHasErrorContainerDirective extends GroupHasErrorDirective\n{\n}"]}

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

@@ -1,5 +1,5 @@
 import { __decorate, __metadata } from "tslib";
-import { Directive, ElementRef, Optional, SkipSelf, Inject, Input, Injector, ViewContainerRef } from '@angular/core';
+import { Directive, ElementRef, Optional, SkipSelf, Inject, Input, Injector, ViewContainerRef, Type, TemplateRef } from '@angular/core';
 import { FormControlDirective, FormControlName, NgModel } from '@angular/forms';
 import { STRING_LOCALIZATION } from '@anglr/common';
 import { generateId, BindThis } from '@jscrpt/common';
@@ -68,14 +68,20 @@ export class HasErrorDirective {
         (_a = this._containerView) !== null && _a !== void 0 ? _a : (this._containerView = new ValidationErrorsContainerView());
         (_b = (_c = this._containerView).viewContainer) !== null && _b !== void 0 ? _b : (_c.viewContainer = this._viewContainer);
         this._registerMutationObserver();
-        this.renderer = this._rendererFactory.create(this.control, this._containerView, this._injector, this._isSubmittedOrDirty);
         this._subscriptions.add(this._stringLocalization.textsChange.subscribe(() => this._updateStatus()));
         this._subscriptions.add(this.control.statusChanges.subscribe(() => this._updateStatus()));
-        this._updateStatus();
         if (this._submittedSvc) {
             this._subscriptions.add(this._submittedSvc.submittedChange.subscribe(() => this._isSubmittedOrDirty(() => this._updateStatus())));
         }
     }
+    //######################### public methods - implementation of AfterViewInit #########################
+    /**
+     * Called when view was initialized
+     */
+    ngAfterViewInit() {
+        this.renderer = this._rendererFactory.create(this.control, this._containerView, this._injector, this._isSubmittedOrDirty);
+        this._updateStatus();
+    }
     //######################### public methods - implementation of OnDestroy #########################
     /**
      * Called when component is destroyed
@@ -92,8 +98,18 @@ export class HasErrorDirective {
      * Updates status of control and css classes
      */
     _updateStatus() {
+        if (!this.renderer) {
+            return;
+        }
+        const opts = {};
+        if (this.errorsTemplate) {
+            opts.template = this.errorsTemplate;
+        }
+        else if (this.errorsComponent) {
+            opts.component = this.errorsComponent;
+        }
         this._previousDirty = this.control.dirty;
-        this._hasErrors = this.renderer.update({}, this.errorMessages);
+        this._hasErrors = this.renderer.update(opts, this.errorMessages);
         this._toggleGroupHasError();
     }
     /**
@@ -138,7 +154,7 @@ export class HasErrorDirective {
     }
 }
 HasErrorDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: HasErrorDirective, deps: [{ token: i0.ElementRef }, { token: i1.ValidationErrorRendererFactory }, { token: i0.ViewContainerRef }, { token: i2.GroupHasErrorDirective, optional: true, skipSelf: true }, { token: i3.FormControlDirective, optional: true }, { token: i3.FormControlName, optional: true }, { token: i3.NgModel, optional: true }, { token: i4.SubmittedService, optional: true }, { token: i5.ValidationErrorsContainerView, optional: true }, { token: STRING_LOCALIZATION }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Directive });
-HasErrorDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.2", type: HasErrorDirective, selector: "[hasError]", inputs: { errorMessages: "errorMessages" }, ngImport: i0 });
+HasErrorDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.2", type: HasErrorDirective, selector: "[hasError]", inputs: { errorMessages: "errorMessages", errorsComponent: "errorsComponent", errorsTemplate: "errorsTemplate" }, ngImport: i0 });
 __decorate([
     BindThis,
     __metadata("design:type", Function),
@@ -169,5 +185,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImpor
                     args: [STRING_LOCALIZATION]
                 }] }, { type: i0.Injector }]; }, propDecorators: { errorMessages: [{
                 type: Input
+            }], errorsComponent: [{
+                type: Input
+            }], errorsTemplate: [{
+                type: Input
             }], _isSubmittedOrDirty: [] } });
 //# sourceMappingURL=hasError.directive.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"hasError.directive.js","sourceRoot":"","sources":["../../../../../forms/src/directives/hasError/hasError.directive.ts"],"names":[],"mappings":"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","sourcesContent":["import {Directive, ElementRef, Optional, SkipSelf, OnInit, OnDestroy, Inject, Input, Injector, ViewContainerRef} from '@angular/core';\nimport {FormControlDirective, FormControlName, FormControl, NgModel} from '@angular/forms';\nimport {StringLocalization, STRING_LOCALIZATION} from '@anglr/common';\nimport {generateId, BindThis, StringDictionary} from '@jscrpt/common';\nimport {Subscription} from 'rxjs';\n\nimport {ValidationErrorRendererFactory} from '../../services/validationErrorRenderer/validationErrorRenderer.service';\nimport {ValidationErrorRenderer} from '../../services/validationErrorRenderer/validationErrorRenderer.interface';\nimport {SubmittedService} from '../../services/submitted/submitted.service';\nimport {GroupHasErrorDirective} from '../groupHasError/groupHasError.directive';\nimport {ValidationErrorsContainerView} from '../../misc/validationErrorsContainerView';\n\n//TODO - add support for setting renderer factory options using input\n\n/**\n * Directive that is attached to control element and handles css classes that are added to this element\n */\n@Directive(\n{\n    selector: '[hasError]'\n})\nexport class HasErrorDirective implements OnInit, OnDestroy\n{\n    //######################### private fields #########################\n\n    /**\n     * Subscriptions that are destroyed with destruction of this directive\n     */\n    private _subscriptions: Subscription = new Subscription();\n\n    /**\n     * Unique generated id of control\n     */\n    private _id: string = generateId(10);\n\n    /**\n     * Last value of control pristine attribute\n     */\n    private _previousDirty: boolean = false;\n\n    /**\n     * Indication whether currently are any errors rendered\n     */\n    private _hasErrors: boolean = false;\n\n    /**\n     * Mutation observer used for observing changes on class of element\n     */\n    private _observer: MutationObserver;\n\n    //######################### private properties #########################\n\n    /**\n     * Gets control which was assigned to this element\n     */\n    private get control(): FormControl\n    {\n        return this._formControl?.control || this._formControlName?.control || this._ngModel?.control;\n    }\n\n    //######################### public properties #########################\n\n    /**\n     * Instance of validation error renderer\n     */\n    public renderer: ValidationErrorRenderer;\n\n    //######################### public propeties - inputs #########################\n\n    /**\n     * Customized error messages\n     */\n    @Input()\n    public errorMessages: StringDictionary;\n\n    //######################### constructor #########################\n    constructor(private _element: ElementRef<HTMLElement>,\n                private _rendererFactory: ValidationErrorRendererFactory,\n                private _viewContainer: ViewContainerRef,\n                @Optional() @SkipSelf() private _groupHasError: GroupHasErrorDirective,\n                @Optional() private _formControl: FormControlDirective,\n                @Optional() private _formControlName: FormControlName,\n                @Optional() private _ngModel: NgModel,\n                @Optional() private _submittedSvc: SubmittedService,\n                @Optional() private _containerView: ValidationErrorsContainerView,\n                @Inject(STRING_LOCALIZATION) protected _stringLocalization: StringLocalization,\n                protected _injector: Injector)\n    {\n    }\n\n    //######################### public methods - implementation of OnInit #########################\n    \n    /**\n     * Initialize component\n     */\n    public ngOnInit(): void\n    {\n        this._containerView ??= new ValidationErrorsContainerView();\n        this._containerView.viewContainer ??= this._viewContainer;\n\n        this._registerMutationObserver();\n\n        this.renderer = this._rendererFactory.create(this.control,\n                                                     this._containerView,\n                                                     this._injector,\n                                                     this._isSubmittedOrDirty);\n\n        this._subscriptions.add(this._stringLocalization.textsChange.subscribe(() => this._updateStatus()));\n        this._subscriptions.add(this.control.statusChanges.subscribe(() => this._updateStatus()));\n\n        this._updateStatus();\n\n        if(this._submittedSvc)\n        {\n            this._subscriptions.add(this._submittedSvc.submittedChange.subscribe(() => this._isSubmittedOrDirty(() => this._updateStatus())));\n        }\n    }\n\n    //######################### public methods - implementation of OnDestroy #########################\n    \n    /**\n     * Called when component is destroyed\n     */\n    public ngOnDestroy(): void\n    {\n        this._subscriptions.unsubscribe();\n\n        this._groupHasError?.unregisterControl(this._id);\n        this._observer?.disconnect();\n        this.renderer?.destroy();\n    }\n\n    //######################### private methods #########################\n\n    /**\n     * Updates status of control and css classes\n     */\n    private _updateStatus(): void\n    {\n        this._previousDirty = this.control.dirty;\n        this._hasErrors = this.renderer.update({}, this.errorMessages);\n        this._toggleGroupHasError();\n    }\n\n    /**\n     * Toggles registration of control in parent group\n     */\n    private _toggleGroupHasError(): void\n    {\n        if(this._groupHasError)\n        {\n            this._isSubmittedOrDirty(() => this._groupHasError.registerControl(this._id),\n                                     () => this._groupHasError.unregisterControl(this._id),\n                                     this._hasErrors);\n        }\n    }\n\n    /**\n     * Calls action when form is submitted or control is dirty\n     * @param action - Action to be called when form is submitted or control dirty\n     * @param falseAction - Action to be called when form is not submitted and control is not dirty\n     * @param additionalCondition - Additional condition to be evaluated\n     */\n    @BindThis\n    private _isSubmittedOrDirty(action: () => void, falseAction: () => void = () => {}, additionalCondition: boolean = true): void\n    {\n        //submitted form or dirty control\n        if((this._submittedSvc?.submitted ||\n            this.control?.dirty) &&\n           additionalCondition)\n        {\n            action();\n        }\n        else\n        {\n            falseAction();\n        }\n    }\n\n    /**\n     * Registers mutation observer which watch for changes of class list\n     */\n    private _registerMutationObserver(): void\n    {\n        this._observer = new MutationObserver(() =>\n        {\n            if(this.control.dirty != this._previousDirty)\n            {\n                this._updateStatus();\n            }\n        });\n\n        this._observer.observe(this._element.nativeElement, \n        {\n            attributeFilter: ['class'],\n            attributes: true\n        });\n    }\n}"]}
+{"version":3,"file":"hasError.directive.js","sourceRoot":"","sources":["../../../../../forms/src/directives/hasError/hasError.directive.ts"],"names":[],"mappings":"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","sourcesContent":["import {Directive, ElementRef, Optional, SkipSelf, OnInit, OnDestroy, Inject, Input, Injector, ViewContainerRef, AfterViewInit, Type, TemplateRef} from '@angular/core';\nimport {FormControlDirective, FormControlName, FormControl, NgModel} from '@angular/forms';\nimport {StringLocalization, STRING_LOCALIZATION} from '@anglr/common';\nimport {generateId, BindThis, StringDictionary} from '@jscrpt/common';\nimport {Subscription} from 'rxjs';\n\nimport {ValidationErrorRendererFactory} from '../../services/validationErrorRenderer/validationErrorRenderer.service';\nimport {ValidationErrorRenderer, ValidationErrorsComponent, ValidationErrorsRendererOptions, ValidationErrorsTemplateContext} from '../../services/validationErrorRenderer/validationErrorRenderer.interface';\nimport {SubmittedService} from '../../services/submitted/submitted.service';\nimport {GroupHasErrorDirective} from '../groupHasError/groupHasError.directive';\nimport {ValidationErrorsContainerView} from '../../misc/validationErrorsContainerView';\n\n//TODO - add support for setting renderer factory options using input\n\n/**\n * Directive that is attached to control element and handles css classes that are added to this element\n */\n@Directive(\n{\n    selector: '[hasError]'\n})\nexport class HasErrorDirective implements OnInit, AfterViewInit, OnDestroy\n{\n    //######################### private fields #########################\n\n    /**\n     * Subscriptions that are destroyed with destruction of this directive\n     */\n    private _subscriptions: Subscription = new Subscription();\n\n    /**\n     * Unique generated id of control\n     */\n    private _id: string = generateId(10);\n\n    /**\n     * Last value of control pristine attribute\n     */\n    private _previousDirty: boolean = false;\n\n    /**\n     * Indication whether currently are any errors rendered\n     */\n    private _hasErrors: boolean = false;\n\n    /**\n     * Mutation observer used for observing changes on class of element\n     */\n    private _observer: MutationObserver;\n\n    //######################### private properties #########################\n\n    /**\n     * Gets control which was assigned to this element\n     */\n    private get control(): FormControl\n    {\n        return this._formControl?.control || this._formControlName?.control || this._ngModel?.control;\n    }\n\n    //######################### public properties #########################\n\n    /**\n     * Instance of validation error renderer\n     */\n    public renderer: ValidationErrorRenderer;\n\n    //######################### public propeties - inputs #########################\n\n    /**\n     * Customized error messages\n     */\n    @Input()\n    public errorMessages: StringDictionary;\n\n    /**\n     * Custom component used for rendering validation errors\n     */\n    @Input()\n    public errorsComponent?: Type<ValidationErrorsComponent>;\n\n    /**\n     * Custom template used for rendering validation errors\n     */\n    @Input()\n    public errorsTemplate?: TemplateRef<ValidationErrorsTemplateContext>;\n\n    //######################### constructor #########################\n    constructor(private _element: ElementRef<HTMLElement>,\n                private _rendererFactory: ValidationErrorRendererFactory,\n                private _viewContainer: ViewContainerRef,\n                @Optional() @SkipSelf() private _groupHasError: GroupHasErrorDirective,\n                @Optional() private _formControl: FormControlDirective,\n                @Optional() private _formControlName: FormControlName,\n                @Optional() private _ngModel: NgModel,\n                @Optional() private _submittedSvc: SubmittedService,\n                @Optional() private _containerView: ValidationErrorsContainerView,\n                @Inject(STRING_LOCALIZATION) protected _stringLocalization: StringLocalization,\n                protected _injector: Injector)\n    {\n    }\n\n    //######################### public methods - implementation of OnInit #########################\n    \n    /**\n     * Initialize component\n     */\n    public ngOnInit(): void\n    {\n        this._containerView ??= new ValidationErrorsContainerView();\n        this._containerView.viewContainer ??= this._viewContainer;\n\n        this._registerMutationObserver();\n\n        this._subscriptions.add(this._stringLocalization.textsChange.subscribe(() => this._updateStatus()));\n        this._subscriptions.add(this.control.statusChanges.subscribe(() => this._updateStatus()));\n\n        if(this._submittedSvc)\n        {\n            this._subscriptions.add(this._submittedSvc.submittedChange.subscribe(() => this._isSubmittedOrDirty(() => this._updateStatus())));\n        }\n    }\n\n    //######################### public methods - implementation of AfterViewInit #########################\n    \n    /**\n     * Called when view was initialized\n     */\n    public ngAfterViewInit(): void\n    {\n        this.renderer = this._rendererFactory.create(this.control,\n                                                     this._containerView,\n                                                     this._injector,\n                                                     this._isSubmittedOrDirty);\n\n        this._updateStatus();\n    }\n\n    //######################### public methods - implementation of OnDestroy #########################\n    \n    /**\n     * Called when component is destroyed\n     */\n    public ngOnDestroy(): void\n    {\n        this._subscriptions.unsubscribe();\n\n        this._groupHasError?.unregisterControl(this._id);\n        this._observer?.disconnect();\n        this.renderer?.destroy();\n    }\n\n    //######################### private methods #########################\n\n    /**\n     * Updates status of control and css classes\n     */\n    private _updateStatus(): void\n    {\n        if(!this.renderer)\n        {\n            return;\n        }\n\n        const opts: ValidationErrorsRendererOptions = {};\n\n        if(this.errorsTemplate)\n        {\n            opts.template = this.errorsTemplate;\n        }\n        else if(this.errorsComponent)\n        {\n            opts.component = this.errorsComponent;\n        }\n\n        this._previousDirty = this.control.dirty;\n        this._hasErrors = this.renderer.update(opts, this.errorMessages);\n        this._toggleGroupHasError();\n    }\n\n    /**\n     * Toggles registration of control in parent group\n     */\n    private _toggleGroupHasError(): void\n    {\n        if(this._groupHasError)\n        {\n            this._isSubmittedOrDirty(() => this._groupHasError.registerControl(this._id),\n                                     () => this._groupHasError.unregisterControl(this._id),\n                                     this._hasErrors);\n        }\n    }\n\n    /**\n     * Calls action when form is submitted or control is dirty\n     * @param action - Action to be called when form is submitted or control dirty\n     * @param falseAction - Action to be called when form is not submitted and control is not dirty\n     * @param additionalCondition - Additional condition to be evaluated\n     */\n    @BindThis\n    private _isSubmittedOrDirty(action: () => void, falseAction: () => void = () => {}, additionalCondition: boolean = true): void\n    {\n        //submitted form or dirty control\n        if((this._submittedSvc?.submitted ||\n            this.control?.dirty) &&\n           additionalCondition)\n        {\n            action();\n        }\n        else\n        {\n            falseAction();\n        }\n    }\n\n    /**\n     * Registers mutation observer which watch for changes of class list\n     */\n    private _registerMutationObserver(): void\n    {\n        this._observer = new MutationObserver(() =>\n        {\n            if(this.control.dirty != this._previousDirty)\n            {\n                this._updateStatus();\n            }\n        });\n\n        this._observer.observe(this._element.nativeElement, \n        {\n            attributeFilter: ['class'],\n            attributes: true\n        });\n    }\n}"]}

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

@@ -0,0 +1,3 @@
+export * from './groupHasErrorContainer/groupHasErrorContainer.directive';
+export * from './validationErrorsContainer/validationErrorsContainer.directive';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../forms/src/directives/index.ts"],"names":[],"mappings":"AAAA,cAAc,2DAA2D,CAAC;AAC1E,cAAc,iEAAiE,CAAC","sourcesContent":["export * from './groupHasErrorContainer/groupHasErrorContainer.directive';\nexport * from './validationErrorsContainer/validationErrorsContainer.directive';\n"]}

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

@@ -0,0 +1,24 @@
+import { Directive, SkipSelf, ViewContainerRef } from '@angular/core';
+import { ValidationErrorsContainerView } from '../../misc/validationErrorsContainerView';
+import * as i0 from "@angular/core";
+import * as i1 from "../../misc/validationErrorsContainerView";
+/**
+ * Directive that sets view container for validation errors for current element
+ */
+export class ValidationErrorsContainerDirective {
+    //######################### constructor #########################
+    constructor(containerView, viewContainer) {
+        containerView.viewContainer = viewContainer;
+    }
+}
+ValidationErrorsContainerDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: ValidationErrorsContainerDirective, deps: [{ token: i1.ValidationErrorsContainerView, skipSelf: true }, { token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Directive });
+ValidationErrorsContainerDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.2", type: ValidationErrorsContainerDirective, selector: "[validationErrorsContainer]", ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: ValidationErrorsContainerDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[validationErrorsContainer]'
+                }]
+        }], ctorParameters: function () { return [{ type: i1.ValidationErrorsContainerView, decorators: [{
+                    type: SkipSelf
+                }] }, { type: i0.ViewContainerRef }]; } });
+//# sourceMappingURL=validationErrorsContainer.directive.js.map

package/es2015/forms/src/directives/validationErrorsContainer/validationErrorsContainer.directive.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"validationErrorsContainer.directive.js","sourceRoot":"","sources":["../../../../../forms/src/directives/validationErrorsContainer/validationErrorsContainer.directive.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAE,QAAQ,EAAE,gBAAgB,EAAC,MAAM,eAAe,CAAC;AAEpE,OAAO,EAAC,6BAA6B,EAAC,MAAM,0CAA0C,CAAC;;;AAEvF;;GAEG;AAKH,MAAM,OAAO,kCAAkC;IAE3C,iEAAiE;IACjE,YAAwB,aAA4C,EACxD,aAA+B;QAEvC,aAAa,CAAC,aAAa,GAAG,aAAa,CAAC;IAChD,CAAC;;+HAPQ,kCAAkC;mHAAlC,kCAAkC;2FAAlC,kCAAkC;kBAJ9C,SAAS;mBACV;oBACI,QAAQ,EAAE,6BAA6B;iBAC1C;;0BAIgB,QAAQ","sourcesContent":["import {Directive, SkipSelf, ViewContainerRef} from '@angular/core';\n\nimport {ValidationErrorsContainerView} from '../../misc/validationErrorsContainerView';\n\n/**\n * Directive that sets view container for validation errors for current element\n */\n@Directive(\n{\n    selector: '[validationErrorsContainer]'\n})\nexport class ValidationErrorsContainerDirective\n{\n    //######################### constructor #########################\n    constructor(@SkipSelf() containerView: ValidationErrorsContainerView,\n                viewContainer: ViewContainerRef,)\n    {\n        containerView.viewContainer = viewContainer;\n    }\n}"]}

package/es2015/forms/src/index.js

@@ -1,4 +1,5 @@
 export * from './components';
+export * from './directives';
 export * from './directives/numberInput/maxValueNumberValidator.directive';
 export * from './directives/numberInput/minValueNumberValidator.directive';
 export * from './directives/numberInput/numberInputValidator.directive';

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../forms/src/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,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,eAAe,CAAC;AAC9B,cAAc,sCAAsC,CAAC;AACrD,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 './components';\nexport * 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/tokens';\nexport * from './misc/validationErrorsContainerView';\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"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../forms/src/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,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,eAAe,CAAC;AAC9B,cAAc,sCAAsC,CAAC;AACrD,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 './components';\nexport * from './directives';\nexport * 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/tokens';\nexport * from './misc/validationErrorsContainerView';\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"]}