@anglr/common 12.0.0-beta.20220414120442 → 13.0.0-beta.20220419081530

package/changelog.md

@@ -1,6 +1,6 @@
 # Changelog
 
-## Version 12.0.0 (2022-04-14)
+## Version 12.0.0 (2022-04-19)
 
 ### Bug Fixes
 
@@ -56,6 +56,7 @@
 
 ### BREAKING CHANGES
 
+- minimal supported version of `@anglr/animations` is `9.1.0`
 - `ValidationErrorRenderer` interface
    - `update` method, parameters has changed
    - removed `wrapperElement`
@@ -73,6 +74,22 @@
    - `show` now has new parameter *options*
 - `ValidationErrorRendererCtor` interface
    - `ctor` has changed parameters
+- **Position**
+   - updated `PositionResult`
+      - property `flip` indication whether there was flip applied
+- *subpackage* `@anglr/common/positions`
+   - **Tooltip**
+      - all tooltip is replaced with more customizable tooltip based on `Position` service
+      - removed `TooltipModule`
+      - removed `TooltipComponent`
+      - removed `TooltipDirective`
+      - removed `TOOLTIP_OPTIONS`
+      - removed `TooltipRenderer`
+      - removed `TooltipRenderer`
+   - **Position to**
+      - all position to is replaced with more customizable position to based on `Position` service
+      - removed `PositionToDirective`
+      - removed `PositionsModule`
 
 ## Version 11.3.1 (2022-04-13)
 

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

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

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

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

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"defaultValidationErrors.component.js","sourceRoot":"","sources":["../../../../../forms/src/components/defaultValidationErrors/defaultValidationErrors.component.ts","../../../../../forms/src/components/defaultValidationErrors/defaultValidationErrors.component.html"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAE,uBAAuB,EAAE,iBAAiB,EAAE,WAAW,EAAC,MAAM,eAAe,CAAC;AACjG,OAAO,EAAC,YAAY,EAAE,KAAK,EAAE,UAAU,EAAE,OAAO,EAAC,MAAM,qBAAqB,CAAC;AAC7E,OAAO,EAAC,iBAAiB,EAAC,MAAM,mBAAmB,CAAC;;;AAKpD,gCAAgC;AAEhC;;GAEG;AAmBH,MAAM,OAAO,gCAAgC;IAwBzC,iEAAiE;IACjE,YAAsB,eAAkC;QAAlC,oBAAe,GAAf,eAAe,CAAmB;QATxD,8EAA8E;QAE9E;;WAEG;QAEI,YAAO,GAAY,IAAI,CAAC;IAK/B,CAAC;IAED,kHAAkH;IAElH;;OAEG;IACI,IAAI,CAAC,MAA8B,EAAE,OAAgC;QAExE,IAAI,CAAC,MAAM,GAAG,MAAM,CAAC;QACrB,IAAI,CAAC,OAAO,GAAG,OAAO,CAAC;QAEvB,IAAI,CAAC,eAAe,CAAC,aAAa,EAAE,CAAC;IACzC,CAAC;;6HAxCQ,gCAAgC;iHAAhC,gCAAgC,gIC9B7C,kLAEM,mVDgBF;QACI,iBAAiB;QACjB,OAAO,CAAC,kBAAkB,EAC1B;YACI,UAAU,CAAC,gBAAgB,EAC3B;gBACI,KAAK,CAAC,IAAI,EAAE,YAAY,EAAE,EAAE,EAAC,QAAQ,EAAE,IAAI,EAAC,CAAC;aAChD,CAAC;SACL,CAAC;KACL;2FAGQ,gCAAgC;kBAlB5C,SAAS;+BAEI,2BAA2B,cAIrC;wBACI,iBAAiB;wBACjB,OAAO,CAAC,kBAAkB,EAC1B;4BACI,UAAU,CAAC,gBAAgB,EAC3B;gCACI,KAAK,CAAC,IAAI,EAAE,YAAY,EAAE,EAAE,EAAC,QAAQ,EAAE,IAAI,EAAC,CAAC;6BAChD,CAAC;yBACL,CAAC;qBACL,mBACgB,uBAAuB,CAAC,MAAM;wGAwBxC,OAAO;sBADb,WAAW;uBAAC,mBAAmB","sourcesContent":["import {Component, ChangeDetectionStrategy, ChangeDetectorRef, HostBinding} from '@angular/core';\nimport {animateChild, query, transition, trigger} from '@angular/animations';\nimport {slideInOutTrigger} from '@anglr/animations';\n\nimport {ValidationErrorsResult} from '../../services/errorMessagesExtractor/errorMessagesExtractor.interface';\nimport {ValidationErrorsComponent, ValidationErrorsOptions} from '../../services/validationErrorRenderer/validationErrorRenderer.interface';\n\n//TODO: move animation to common\n\n/**\n * Default validation errors component, displaying validation errors\n */\n@Component(\n{\n    selector: 'default-validation-errors',\n    templateUrl: 'defaultValidationErrors.component.html',\n    styleUrls: ['defaultValidationErrors.component.css'],\n    animations: \n    [\n        slideInOutTrigger,\n        trigger('componentContent',\n        [\n            transition(':enter, :leave',\n            [\n                query('@*', animateChild(), {optional: true})\n            ])\n        ])\n    ],\n    changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class DefaultValidationErrorsComponent implements ValidationErrorsComponent\n{\n    //######################### public properties - template bindings #########################\n\n    /**\n     * Errors to be shown\n     * @internal\n     */\n    public errors: ValidationErrorsResult;\n    \n    /**\n     * Options used for displaying validation errors\n     * @internal\n     */\n    public options: ValidationErrorsOptions;\n\n    //######################### public properties - host #########################\n\n    /**\n     * Enables leave animations for internal stuff\n     */\n    @HostBinding('@componentContent')\n    public animate: boolean = true;\n\n    //######################### constructor #########################\n    constructor(protected _changeDetector: ChangeDetectorRef)\n    {\n    }\n\n    //######################### public methods - implementation of ValidationErrorsComponent #########################\n\n    /**\n     * @inheritdoc\n     */\n    public show(errors: ValidationErrorsResult, options: ValidationErrorsOptions): void\n    {\n        this.errors = errors;\n        this.options = options;\n\n        this._changeDetector.detectChanges();\n    }\n}","<div [ngClass]=\"options?.wrapperDivClass\" *ngIf=\"errors?.errorMessages?.length\" @slideInOut>\n    <div *ngFor=\"let error of errors?.errorMessages\">{{error}}</div>\n</div>"]}
+{"version":3,"file":"defaultValidationErrors.component.js","sourceRoot":"","sources":["../../../../../forms/src/components/defaultValidationErrors/defaultValidationErrors.component.ts","../../../../../forms/src/components/defaultValidationErrors/defaultValidationErrors.component.html"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAE,uBAAuB,EAAE,iBAAiB,EAAE,WAAW,EAAC,MAAM,eAAe,CAAC;AACjG,OAAO,EAAC,iBAAiB,EAAE,sBAAsB,EAAC,MAAM,mBAAmB,CAAC;;;AAK5E;;GAEG;AAaH,MAAM,OAAO,gCAAgC;IAwBzC,iEAAiE;IACjE,YAAsB,eAAkC;QAAlC,oBAAe,GAAf,eAAe,CAAmB;QATxD,8EAA8E;QAE9E;;WAEG;QAEI,YAAO,GAAY,IAAI,CAAC;IAK/B,CAAC;IAED,kHAAkH;IAElH;;OAEG;IACI,IAAI,CAAC,MAA8B,EAAE,OAAgC;QAExE,IAAI,CAAC,MAAM,GAAG,MAAM,CAAC;QACrB,IAAI,CAAC,OAAO,GAAG,OAAO,CAAC;QAEvB,IAAI,CAAC,eAAe,CAAC,aAAa,EAAE,CAAC;IACzC,CAAC;;6HAxCQ,gCAAgC;iHAAhC,gCAAgC,+HCrB7C,kLAEM,mVDaF;QACI,iBAAiB;QACjB,sBAAsB;KACzB;2FAGQ,gCAAgC;kBAZ5C,SAAS;+BAEI,2BAA2B,cAIrC;wBACI,iBAAiB;wBACjB,sBAAsB;qBACzB,mBACgB,uBAAuB,CAAC,MAAM;wGAwBxC,OAAO;sBADb,WAAW;uBAAC,kBAAkB","sourcesContent":["import {Component, ChangeDetectionStrategy, ChangeDetectorRef, HostBinding} from '@angular/core';\nimport {slideInOutTrigger, animateChildrenTrigger} from '@anglr/animations';\n\nimport {ValidationErrorsResult} from '../../services/errorMessagesExtractor/errorMessagesExtractor.interface';\nimport {ValidationErrorsComponent, ValidationErrorsOptions} from '../../services/validationErrorRenderer/validationErrorRenderer.interface';\n\n/**\n * Default validation errors component, displaying validation errors\n */\n@Component(\n{\n    selector: 'default-validation-errors',\n    templateUrl: 'defaultValidationErrors.component.html',\n    styleUrls: ['defaultValidationErrors.component.css'],\n    animations: \n    [\n        slideInOutTrigger,\n        animateChildrenTrigger\n    ],\n    changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class DefaultValidationErrorsComponent implements ValidationErrorsComponent\n{\n    //######################### public properties - template bindings #########################\n\n    /**\n     * Errors to be shown\n     * @internal\n     */\n    public errors: ValidationErrorsResult;\n    \n    /**\n     * Options used for displaying validation errors\n     * @internal\n     */\n    public options: ValidationErrorsOptions;\n\n    //######################### public properties - host #########################\n\n    /**\n     * Enables leave animations for internal stuff\n     */\n    @HostBinding('@animateChildren')\n    public animate: boolean = true;\n\n    //######################### constructor #########################\n    constructor(protected _changeDetector: ChangeDetectorRef)\n    {\n    }\n\n    //######################### public methods - implementation of ValidationErrorsComponent #########################\n\n    /**\n     * @inheritdoc\n     */\n    public show(errors: ValidationErrorsResult, options: ValidationErrorsOptions): void\n    {\n        this.errors = errors;\n        this.options = options;\n\n        this._changeDetector.detectChanges();\n    }\n}","<div [ngClass]=\"options?.wrapperDivClass\" *ngIf=\"errors?.errorMessages?.length\" @slideInOut>\n    <div *ngFor=\"let error of errors?.errorMessages\">{{error}}</div>\n</div>"]}

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

@@ -1,5 +1,5 @@
 import { __awaiter } from "tslib";
-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';
@@ -8,16 +8,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 #########################
     /**
@@ -69,11 +68,14 @@ export class PositionToDirective {
             }
             const result = yield 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: [{
@@ -87,5 +89,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/es2015/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;IACa,cAAc;;YAE1B,MAAM,OAAO,GACb,EACC,CAAC;YAEF,IAAG,IAAI,CAAC,UAAU,EAClB;gBACI,OAAO,CAAC,SAAS,GAAG,IAAI,CAAC,UAAU,CAAC;aACvC;YAED,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;YAEtE,mBAAmB,CAAC,MAAM,CAAC,CAAC;QAChC,CAAC;KAAA;;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;IACa,cAAc;;YAE1B,MAAM,OAAO,GACb,EACC,CAAC;YAEF,IAAG,IAAI,CAAC,UAAU,EAClB;gBACI,OAAO,CAAC,SAAS,GAAG,IAAI,CAAC,UAAU,CAAC;aACvC;YAED,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;YAEtE,mBAAmB,CAAC,MAAM,CAAC,CAAC;YAE5B,IAAG,MAAM,CAAC,IAAI,EACd;gBACI,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC;aACpB;QACL,CAAC;KAAA;;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/es2015/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/es2020/floating-ui/src/services/floatingUiDomPosition.service.js

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

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

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

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"defaultValidationErrors.component.js","sourceRoot":"","sources":["../../../../../forms/src/components/defaultValidationErrors/defaultValidationErrors.component.ts","../../../../../forms/src/components/defaultValidationErrors/defaultValidationErrors.component.html"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAE,uBAAuB,EAAE,iBAAiB,EAAE,WAAW,EAAC,MAAM,eAAe,CAAC;AACjG,OAAO,EAAC,YAAY,EAAE,KAAK,EAAE,UAAU,EAAE,OAAO,EAAC,MAAM,qBAAqB,CAAC;AAC7E,OAAO,EAAC,iBAAiB,EAAC,MAAM,mBAAmB,CAAC;;;AAKpD,gCAAgC;AAEhC;;GAEG;AAmBH,MAAM,OAAO,gCAAgC;IAwBzC,iEAAiE;IACjE,YAAsB,eAAkC;QAAlC,oBAAe,GAAf,eAAe,CAAmB;QATxD,8EAA8E;QAE9E;;WAEG;QAEI,YAAO,GAAY,IAAI,CAAC;IAK/B,CAAC;IAED,kHAAkH;IAElH;;OAEG;IACI,IAAI,CAAC,MAA8B,EAAE,OAAgC;QAExE,IAAI,CAAC,MAAM,GAAG,MAAM,CAAC;QACrB,IAAI,CAAC,OAAO,GAAG,OAAO,CAAC;QAEvB,IAAI,CAAC,eAAe,CAAC,aAAa,EAAE,CAAC;IACzC,CAAC;;6HAxCQ,gCAAgC;iHAAhC,gCAAgC,gIC9B7C,kLAEM,mVDgBF;QACI,iBAAiB;QACjB,OAAO,CAAC,kBAAkB,EAC1B;YACI,UAAU,CAAC,gBAAgB,EAC3B;gBACI,KAAK,CAAC,IAAI,EAAE,YAAY,EAAE,EAAE,EAAC,QAAQ,EAAE,IAAI,EAAC,CAAC;aAChD,CAAC;SACL,CAAC;KACL;2FAGQ,gCAAgC;kBAlB5C,SAAS;+BAEI,2BAA2B,cAIrC;wBACI,iBAAiB;wBACjB,OAAO,CAAC,kBAAkB,EAC1B;4BACI,UAAU,CAAC,gBAAgB,EAC3B;gCACI,KAAK,CAAC,IAAI,EAAE,YAAY,EAAE,EAAE,EAAC,QAAQ,EAAE,IAAI,EAAC,CAAC;6BAChD,CAAC;yBACL,CAAC;qBACL,mBACgB,uBAAuB,CAAC,MAAM;wGAwBxC,OAAO;sBADb,WAAW;uBAAC,mBAAmB","sourcesContent":["import {Component, ChangeDetectionStrategy, ChangeDetectorRef, HostBinding} from '@angular/core';\nimport {animateChild, query, transition, trigger} from '@angular/animations';\nimport {slideInOutTrigger} from '@anglr/animations';\n\nimport {ValidationErrorsResult} from '../../services/errorMessagesExtractor/errorMessagesExtractor.interface';\nimport {ValidationErrorsComponent, ValidationErrorsOptions} from '../../services/validationErrorRenderer/validationErrorRenderer.interface';\n\n//TODO: move animation to common\n\n/**\n * Default validation errors component, displaying validation errors\n */\n@Component(\n{\n    selector: 'default-validation-errors',\n    templateUrl: 'defaultValidationErrors.component.html',\n    styleUrls: ['defaultValidationErrors.component.css'],\n    animations: \n    [\n        slideInOutTrigger,\n        trigger('componentContent',\n        [\n            transition(':enter, :leave',\n            [\n                query('@*', animateChild(), {optional: true})\n            ])\n        ])\n    ],\n    changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class DefaultValidationErrorsComponent implements ValidationErrorsComponent\n{\n    //######################### public properties - template bindings #########################\n\n    /**\n     * Errors to be shown\n     * @internal\n     */\n    public errors: ValidationErrorsResult;\n    \n    /**\n     * Options used for displaying validation errors\n     * @internal\n     */\n    public options: ValidationErrorsOptions;\n\n    //######################### public properties - host #########################\n\n    /**\n     * Enables leave animations for internal stuff\n     */\n    @HostBinding('@componentContent')\n    public animate: boolean = true;\n\n    //######################### constructor #########################\n    constructor(protected _changeDetector: ChangeDetectorRef)\n    {\n    }\n\n    //######################### public methods - implementation of ValidationErrorsComponent #########################\n\n    /**\n     * @inheritdoc\n     */\n    public show(errors: ValidationErrorsResult, options: ValidationErrorsOptions): void\n    {\n        this.errors = errors;\n        this.options = options;\n\n        this._changeDetector.detectChanges();\n    }\n}","<div [ngClass]=\"options?.wrapperDivClass\" *ngIf=\"errors?.errorMessages?.length\" @slideInOut>\n    <div *ngFor=\"let error of errors?.errorMessages\">{{error}}</div>\n</div>"]}
+{"version":3,"file":"defaultValidationErrors.component.js","sourceRoot":"","sources":["../../../../../forms/src/components/defaultValidationErrors/defaultValidationErrors.component.ts","../../../../../forms/src/components/defaultValidationErrors/defaultValidationErrors.component.html"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAE,uBAAuB,EAAE,iBAAiB,EAAE,WAAW,EAAC,MAAM,eAAe,CAAC;AACjG,OAAO,EAAC,iBAAiB,EAAE,sBAAsB,EAAC,MAAM,mBAAmB,CAAC;;;AAK5E;;GAEG;AAaH,MAAM,OAAO,gCAAgC;IAwBzC,iEAAiE;IACjE,YAAsB,eAAkC;QAAlC,oBAAe,GAAf,eAAe,CAAmB;QATxD,8EAA8E;QAE9E;;WAEG;QAEI,YAAO,GAAY,IAAI,CAAC;IAK/B,CAAC;IAED,kHAAkH;IAElH;;OAEG;IACI,IAAI,CAAC,MAA8B,EAAE,OAAgC;QAExE,IAAI,CAAC,MAAM,GAAG,MAAM,CAAC;QACrB,IAAI,CAAC,OAAO,GAAG,OAAO,CAAC;QAEvB,IAAI,CAAC,eAAe,CAAC,aAAa,EAAE,CAAC;IACzC,CAAC;;6HAxCQ,gCAAgC;iHAAhC,gCAAgC,+HCrB7C,kLAEM,mVDaF;QACI,iBAAiB;QACjB,sBAAsB;KACzB;2FAGQ,gCAAgC;kBAZ5C,SAAS;+BAEI,2BAA2B,cAIrC;wBACI,iBAAiB;wBACjB,sBAAsB;qBACzB,mBACgB,uBAAuB,CAAC,MAAM;wGAwBxC,OAAO;sBADb,WAAW;uBAAC,kBAAkB","sourcesContent":["import {Component, ChangeDetectionStrategy, ChangeDetectorRef, HostBinding} from '@angular/core';\nimport {slideInOutTrigger, animateChildrenTrigger} from '@anglr/animations';\n\nimport {ValidationErrorsResult} from '../../services/errorMessagesExtractor/errorMessagesExtractor.interface';\nimport {ValidationErrorsComponent, ValidationErrorsOptions} from '../../services/validationErrorRenderer/validationErrorRenderer.interface';\n\n/**\n * Default validation errors component, displaying validation errors\n */\n@Component(\n{\n    selector: 'default-validation-errors',\n    templateUrl: 'defaultValidationErrors.component.html',\n    styleUrls: ['defaultValidationErrors.component.css'],\n    animations: \n    [\n        slideInOutTrigger,\n        animateChildrenTrigger\n    ],\n    changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class DefaultValidationErrorsComponent implements ValidationErrorsComponent\n{\n    //######################### public properties - template bindings #########################\n\n    /**\n     * Errors to be shown\n     * @internal\n     */\n    public errors: ValidationErrorsResult;\n    \n    /**\n     * Options used for displaying validation errors\n     * @internal\n     */\n    public options: ValidationErrorsOptions;\n\n    //######################### public properties - host #########################\n\n    /**\n     * Enables leave animations for internal stuff\n     */\n    @HostBinding('@animateChildren')\n    public animate: boolean = true;\n\n    //######################### constructor #########################\n    constructor(protected _changeDetector: ChangeDetectorRef)\n    {\n    }\n\n    //######################### public methods - implementation of ValidationErrorsComponent #########################\n\n    /**\n     * @inheritdoc\n     */\n    public show(errors: ValidationErrorsResult, options: ValidationErrorsOptions): void\n    {\n        this.errors = errors;\n        this.options = options;\n\n        this._changeDetector.detectChanges();\n    }\n}","<div [ngClass]=\"options?.wrapperDivClass\" *ngIf=\"errors?.errorMessages?.length\" @slideInOut>\n    <div *ngFor=\"let error of errors?.errorMessages\">{{error}}</div>\n</div>"]}

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