@anglr/common 12.0.0-beta.20220413122054 → 12.0.0-beta.20220419062525

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

@@ -1,6 +1,9 @@
 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 { GroupHasErrorContainerDirective, ValidationErrorsContainerDirective } from '../directives';
+import { DefaultValidationErrorsComponent, DefaultValidationErrorsContainerComponent, ReservedSpaceValidationErrorsContainerComponent } from '../components';
 import * as i0 from "@angular/core";
 /**
  * Module for input validation directives
@@ -9,19 +12,38 @@ 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], exports: [HasErrorDirective,
-        GroupHasErrorDirective] });
-HasErrorModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: HasErrorModule });
+        GroupHasErrorDirective,
+        GroupHasErrorContainerDirective,
+        ValidationErrorsContainerDirective,
+        DefaultValidationErrorsComponent,
+        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,
+        ]] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: HasErrorModule, decorators: [{
             type: NgModule,
             args: [{
+                    imports: [
+                        CommonModule,
+                    ],
                     declarations: [
                         HasErrorDirective,
-                        GroupHasErrorDirective
+                        GroupHasErrorDirective,
+                        GroupHasErrorContainerDirective,
+                        ValidationErrorsContainerDirective,
+                        DefaultValidationErrorsComponent,
+                        DefaultValidationErrorsContainerComponent,
+                        ReservedSpaceValidationErrorsContainerComponent,
                     ],
                     exports: [
                         HasErrorDirective,
-                        GroupHasErrorDirective
+                        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;AAEvC,OAAO,EAAC,iBAAiB,EAAC,MAAM,2CAA2C,CAAC;AAC5E,OAAO,EAAC,sBAAsB,EAAC,MAAM,qDAAqD,CAAC;;AAE3F;;GAEG;AAcH,MAAM,OAAO,cAAc;;2GAAd,cAAc;4GAAd,cAAc,iBATnB,iBAAiB;QACjB,sBAAsB,aAItB,iBAAiB;QACjB,sBAAsB;4GAGjB,cAAc;2FAAd,cAAc;kBAb1B,QAAQ;mBACT;oBACI,YAAY,EACZ;wBACI,iBAAiB;wBACjB,sBAAsB;qBACzB;oBACD,OAAO,EACP;wBACI,iBAAiB;wBACjB,sBAAsB;qBACzB;iBACJ","sourcesContent":["import {NgModule} from '@angular/core';\n\nimport {HasErrorDirective} from '../directives/hasError/hasError.directive';\nimport {GroupHasErrorDirective} from '../directives/groupHasError/groupHasError.directive';\n\n/**\n * Module for input validation directives\n */\n@NgModule(\n{\n    declarations: \n    [\n        HasErrorDirective,\n        GroupHasErrorDirective\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/forms/src/services/errorMessagesExtractor/errorMessagesExtractor.service.js

@@ -38,7 +38,7 @@ export class ErrorMessagesExtractor {
             return null;
         }
         const result = {
-            errors: Object.keys(control.errors).filter(itm => this._ignoredValidationErrors.indexOf(itm) >= 0),
+            errors: Object.keys(control.errors).filter(itm => this._ignoredValidationErrors.indexOf(itm) < 0),
             errorMessages: []
         };
         result.errors.forEach(error => {

package/es2020/forms/src/services/errorMessagesExtractor/errorMessagesExtractor.service.js.map

@@ -1 +1 @@
-{"version":3,"file":"errorMessagesExtractor.service.js","sourceRoot":"","sources":["../../../../../forms/src/services/errorMessagesExtractor/errorMessagesExtractor.service.ts"],"names":[],"mappings":"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","sourcesContent":["import {Injectable, Inject, Optional} from '@angular/core';\nimport {FormControl} from '@angular/forms';\nimport {StringLocalization, STRING_LOCALIZATION} from '@anglr/common';\nimport {StringDictionary, extend, isString} from '@jscrpt/common';\n\nimport {IGNORED_VALIDATION_ERRORS, VALIDATION_ERROR_MESSAGES} from '../../misc/tokens';\nimport {ValidationErrorsResult} from './errorMessagesExtractor.interface';\n\n/**\n * Default error messages displayed\n */\nconst defaultErrorMessages: StringDictionary =\n{\n    required: 'Field is required.',\n    number: 'Value must be number.',\n    pattern: 'Value is not valid.',\n    minValue: 'Value is too small.',\n    maxValue: 'Value is too big.',\n    minlength: 'Value is short.',\n    maxlength: 'Value is too long.'\n};\n\n/**\n * Service used for extracting error messages from form control\n */\n@Injectable({providedIn: 'root'})\nexport class ErrorMessagesExtractor\n{\n    //######################### protected fields #########################\n\n    /**\n     * Dictionary with error names that have defined message\n     */\n    protected _errorMessages: StringDictionary;\n\n    //######################### constructor #########################\n    constructor(@Inject(STRING_LOCALIZATION) protected _stringLocalization: StringLocalization,\n                @Inject(IGNORED_VALIDATION_ERRORS) protected _ignoredValidationErrors: string[],\n                @Inject(VALIDATION_ERROR_MESSAGES) @Optional() globalErrorMessages?: StringDictionary)\n    {\n        this._errorMessages = extend(true, {}, defaultErrorMessages, globalErrorMessages);\n    }\n\n    //######################### public methods #########################\n\n    /**\n     * Gets validation errors result for provided control, or null of no errors are present\n     * @param control - Form control instance that should be inspected for errors\n     * @param messages - Object containing error messages that should patch existing error messages\n     */\n    public getErrors(control: FormControl, messages?: StringDictionary): ValidationErrorsResult\n    {\n        const errorMessages: StringDictionary = extend(true, {}, this._errorMessages, messages);\n\n        //no control or no errors\n        if(!control || !control.errors)\n        {\n            return null;\n        }\n\n        const result: ValidationErrorsResult =\n        {\n            errors: Object.keys(control.errors).filter(itm => this._ignoredValidationErrors.indexOf(itm) >= 0),\n            errorMessages: []\n        };\n\n        result.errors.forEach(error =>\n        {\n            const errorData = control.errors[error];\n            \n            //error message is present for error\n            if(errorMessages[error])\n            {\n                result.errorMessages.push(this._stringLocalization.get(errorMessages[error], control.errors));\n            }\n            //display error data if it is string and there is missing translation\n            else if(isString(errorData))\n            {\n                result.errorMessages.push(errorData);\n            }\n            //error data are array of strings, each string is considered error message\n            else if(Array.isArray(errorData))\n            {\n                errorData.forEach(errorItm =>\n                {\n                    if(isString(errorItm))\n                    {\n                        result.errorMessages.push(this._stringLocalization.get(errorItm, control.errors));\n                    }\n                });\n            }\n        });\n\n        return result;\n    }\n}"]}
+{"version":3,"file":"errorMessagesExtractor.service.js","sourceRoot":"","sources":["../../../../../forms/src/services/errorMessagesExtractor/errorMessagesExtractor.service.ts"],"names":[],"mappings":"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","sourcesContent":["import {Injectable, Inject, Optional} from '@angular/core';\nimport {FormControl} from '@angular/forms';\nimport {StringLocalization, STRING_LOCALIZATION} from '@anglr/common';\nimport {StringDictionary, extend, isString} from '@jscrpt/common';\n\nimport {IGNORED_VALIDATION_ERRORS, VALIDATION_ERROR_MESSAGES} from '../../misc/tokens';\nimport {ValidationErrorsResult} from './errorMessagesExtractor.interface';\n\n/**\n * Default error messages displayed\n */\nconst defaultErrorMessages: StringDictionary =\n{\n    required: 'Field is required.',\n    number: 'Value must be number.',\n    pattern: 'Value is not valid.',\n    minValue: 'Value is too small.',\n    maxValue: 'Value is too big.',\n    minlength: 'Value is short.',\n    maxlength: 'Value is too long.'\n};\n\n/**\n * Service used for extracting error messages from form control\n */\n@Injectable({providedIn: 'root'})\nexport class ErrorMessagesExtractor\n{\n    //######################### protected fields #########################\n\n    /**\n     * Dictionary with error names that have defined message\n     */\n    protected _errorMessages: StringDictionary;\n\n    //######################### constructor #########################\n    constructor(@Inject(STRING_LOCALIZATION) protected _stringLocalization: StringLocalization,\n                @Inject(IGNORED_VALIDATION_ERRORS) protected _ignoredValidationErrors: string[],\n                @Inject(VALIDATION_ERROR_MESSAGES) @Optional() globalErrorMessages?: StringDictionary)\n    {\n        this._errorMessages = extend(true, {}, defaultErrorMessages, globalErrorMessages);\n    }\n\n    //######################### public methods #########################\n\n    /**\n     * Gets validation errors result for provided control, or null of no errors are present\n     * @param control - Form control instance that should be inspected for errors\n     * @param messages - Object containing error messages that should patch existing error messages\n     */\n    public getErrors(control: FormControl, messages?: StringDictionary): ValidationErrorsResult\n    {\n        const errorMessages: StringDictionary = extend(true, {}, this._errorMessages, messages);\n\n        //no control or no errors\n        if(!control || !control.errors)\n        {\n            return null;\n        }\n\n        const result: ValidationErrorsResult =\n        {\n            errors: Object.keys(control.errors).filter(itm => this._ignoredValidationErrors.indexOf(itm) < 0),\n            errorMessages: []\n        };\n\n        result.errors.forEach(error =>\n        {\n            const errorData = control.errors[error];\n            \n            //error message is present for error\n            if(errorMessages[error])\n            {\n                result.errorMessages.push(this._stringLocalization.get(errorMessages[error], control.errors));\n            }\n            //display error data if it is string and there is missing translation\n            else if(isString(errorData))\n            {\n                result.errorMessages.push(errorData);\n            }\n            //error data are array of strings, each string is considered error message\n            else if(Array.isArray(errorData))\n            {\n                errorData.forEach(errorItm =>\n                {\n                    if(isString(errorItm))\n                    {\n                        result.errorMessages.push(this._stringLocalization.get(errorItm, control.errors));\n                    }\n                });\n            }\n        });\n\n        return result;\n    }\n}"]}

package/es2020/forms/src/services/validationErrorRenderer/validationErrorRenderer.interface.js.map

@@ -1 +1 @@
-{"version":3,"file":"validationErrorRenderer.interface.js","sourceRoot":"","sources":["../../../../../forms/src/services/validationErrorRenderer/validationErrorRenderer.interface.ts"],"names":[],"mappings":"","sourcesContent":["import {Type, TemplateRef, Injector} from '@angular/core';\nimport {FormControl} from '@angular/forms';\nimport {StringDictionary} from '@jscrpt/common';\n\nimport {ErrorMessagesExtractor} from '../errorMessagesExtractor/errorMessagesExtractor.service';\nimport {ValidationErrorsResult} from '../errorMessagesExtractor/errorMessagesExtractor.interface';\n\n/**\n * Describes function that is used for performing actions when form is submitted or dirty\n */\nexport interface IsSubmittedOrDirtyFunc\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    (action: () => void, falseAction?: () => void, additionalCondition?: boolean): void;\n}\n\n/**\n * Component that is used for rendering validation errors\n */\nexport interface ValidationErrorsComponent\n{\n    /**\n     * Shows validation errors in component\n     * @param errors - Errors to be shown, or null if to be hidden\n     */\n    show(errors: ValidationErrorsResult): void;\n}\n\n/**\n * Context passed to template that is used for rendering validation errors\n */\nexport interface ValidationErrorsTemplateContext\n{\n    /**\n     * Errors to be shown\n     */\n    $implicit: ValidationErrorsResult;\n}\n\n/**\n * Options for ValidationErrorRenderer\n */\nexport interface ValidationErrorsRendererOptions\n{\n    /**\n     * Prefix of css classes applied to element\n     */\n    prefix?: string;\n\n    /**\n     * Suffix of css classes applied to element\n     */\n    suffix?: string;\n\n    /**\n     * Css class attached to wrapper div\n     */\n    wrapperDivClass?: string;\n\n    /**\n     * Component used for rendering validation errors\n     */\n    component?: Type<ValidationErrorsComponent>;\n\n    /**\n     * Template used for rendering validation errors\n     */\n    template?: TemplateRef<ValidationErrorsTemplateContext>;\n}\n\n/**\n * Options for ValidationErrorRendererFactory\n */\nexport interface ValidationErrorRendererFactoryOptions extends ValidationErrorsRendererOptions\n{\n    /**\n     * Type of ValidationErrorRenderer implementation\n     */\n    rendererType?: ValidationErrorRendererCtor;\n}\n\n/**\n * Describes type that represents ValidationErrorRenderer\n */\nexport interface ValidationErrorRendererCtor\n{\n    /**\n     * Creates instance of ValidationErrorRenderer\n     * @param errorMessagesExtractor - Instance of service used for extracting errors from control\n     * @param control - Control that is being processed for errors\n     * @param controlElement - Html element that represents control that is being processed\n     * @param document - Html document instance, used for manipulation with html\n     * @param injector - Injector used for obtaining dependencies\n     * @param isSubmittedOrDirty - Function used for testing if control is submitted or dirty\n     * @param options - Options for validation errors renderer\n     */\n    new(errorMessagesExtractor: ErrorMessagesExtractor,\n        control: FormControl,\n        controlElement: HTMLElement,\n        document: Document,\n        injector: Injector,\n        isSubmittedOrDirty: IsSubmittedOrDirtyFunc,\n        options: ValidationErrorsRendererOptions): ValidationErrorRenderer;\n}\n\n/**\n * Describes service that is used for rendering validation errors\n */\nexport interface ValidationErrorRenderer\n{\n    /**\n     * Html element that is wrapping errors\n     */\n    wrapperElement: HTMLElement;\n\n    /**\n     * Destroys renderer and everything that was rendered\n     */\n    destroy(): void;\n    \n    /**\n     * Updates rendered errors for current state and returns true if errors were rendered, otherwise false\n     * @param errorMessages - Object storing error messages to be used as override\n     */\n    update(errorMessages?: StringDictionary): boolean;\n}"]}
+{"version":3,"file":"validationErrorRenderer.interface.js","sourceRoot":"","sources":["../../../../../forms/src/services/validationErrorRenderer/validationErrorRenderer.interface.ts"],"names":[],"mappings":"","sourcesContent":["import {Type, TemplateRef, Injector} from '@angular/core';\nimport {FormControl} from '@angular/forms';\nimport {StringDictionary} from '@jscrpt/common';\n\nimport {ErrorMessagesExtractor} from '../errorMessagesExtractor/errorMessagesExtractor.service';\nimport {ValidationErrorsResult} from '../errorMessagesExtractor/errorMessagesExtractor.interface';\nimport {ValidationErrorsContainerView} from '../../misc/validationErrorsContainerView';\n\n/**\n * Describes function that is used for performing actions when form is submitted or dirty\n */\nexport interface IsSubmittedOrDirtyFunc\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    (action: () => void, falseAction?: () => void, additionalCondition?: boolean): void;\n}\n\n/**\n * Component that is used for rendering validation errors\n */\nexport interface ValidationErrorsComponent\n{\n    /**\n     * Shows validation errors in component\n     * @param errors - Errors to be shown\n     * @param options - Options used for displaying validation errors\n     */\n    show(errors: ValidationErrorsResult, options: ValidationErrorsOptions): void;\n}\n\n/**\n * Context passed to template that is used for rendering validation errors\n */\nexport interface ValidationErrorsTemplateContext\n{\n    /**\n     * Errors to be shown\n     */\n    $implicit: ValidationErrorsResult;\n\n    /**\n     * Options used for displaying validation errors\n     */\n    options: ValidationErrorsOptions;\n}\n\n/**\n * Component that is used for rendering validation errors container\n */\nexport interface ValidationErrorsContainerComponent\n{\n    /**\n     * Shows validation errors\n     * @param errors - Errors to be shown\n     * @param options - Options used for displaying validation errors\n     */\n    show(errors: ValidationErrorsResult, options: ValidationErrorsContainerOptions): void;\n\n    /**\n     * Hides validation errors\n     */\n    hide(): void;\n}\n\n/**\n * Options for displayed validation errors\n */\nexport interface ValidationErrorsOptions\n{\n    /**\n     * Prefix of css classes applied to element\n     */\n    prefix?: string;\n\n    /**\n     * Suffix of css classes applied to element\n     */\n    suffix?: string;\n\n    /**\n     * Css class attached to wrapper div\n     */\n    wrapperDivClass?: string;\n}\n\n/**\n * Options for validation errors container\n */\nexport interface ValidationErrorsContainerOptions extends ValidationErrorsOptions\n{\n    /**\n     * Component used for rendering validation errors\n     */\n    component?: Type<ValidationErrorsComponent>;\n\n    /**\n     * Template used for rendering validation errors\n     */\n    template?: TemplateRef<ValidationErrorsTemplateContext>;\n}\n\n/**\n * Options for ValidationErrorRenderer\n */\nexport interface ValidationErrorsRendererOptions extends ValidationErrorsContainerOptions\n{\n    /**\n     * Component used for rendering validation errors container\n     */\n    container?: Type<ValidationErrorsContainerComponent>;\n}\n\n/**\n * Options for ValidationErrorRendererFactory\n */\nexport interface ValidationErrorRendererFactoryOptions extends ValidationErrorsRendererOptions\n{\n    /**\n     * Type of ValidationErrorRenderer implementation\n     */\n    rendererType?: ValidationErrorRendererCtor;\n}\n\n/**\n * Describes type that represents ValidationErrorRenderer\n */\nexport interface ValidationErrorRendererCtor\n{\n    /**\n     * Creates instance of ValidationErrorRenderer\n     * @param errorMessagesExtractor - Instance of service used for extracting errors from control\n     * @param control - Control that is being processed for errors\n     * @param containerView - Class that stores view container for rendering errors\n     * @param injector - Injector used for obtaining dependencies\n     * @param isSubmittedOrDirty - Function used for testing if control is submitted or dirty\n     * @param options - Options for validation errors renderer\n     */\n    new(errorMessagesExtractor: ErrorMessagesExtractor,\n        control: FormControl,\n        containerView: ValidationErrorsContainerView,\n        injector: Injector,\n        isSubmittedOrDirty: IsSubmittedOrDirtyFunc,\n        options: ValidationErrorsRendererOptions): ValidationErrorRenderer;\n}\n\n/**\n * Describes service that is used for rendering validation errors\n */\nexport interface ValidationErrorRenderer\n{\n    /**\n     * Destroys renderer and everything that was rendered\n     */\n    destroy(): void;\n    \n    /**\n     * Updates rendered errors for current state and returns true if errors were rendered, otherwise false\n     * @param options - Options for validation errors renderer\n     * @param errorMessages - Object storing error messages to be used as override\n     */\n    update(options: ValidationErrorsRendererOptions, errorMessages?: StringDictionary): boolean;\n}"]}

package/es2020/forms/src/services/validationErrorRenderer/validationErrorRenderer.service.js

@@ -1,46 +1,37 @@
-import { Injectable, Inject, InjectionToken, Optional, ComponentFactoryResolver, ApplicationRef } from '@angular/core';
-import { DOCUMENT } from '@angular/common';
+import { Injectable, Inject, Optional } from '@angular/core';
 import { extend } from '@jscrpt/common';
 import { ErrorMessagesExtractor } from '../errorMessagesExtractor/errorMessagesExtractor.service';
+import { VALIDATION_ERROR_RENDERER_FACTORY_OPTIONS } from '../../misc/tokens';
+import { DefaultValidationErrorsComponent, DefaultValidationErrorsContainerComponent } from '../../components';
 import * as i0 from "@angular/core";
 import * as i1 from "../errorMessagesExtractor/errorMessagesExtractor.service";
-/**
- * Injection token used for injecting global options for ValidationErrorRendererFactory
- */
-export const VALIDATION_ERROR_RENDERER_FACTORY_OPTIONS = new InjectionToken('VALIDATION_ERROR_RENDERER_FACTORY_OPTIONS');
-//TODO: div renderer as custom component, wrapper div renderer
 /**
  * Service used for creating validation errors renderer
  */
 export class ValidationErrorRendererFactory {
     //######################### constructor #########################
-    constructor(_errorMessagesExtractor, _document, options) {
+    constructor(_errorMessagesExtractor, options) {
         this._errorMessagesExtractor = _errorMessagesExtractor;
-        this._document = _document;
         this._options = extend(true, {}, DEFAULT_OPTIONS, options);
     }
     //######################### public methods #########################
     /**
      * Creates new instance of ValidationErrorRenderer
      * @param control - Control that is being processed for errors
-     * @param controlElement - Html element that represents control that is being processed
+     * @param containerView - Class that stores view container for rendering errors
+     * @param injector - Injector for obtaining dependencies
      * @param isSubmittedOrDirty - Function used for testing if control is submitted or dirty
-     * @param options - Options for validation errors renderer factory
      */
-    create(control, controlElement, injector, isSubmittedOrDirty, options) {
-        const opts = extend(true, {}, this._options, options);
-        return new opts.rendererType(this._errorMessagesExtractor, control, controlElement, this._document, injector, isSubmittedOrDirty, opts);
+    create(control, containerView, injector, isSubmittedOrDirty) {
+        return new this._options.rendererType(this._errorMessagesExtractor, control, containerView, injector, isSubmittedOrDirty, this._options);
     }
 }
-ValidationErrorRendererFactory.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: ValidationErrorRendererFactory, deps: [{ token: i1.ErrorMessagesExtractor }, { token: DOCUMENT }, { token: VALIDATION_ERROR_RENDERER_FACTORY_OPTIONS, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
+ValidationErrorRendererFactory.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: ValidationErrorRendererFactory, deps: [{ token: i1.ErrorMessagesExtractor }, { token: VALIDATION_ERROR_RENDERER_FACTORY_OPTIONS, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
 ValidationErrorRendererFactory.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: ValidationErrorRendererFactory, providedIn: 'root' });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: ValidationErrorRendererFactory, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
-        }], ctorParameters: function () { return [{ type: i1.ErrorMessagesExtractor }, { type: Document, decorators: [{
-                    type: Inject,
-                    args: [DOCUMENT]
-                }] }, { type: undefined, decorators: [{
+        }], ctorParameters: function () { return [{ type: i1.ErrorMessagesExtractor }, { type: undefined, decorators: [{
                     type: Optional
                 }, {
                     type: Inject,
@@ -51,11 +42,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImpor
  */
 export class DefaultValidationErrorRenderer {
     //######################### constructor #########################
-    constructor(_errorMessagesExtractor, _control, _controlElement, _document, _injector, _isSubmittedOrDirty, _options) {
+    constructor(_errorMessagesExtractor, _control, _containerView, _injector, _isSubmittedOrDirty, _options) {
         this._errorMessagesExtractor = _errorMessagesExtractor;
         this._control = _control;
-        this._controlElement = _controlElement;
-        this._document = _document;
+        this._containerView = _containerView;
         this._injector = _injector;
         this._isSubmittedOrDirty = _isSubmittedOrDirty;
         this._options = _options;
@@ -63,155 +53,53 @@ export class DefaultValidationErrorRenderer {
     }
     //######################### public methods - implementation of ValiDationErrorRenderer #########################
     /**
-     * Destroys renderer and everything that was rendered
+     * @inheritdoc
      */
     destroy() {
-        if (this._component) {
-            this._injector.get(ApplicationRef).detachView(this._component.hostView);
-            this._component.destroy();
-            this._component = null;
-        }
-        this.wrapperElement?.remove();
-        this.wrapperElement = null;
+        this._containerView.viewContainer.clear();
+        this._container = null;
     }
     /**
-     * Updates rendered errors for current state and returns true if errors were rendered, otherwise false
-     * @param errorMessages - Object storing error messages to be used as override
-     * @param onlyShow - Indication that update performs only displaying of existing errors
+     * @inheritdoc
      */
-    update(errorMessages) {
+    update(options, errorMessages) {
         let result = false;
-        //hides old errors
-        this._toggleErrors(false);
         this._lastErrors = this._errorMessagesExtractor.getErrors(this._control, errorMessages);
+        //has errors
         if (this._lastErrors) {
             this._isSubmittedOrDirty(() => {
-                this._show();
-                this._toggleErrors();
+                // const errorsClasses = this._lastErrors.errors.map(error => `${this._options.prefix}${error.toLowerCase()}${this._options.suffix}`);
+                const opts = extend(true, {}, this._options, options);
+                this._container.instance.show(this._lastErrors, opts);
                 result = true;
             }, () => {
-                this._hide();
+                this._container.instance.hide();
                 result = false;
             });
         }
         else {
-            this._hide();
+            this._container.instance.hide();
             result = false;
         }
         return result;
     }
-    //######################### protected methods #########################
-    /**
-     * Toggles css classes for errors that are currently set
-     * @param add - Indication whether add or remove errors
-     */
-    _toggleErrors(add = true) {
-        if (!this._lastErrors) {
-            return;
-        }
-        const errorsClasses = this._lastErrors.errors.map(error => `${this._options.prefix}${error.toLowerCase()}${this._options.suffix}`);
-        (add ? this._controlElement.classList.add : this._controlElement.classList.remove).apply(this._controlElement.classList, errorsClasses);
-        (add ? this.wrapperElement.classList.add : this.wrapperElement.classList.remove).apply(this.wrapperElement.classList, errorsClasses);
-        this._errorMessageAttr.value = (add ? this._lastErrors.errorMessages : [])
-            .join(' ');
-        this._render(add);
-    }
     /**
      * Initialize renderer
      */
     _initialize() {
-        this.wrapperElement = this._document.createElement('div');
-        this._hide();
-        this.wrapperElement.classList.add(this._options.wrapperDivClass);
-        this._errorMessageAttr = this._document.createAttribute('data-error-message');
-        this.wrapperElement.attributes.setNamedItem(this._errorMessageAttr);
-        this._controlElement.after(this.wrapperElement);
-    }
-    /**
-     * Renders error messages
-     * @param add - Indication whether add or remove errors
-     */
-    _render(add) {
-        if (this._options.component) {
-            this._renderComponent(add);
-        }
-        else if (this._options.template) {
-            this._renderTemplate(add);
-        }
-        else {
-            this._renderDivs(add);
-        }
-    }
-    /**
-     * Renders divs with errors
-     * @param add - Indication whether add or remove errors
-     */
-    _renderDivs(add = true) {
-        if (!add) {
-            const children = this.wrapperElement.children;
-            //first clean old messages
-            for (let x = children.length - 1; x >= 0; x--) {
-                children.item(x).remove();
-            }
-            return;
-        }
-        if (this._lastErrors?.errorMessages?.length) {
-            this._lastErrors.errorMessages.forEach(message => {
-                const errorDiv = this._document.createElement('div');
-                errorDiv.innerText = message;
-                this.wrapperElement.append(errorDiv);
-            });
-        }
-    }
-    /**
-     * Renders component with errors
-     * @param add - Indication whether add or remove errors
-     */
-    _renderComponent(add = true) {
-        if (add) {
-            //render component
-            if (!this._component) {
-                // 1. Create a component reference from the component 
-                this._component = this._injector.get(ComponentFactoryResolver)
-                    .resolveComponentFactory(this._options.component)
-                    .create(this._injector);
-                // 2. Attach component to the appRef so that it's inside the ng component tree
-                this._injector.get(ApplicationRef).attachView(this._component.hostView);
-                // 3. Get DOM element from component
-                const domElem = this._component.hostView
-                    .rootNodes[0];
-                // 4. Append DOM element to the body
-                this.wrapperElement.append(domElem);
-            }
-            this._component.instance.show(this._lastErrors);
-        }
-        else if (this._component) {
-            this._component.instance.show(null);
-        }
-    }
-    /**
-     * Renders template with errors
-     * @param add - Indication whether add or remove errors
-     */
-    _renderTemplate(_add = true) {
-    }
-    /**
-     * Shows wrapper element
-     */
-    _show() {
-        this.wrapperElement.style.display = 'block';
-    }
-    /**
-     * Hides wrapper element
-     */
-    _hide() {
-        this.wrapperElement.style.display = 'none';
+        this._container = this._containerView.viewContainer.createComponent(this._options.container, { injector: this._injector });
+        this._container.instance.hide();
     }
 }
+/**
+ * Default options for validation error renderer factory
+ */
 const DEFAULT_OPTIONS = {
     prefix: 'ng-',
     suffix: '-error',
     wrapperDivClass: 'validation-error-div',
-    rendererType: DefaultValidationErrorRenderer
+    rendererType: DefaultValidationErrorRenderer,
+    component: DefaultValidationErrorsComponent,
+    container: DefaultValidationErrorsContainerComponent,
 };
 //# sourceMappingURL=validationErrorRenderer.service.js.map

package/es2020/forms/src/services/validationErrorRenderer/validationErrorRenderer.service.js.map

@@ -1 +1 @@
-{"version":3,"file":"validationErrorRenderer.service.js","sourceRoot":"","sources":["../../../../../forms/src/services/validationErrorRenderer/validationErrorRenderer.service.ts"],"names":[],"mappings":"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","sourcesContent":["import {Injectable, Inject, InjectionToken, Optional, Injector, ComponentFactoryResolver, ApplicationRef, EmbeddedViewRef, ComponentRef} from '@angular/core';\nimport {FormControl} from '@angular/forms';\nimport {DOCUMENT} from '@angular/common';\nimport {extend, StringDictionary} from '@jscrpt/common';\n\nimport {ErrorMessagesExtractor} from '../errorMessagesExtractor/errorMessagesExtractor.service';\nimport {ValidationErrorRenderer, IsSubmittedOrDirtyFunc, ValidationErrorsRendererOptions, ValidationErrorRendererFactoryOptions, ValidationErrorsComponent} from './validationErrorRenderer.interface';\nimport {ValidationErrorsResult} from '../errorMessagesExtractor/errorMessagesExtractor.interface';\n\n/**\n * Injection token used for injecting global options for ValidationErrorRendererFactory\n */\nexport const VALIDATION_ERROR_RENDERER_FACTORY_OPTIONS: InjectionToken<ValidationErrorRendererFactoryOptions> = new InjectionToken<ValidationErrorRendererFactoryOptions>('VALIDATION_ERROR_RENDERER_FACTORY_OPTIONS');\n\n//TODO: div renderer as custom component, wrapper div renderer\n\n/**\n * Service used for creating validation errors renderer\n */\n@Injectable({providedIn: 'root'})\nexport class ValidationErrorRendererFactory\n{\n    //######################### protected fields #########################\n\n    /**\n     * Options for validation error renderer factory\n     */\n    protected _options: ValidationErrorRendererFactoryOptions;\n\n    //######################### constructor #########################\n    constructor(protected _errorMessagesExtractor: ErrorMessagesExtractor,\n                @Inject(DOCUMENT) protected _document: Document,\n                @Optional() @Inject(VALIDATION_ERROR_RENDERER_FACTORY_OPTIONS) options: ValidationErrorRendererFactoryOptions)\n    {\n        this._options = extend(true, {}, DEFAULT_OPTIONS, options);\n    }\n\n    //######################### public methods #########################\n\n    /**\n     * Creates new instance of ValidationErrorRenderer\n     * @param control - Control that is being processed for errors\n     * @param controlElement - Html element that represents control that is being processed\n     * @param isSubmittedOrDirty - Function used for testing if control is submitted or dirty\n     * @param options - Options for validation errors renderer factory\n     */\n    public create(control: FormControl,\n                  controlElement: HTMLElement,\n                  injector: Injector,\n                  isSubmittedOrDirty: IsSubmittedOrDirtyFunc,\n                  options: ValidationErrorRendererFactoryOptions): ValidationErrorRenderer\n    {\n        const opts: ValidationErrorRendererFactoryOptions = extend(true, {}, this._options, options);\n\n        return new opts.rendererType(this._errorMessagesExtractor,\n                                     control,\n                                     controlElement,\n                                     this._document,\n                                     injector,\n                                     isSubmittedOrDirty,\n                                     opts);\n    }\n}\n\n/**\n * Default implementation of validation error renderer\n */\nexport class DefaultValidationErrorRenderer implements ValidationErrorRenderer\n{\n    //######################### protected fields #########################\n\n    /**\n     * Html element attribute storing error messages\n     */\n    protected _errorMessageAttr: Attr;\n\n    /**\n     * Object storing last obtained errors\n     */\n    protected _lastErrors: ValidationErrorsResult;\n\n    /**\n     * Component used for displaying errors\n     */\n    protected _component: ComponentRef<ValidationErrorsComponent>;\n\n    //######################### public properties - implementation of ValidationErrorRenderer #########################\n\n    /**\n     * Html element that is wrapping errors\n     */\n    public wrapperElement: HTMLElement;\n\n    //######################### constructor #########################\n    constructor(protected _errorMessagesExtractor: ErrorMessagesExtractor,\n                protected _control: FormControl,\n                protected _controlElement: HTMLElement,\n                protected _document: Document,\n                protected _injector: Injector,\n                protected _isSubmittedOrDirty: IsSubmittedOrDirtyFunc,\n                protected _options: ValidationErrorsRendererOptions)\n    {\n        this._initialize();\n    }\n\n    //######################### public methods - implementation of ValiDationErrorRenderer #########################\n\n    /**\n     * Destroys renderer and everything that was rendered\n     */\n    public destroy(): void\n    {\n        if(this._component)\n        {\n            this._injector.get(ApplicationRef).detachView(this._component.hostView);\n            this._component.destroy();\n            this._component = null;\n        }\n\n        this.wrapperElement?.remove();\n        this.wrapperElement = null;\n    }\n\n    /**\n     * Updates rendered errors for current state and returns true if errors were rendered, otherwise false\n     * @param errorMessages - Object storing error messages to be used as override\n     * @param onlyShow - Indication that update performs only displaying of existing errors\n     */\n    public update(errorMessages?: StringDictionary): boolean\n    {\n        let result = false;\n\n        //hides old errors\n        this._toggleErrors(false);\n        this._lastErrors = this._errorMessagesExtractor.getErrors(this._control, errorMessages);\n\n        if(this._lastErrors)\n        {\n            this._isSubmittedOrDirty(() =>\n                                     {\n                                         this._show();\n                                         this._toggleErrors();\n                                         result = true;\n                                     },\n                                     () =>\n                                     {\n                                        this._hide();\n                                         result = false;\n                                     });\n        }\n        else\n        {\n            this._hide();\n            result = false;\n        }\n\n        return result;\n    }\n\n    //######################### protected methods #########################\n\n    /**\n     * Toggles css classes for errors that are currently set\n     * @param add - Indication whether add or remove errors\n     */\n    protected _toggleErrors(add: boolean = true): void\n    {\n        if(!this._lastErrors)\n        {\n            return;\n        }\n\n        const errorsClasses = this._lastErrors.errors.map(error => `${this._options.prefix}${error.toLowerCase()}${this._options.suffix}`);\n\n        (add ? this._controlElement.classList.add : this._controlElement.classList.remove).apply(this._controlElement.classList, errorsClasses);\n        (add ? this.wrapperElement.classList.add : this.wrapperElement.classList.remove).apply(this.wrapperElement.classList, errorsClasses);\n\n        this._errorMessageAttr.value = (add ? this._lastErrors.errorMessages : [])\n            .join(' ');\n\n        this._render(add);\n    }\n\n    /**\n     * Initialize renderer\n     */\n    protected _initialize(): void\n    {\n        this.wrapperElement = this._document.createElement('div');\n        this._hide();\n        this.wrapperElement.classList.add(this._options.wrapperDivClass);\n\n        this._errorMessageAttr = this._document.createAttribute('data-error-message');\n\n        this.wrapperElement.attributes.setNamedItem(this._errorMessageAttr);\n        this._controlElement.after(this.wrapperElement);\n    }\n\n    /**\n     * Renders error messages\n     * @param add - Indication whether add or remove errors\n     */\n    protected _render(add: boolean): void\n    {\n        if(this._options.component)\n        {\n            this._renderComponent(add);\n        }\n        else if(this._options.template)\n        {\n            this._renderTemplate(add);\n        }\n        else\n        {\n            this._renderDivs(add);\n        }\n    }\n\n    /**\n     * Renders divs with errors\n     * @param add - Indication whether add or remove errors\n     */\n    protected _renderDivs(add: boolean = true): void\n    {\n        if(!add)\n        {\n            const children = this.wrapperElement.children;\n    \n            //first clean old messages\n            for(let x = children.length - 1; x >= 0; x--)\n            {\n                children.item(x).remove();\n            }\n\n            return;\n        }\n\n        if(this._lastErrors?.errorMessages?.length)\n        {\n            this._lastErrors.errorMessages.forEach(message =>\n            {\n                const errorDiv = this._document.createElement('div');\n\n                errorDiv.innerText = message;\n\n                this.wrapperElement.append(errorDiv);\n            });\n        }\n    }\n\n    /**\n     * Renders component with errors\n     * @param add - Indication whether add or remove errors\n     */\n    protected _renderComponent(add: boolean = true): void\n    {\n        if(add)\n        {\n            //render component\n            if(!this._component)\n            {\n                // 1. Create a component reference from the component \n                this._component = this._injector.get(ComponentFactoryResolver)\n                    .resolveComponentFactory(this._options.component)\n                    .create(this._injector);\n\n                // 2. Attach component to the appRef so that it's inside the ng component tree\n                this._injector.get(ApplicationRef).attachView(this._component.hostView);\n\n                // 3. Get DOM element from component\n                const domElem = (this._component.hostView as EmbeddedViewRef<any>)\n                    .rootNodes[0] as HTMLElement;\n\n                // 4. Append DOM element to the body\n                this.wrapperElement.append(domElem);\n            }\n\n            this._component.instance.show(this._lastErrors);\n        }\n        else if(this._component)\n        {\n            this._component.instance.show(null);\n        }\n    }\n\n    /**\n     * Renders template with errors\n     * @param add - Indication whether add or remove errors\n     */\n    protected _renderTemplate(_add: boolean = true): void\n    {\n\n    }\n\n    /**\n     * Shows wrapper element\n     */\n    protected _show(): void\n    {\n        this.wrapperElement.style.display = 'block';\n    }\n\n    /**\n     * Hides wrapper element\n     */\n    protected _hide(): void\n    {\n        this.wrapperElement.style.display = 'none';\n    }\n}\n\nconst DEFAULT_OPTIONS: ValidationErrorRendererFactoryOptions =\n{\n    prefix: 'ng-',\n    suffix: '-error',\n    wrapperDivClass: 'validation-error-div',\n    rendererType: DefaultValidationErrorRenderer\n};"]}
+{"version":3,"file":"validationErrorRenderer.service.js","sourceRoot":"","sources":["../../../../../forms/src/services/validationErrorRenderer/validationErrorRenderer.service.ts"],"names":[],"mappings":"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","sourcesContent":["import {Injectable, Inject, Optional, Injector, ComponentRef} from '@angular/core';\nimport {FormControl} from '@angular/forms';\nimport {extend, StringDictionary} from '@jscrpt/common';\n\nimport {ErrorMessagesExtractor} from '../errorMessagesExtractor/errorMessagesExtractor.service';\nimport {ValidationErrorRenderer, IsSubmittedOrDirtyFunc, ValidationErrorsRendererOptions, ValidationErrorRendererFactoryOptions, ValidationErrorsContainerComponent} from './validationErrorRenderer.interface';\nimport {ValidationErrorsResult} from '../errorMessagesExtractor/errorMessagesExtractor.interface';\nimport {VALIDATION_ERROR_RENDERER_FACTORY_OPTIONS} from '../../misc/tokens';\nimport {ValidationErrorsContainerView} from '../../misc/validationErrorsContainerView';\nimport {DefaultValidationErrorsComponent, DefaultValidationErrorsContainerComponent} from '../../components';\n\n/**\n * Service used for creating validation errors renderer\n */\n@Injectable({providedIn: 'root'})\nexport class ValidationErrorRendererFactory\n{\n    //######################### protected fields #########################\n\n    /**\n     * Options for validation error renderer factory\n     */\n    protected _options: ValidationErrorRendererFactoryOptions;\n\n    //######################### constructor #########################\n    constructor(protected _errorMessagesExtractor: ErrorMessagesExtractor,\n                @Optional() @Inject(VALIDATION_ERROR_RENDERER_FACTORY_OPTIONS) options: ValidationErrorRendererFactoryOptions)\n    {\n        this._options = extend(true, {}, DEFAULT_OPTIONS, options);\n    }\n\n    //######################### public methods #########################\n\n    /**\n     * Creates new instance of ValidationErrorRenderer\n     * @param control - Control that is being processed for errors\n     * @param containerView - Class that stores view container for rendering errors\n     * @param injector - Injector for obtaining dependencies\n     * @param isSubmittedOrDirty - Function used for testing if control is submitted or dirty\n     */\n    public create(control: FormControl,\n                  containerView: ValidationErrorsContainerView,\n                  injector: Injector,\n                  isSubmittedOrDirty: IsSubmittedOrDirtyFunc): ValidationErrorRenderer\n    {\n        return new this._options.rendererType(this._errorMessagesExtractor,\n                                              control,\n                                              containerView,\n                                              injector,\n                                              isSubmittedOrDirty,\n                                              this._options);\n    }\n}\n\n/**\n * Default implementation of validation error renderer\n */\nexport class DefaultValidationErrorRenderer implements ValidationErrorRenderer\n{\n    //######################### protected fields #########################\n\n    /**\n     * Object storing last obtained errors\n     */\n    protected _lastErrors: ValidationErrorsResult;\n\n    /**\n     * Component used as validation errors container\n     */\n    protected _container: ComponentRef<ValidationErrorsContainerComponent>;\n\n    //######################### constructor #########################\n    constructor(protected _errorMessagesExtractor: ErrorMessagesExtractor,\n                protected _control: FormControl,\n                protected _containerView: ValidationErrorsContainerView,\n                protected _injector: Injector,\n                protected _isSubmittedOrDirty: IsSubmittedOrDirtyFunc,\n                protected _options: ValidationErrorsRendererOptions)\n    {\n        this._initialize();\n    }\n\n    //######################### public methods - implementation of ValiDationErrorRenderer #########################\n\n    /**\n     * @inheritdoc\n     */\n    public destroy(): void\n    {\n        this._containerView.viewContainer.clear();\n        this._container = null;\n    }\n\n    /**\n     * @inheritdoc\n     */\n    public update(options: ValidationErrorsRendererOptions, errorMessages?: StringDictionary): boolean\n    {\n        let result = false;\n        this._lastErrors = this._errorMessagesExtractor.getErrors(this._control, errorMessages);\n\n        //has errors\n        if(this._lastErrors)\n        {\n            this._isSubmittedOrDirty(() =>\n                                     {\n                                         // const errorsClasses = this._lastErrors.errors.map(error => `${this._options.prefix}${error.toLowerCase()}${this._options.suffix}`);\n                                         const opts = extend(true, {}, this._options, options);\n\n                                         this._container.instance.show(this._lastErrors, opts);\n                                         result = true;\n                                     },\n                                     () =>\n                                     {\n                                         this._container.instance.hide();\n                                         result = false;\n                                     });\n        }\n        else\n        {\n            this._container.instance.hide();\n            result = false;\n        }\n\n        return result;\n    }\n\n    /**\n     * Initialize renderer\n     */\n    protected _initialize(): void\n    {\n        this._container = this._containerView.viewContainer.createComponent(this._options.container, {injector: this._injector});\n        this._container.instance.hide();\n    }\n}\n\n/**\n * Default options for validation error renderer factory\n */\nconst DEFAULT_OPTIONS: ValidationErrorRendererFactoryOptions =\n{\n    prefix: 'ng-',\n    suffix: '-error',\n    wrapperDivClass: 'validation-error-div',\n    rendererType: DefaultValidationErrorRenderer,\n    component: DefaultValidationErrorsComponent,\n    container: DefaultValidationErrorsContainerComponent,\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.css

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

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

@@ -0,0 +1,32 @@
+import { ChangeDetectorRef } from '@angular/core';
+import { ValidationErrorsResult } from '../../services/errorMessagesExtractor/errorMessagesExtractor.interface';
+import { ValidationErrorsComponent, ValidationErrorsOptions } from '../../services/validationErrorRenderer/validationErrorRenderer.interface';
+import * as i0 from "@angular/core";
+/**
+ * Default validation errors component, displaying validation errors
+ */
+export declare class DefaultValidationErrorsComponent implements ValidationErrorsComponent {
+    protected _changeDetector: ChangeDetectorRef;
+    /**
+     * Errors to be shown
+     * @internal
+     */
+    errors: ValidationErrorsResult;
+    /**
+     * Options used for displaying validation errors
+     * @internal
+     */
+    options: ValidationErrorsOptions;
+    /**
+     * Enables leave animations for internal stuff
+     */
+    animate: boolean;
+    constructor(_changeDetector: ChangeDetectorRef);
+    /**
+     * @inheritdoc
+     */
+    show(errors: ValidationErrorsResult, options: ValidationErrorsOptions): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DefaultValidationErrorsComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DefaultValidationErrorsComponent, "default-validation-errors", never, {}, {}, never, never>;
+}
+//# sourceMappingURL=defaultValidationErrors.component.d.ts.map

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

@@ -0,0 +1 @@
+{"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/defaultValidationErrors/defaultValidationErrors.component.html

@@ -0,0 +1,3 @@
+<div [ngClass]="options?.wrapperDivClass" *ngIf="errors?.errorMessages?.length" @slideInOut>
+    <div *ngFor="let error of errors?.errorMessages">{{error}}</div>
+</div>