@anglr/common 9.0.0-beta.20220215123148 → 10.0.0

package/es2020/numeral/src/index.js

@@ -0,0 +1,3 @@
+export * from './pipes/numeral.pipe';
+export * from './modules/numeral.module';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../numeral/src/index.ts"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAC;AACrC,cAAc,0BAA0B,CAAC","sourcesContent":["export * from './pipes/numeral.pipe';\nexport * from './modules/numeral.module';"]}

package/es2020/numeral/src/modules/numeral.module.js

@@ -0,0 +1,19 @@
+import { NgModule } from '@angular/core';
+import { NumeralPipe } from './../pipes/numeral.pipe';
+import * as i0 from "@angular/core";
+/**
+ * Module for components, pipes and directives that are using numeral library
+ */
+export class NumeralModule {
+}
+NumeralModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: NumeralModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+NumeralModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: NumeralModule, declarations: [NumeralPipe], exports: [NumeralPipe] });
+NumeralModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: NumeralModule });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: NumeralModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [NumeralPipe],
+                    exports: [NumeralPipe]
+                }]
+        }] });
+//# sourceMappingURL=numeral.module.js.map

package/es2020/numeral/src/modules/numeral.module.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"numeral.module.js","sourceRoot":"","sources":["../../../../numeral/src/modules/numeral.module.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,QAAQ,EAAC,MAAM,eAAe,CAAC;AAEvC,OAAO,EAAC,WAAW,EAAC,MAAM,yBAAyB,CAAC;;AAEpD;;GAEG;AAMH,MAAM,OAAO,aAAa;;0GAAb,aAAa;2GAAb,aAAa,iBAHP,WAAW,aAChB,WAAW;2GAEZ,aAAa;2FAAb,aAAa;kBALzB,QAAQ;mBACT;oBACI,YAAY,EAAE,CAAC,WAAW,CAAC;oBAC3B,OAAO,EAAE,CAAC,WAAW,CAAC;iBACzB","sourcesContent":["import {NgModule} from '@angular/core';\n\nimport {NumeralPipe} from './../pipes/numeral.pipe';\n\n/**\n * Module for components, pipes and directives that are using numeral library\n */\n@NgModule(\n{\n    declarations: [NumeralPipe],\n    exports: [NumeralPipe]\n})\nexport class NumeralModule\n{\n}"]}

package/es2020/numeral/src/pipes/numeral.pipe.js

@@ -0,0 +1,50 @@
+import { Pipe } from '@angular/core';
+import { GlobalizationService } from '@anglr/common';
+import { isBlank } from '@jscrpt/common';
+import numeral from 'numeral';
+import * as i0 from "@angular/core";
+import * as i1 from "@anglr/common";
+/**
+ * Pipe to transform numbers to regional formatting using numeraljs.
+ */
+export class NumeralPipe {
+    //######################### constructors #########################
+    constructor(globalizationSvc) {
+        numeral.locale(globalizationSvc.locale);
+        this._globalizationChangeSubscription = globalizationSvc
+            .localeChange
+            .subscribe(() => numeral.locale(globalizationSvc.locale));
+    }
+    //######################### public methods #########################
+    /**
+     * Formats number value as slovak format string
+     * @param value - Number to format
+     * @param format - Format string (optional)
+     */
+    transform(value, format) {
+        if (isBlank(value)) {
+            return '';
+        }
+        if (isNaN(value)) {
+            value = 0;
+        }
+        return numeral(value).format(format);
+    }
+    //######################### public methods - implementation of OnDestroy #########################
+    /**
+     * Called when component is destroyed
+     */
+    ngOnDestroy() {
+        if (this._globalizationChangeSubscription) {
+            this._globalizationChangeSubscription.unsubscribe();
+            this._globalizationChangeSubscription = null;
+        }
+    }
+}
+NumeralPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: NumeralPipe, deps: [{ token: i1.GlobalizationService }], target: i0.ɵɵFactoryTarget.Pipe });
+NumeralPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: NumeralPipe, name: "numeral" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: NumeralPipe, decorators: [{
+            type: Pipe,
+            args: [{ name: 'numeral' }]
+        }], ctorParameters: function () { return [{ type: i1.GlobalizationService }]; } });
+//# sourceMappingURL=numeral.pipe.js.map

