@anglr/common 12.0.0-beta.20220414093434 → 12.0.0

package/es2020/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';
@@ -66,14 +66,20 @@ export class HasErrorDirective {
         this._containerView ?? (this._containerView = new ValidationErrorsContainerView());
         (_a = this._containerView).viewContainer ?? (_a.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
@@ -89,8 +95,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();
     }
     /**
@@ -134,7 +150,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),
@@ -165,5 +181,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/es2020/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/es2020/forms/src/directives/index.js

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

package/es2020/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/es2020/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/es2020/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/es2020/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/es2020/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"]}

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

@@ -1,5 +1,6 @@
 import { Component, ChangeDetectionStrategy, Optional, ChangeDetectorRef, Input, ContentChild } from '@angular/core';
 import { FormGroupDirective, FormGroupName } from '@angular/forms';
+import { slideInOutTrigger } from '@anglr/animations';
 import { Subscription } from 'rxjs';
 import { GroupErrorsTemplateDirective } from '../../directives';
 import * as i0 from "@angular/core";
@@ -55,10 +56,10 @@ export class GroupErrorsComponent {
     }
 }
 GroupErrorsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: GroupErrorsComponent, deps: [{ token: i1.FormGroupDirective, optional: true }, { token: i1.FormGroupName, optional: true }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-GroupErrorsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.2", type: GroupErrorsComponent, selector: "form-group-errors", inputs: { cssClass: "cssClass" }, queries: [{ propertyName: "template", first: true, predicate: GroupErrorsTemplateDirective, descendants: true }], ngImport: i0, template: "<ng-template #defaultTemplate let-errorName>\n    <div [ngClass]=\"cssClass\" [errorMessage]=\"errorName\" [errors]=\"formGroup.errors\"></div>\n</ng-template>\n\n<ng-container *ngFor=\"let errorName of formGroup.errors | keys | withErrorMessage; let first=first; let last=last; let index=index\">\n    <ng-container *ngTemplateOutlet=\"template?.template ?? defaultTemplate; context: {$implicit: errorName, first, last, index, errors: formGroup.errors}\"></ng-container>\n</ng-container>", directives: [{ type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i3.ErrorMessageDirective, selector: "[errorMessage]", inputs: ["errorMessage", "errors"], exportAs: ["errorMessage"] }, { type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }], pipes: { "withErrorMessage": i4.WithErrorMessagePipe, "keys": i5.KeysPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+GroupErrorsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.2", type: GroupErrorsComponent, selector: "form-group-errors", inputs: { cssClass: "cssClass" }, queries: [{ propertyName: "template", first: true, predicate: GroupErrorsTemplateDirective, descendants: true }], ngImport: i0, template: "<ng-template #defaultTemplate let-errorName>\n    <div [ngClass]=\"cssClass\" [errorMessage]=\"errorName\" [errors]=\"formGroup.errors\" @slideInOut></div>\n</ng-template>\n\n<ng-container *ngFor=\"let errorName of formGroup.errors | keys | withErrorMessage; let first=first; let last=last; let index=index\">\n    <ng-container *ngTemplateOutlet=\"template?.template ?? defaultTemplate; context: {$implicit: errorName, first, last, index, errors: formGroup.errors}\"></ng-container>\n</ng-container>", directives: [{ type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i3.ErrorMessageDirective, selector: "[errorMessage]", inputs: ["errorMessage", "errors"], exportAs: ["errorMessage"] }, { type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }], pipes: { "withErrorMessage": i4.WithErrorMessagePipe, "keys": i5.KeysPipe }, animations: [slideInOutTrigger], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: GroupErrorsComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'form-group-errors', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-template #defaultTemplate let-errorName>\n    <div [ngClass]=\"cssClass\" [errorMessage]=\"errorName\" [errors]=\"formGroup.errors\"></div>\n</ng-template>\n\n<ng-container *ngFor=\"let errorName of formGroup.errors | keys | withErrorMessage; let first=first; let last=last; let index=index\">\n    <ng-container *ngTemplateOutlet=\"template?.template ?? defaultTemplate; context: {$implicit: errorName, first, last, index, errors: formGroup.errors}\"></ng-container>\n</ng-container>" }]
+            args: [{ selector: 'form-group-errors', 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<ng-container *ngFor=\"let errorName of formGroup.errors | keys | withErrorMessage; let first=first; let last=last; let index=index\">\n    <ng-container *ngTemplateOutlet=\"template?.template ?? defaultTemplate; context: {$implicit: errorName, first, last, index, errors: formGroup.errors}\"></ng-container>\n</ng-container>" }]
         }], ctorParameters: function () { return [{ type: i1.FormGroupDirective, decorators: [{
                     type: Optional
                 }] }, { type: i1.FormGroupName, decorators: [{

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

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

@@ -2,7 +2,8 @@ import { NgModule } from '@angular/core';
 import { CommonModule } from '@angular/common';
 import { HasErrorDirective } from '../directives/hasError/hasError.directive';
 import { GroupHasErrorDirective } from '../directives/groupHasError/groupHasError.directive';
-import { DefaultValidationErrorsComponent, DefaultValidationErrorsContainerComponent } from '../components';
+import { GroupHasErrorContainerDirective, ValidationErrorsContainerDirective } from '../directives';
+import { DefaultValidationErrorsComponent, DefaultValidationErrorsContainerComponent, ReservedSpaceValidationErrorsContainerComponent } from '../components';
 import * as i0 from "@angular/core";
 /**
  * Module for input validation directives
@@ -12,9 +13,14 @@ export class HasErrorModule {
 HasErrorModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: HasErrorModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
 HasErrorModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: HasErrorModule, declarations: [HasErrorDirective,
         GroupHasErrorDirective,
+        GroupHasErrorContainerDirective,
+        ValidationErrorsContainerDirective,
         DefaultValidationErrorsComponent,
-        DefaultValidationErrorsContainerComponent], imports: [CommonModule], exports: [HasErrorDirective,
-        GroupHasErrorDirective] });
+        DefaultValidationErrorsContainerComponent,
+        ReservedSpaceValidationErrorsContainerComponent], imports: [CommonModule], exports: [HasErrorDirective,
+        GroupHasErrorDirective,
+        GroupHasErrorContainerDirective,
+        ValidationErrorsContainerDirective] });
 HasErrorModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: HasErrorModule, imports: [[
             CommonModule,
         ]] });
@@ -27,12 +33,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImpor
                     declarations: [
                         HasErrorDirective,
                         GroupHasErrorDirective,
+                        GroupHasErrorContainerDirective,
+                        ValidationErrorsContainerDirective,
                         DefaultValidationErrorsComponent,
                         DefaultValidationErrorsContainerComponent,
+                        ReservedSpaceValidationErrorsContainerComponent,
                     ],
                     exports: [
                         HasErrorDirective,
                         GroupHasErrorDirective,
+                        GroupHasErrorContainerDirective,
+                        ValidationErrorsContainerDirective,
                     ]
                 }]
         }] });

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

@@ -1 +1 @@
-{"version":3,"file":"hasError.module.js","sourceRoot":"","sources":["../../../../forms/src/modules/hasError.module.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,QAAQ,EAAC,MAAM,eAAe,CAAC;AACvC,OAAO,EAAC,YAAY,EAAC,MAAM,iBAAiB,CAAC;AAE7C,OAAO,EAAC,iBAAiB,EAAC,MAAM,2CAA2C,CAAC;AAC5E,OAAO,EAAC,sBAAsB,EAAC,MAAM,qDAAqD,CAAC;AAC3F,OAAO,EAAC,gCAAgC,EAAE,yCAAyC,EAAC,MAAM,eAAe,CAAC;;AAE1G;;GAEG;AAoBH,MAAM,OAAO,cAAc;;2GAAd,cAAc;4GAAd,cAAc,iBAXnB,iBAAiB;QACjB,sBAAsB;QACtB,gCAAgC;QAChC,yCAAyC,aAPzC,YAAY,aAWZ,iBAAiB;QACjB,sBAAsB;4GAGjB,cAAc,YAhBvB;YACI,YAAY;SACf;2FAcQ,cAAc;kBAnB1B,QAAQ;mBACT;oBACI,OAAO,EACP;wBACI,YAAY;qBACf;oBACD,YAAY,EACZ;wBACI,iBAAiB;wBACjB,sBAAsB;wBACtB,gCAAgC;wBAChC,yCAAyC;qBAC5C;oBACD,OAAO,EACP;wBACI,iBAAiB;wBACjB,sBAAsB;qBACzB;iBACJ","sourcesContent":["import {NgModule} from '@angular/core';\nimport {CommonModule} from '@angular/common';\n\nimport {HasErrorDirective} from '../directives/hasError/hasError.directive';\nimport {GroupHasErrorDirective} from '../directives/groupHasError/groupHasError.directive';\nimport {DefaultValidationErrorsComponent, DefaultValidationErrorsContainerComponent} from '../components';\n\n/**\n * Module for input validation directives\n */\n@NgModule(\n{\n    imports:\n    [\n        CommonModule,\n    ],\n    declarations: \n    [\n        HasErrorDirective,\n        GroupHasErrorDirective,\n        DefaultValidationErrorsComponent,\n        DefaultValidationErrorsContainerComponent,\n    ],\n    exports: \n    [\n        HasErrorDirective,\n        GroupHasErrorDirective,\n    ]\n})\nexport class HasErrorModule\n{\n}"]}
+{"version":3,"file":"hasError.module.js","sourceRoot":"","sources":["../../../../forms/src/modules/hasError.module.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,QAAQ,EAAC,MAAM,eAAe,CAAC;AACvC,OAAO,EAAC,YAAY,EAAC,MAAM,iBAAiB,CAAC;AAE7C,OAAO,EAAC,iBAAiB,EAAC,MAAM,2CAA2C,CAAC;AAC5E,OAAO,EAAC,sBAAsB,EAAC,MAAM,qDAAqD,CAAC;AAC3F,OAAO,EAAC,+BAA+B,EAAE,kCAAkC,EAAC,MAAM,eAAe,CAAC;AAClG,OAAO,EAAC,gCAAgC,EAAE,yCAAyC,EAAE,+CAA+C,EAAC,MAAM,eAAe,CAAC;;AAE3J;;GAEG;AAyBH,MAAM,OAAO,cAAc;;2GAAd,cAAc;4GAAd,cAAc,iBAhBnB,iBAAiB;QACjB,sBAAsB;QACtB,+BAA+B;QAC/B,kCAAkC;QAClC,gCAAgC;QAChC,yCAAyC;QACzC,+CAA+C,aAV/C,YAAY,aAcZ,iBAAiB;QACjB,sBAAsB;QACtB,+BAA+B;QAC/B,kCAAkC;4GAG7B,cAAc,YArBvB;YACI,YAAY;SACf;2FAmBQ,cAAc;kBAxB1B,QAAQ;mBACT;oBACI,OAAO,EACP;wBACI,YAAY;qBACf;oBACD,YAAY,EACZ;wBACI,iBAAiB;wBACjB,sBAAsB;wBACtB,+BAA+B;wBAC/B,kCAAkC;wBAClC,gCAAgC;wBAChC,yCAAyC;wBACzC,+CAA+C;qBAClD;oBACD,OAAO,EACP;wBACI,iBAAiB;wBACjB,sBAAsB;wBACtB,+BAA+B;wBAC/B,kCAAkC;qBACrC;iBACJ","sourcesContent":["import {NgModule} from '@angular/core';\nimport {CommonModule} from '@angular/common';\n\nimport {HasErrorDirective} from '../directives/hasError/hasError.directive';\nimport {GroupHasErrorDirective} from '../directives/groupHasError/groupHasError.directive';\nimport {GroupHasErrorContainerDirective, ValidationErrorsContainerDirective} from '../directives';\nimport {DefaultValidationErrorsComponent, DefaultValidationErrorsContainerComponent, ReservedSpaceValidationErrorsContainerComponent} from '../components';\n\n/**\n * Module for input validation directives\n */\n@NgModule(\n{\n    imports:\n    [\n        CommonModule,\n    ],\n    declarations: \n    [\n        HasErrorDirective,\n        GroupHasErrorDirective,\n        GroupHasErrorContainerDirective,\n        ValidationErrorsContainerDirective,\n        DefaultValidationErrorsComponent,\n        DefaultValidationErrorsContainerComponent,\n        ReservedSpaceValidationErrorsContainerComponent,\n    ],\n    exports: \n    [\n        HasErrorDirective,\n        GroupHasErrorDirective,\n        GroupHasErrorContainerDirective,\n        ValidationErrorsContainerDirective,\n    ]\n})\nexport class HasErrorModule\n{\n}"]}

package/es2020/positions/src/index.js

@@ -1,9 +1,2 @@
 export * from './misc/utils';
-export * from './modules/positions/directives/positionTo/positionTo.directive';
-export * from './modules/positions/modules/positions.module';
-export * from './modules/tooltip/components/tooltip/tooltip.component';
-export * from './modules/tooltip/directives/tooltip/tooltip.directive';
-export * from './modules/tooltip/misc/tokens';
-export * from './modules/tooltip/misc/tooltip.interface';
-export * from './modules/tooltip/modules/tooltip.module';
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../positions/src/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,gEAAgE,CAAC;AAC/E,cAAc,8CAA8C,CAAC;AAC7D,cAAc,wDAAwD,CAAC;AACvE,cAAc,wDAAwD,CAAC;AACvE,cAAc,+BAA+B,CAAC;AAC9C,cAAc,0CAA0C,CAAC;AACzD,cAAc,0CAA0C,CAAC","sourcesContent":["export * from './misc/utils';\nexport * from './modules/positions/directives/positionTo/positionTo.directive';\nexport * from './modules/positions/modules/positions.module';\nexport * from './modules/tooltip/components/tooltip/tooltip.component';\nexport * from './modules/tooltip/directives/tooltip/tooltip.directive';\nexport * from './modules/tooltip/misc/tokens';\nexport * from './modules/tooltip/misc/tooltip.interface';\nexport * from './modules/tooltip/modules/tooltip.module';\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../positions/src/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC","sourcesContent":["export * from './misc/utils';\n"]}

package/es2020/src/modules/position/directives/positionTo/positionTo.directive.js

@@ -1,4 +1,4 @@
-import { Directive, Input, ElementRef, Inject } from '@angular/core';
+import { Directive, Input, ElementRef, Inject, Output, EventEmitter } from '@angular/core';
 import { nameof, isPresent, isString } from '@jscrpt/common';
 import { applyPositionResult, PositionPlacement } from '../../../../services/position';
 import { POSITION } from '../../../../types/tokens';
@@ -7,16 +7,15 @@ import * as i0 from "@angular/core";
  * Sets position of attached element relative to provided element
  */
 export class PositionToDirective {
-    // //######################### public properties - outputs #########################
-    // /**
-    //  * Occurs when flip occurs during positioning
-    //  */
-    // @Output()
-    // public flip: EventEmitter<void> = new EventEmitter<void>();
     //######################### constructor #########################
     constructor(_target, _position) {
         this._target = _target;
         this._position = _position;
+        // //######################### public properties - outputs #########################
+        /**
+         * Occurs when flip occurs during positioning
+         */
+        this.flip = new EventEmitter();
     }
     //######################### public properties - inputs #########################
     /**
@@ -67,10 +66,13 @@ export class PositionToDirective {
         }
         const result = await this._position.placeElement(this._target.nativeElement, this._source, options).toPromise();
         applyPositionResult(result);
+        if (result.flip) {
+            this.flip.next();
+        }
     }
 }
 PositionToDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: PositionToDirective, deps: [{ token: i0.ElementRef }, { token: POSITION }], target: i0.ɵɵFactoryTarget.Directive });
-PositionToDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.2", type: PositionToDirective, selector: "[positionTo]", inputs: { source: ["positionTo", "source"], placement: "placement" }, usesOnChanges: true, ngImport: i0 });
+PositionToDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.2", type: PositionToDirective, selector: "[positionTo]", inputs: { source: ["positionTo", "source"], placement: "placement" }, outputs: { flip: "flip" }, usesOnChanges: true, ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: PositionToDirective, decorators: [{
             type: Directive,
             args: [{
@@ -84,5 +86,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImpor
                 args: ['positionTo']
             }], placement: [{
                 type: Input
+            }], flip: [{
+                type: Output
             }] } });
 //# sourceMappingURL=positionTo.directive.js.map

package/es2020/src/modules/position/directives/positionTo/positionTo.directive.js.map

@@ -1 +1 @@
-{"version":3,"file":"positionTo.directive.js","sourceRoot":"","sources":["../../../../../../src/modules/position/directives/positionTo/positionTo.directive.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAE,KAAK,EAAE,UAAU,EAA4B,MAAM,EAAC,MAAM,eAAe,CAAC;AAC7F,OAAO,EAAC,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAC,MAAM,gBAAgB,CAAC;AAE3D,OAAO,EAAC,mBAAmB,EAAY,iBAAiB,EAAkB,MAAM,+BAA+B,CAAC;AAChH,OAAO,EAAC,QAAQ,EAAC,MAAM,0BAA0B,CAAC;;AAElD;;GAEG;AAKH,MAAM,OAAO,mBAAmB;IAwD5B,oFAAoF;IAEpF,MAAM;IACN,gDAAgD;IAChD,MAAM;IACN,YAAY;IACZ,8DAA8D;IAE9D,iEAAiE;IACjE,YAAsB,OAAgC,EACd,SAAmB;QADrC,YAAO,GAAP,OAAO,CAAyB;QACd,cAAS,GAAT,SAAS,CAAU;IAE3D,CAAC;IAtDD,gFAAgF;IAEhF;;OAEG;IACH,IACW,MAAM;QAEb,OAAO,IAAI,CAAC,OAAO,CAAC;IACxB,CAAC;IACD,IAAW,MAAM,CAAC,KAAkB;QAEhC,IAAG,KAAK,YAAY,UAAU,EAC9B;YACI,IAAI,CAAC,OAAO,GAAI,KAAoB,CAAC,aAAa,CAAC;YAEnD,OAAO;SACV;QAED,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;IACzB,CAAC;IAED;;OAEG;IACH,IACW,SAAS;QAEhB,OAAO,IAAI,CAAC,UAAU,CAAC;IAC3B,CAAC;IACD,IAAW,SAAS,CAAC,KAAuC;QAExD,IAAG,QAAQ,CAAC,KAAK,CAAC,EAClB;YACI,IAAI,CAAC,UAAU,GAAG,iBAAiB,CAAC,KAAuC,CAAC,CAAC;YAE7E,OAAO;SACV;QAED,IAAI,CAAC,UAAU,GAAG,KAAK,CAAC;IAC5B,CAAC;IAgBD,kGAAkG;IAElG;;OAEG;IACI,WAAW,CAAC,OAAsB;QAErC,IAAG,CAAC,MAAM,CAAsB,QAAQ,CAAC,IAAI,OAAO;YAChD,MAAM,CAAsB,WAAW,CAAC,IAAI,OAAO,CAAC;YACrD,SAAS,CAAC,IAAI,CAAC,MAAM,CAAC,EACzB;YACI,IAAI,CAAC,cAAc,EAAE,CAAC;SACzB;IACL,CAAC;IAED,uEAAuE;IAEvE;;OAEG;IACO,KAAK,CAAC,cAAc;QAE1B,MAAM,OAAO,GACb,EACC,CAAC;QAEF,IAAG,IAAI,CAAC,UAAU,EAClB;YACI,OAAO,CAAC,SAAS,GAAG,IAAI,CAAC,UAAU,CAAC;SACvC;QAED,MAAM,MAAM,GAAG,MAAM,IAAI,CAAC,SAAS,CAAC,YAAY,CAAC,IAAI,CAAC,OAAO,CAAC,aAAa,EAC1B,IAAI,CAAC,OAAO,EACZ,OAAO,CAAC,CAAC,SAAS,EAAE,CAAC;QAEtE,mBAAmB,CAAC,MAAM,CAAC,CAAC;IAChC,CAAC;;gHA1GQ,mBAAmB,4CAkER,QAAQ;oGAlEnB,mBAAmB;2FAAnB,mBAAmB;kBAJ/B,SAAS;mBACV;oBACI,QAAQ,EAAE,cAAc;iBAC3B;;0BAmEgB,MAAM;2BAAC,QAAQ;4CA9CjB,MAAM;sBADhB,KAAK;uBAAC,YAAY;gBAqBR,SAAS;sBADnB,KAAK","sourcesContent":["import {Directive, Input, ElementRef, OnChanges, SimpleChanges, Inject} from '@angular/core';\nimport {nameof, isPresent, isString} from '@jscrpt/common';\n\nimport {applyPositionResult, Position, PositionPlacement, PositionOptions} from '../../../../services/position';\nimport {POSITION} from '../../../../types/tokens';\n\n/**\n * Sets position of attached element relative to provided element\n */\n@Directive(\n{\n    selector: '[positionTo]'\n})\nexport class PositionToDirective implements OnChanges\n{\n    //######################### protected fields #########################\n\n    /**\n     * Position placement value\n     */\n    protected _placement: PositionPlacement|null|undefined;\n\n    /**\n     * Html element which is used as source for positioning\n     */\n    protected _source!: HTMLElement;\n\n    //######################### public properties - inputs #########################\n\n    /**\n     * Gets or sets html element which is used as source for positioning\n     */\n    @Input('positionTo')\n    public get source(): HTMLElement\n    {\n        return this._source;\n    }\n    public set source(value: HTMLElement)\n    {\n        if(value instanceof ElementRef)\n        {\n            this._source = (value as ElementRef).nativeElement;\n\n            return;\n        }\n\n        this._source = value;\n    }\n\n    /**\n     * Gets or sets position placement value\n     */\n    @Input()\n    public get placement(): PositionPlacement|null|undefined\n    {\n        return this._placement;\n    }\n    public set placement(value: PositionPlacement|null|undefined)\n    {\n        if(isString(value))\n        {\n            this._placement = PositionPlacement[value as keyof typeof PositionPlacement];\n\n            return;\n        }\n\n        this._placement = value;\n    }\n\n    // //######################### public properties - outputs #########################\n\n    // /**\n    //  * Occurs when flip occurs during positioning\n    //  */\n    // @Output()\n    // public flip: EventEmitter<void> = new EventEmitter<void>();\n\n    //######################### constructor #########################\n    constructor(protected _target: ElementRef<HTMLElement>,\n                @Inject(POSITION) protected _position: Position)\n    {\n    }\n\n    //######################### public methods - implementation of OnChanges #########################\n\n    /**\n     * Called when input value changes\n     */\n    public ngOnChanges(changes: SimpleChanges): void\n    {\n        if((nameof<PositionToDirective>('source') in changes ||\n            nameof<PositionToDirective>('placement') in changes) &&\n           isPresent(this.source))\n        {\n            this._applyPosition();\n        }\n    }\n\n    //######################### protected methods #########################\n\n    /**\n     * Applies position according to specified parameters to specified elements\n     */\n    protected async _applyPosition(): Promise<void>\n    {\n        const options: Partial<PositionOptions> =\n        {\n        };\n\n        if(this._placement)\n        {\n            options.placement = this._placement;\n        }\n\n        const result = await this._position.placeElement(this._target.nativeElement,\n                                                         this._source,\n                                                         options).toPromise();\n\n        applyPositionResult(result);\n    }\n\n    //######################### ng language server #########################\n    \n    /**\n     * Custom input type for `placement` input\n     */\n    public static ngAcceptInputType_placement: PositionPlacement|undefined|null|keyof typeof PositionPlacement;\n\n    //######################### ng language server #########################\n    \n    /**\n     * Custom input type for `positionTo` input\n     */\n    public static ngAcceptInputType_positionTo: HTMLElement|ElementRef<HTMLElement>;\n}\n"]}
+{"version":3,"file":"positionTo.directive.js","sourceRoot":"","sources":["../../../../../../src/modules/position/directives/positionTo/positionTo.directive.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAE,KAAK,EAAE,UAAU,EAA4B,MAAM,EAAE,MAAM,EAAE,YAAY,EAAC,MAAM,eAAe,CAAC;AACnH,OAAO,EAAC,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAC,MAAM,gBAAgB,CAAC;AAE3D,OAAO,EAAC,mBAAmB,EAAY,iBAAiB,EAAkB,MAAM,+BAA+B,CAAC;AAChH,OAAO,EAAC,QAAQ,EAAC,MAAM,0BAA0B,CAAC;;AAElD;;GAEG;AAKH,MAAM,OAAO,mBAAmB;IAgE5B,iEAAiE;IACjE,YAAsB,OAAgC,EACd,SAAmB;QADrC,YAAO,GAAP,OAAO,CAAyB;QACd,cAAS,GAAT,SAAS,CAAU;QAV3D,oFAAoF;QAEpF;;WAEG;QAEI,SAAI,GAAuB,IAAI,YAAY,EAAQ,CAAC;IAM3D,CAAC;IAtDD,gFAAgF;IAEhF;;OAEG;IACH,IACW,MAAM;QAEb,OAAO,IAAI,CAAC,OAAO,CAAC;IACxB,CAAC;IACD,IAAW,MAAM,CAAC,KAAkB;QAEhC,IAAG,KAAK,YAAY,UAAU,EAC9B;YACI,IAAI,CAAC,OAAO,GAAI,KAAoB,CAAC,aAAa,CAAC;YAEnD,OAAO;SACV;QAED,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;IACzB,CAAC;IAED;;OAEG;IACH,IACW,SAAS;QAEhB,OAAO,IAAI,CAAC,UAAU,CAAC;IAC3B,CAAC;IACD,IAAW,SAAS,CAAC,KAAuC;QAExD,IAAG,QAAQ,CAAC,KAAK,CAAC,EAClB;YACI,IAAI,CAAC,UAAU,GAAG,iBAAiB,CAAC,KAAuC,CAAC,CAAC;YAE7E,OAAO;SACV;QAED,IAAI,CAAC,UAAU,GAAG,KAAK,CAAC;IAC5B,CAAC;IAgBD,kGAAkG;IAElG;;OAEG;IACI,WAAW,CAAC,OAAsB;QAErC,IAAG,CAAC,MAAM,CAAsB,QAAQ,CAAC,IAAI,OAAO;YAChD,MAAM,CAAsB,WAAW,CAAC,IAAI,OAAO,CAAC;YACrD,SAAS,CAAC,IAAI,CAAC,MAAM,CAAC,EACzB;YACI,IAAI,CAAC,cAAc,EAAE,CAAC;SACzB;IACL,CAAC;IAED,uEAAuE;IAEvE;;OAEG;IACO,KAAK,CAAC,cAAc;QAE1B,MAAM,OAAO,GACb,EACC,CAAC;QAEF,IAAG,IAAI,CAAC,UAAU,EAClB;YACI,OAAO,CAAC,SAAS,GAAG,IAAI,CAAC,UAAU,CAAC;SACvC;QAED,MAAM,MAAM,GAAG,MAAM,IAAI,CAAC,SAAS,CAAC,YAAY,CAAC,IAAI,CAAC,OAAO,CAAC,aAAa,EAC1B,IAAI,CAAC,OAAO,EACZ,OAAO,CAAC,CAAC,SAAS,EAAE,CAAC;QAEtE,mBAAmB,CAAC,MAAM,CAAC,CAAC;QAE5B,IAAG,MAAM,CAAC,IAAI,EACd;YACI,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC;SACpB;IACL,CAAC;;gHA/GQ,mBAAmB,4CAkER,QAAQ;oGAlEnB,mBAAmB;2FAAnB,mBAAmB;kBAJ/B,SAAS;mBACV;oBACI,QAAQ,EAAE,cAAc;iBAC3B;;0BAmEgB,MAAM;2BAAC,QAAQ;4CA9CjB,MAAM;sBADhB,KAAK;uBAAC,YAAY;gBAqBR,SAAS;sBADnB,KAAK;gBAuBC,IAAI;sBADV,MAAM","sourcesContent":["import {Directive, Input, ElementRef, OnChanges, SimpleChanges, Inject, Output, EventEmitter} from '@angular/core';\nimport {nameof, isPresent, isString} from '@jscrpt/common';\n\nimport {applyPositionResult, Position, PositionPlacement, PositionOptions} from '../../../../services/position';\nimport {POSITION} from '../../../../types/tokens';\n\n/**\n * Sets position of attached element relative to provided element\n */\n@Directive(\n{\n    selector: '[positionTo]'\n})\nexport class PositionToDirective implements OnChanges\n{\n    //######################### protected fields #########################\n\n    /**\n     * Position placement value\n     */\n    protected _placement: PositionPlacement|null|undefined;\n\n    /**\n     * Html element which is used as source for positioning\n     */\n    protected _source!: HTMLElement;\n\n    //######################### public properties - inputs #########################\n\n    /**\n     * Gets or sets html element which is used as source for positioning\n     */\n    @Input('positionTo')\n    public get source(): HTMLElement\n    {\n        return this._source;\n    }\n    public set source(value: HTMLElement)\n    {\n        if(value instanceof ElementRef)\n        {\n            this._source = (value as ElementRef).nativeElement;\n\n            return;\n        }\n\n        this._source = value;\n    }\n\n    /**\n     * Gets or sets position placement value\n     */\n    @Input()\n    public get placement(): PositionPlacement|null|undefined\n    {\n        return this._placement;\n    }\n    public set placement(value: PositionPlacement|null|undefined)\n    {\n        if(isString(value))\n        {\n            this._placement = PositionPlacement[value as keyof typeof PositionPlacement];\n\n            return;\n        }\n\n        this._placement = value;\n    }\n\n    // //######################### public properties - outputs #########################\n\n    /**\n     * Occurs when flip occurs during positioning\n     */\n    @Output()\n    public flip: EventEmitter<void> = new EventEmitter<void>();\n\n    //######################### constructor #########################\n    constructor(protected _target: ElementRef<HTMLElement>,\n                @Inject(POSITION) protected _position: Position)\n    {\n    }\n\n    //######################### public methods - implementation of OnChanges #########################\n\n    /**\n     * Called when input value changes\n     */\n    public ngOnChanges(changes: SimpleChanges): void\n    {\n        if((nameof<PositionToDirective>('source') in changes ||\n            nameof<PositionToDirective>('placement') in changes) &&\n           isPresent(this.source))\n        {\n            this._applyPosition();\n        }\n    }\n\n    //######################### protected methods #########################\n\n    /**\n     * Applies position according to specified parameters to specified elements\n     */\n    protected async _applyPosition(): Promise<void>\n    {\n        const options: Partial<PositionOptions> =\n        {\n        };\n\n        if(this._placement)\n        {\n            options.placement = this._placement;\n        }\n\n        const result = await this._position.placeElement(this._target.nativeElement,\n                                                         this._source,\n                                                         options).toPromise();\n\n        applyPositionResult(result);\n\n        if(result.flip)\n        {\n            this.flip.next();\n        }\n    }\n\n    //######################### ng language server #########################\n    \n    /**\n     * Custom input type for `placement` input\n     */\n    public static ngAcceptInputType_placement: PositionPlacement|undefined|null|keyof typeof PositionPlacement;\n\n    //######################### ng language server #########################\n    \n    /**\n     * Custom input type for `positionTo` input\n     */\n    public static ngAcceptInputType_positionTo: HTMLElement|ElementRef<HTMLElement>;\n}\n"]}

package/es2020/src/services/position/position.interface.js.map

@@ -1 +1 @@
-{"version":3,"file":"position.interface.js","sourceRoot":"","sources":["../../../../src/services/position/position.interface.ts"],"names":[],"mappings":"","sourcesContent":["import {Observable} from 'rxjs';\n\nimport {PositionOffset, PositionPlacement} from './position.types';\n\n/**\n * Options for autoupdate specific functionality\n */\nexport interface AutoUpdateOptions\n{\n    /**\n     * Indication whether update position when ancestor scroll changes\n     */\n    ancestorScroll: boolean;\n\n    /**\n     * Indication whether update position when ancestor size changes\n     */\n    ancestorResize: boolean;\n\n    /**\n     * Indication whether update position when target element changes size\n     */\n    elementResize: boolean;\n}\n\n/**\n * Options that are passed to position service\n */\nexport interface PositionOptions\n{\n    //######################### properties #########################\n\n    /**\n     * Placement of target element against source element\n     */\n    placement: PositionPlacement;\n\n    /**\n     * Offset which allows moving target element along the cross axis of placement\n     */\n    offset: PositionOffset;\n\n    /**\n     * Indication whether perform flip in case of collision (with view boundaries)\n     */\n    flip: boolean;\n\n    /**\n     * Indication whether set up 'auto updating' of position\n     */\n    autoUpdate: boolean|AutoUpdateOptions;\n\n    /**\n     * Mouse event that occured when positioning was called\n     */\n    mouseEvent?: MouseEvent;\n}\n\n/**\n * Result of positioning process, storing new coordinates\n */\nexport interface PositionResult<TElement extends Element = any>\n{\n    /**\n     * Target element to be positioned\n     */\n    target: TElement;\n\n    /**\n     * X coordinate of position of target\n     */\n    x: number;\n\n    /**\n     * Y coordinate of position of target\n     */\n    y: number;\n\n    /**\n     * Disposes instance of engine used for positioning\n     */\n    dispose(): void;\n}\n\n/**\n * Service that is used for positioning two elements against each other\n */\nexport interface Position\n{\n    //######################### methods #########################\n\n    /**\n     * Places target element relatively to source element according options and returns result storing information about new position\n     * @param target - Target element to be placed\n     * @param source - Source element to be placed against\n     * @param options - Optional options with informations about new position\n     */\n    placeElement(target: Element, source: Element, options?: Partial<PositionOptions>): Observable<PositionResult>;\n}\n"]}
+{"version":3,"file":"position.interface.js","sourceRoot":"","sources":["../../../../src/services/position/position.interface.ts"],"names":[],"mappings":"","sourcesContent":["import {Observable} from 'rxjs';\n\nimport {PositionOffset, PositionPlacement} from './position.types';\n\n/**\n * Options for autoupdate specific functionality\n */\nexport interface AutoUpdateOptions\n{\n    /**\n     * Indication whether update position when ancestor scroll changes\n     */\n    ancestorScroll: boolean;\n\n    /**\n     * Indication whether update position when ancestor size changes\n     */\n    ancestorResize: boolean;\n\n    /**\n     * Indication whether update position when target element changes size\n     */\n    elementResize: boolean;\n}\n\n/**\n * Options that are passed to position service\n */\nexport interface PositionOptions\n{\n    //######################### properties #########################\n\n    /**\n     * Placement of target element against source element\n     */\n    placement: PositionPlacement;\n\n    /**\n     * Offset which allows moving target element along the cross axis of placement\n     */\n    offset: PositionOffset;\n\n    /**\n     * Indication whether perform flip in case of collision (with view boundaries)\n     */\n    flip: boolean;\n\n    /**\n     * Indication whether set up 'auto updating' of position\n     */\n    autoUpdate: boolean|AutoUpdateOptions;\n\n    /**\n     * Mouse event that occured when positioning was called\n     */\n    mouseEvent?: MouseEvent;\n}\n\n/**\n * Result of positioning process, storing new coordinates\n */\nexport interface PositionResult<TElement extends Element = any>\n{\n    /**\n     * Target element to be positioned\n     */\n    target: TElement;\n\n    /**\n     * X coordinate of position of target\n     */\n    x: number;\n\n    /**\n     * Y coordinate of position of target\n     */\n    y: number;\n\n    /**\n     * Indication whether there was flip applied\n     */\n    flip: boolean;\n\n    /**\n     * Disposes instance of engine used for positioning\n     */\n    dispose(): void;\n}\n\n/**\n * Service that is used for positioning two elements against each other\n */\nexport interface Position\n{\n    //######################### methods #########################\n\n    /**\n     * Places target element relatively to source element according options and returns result storing information about new position\n     * @param target - Target element to be placed\n     * @param source - Source element to be placed against\n     * @param options - Optional options with informations about new position\n     */\n    placeElement(target: Element, source: Element, options?: Partial<PositionOptions>): Observable<PositionResult>;\n}\n"]}

package/floating-ui/src/services/floatingUiDomPosition.service.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"floatingUiDomPosition.service.d.ts","sourceRoot":"","sources":["floatingUiDomPosition.service.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,aAAa,EAAa,MAAM,eAAe,CAAC;AACxD,OAAO,EAAC,QAAQ,EAAE,cAAc,EAAE,eAAe,EAAiE,MAAM,eAAe,CAAC;AAExI,OAAO,EAAkB,SAAS,EAAc,UAAU,EAAe,MAAM,kBAAkB,CAAC;AAClG,OAAO,EAAC,UAAU,EAAC,MAAM,MAAM,CAAC;;AAahC;;GAEG;AACH,qBACa,qBAAsB,YAAW,QAAQ;IAIlD;;OAEG;IACI,YAAY,CAAC,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,CAAC,EAAE,OAAO,CAAC,eAAe,CAAC,GAAG,UAAU,CAAC,cAAc,CAAC;IAiFrH;;;;OAIG;IACH,SAAS,CAAC,QAAQ,CAAC,WAAW,EAAE,UAAU,EAAE,EAAE,OAAO,EAAE,eAAe,GAAG,IAAI;IAQ7E;;;;OAIG;IACH,SAAS,CAAC,UAAU,CAAC,WAAW,EAAE,UAAU,EAAE,EAAE,OAAO,EAAE,eAAe,GAAG,IAAI;IAkF/E;;;OAGG;IACH,SAAS,CAAC,aAAa,CAAC,OAAO,EAAE,eAAe,GAAG,SAAS;yCAhMnD,qBAAqB;6CAArB,qBAAqB;CAuPjC;AAED;;GAEG;AACH,eAAO,MAAM,oBAAoB,EAAE,aAIlC,CAAC"}
+{"version":3,"file":"floatingUiDomPosition.service.d.ts","sourceRoot":"","sources":["floatingUiDomPosition.service.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,aAAa,EAAa,MAAM,eAAe,CAAC;AACxD,OAAO,EAAC,QAAQ,EAAE,cAAc,EAAE,eAAe,EAAiE,MAAM,eAAe,CAAC;AAExI,OAAO,EAAkB,SAAS,EAAc,UAAU,EAAe,MAAM,kBAAkB,CAAC;AAClG,OAAO,EAAC,UAAU,EAAC,MAAM,MAAM,CAAC;;AAahC;;GAEG;AACH,qBACa,qBAAsB,YAAW,QAAQ;IAIlD;;OAEG;IACI,YAAY,CAAC,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,CAAC,EAAE,OAAO,CAAC,eAAe,CAAC,GAAG,UAAU,CAAC,cAAc,CAAC;IAmFrH;;;;OAIG;IACH,SAAS,CAAC,QAAQ,CAAC,WAAW,EAAE,UAAU,EAAE,EAAE,OAAO,EAAE,eAAe,GAAG,IAAI;IAQ7E;;;;OAIG;IACH,SAAS,CAAC,UAAU,CAAC,WAAW,EAAE,UAAU,EAAE,EAAE,OAAO,EAAE,eAAe,GAAG,IAAI;IAkF/E;;;OAGG;IACH,SAAS,CAAC,aAAa,CAAC,OAAO,EAAE,eAAe,GAAG,SAAS;yCAlMnD,qBAAqB;6CAArB,qBAAqB;CAyPjC;AAED;;GAEG;AACH,eAAO,MAAM,oBAAoB,EAAE,aAIlC,CAAC"}

package/forms/src/components/defaultValidationErrors/defaultValidationErrors.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"defaultValidationErrors.component.d.ts","sourceRoot":"","sources":["defaultValidationErrors.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAqC,iBAAiB,EAAc,MAAM,eAAe,CAAC;AAIjG,OAAO,EAAC,sBAAsB,EAAC,MAAM,wEAAwE,CAAC;AAC9G,OAAO,EAAC,yBAAyB,EAAE,uBAAuB,EAAC,MAAM,0EAA0E,CAAC;;AAI5I;;GAEG;AACH,qBAkBa,gCAAiC,YAAW,yBAAyB;IAyBlE,SAAS,CAAC,eAAe,EAAE,iBAAiB;IArBxD;;;OAGG;IACI,MAAM,EAAE,sBAAsB,CAAC;IAEtC;;;OAGG;IACI,OAAO,EAAE,uBAAuB,CAAC;IAIxC;;OAEG;IAEI,OAAO,EAAE,OAAO,CAAQ;gBAGT,eAAe,EAAE,iBAAiB;IAMxD;;OAEG;IACI,IAAI,CAAC,MAAM,EAAE,sBAAsB,EAAE,OAAO,EAAE,uBAAuB,GAAG,IAAI;yCAlC1E,gCAAgC;2CAAhC,gCAAgC;CAyC5C"}
+{"version":3,"file":"defaultValidationErrors.component.d.ts","sourceRoot":"","sources":["defaultValidationErrors.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAqC,iBAAiB,EAAc,MAAM,eAAe,CAAC;AAGjG,OAAO,EAAC,sBAAsB,EAAC,MAAM,wEAAwE,CAAC;AAC9G,OAAO,EAAC,yBAAyB,EAAE,uBAAuB,EAAC,MAAM,0EAA0E,CAAC;;AAE5I;;GAEG;AACH,qBAYa,gCAAiC,YAAW,yBAAyB;IAyBlE,SAAS,CAAC,eAAe,EAAE,iBAAiB;IArBxD;;;OAGG;IACI,MAAM,EAAE,sBAAsB,CAAC;IAEtC;;;OAGG;IACI,OAAO,EAAE,uBAAuB,CAAC;IAIxC;;OAEG;IAEI,OAAO,EAAE,OAAO,CAAQ;gBAGT,eAAe,EAAE,iBAAiB;IAMxD;;OAEG;IACI,IAAI,CAAC,MAAM,EAAE,sBAAsB,EAAE,OAAO,EAAE,uBAAuB,GAAG,IAAI;yCAlC1E,gCAAgC;2CAAhC,gCAAgC;CAyC5C"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA,cAAc,6DAA6D,CAAC;AAC5E,cAAc,+EAA+E,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA,cAAc,6DAA6D,CAAC;AAC5E,cAAc,+EAA+E,CAAC;AAC9F,cAAc,2FAA2F,CAAC"}

package/forms/src/components/reservedSpaceValidationErrorsContainer/reservedSpaceValidationErrorsContainer.component.css

@@ -0,0 +1,4 @@
+:host
+{
+    display: contents;
+}

package/forms/src/components/reservedSpaceValidationErrorsContainer/reservedSpaceValidationErrorsContainer.component.d.ts

@@ -0,0 +1,53 @@
+import { ViewContainerRef, ComponentRef, EmbeddedViewRef } from '@angular/core';
+import { ValidationErrorsResult } from '../../services/errorMessagesExtractor/errorMessagesExtractor.interface';
+import { ValidationErrorsComponent, ValidationErrorsContainerComponent, ValidationErrorsContainerOptions, ValidationErrorsTemplateContext } from '../../services/validationErrorRenderer/validationErrorRenderer.interface';
+import * as i0 from "@angular/core";
+/**
+ * Component that serves as container for validation errors, either component or templates with reserved space for errors
+ */
+export declare class ReservedSpaceValidationErrorsContainerComponent implements ValidationErrorsContainerComponent {
+    /**
+     * Errors to be shown
+     * @internal
+     */
+    protected _errors: ValidationErrorsResult;
+    /**
+     * Options used for displaying validation errors
+     * @internal
+     */
+    protected _options: ValidationErrorsContainerOptions;
+    /**
+     * Instance of component reference for rendered errors
+     */
+    protected _component: ComponentRef<ValidationErrorsComponent>;
+    /**
+     * Instance of template reference for rendered errors
+     */
+    protected _template: EmbeddedViewRef<ValidationErrorsTemplateContext>;
+    /**
+     * View container for rendering validation errors
+     */
+    viewContainer: ViewContainerRef;
+    /**
+     * 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: ValidationErrorsResult, options: ValidationErrorsContainerOptions): void;
+    /**
+     * Hides validation errors
+     */
+    hide(): void;
+    /**
+     * Renders validation errors component
+     */
+    protected _renderComponent(): void;
+    /**
+     * Renders validation errors template
+     */
+    protected _renderTemplate(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ReservedSpaceValidationErrorsContainerComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ReservedSpaceValidationErrorsContainerComponent, "reserved-space-validation-errors-container", never, {}, {}, never, never>;
+}
+//# sourceMappingURL=reservedSpaceValidationErrorsContainer.component.d.ts.map

package/forms/src/components/reservedSpaceValidationErrorsContainer/reservedSpaceValidationErrorsContainer.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"reservedSpaceValidationErrorsContainer.component.d.ts","sourceRoot":"","sources":["reservedSpaceValidationErrorsContainer.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAqC,gBAAgB,EAAE,YAAY,EAAE,eAAe,EAAY,MAAM,eAAe,CAAC;AAE7H,OAAO,EAAC,sBAAsB,EAAC,MAAM,wEAAwE,CAAC;AAC9G,OAAO,EAAC,yBAAyB,EAAE,kCAAkC,EAAE,gCAAgC,EAAE,+BAA+B,EAAC,MAAM,0EAA0E,CAAC;;AAI1N;;GAEG;AACH,qBAOa,+CAAgD,YAAW,kCAAkC;IAItG;;;OAGG;IACH,SAAS,CAAC,OAAO,EAAE,sBAAsB,CAAC;IAE1C;;;OAGG;IACH,SAAS,CAAC,QAAQ,EAAE,gCAAgC,CAAC;IAErD;;OAEG;IACH,SAAS,CAAC,UAAU,EAAE,YAAY,CAAC,yBAAyB,CAAC,CAAC;IAE9D;;OAEG;IACH,SAAS,CAAC,SAAS,EAAE,eAAe,CAAC,+BAA+B,CAAC,CAAC;IAItE;;OAEG;IAEI,aAAa,EAAE,gBAAgB,CAAC;IAIvC;;;;;OAKG;IACI,IAAI,CAAC,MAAM,EAAE,sBAAsB,EAAE,OAAO,EAAE,gCAAgC,GAAG,IAAI;IAmB5F;;OAEG;IACI,IAAI,IAAI,IAAI;IASnB;;OAEG;IACH,SAAS,CAAC,gBAAgB,IAAI,IAAI;IAUlC;;OAEG;IACH,SAAS,CAAC,eAAe,IAAI,IAAI;yCAzFxB,+CAA+C;2CAA/C,+CAA+C;CA8G3D"}

package/forms/src/components/reservedSpaceValidationErrorsContainer/reservedSpaceValidationErrorsContainer.component.html

@@ -0,0 +1,3 @@
+<div>
+    <ng-container #container></ng-container>
+</div>

package/forms/src/directives/groupHasErrorContainer/groupHasErrorContainer.directive.d.ts

@@ -0,0 +1,10 @@
+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 declare class GroupHasErrorContainerDirective extends GroupHasErrorDirective {
+    static ɵfac: i0.ɵɵFactoryDeclaration<GroupHasErrorContainerDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<GroupHasErrorContainerDirective, "[groupHasErrorContainer]", never, {}, {}, never>;
+}
+//# sourceMappingURL=groupHasErrorContainer.directive.d.ts.map

package/forms/src/directives/groupHasErrorContainer/groupHasErrorContainer.directive.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"groupHasErrorContainer.directive.d.ts","sourceRoot":"","sources":["groupHasErrorContainer.directive.ts"],"names":[],"mappings":"AAGA,OAAO,EAAC,sBAAsB,EAAC,MAAM,0CAA0C,CAAC;;AAEhF;;GAEG;AACH,qBAaa,+BAAgC,SAAQ,sBAAsB;yCAA9D,+BAA+B;2CAA/B,+BAA+B;CAE3C"}

package/forms/src/directives/hasError/hasError.directive.d.ts

@@ -1,9 +1,9 @@
-import { ElementRef, OnInit, OnDestroy, Injector, ViewContainerRef } from '@angular/core';
+import { ElementRef, OnInit, OnDestroy, Injector, ViewContainerRef, AfterViewInit, Type, TemplateRef } from '@angular/core';
 import { FormControlDirective, FormControlName, NgModel } from '@angular/forms';
 import { StringLocalization } from '@anglr/common';
 import { StringDictionary } from '@jscrpt/common';
 import { ValidationErrorRendererFactory } from '../../services/validationErrorRenderer/validationErrorRenderer.service';
-import { ValidationErrorRenderer } from '../../services/validationErrorRenderer/validationErrorRenderer.interface';
+import { ValidationErrorRenderer, ValidationErrorsComponent, ValidationErrorsTemplateContext } from '../../services/validationErrorRenderer/validationErrorRenderer.interface';
 import { SubmittedService } from '../../services/submitted/submitted.service';
 import { GroupHasErrorDirective } from '../groupHasError/groupHasError.directive';
 import { ValidationErrorsContainerView } from '../../misc/validationErrorsContainerView';
@@ -11,7 +11,7 @@ import * as i0 from "@angular/core";
 /**
  * Directive that is attached to control element and handles css classes that are added to this element
  */
-export declare class HasErrorDirective implements OnInit, OnDestroy {
+export declare class HasErrorDirective implements OnInit, AfterViewInit, OnDestroy {
     private _element;
     private _rendererFactory;
     private _viewContainer;
@@ -55,11 +55,23 @@ export declare class HasErrorDirective implements OnInit, OnDestroy {
      * Customized error messages
      */
     errorMessages: StringDictionary;
+    /**
+     * Custom component used for rendering validation errors
+     */
+    errorsComponent?: Type<ValidationErrorsComponent>;
+    /**
+     * Custom template used for rendering validation errors
+     */
+    errorsTemplate?: TemplateRef<ValidationErrorsTemplateContext>;
     constructor(_element: ElementRef<HTMLElement>, _rendererFactory: ValidationErrorRendererFactory, _viewContainer: ViewContainerRef, _groupHasError: GroupHasErrorDirective, _formControl: FormControlDirective, _formControlName: FormControlName, _ngModel: NgModel, _submittedSvc: SubmittedService, _containerView: ValidationErrorsContainerView, _stringLocalization: StringLocalization, _injector: Injector);
     /**
      * Initialize component
      */
     ngOnInit(): void;
+    /**
+     * Called when view was initialized
+     */
+    ngAfterViewInit(): void;
     /**
      * Called when component is destroyed
      */
@@ -84,6 +96,6 @@ export declare class HasErrorDirective implements OnInit, OnDestroy {
      */
     private _registerMutationObserver;
     static ɵfac: i0.ɵɵFactoryDeclaration<HasErrorDirective, [null, null, null, { optional: true; skipSelf: true; }, { optional: true; }, { optional: true; }, { optional: true; }, { optional: true; }, { optional: true; }, null, null]>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<HasErrorDirective, "[hasError]", never, { "errorMessages": "errorMessages"; }, {}, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<HasErrorDirective, "[hasError]", never, { "errorMessages": "errorMessages"; "errorsComponent": "errorsComponent"; "errorsTemplate": "errorsTemplate"; }, {}, never>;
 }
 //# sourceMappingURL=hasError.directive.d.ts.map