package/es2020/numeral/src/pipes/numeral.pipe.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"numeral.pipe.js","sourceRoot":"","sources":["../../../../numeral/src/pipes/numeral.pipe.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,IAAI,EAA2B,MAAM,eAAe,CAAC;AAC7D,OAAO,EAAC,oBAAoB,EAAC,MAAM,eAAe,CAAC;AACnD,OAAO,EAAC,OAAO,EAAC,MAAM,gBAAgB,CAAC;AACvC,OAAO,OAAO,MAAM,SAAS,CAAC;;;AAG9B;;GAEG;AAEH,MAAM,OAAO,WAAW;IASpB,kEAAkE;IAClE,YAAY,gBAAsC;QAE9C,OAAO,CAAC,MAAM,CAAC,gBAAgB,CAAC,MAAM,CAAC,CAAC;QAExC,IAAI,CAAC,gCAAgC,GAAG,gBAAgB;aACnD,YAAY;aACZ,SAAS,CAAC,GAAG,EAAE,CAAC,OAAO,CAAC,MAAM,CAAC,gBAAgB,CAAC,MAAM,CAAC,CAAC,CAAC;IAClE,CAAC;IAED,oEAAoE;IAEpE;;;;OAIG;IACI,SAAS,CAAC,KAAa,EAAE,MAAc;QAE1C,IAAG,OAAO,CAAC,KAAK,CAAC,EACjB;YACI,OAAO,EAAE,CAAC;SACb;QAED,IAAG,KAAK,CAAC,KAAK,CAAC,EACf;YACI,KAAK,GAAG,CAAC,CAAC;SACb;QAED,OAAO,OAAO,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC;IACzC,CAAC;IAED,kGAAkG;IAElG;;OAEG;IACI,WAAW;QAEd,IAAG,IAAI,CAAC,gCAAgC,EACxC;YACI,IAAI,CAAC,gCAAgC,CAAC,WAAW,EAAE,CAAC;YACpD,IAAI,CAAC,gCAAgC,GAAG,IAAI,CAAC;SAChD;IACL,CAAC;;wGArDQ,WAAW;sGAAX,WAAW;2FAAX,WAAW;kBADvB,IAAI;mBAAC,EAAC,IAAI,EAAE,SAAS,EAAC","sourcesContent":["import {Pipe, PipeTransform, OnDestroy} from '@angular/core';\nimport {GlobalizationService} from '@anglr/common';\nimport {isBlank} from '@jscrpt/common';\nimport numeral from 'numeral';\nimport {Subscription} from 'rxjs';\n\n/**\n * Pipe to transform numbers to regional formatting using numeraljs.\n */\n@Pipe({name: 'numeral'})\nexport class NumeralPipe implements PipeTransform, OnDestroy\n{\n    //######################### private fields #########################\n    \n    /**\n     * Subscription for globalization changes\n     */\n    private _globalizationChangeSubscription: Subscription|null;\n\n    //######################### constructors #########################\n    constructor(globalizationSvc: GlobalizationService)\n    {\n        numeral.locale(globalizationSvc.locale);\n\n        this._globalizationChangeSubscription = globalizationSvc\n            .localeChange\n            .subscribe(() => numeral.locale(globalizationSvc.locale));\n    }\n \n    //######################### public methods #########################\n    \n    /**\n     * Formats number value as slovak format string\n     * @param value - Number to format\n     * @param format - Format string (optional) \n     */   \n    public transform(value: number, format: string): string\n    {\n        if(isBlank(value))\n        {\n            return '';\n        }\n        \n        if(isNaN(value))\n        {\n            value = 0;\n        }\n        \n        return numeral(value).format(format);\n    }\n\n    //######################### public methods - implementation of OnDestroy #########################\n    \n    /**\n     * Called when component is destroyed\n     */\n    public ngOnDestroy(): void\n    {\n        if(this._globalizationChangeSubscription)\n        {\n            this._globalizationChangeSubscription.unsubscribe();\n            this._globalizationChangeSubscription = null;\n        }\n    }\n}\n\n"]}

package/es2020/positions/src/index.js

@@ -0,0 +1,9 @@
+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

@@ -0,0 +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"]}

package/es2020/positions/src/misc/utils.js

@@ -0,0 +1,109 @@
+import positions from 'positions';
+/**
+ * Updates height of element
+ * @param element - Element that will be positioned
+ * @param target - Target element which will be element positioned against
+ * @param htmlDocument - HTML document instance
+ */
+function updateHeight(element, target, htmlDocument) {
+    const rect = element.getBoundingClientRect(), targetRect = target.getBoundingClientRect(), h = Math.max(htmlDocument.documentElement.clientHeight, window.innerHeight || 0);
+    //popup is above
+    if (rect.top < targetRect.top) {
+        //space above is not enough
+        element.style.maxHeight = `${targetRect.top - 6}px`;
+    }
+    //popup is below
+    else {
+        //space below is not enough
+        element.style.maxHeight = `${h - targetRect.bottom - 6}px`;
+    }
+}
+/**
+ * Flips html element position if collision occur
+ * @param element - Element that will be positioned
+ * @param elementCoordinates - Relative coordinates of element
+ * @param target - Target element which will be element positioned against
+ * @param targetCoordinates - Relative coordinates of target element
+ * @param htmlDocument - HTML document instance
+ * @param flipCallback - Callback called when flip occured during positioning
+ */
+function flipIfCollision(element, elementCoordinates, target, targetCoordinates, htmlDocument, flipCallback) {
+    const w = Math.max(htmlDocument.documentElement.clientWidth, window.innerWidth || 0), h = Math.max(htmlDocument.documentElement.clientHeight, window.innerHeight || 0), rect = element.getBoundingClientRect(), targetRect = target.getBoundingClientRect(), spaceAbove = targetRect.top, spaceUnder = h - targetRect.bottom, spaceBefore = targetRect.left, spaceAfter = w - targetRect.right;
+    //vertical overflow
+    if ((h < rect.bottom &&
+        spaceUnder < spaceAbove) ||
+        (rect.top < 0 &&
+            spaceAbove < spaceUnder)) {
+        elementCoordinates = flipVertiacal(elementCoordinates);
+        targetCoordinates = flipVertiacal(targetCoordinates);
+        flipCallback('vertical');
+    }
+    else {
+        flipCallback('verticalOriginal');
+    }
+    //horizontal overflow
+    if ((w < (rect.left + rect.width) &&
+        spaceAfter < spaceBefore) ||
+        (rect.left < 0 &&
+            spaceBefore < spaceAfter)) {
+        elementCoordinates = flipHorizontal(elementCoordinates);
+        targetCoordinates = flipHorizontal(targetCoordinates);
+        flipCallback('horizontal');
+    }
+    else {
+        flipCallback('horizontalOriginal');
+    }
+    return [positions(element, elementCoordinates, target, targetCoordinates), elementCoordinates, targetCoordinates];
+}
+/**
+ * Flips vertical position
+ * @param position - Position to be flipped vertically
+ */
+function flipVertiacal(position) {
+    if (position.indexOf('top') >= 0) {
+        return position.replace('top', 'bottom');
+    }
+    else if (position.indexOf('bottom') >= 0) {
+        return position.replace('bottom', 'top');
+    }
+    return position;
+}
+/**
+ * Flips horizontal position
+ * @param position - Position to be flipped horizontally
+ */
+function flipHorizontal(position) {
+    if (position.indexOf('right') >= 0) {
+        return position.replace('right', 'left');
+    }
+    else if (position.indexOf('left') >= 0) {
+        return position.replace('left', 'right');
+    }
+    return position;
+}
+/**
+ * Computes and applies position for element relative to target, if there is collision it automatically flips
+ * @param element - Element that will be positioned
+ * @param elementCoordinates - Relative coordinates of element
+ * @param target - Target element which will be element positioned against
+ * @param targetCoordinates - Relative coordinates of target element
+ * @param htmlDocument - HTML document instance
+ * @param flipCallback - Callback called when flip occured during positioning
+ */
+export function positionsWithFlip(element, elementCoordinates, target, targetCoordinates, htmlDocument = document, flipCallback = () => { }) {
+    //set to default position
+    let popupCoordinates = positions(element, elementCoordinates, target, targetCoordinates);
+    element.style.left = `${popupCoordinates.left}px`;
+    element.style.top = `${popupCoordinates.top}px`;
+    element.style.maxHeight = '';
+    //flip if collision with viewport
+    [popupCoordinates, elementCoordinates, targetCoordinates] = flipIfCollision(element, elementCoordinates, target, targetCoordinates, htmlDocument, flipCallback);
+    element.style.left = `${popupCoordinates.left}px`;
+    element.style.top = `${popupCoordinates.top}px`;
+    //set maxHeight if there is not more place
+    updateHeight(element, target, htmlDocument);
+    popupCoordinates = positions(element, elementCoordinates, target, targetCoordinates);
+    element.style.left = `${popupCoordinates.left}px`;
+    element.style.top = `${popupCoordinates.top}px`;
+}
+//# sourceMappingURL=utils.js.map

package/es2020/positions/src/misc/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../../positions/src/misc/utils.ts"],"names":[],"mappings":"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","sourcesContent":["import positions from 'positions';\nimport type {PositionsCoordinates, PositionsCss} from 'positions';\n\n/**\n * Available flip directions\n */\nexport type FLIP_DIRECTION = 'vertical'|'horizontal'|'verticalOriginal'|'horizontalOriginal';\n\n/**\n * Function to be called when flip occurs\n */\nexport interface FlipCallback\n{\n    (direction: FLIP_DIRECTION): void;\n}\n\n/**\n * Updates height of element\n * @param element - Element that will be positioned\n * @param target - Target element which will be element positioned against\n * @param htmlDocument - HTML document instance\n */\nfunction updateHeight(element: HTMLElement, target: HTMLElement, htmlDocument: Document): void\n{\n    const rect = element.getBoundingClientRect(),\n          targetRect = target.getBoundingClientRect(),\n          h = Math.max(htmlDocument.documentElement.clientHeight, window.innerHeight || 0);\n\n    //popup is above\n    if(rect.top < targetRect.top)\n    {\n        //space above is not enough\n        element.style.maxHeight = `${targetRect.top - 6}px`;\n    }\n    //popup is below\n    else\n    {\n        //space below is not enough\n        element.style.maxHeight = `${h - targetRect.bottom - 6}px`;\n    }\n}\n\n/**\n * Flips html element position if collision occur\n * @param element - Element that will be positioned\n * @param elementCoordinates - Relative coordinates of element\n * @param target - Target element which will be element positioned against\n * @param targetCoordinates - Relative coordinates of target element\n * @param htmlDocument - HTML document instance\n * @param flipCallback - Callback called when flip occured during positioning\n */\nfunction flipIfCollision(element: HTMLElement,\n                         elementCoordinates: PositionsCoordinates,\n                         target: HTMLElement,\n                         targetCoordinates: PositionsCoordinates,\n                         htmlDocument: Document,\n                         flipCallback: FlipCallback): [PositionsCss, PositionsCoordinates, PositionsCoordinates]\n{\n    const w = Math.max(htmlDocument.documentElement.clientWidth, window.innerWidth || 0),\n          h = Math.max(htmlDocument.documentElement.clientHeight, window.innerHeight || 0),\n          rect = element.getBoundingClientRect(),\n          targetRect = target.getBoundingClientRect(),\n          spaceAbove = targetRect.top,\n          spaceUnder = h - targetRect.bottom,\n          spaceBefore = targetRect.left,\n          spaceAfter = w - targetRect.right;\n\n    //vertical overflow\n    if((h < rect.bottom &&\n        spaceUnder < spaceAbove) ||\n       (rect.top < 0 &&\n        spaceAbove < spaceUnder))\n    {\n        elementCoordinates = flipVertiacal(elementCoordinates);\n        targetCoordinates = flipVertiacal(targetCoordinates);\n        flipCallback('vertical');\n    }\n    else\n    {\n        flipCallback('verticalOriginal');\n    }\n\n    //horizontal overflow\n    if((w < (rect.left + rect.width) &&\n        spaceAfter < spaceBefore) ||\n       (rect.left < 0 &&\n        spaceBefore < spaceAfter))\n    {\n        elementCoordinates = flipHorizontal(elementCoordinates);\n        targetCoordinates = flipHorizontal(targetCoordinates);\n        flipCallback('horizontal');\n    }\n    else\n    {\n        flipCallback('horizontalOriginal');\n    }\n\n    return [positions(element, elementCoordinates, target, targetCoordinates), elementCoordinates, targetCoordinates];\n}\n\n/**\n * Flips vertical position\n * @param position - Position to be flipped vertically\n */\nfunction flipVertiacal(position: PositionsCoordinates): PositionsCoordinates\n{\n    if(position.indexOf('top') >= 0)\n    {\n        return position.replace('top', 'bottom') as PositionsCoordinates;\n    }\n    else if(position.indexOf('bottom') >= 0)\n    {\n        return position.replace('bottom', 'top') as PositionsCoordinates;\n    }\n\n    return position;\n}\n\n/**\n * Flips horizontal position\n * @param position - Position to be flipped horizontally\n */\nfunction flipHorizontal(position: PositionsCoordinates): PositionsCoordinates\n{\n    if(position.indexOf('right') >= 0)\n    {\n        return position.replace('right', 'left') as PositionsCoordinates;\n    }\n    else if(position.indexOf('left') >= 0)\n    {\n        return position.replace('left', 'right') as PositionsCoordinates;\n    }\n\n    return position;\n}\n\n/**\n * Computes and applies position for element relative to target, if there is collision it automatically flips\n * @param element - Element that will be positioned\n * @param elementCoordinates - Relative coordinates of element\n * @param target - Target element which will be element positioned against\n * @param targetCoordinates - Relative coordinates of target element\n * @param htmlDocument - HTML document instance\n * @param flipCallback - Callback called when flip occured during positioning\n */\nexport function positionsWithFlip(element: HTMLElement,\n                                  elementCoordinates: PositionsCoordinates,\n                                  target: HTMLElement,\n                                  targetCoordinates: PositionsCoordinates,\n                                  htmlDocument: Document = document,\n                                  flipCallback: FlipCallback = () => {}): void\n{\n    //set to default position\n    let popupCoordinates = positions(element, elementCoordinates, target, targetCoordinates);\n    element.style.left = `${popupCoordinates.left}px`;\n    element.style.top = `${popupCoordinates.top}px`;\n    element.style.maxHeight = '';\n\n    //flip if collision with viewport\n    [popupCoordinates, elementCoordinates, targetCoordinates] = flipIfCollision(element, elementCoordinates, target, targetCoordinates, htmlDocument, flipCallback);\n    element.style.left = `${popupCoordinates.left}px`;\n    element.style.top = `${popupCoordinates.top}px`;\n\n    //set maxHeight if there is not more place\n    updateHeight(element, target, htmlDocument);\n    popupCoordinates = positions(element, elementCoordinates, target, targetCoordinates);\n    element.style.left = `${popupCoordinates.left}px`;\n    element.style.top = `${popupCoordinates.top}px`;\n}"]}

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

@@ -0,0 +1,58 @@
+import { Directive, Input, ElementRef, Inject, Output, EventEmitter } from '@angular/core';
+import { DOCUMENT } from '@angular/common';
+import { nameof, isPresent } from '@jscrpt/common';
+import { positionsWithFlip } from '../../../../misc/utils';
+import * as i0 from "@angular/core";
+/**
+ * Sets position of attached element relative to provided element
+ */
+export class PositionToDirective {
+    //######################### constructor #########################
+    constructor(_element, _document) {
+        this._element = _element;
+        this._document = _document;
+        /**
+         * Relative coordinates of element
+         */
+        this.elementCoordinates = 'top left';
+        /**
+         * Relative coordinates of target element
+         */
+        this.targetCoordinates = 'bottom left';
+        //######################### public properties - outputs #########################
+        /**
+         * Occurs when flip occurs during positioning
+         */
+        this.flip = new EventEmitter();
+    }
+    //######################### public methods - implementation of OnChanges #########################
+    /**
+     * Called when input value changes
+     */
+    ngOnChanges(changes) {
+        if (nameof('target') in changes && isPresent(this.target)) {
+            positionsWithFlip(this._element.nativeElement, this.elementCoordinates, this.target, this.targetCoordinates, this._document, () => this.flip.emit());
+        }
+    }
+}
+PositionToDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: PositionToDirective, deps: [{ token: i0.ElementRef }, { token: DOCUMENT }], target: i0.ɵɵFactoryTarget.Directive });
+PositionToDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.2.2", type: PositionToDirective, selector: "[positionTo]", inputs: { target: ["positionTo", "target"], elementCoordinates: "elementCoordinates", targetCoordinates: "targetCoordinates" }, outputs: { flip: "flip" }, usesOnChanges: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: PositionToDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[positionTo]'
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: Document, decorators: [{
+                    type: Inject,
+                    args: [DOCUMENT]
+                }] }]; }, propDecorators: { target: [{
+                type: Input,
+                args: ['positionTo']
+            }], elementCoordinates: [{
+                type: Input
+            }], targetCoordinates: [{
+                type: Input
+            }], flip: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=positionTo.directive.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"positionTo.directive.js","sourceRoot":"","sources":["../../../../../../../positions/src/modules/positions/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,QAAQ,EAAC,MAAM,iBAAiB,CAAC;AACzC,OAAO,EAAC,MAAM,EAAE,SAAS,EAAC,MAAM,gBAAgB,CAAC;AAGjD,OAAO,EAAC,iBAAiB,EAAC,MAAM,wBAAwB,CAAC;;AAEzD;;GAEG;AAKH,MAAM,OAAO,mBAAmB;IA8B5B,iEAAiE;IACjE,YAAoB,QAAiC,EACf,SAAmB;QADrC,aAAQ,GAAR,QAAQ,CAAyB;QACf,cAAS,GAAT,SAAS,CAAU;QAtBzD;;WAEG;QAEI,uBAAkB,GAAyB,UAAU,CAAC;QAE7D;;WAEG;QAEI,sBAAiB,GAAyB,aAAa,CAAC;QAE/D,iFAAiF;QAEjF;;WAEG;QAEI,SAAI,GAAuB,IAAI,YAAY,EAAQ,CAAC;IAM3D,CAAC;IAED,kGAAkG;IAElG;;OAEG;IACI,WAAW,CAAC,OAAsB;QAErC,IAAG,MAAM,CAAsB,QAAQ,CAAC,IAAI,OAAO,IAAI,SAAS,CAAC,IAAI,CAAC,MAAM,CAAC,EAC7E;YACI,iBAAiB,CAAC,IAAI,CAAC,QAAQ,CAAC,aAAa,EAAE,IAAI,CAAC,kBAAkB,EAAE,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,iBAAiB,EAAE,IAAI,CAAC,SAAS,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC;SACxJ;IACL,CAAC;;gHA/CQ,mBAAmB,4CAgCR,QAAQ;oGAhCnB,mBAAmB;2FAAnB,mBAAmB;kBAJ/B,SAAS;mBACV;oBACI,QAAQ,EAAE,cAAc;iBAC3B;mFAiCoD,QAAQ;0BAA5C,MAAM;2BAAC,QAAQ;4CAxBrB,MAAM;sBADZ,KAAK;uBAAC,YAAY;gBAOZ,kBAAkB;sBADxB,KAAK;gBAOC,iBAAiB;sBADvB,KAAK;gBASC,IAAI;sBADV,MAAM","sourcesContent":["import {Directive, Input, ElementRef, OnChanges, SimpleChanges, Inject, Output, EventEmitter} from '@angular/core';\nimport {DOCUMENT} from '@angular/common';\nimport {nameof, isPresent} from '@jscrpt/common';\nimport type {PositionsCoordinates} from 'positions';\n\nimport {positionsWithFlip} from '../../../../misc/utils';\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    //######################### public properties - inputs #########################\n\n    /**\n     * Html element which is used as target for positioning against it\n     */\n    @Input('positionTo')\n    public target: HTMLElement;\n\n    /**\n     * Relative coordinates of element\n     */\n    @Input()\n    public elementCoordinates: PositionsCoordinates = 'top left';\n\n    /**\n     * Relative coordinates of target element\n     */\n    @Input()\n    public targetCoordinates: PositionsCoordinates = 'bottom left';\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(private _element: ElementRef<HTMLElement>,\n                @Inject(DOCUMENT) private _document: Document)\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>('target') in changes && isPresent(this.target))\n        {\n            positionsWithFlip(this._element.nativeElement, this.elementCoordinates, this.target, this.targetCoordinates, this._document, () => this.flip.emit());\n        }\n    }\n}"]}

package/es2020/positions/src/modules/positions/modules/positions.module.js

@@ -0,0 +1,24 @@
+import { NgModule } from '@angular/core';
+import { PositionToDirective } from '../directives/positionTo/positionTo.directive';
+import * as i0 from "@angular/core";
+/**
+ * Module for position to directive
+ */
+export class PositionsModule {
+}
+PositionsModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: PositionsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+PositionsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: PositionsModule, declarations: [PositionToDirective], exports: [PositionToDirective] });
+PositionsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: PositionsModule, imports: [[]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: PositionsModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [],
+                    declarations: [
+                        PositionToDirective
+                    ],
+                    exports: [
+                        PositionToDirective
+                    ]
+                }]
+        }] });
+//# sourceMappingURL=positions.module.js.map

package/es2020/positions/src/modules/positions/modules/positions.module.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"positions.module.js","sourceRoot":"","sources":["../../../../../../positions/src/modules/positions/modules/positions.module.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,QAAQ,EAAC,MAAM,eAAe,CAAC;AAEvC,OAAO,EAAC,mBAAmB,EAAC,MAAM,+CAA+C,CAAC;;AAElF;;GAEG;AAeH,MAAM,OAAO,eAAe;;4GAAf,eAAe;6GAAf,eAAe,iBAPpB,mBAAmB,aAInB,mBAAmB;6GAGd,eAAe,YAXxB,EACC;2FAUQ,eAAe;kBAd3B,QAAQ;mBACT;oBACI,OAAO,EACP,EACC;oBACD,YAAY,EACZ;wBACI,mBAAmB;qBACtB;oBACD,OAAO,EACP;wBACI,mBAAmB;qBACtB;iBACJ","sourcesContent":["import {NgModule} from '@angular/core';\n\nimport {PositionToDirective} from '../directives/positionTo/positionTo.directive';\n\n/**\n * Module for position to directive\n */\n@NgModule(\n{\n    imports:\n    [\n    ],\n    declarations:\n    [\n        PositionToDirective\n    ],\n    exports:\n    [\n        PositionToDirective\n    ]\n})\nexport class PositionsModule\n{\n}\n"]}

package/es2020/positions/src/modules/tooltip/components/tooltip/tooltip.component.js

@@ -0,0 +1,98 @@
+import { Component, ChangeDetectionStrategy, ChangeDetectorRef, HostBinding, ElementRef, HostListener } from '@angular/core';
+import { transition, trigger, useAnimation } from '@angular/animations';
+import { fadeInAnimation, fadeOutAnimation } from '@anglr/animations';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+/**
+ * Component used for displaying tooltip content
+ */
+export class TooltipComponent {
+    //######################### constructor #########################
+    constructor(_changeDetector, _element) {
+        this._changeDetector = _changeDetector;
+        this._element = _element;
+        //######################### protected fields #########################
+        /**
+         * Called when mouse enter tooltip component, hover
+         */
+        this._enterFn = () => null;
+        /**
+         * Called when mouse leaves tooltip component
+         */
+        this._leaveFn = () => null;
+        //######################### public properties - host #########################
+        /**
+         * Attach fade in/out animation to element
+         * @internal
+         */
+        this.animation = true;
+    }
+    //######################### public methods - implementation of TooltipRenderer #########################
+    /**
+     * Registers handlers that allows reaction to entering or leaving tooltip
+     * @param enter - Called when mouse enter tooltip component, hover
+     * @param leave - Called when mouse leaves tooltip component
+     */
+    registerHoverEvents(enter, leave) {
+        this._enterFn = enter;
+        this._leaveFn = leave;
+    }
+    /**
+     * Explicitly runs invalidation of content (change detection)
+     */
+    invalidateVisuals() {
+        if (this.cssClass) {
+            this._element.nativeElement.classList.add(this.cssClass);
+        }
+        this._changeDetector.detectChanges();
+    }
+    //######################### public methods - host #########################
+    /**
+     * Handles mouse enter event over tooltip
+     * @internal
+     */
+    mouseEnter() {
+        this._enterFn();
+    }
+    /**
+     * Handles mouse leave event over tooltip
+     * @internal
+     */
+    mouseLeave() {
+        this._leaveFn();
+    }
+}
+TooltipComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: TooltipComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
+TooltipComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.2", type: TooltipComponent, selector: "tooltip-popup", host: { listeners: { "mouseenter": "mouseEnter()", "mouseleave": "mouseLeave()" }, properties: { "@fadeInOut": "this.animation" } }, ngImport: i0, template: "<div *ngIf=\"!template && !allowHtml\">{{data}}</div>\r\n<div *ngIf=\"!template && allowHtml\" [innerHTML]=\"data\"></div>\r\n\r\n<ng-template [ngIf]=\"template\">\r\n    <ng-container *ngTemplateOutlet=\"template; context: {$implicit: data}\"></ng-container>\r\n</ng-template>", styles: [":host\r\n{\r\n    display: block;\r\n    position: absolute;\r\n    padding: 2px 4px;\r\n    border-radius: 3px;\r\n    font-size: 0.9em;\r\n    max-width: 300px;\r\n    user-select: text;\r\n}"], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }], animations: [
+        trigger('fadeInOut', [
+            transition(':enter', [
+                useAnimation(fadeInAnimation, { params: { duration: '260ms' } })
+            ]),
+            transition(':leave', [
+                useAnimation(fadeOutAnimation, { params: { duration: '260ms' } })
+            ])
+        ])
+    ], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: TooltipComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'tooltip-popup', animations: [
+                        trigger('fadeInOut', [
+                            transition(':enter', [
+                                useAnimation(fadeInAnimation, { params: { duration: '260ms' } })
+                            ]),
+                            transition(':leave', [
+                                useAnimation(fadeOutAnimation, { params: { duration: '260ms' } })
+                            ])
+                        ])
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div *ngIf=\"!template && !allowHtml\">{{data}}</div>\r\n<div *ngIf=\"!template && allowHtml\" [innerHTML]=\"data\"></div>\r\n\r\n<ng-template [ngIf]=\"template\">\r\n    <ng-container *ngTemplateOutlet=\"template; context: {$implicit: data}\"></ng-container>\r\n</ng-template>", styles: [":host\r\n{\r\n    display: block;\r\n    position: absolute;\r\n    padding: 2px 4px;\r\n    border-radius: 3px;\r\n    font-size: 0.9em;\r\n    max-width: 300px;\r\n    user-select: text;\r\n}"] }]
+        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }]; }, propDecorators: { animation: [{
+                type: HostBinding,
+                args: ['@fadeInOut']
+            }], mouseEnter: [{
+                type: HostListener,
+                args: ['mouseenter']
+            }], mouseLeave: [{
+                type: HostListener,
+                args: ['mouseleave']
+            }] } });
+//# sourceMappingURL=tooltip.component.js.map

package/es2020/positions/src/modules/tooltip/components/tooltip/tooltip.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip.component.js","sourceRoot":"","sources":["../../../../../../../positions/src/modules/tooltip/components/tooltip/tooltip.component.ts","../../../../../../../positions/src/modules/tooltip/components/tooltip/tooltip.component.html"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAE,uBAAuB,EAAe,iBAAiB,EAAE,WAAW,EAAE,UAAU,EAAE,YAAY,EAAC,MAAM,eAAe,CAAC;AACxI,OAAO,EAAC,UAAU,EAAE,OAAO,EAAE,YAAY,EAAC,MAAM,qBAAqB,CAAC;AACtE,OAAO,EAAC,eAAe,EAAE,gBAAgB,EAAC,MAAM,mBAAmB,CAAC;;;AAIpE;;GAEG;AAsBH,MAAM,OAAO,gBAAgB;IA6CzB,iEAAiE;IACjE,YAAsB,eAAkC,EAClC,QAAiC;QADjC,oBAAe,GAAf,eAAe,CAAmB;QAClC,aAAQ,GAAR,QAAQ,CAAyB;QA7CvD,sEAAsE;QAEtE;;WAEG;QACO,aAAQ,GAAe,GAAG,EAAE,CAAC,IAAI,CAAC;QAE5C;;WAEG;QACO,aAAQ,GAAe,GAAG,EAAE,CAAC,IAAI,CAAC;QAwB5C,8EAA8E;QAE9E;;;WAGG;QAEI,cAAS,GAAY,IAAI,CAAC;IAMjC,CAAC;IAED,wGAAwG;IAExG;;;;OAIG;IACI,mBAAmB,CAAC,KAAiB,EAAE,KAAiB;QAE3D,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC;QACtB,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC;IAC1B,CAAC;IAED;;OAEG;IACI,iBAAiB;QAEpB,IAAG,IAAI,CAAC,QAAQ,EAChB;YACI,IAAI,CAAC,QAAQ,CAAC,aAAa,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;SAC5D;QAED,IAAI,CAAC,eAAe,CAAC,aAAa,EAAE,CAAC;IACzC,CAAC;IAED,2EAA2E;IAE3E;;;OAGG;IAEI,UAAU;QAEb,IAAI,CAAC,QAAQ,EAAE,CAAC;IACpB,CAAC;IAED;;;OAGG;IAEI,UAAU;QAEb,IAAI,CAAC,QAAQ,EAAE,CAAC;IACpB,CAAC;;6GAjGQ,gBAAgB;iGAAhB,gBAAgB,0LC9B7B,uRAKc,obDUV;QACI,OAAO,CAAC,WAAW,EACnB;YACI,UAAU,CAAC,QAAQ,EACnB;gBACI,YAAY,CAAC,eAAe,EAAE,EAAC,MAAM,EAAE,EAAC,QAAQ,EAAE,OAAO,EAAC,EAAC,CAAC;aAC/D,CAAC;YACF,UAAU,CAAC,QAAQ,EACnB;gBACI,YAAY,CAAC,gBAAgB,EAAE,EAAC,MAAM,EAAE,EAAC,QAAQ,EAAE,OAAO,EAAC,EAAC,CAAC;aAChE,CAAC;SACL,CAAC;KACL;2FAGQ,gBAAgB;kBArB5B,SAAS;+BAEI,eAAe,cAIzB;wBACI,OAAO,CAAC,WAAW,EACnB;4BACI,UAAU,CAAC,QAAQ,EACnB;gCACI,YAAY,CAAC,eAAe,EAAE,EAAC,MAAM,EAAE,EAAC,QAAQ,EAAE,OAAO,EAAC,EAAC,CAAC;6BAC/D,CAAC;4BACF,UAAU,CAAC,QAAQ,EACnB;gCACI,YAAY,CAAC,gBAAgB,EAAE,EAAC,MAAM,EAAE,EAAC,QAAQ,EAAE,OAAO,EAAC,EAAC,CAAC;6BAChE,CAAC;yBACL,CAAC;qBACL,mBACgB,uBAAuB,CAAC,MAAM;iIA6CxC,SAAS;sBADf,WAAW;uBAAC,YAAY;gBA0ClB,UAAU;sBADhB,YAAY;uBAAC,YAAY;gBAWnB,UAAU;sBADhB,YAAY;uBAAC,YAAY","sourcesContent":["import {Component, ChangeDetectionStrategy, TemplateRef, ChangeDetectorRef, HostBinding, ElementRef, HostListener} from '@angular/core';\nimport {transition, trigger, useAnimation} from '@angular/animations';\nimport {fadeInAnimation, fadeOutAnimation} from '@anglr/animations';\n\nimport {TooltipRenderer} from '../../misc/tooltip.interface';\n\n/**\n * Component used for displaying tooltip content\n */\n@Component(\n{\n    selector: 'tooltip-popup',\n    templateUrl: 'tooltip.component.html',\n    styleUrls: ['tooltip.component.css'],\n    animations:\n    [\n        trigger('fadeInOut',\n        [\n            transition(':enter', \n            [\n                useAnimation(fadeInAnimation, {params: {duration: '260ms'}})\n            ]),\n            transition(':leave', \n            [\n                useAnimation(fadeOutAnimation, {params: {duration: '260ms'}})\n            ])\n        ])\n    ],\n    changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class TooltipComponent<TData = any> implements TooltipRenderer<TData>\n{\n    //######################### protected fields #########################\n\n    /**\n     * Called when mouse enter tooltip component, hover\n     */\n    protected _enterFn: () => void = () => null;\n\n    /**\n     * Called when mouse leaves tooltip component\n     */\n    protected _leaveFn: () => void = () => null;\n\n    //######################### public properties - implementation of TooltipRenderer #########################\n\n    /**\n     * Data that are rendered in tooltip\n     */\n    public data: TData|null;\n\n    /**\n     * Template used for rendering tooltip\n     */\n    public template: TemplateRef<TData>|null;\n\n    /**\n     * Indication whether are html tags allowed in tooltip text\n     */\n    public allowHtml: boolean;\n\n    /**\n     * Css class that is applied to tooltip renderer component\n     */\n    public cssClass: string|null;\n\n    //######################### public properties - host #########################\n\n    /**\n     * Attach fade in/out animation to element\n     * @internal\n     */\n    @HostBinding('@fadeInOut')\n    public animation: boolean = true;\n\n    //######################### constructor #########################\n    constructor(protected _changeDetector: ChangeDetectorRef,\n                protected _element: ElementRef<HTMLElement>)\n    {\n    }\n\n    //######################### public methods - implementation of TooltipRenderer #########################\n\n    /**\n     * Registers handlers that allows reaction to entering or leaving tooltip\n     * @param enter - Called when mouse enter tooltip component, hover\n     * @param leave - Called when mouse leaves tooltip component\n     */\n    public registerHoverEvents(enter: () => void, leave: () => void): void\n    {\n        this._enterFn = enter;\n        this._leaveFn = leave;\n    }\n\n    /**\n     * Explicitly runs invalidation of content (change detection)\n     */\n    public invalidateVisuals(): void\n    {\n        if(this.cssClass)\n        {\n            this._element.nativeElement.classList.add(this.cssClass);\n        }\n\n        this._changeDetector.detectChanges();\n    }\n\n    //######################### public methods - host #########################\n\n    /**\n     * Handles mouse enter event over tooltip\n     * @internal\n     */\n    @HostListener('mouseenter')\n    public mouseEnter(): void\n    {\n        this._enterFn();\n    }\n\n    /**\n     * Handles mouse leave event over tooltip\n     * @internal\n     */\n    @HostListener('mouseleave')\n    public mouseLeave(): void\n    {\n        this._leaveFn();\n    }\n}","<div *ngIf=\"!template && !allowHtml\">{{data}}</div>\r\n<div *ngIf=\"!template && allowHtml\" [innerHTML]=\"data\"></div>\r\n\r\n<ng-template [ngIf]=\"template\">\r\n    <ng-container *ngTemplateOutlet=\"template; context: {$implicit: data}\"></ng-container>\r\n</ng-template>"]}