npm - @anglr/common - Versions diffs - 14.2.0 → 15.0.0-beta.20221026052356 - Mend

@anglr/common 14.2.0 → 15.0.0-beta.20221026052356

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (66) hide show

package/changelog.md CHANGED Viewed

@@ -1,6 +1,50 @@
 # Changelog
+## Version 15.0.0 (2022-10-26)
+### Features
+- now also typings are available for external usage
+- new `PositionElements` interface
+   - stores positioned element and reference element
+   - **properties**
+      - `reference` reference element against which is object positioned
+      - `floating` element that is positioned
+- new `PositionOffsets` interface
+   - defines object which describes offsets for positioned element
+   - **properties**
+      - `mainAxis` distance between positioned and reference element.
+      - `crossAxis` skidding between floating and reference element.
+      - `alignmentAxis` works on the same axis as crossAxis but applies only to aligned placements and works logically. The offset is inverted for -end alignments.
+- new `PositionArguments` interface
+   - arguments that are passed during positioning
+   - **properties**
+   - `x` X coordinate of positioned element
+   - `y` Y coordinate of positioned element
+   - `elements` elements that are being used during positioning
+- new `PositionOffsetString` type
+   - type that represents available names of position offset
+- updated `PositionOptions` interface
+   - `offset` has new available definitions
+- updated `PositionToDirective` directive
+   - **implements**
+      - `OnDestroy`
+   - new **inputs**
+      - `offset` offset which allows moving target element along the cross axis of placement, or any chosed direction
+      - `autoUpdate` indication whether set up 'auto updating' of position
+   - new **outputs**
+      - `done` occurs when element was positioned
+### BREAKING CHANGES
+- minimal supported version of `@angular` is `14.2.0`
+- minimal supported version of `rxjs` is `7.5.7`
+- minimal supported version of `@jscrpt/common` is `3.2.0`
+- minimal supported version of `tslib` is `2.4.0`
+- updated `PositionOptions` interface
+   - `offset` is no longer enum, enum values are represented as string
 ## Version 14.2.0 (2022-10-25)
 ### Features

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

@@ -1,7 +1,7 @@
 import { __awaiter } from "tslib";
 import { Injectable } from '@angular/core';
 import { PositionOffset, PositionPlacement, POSITION } from '@anglr/common';
-import { extend, isEmptyObject } from '@jscrpt/common';
+import { extend, isEmptyObject, isFunction, isJsObject, isNumber, nameof } from '@jscrpt/common';
 import { computePosition, autoUpdate, offset, flip } from '@floating-ui/dom';
 import { Observable } from 'rxjs';
 import * as i0 from "@angular/core";
@@ -11,8 +11,8 @@ import * as i0 from "@angular/core";
 const defaultOptions = {
     autoUpdate: false,
     flip: false,
-    offset: PositionOffset.None,
-    placement: PositionPlacement.Top
+    offset: nameof('None'),
+    placement: PositionPlacement.TopStart,
 };
 /**
  * Service that is used for positioning two elements against each other, using floating-ui dom implementation
@@ -32,7 +32,7 @@ export class FloatingUiDomPosition {
                 const runComputation = () => __awaiter(this, void 0, void 0, function* () {
                     const result = yield computePosition(source, target, {
                         placement: this._getPlacement(computedOptions),
-                        middleware: middlewares
+                        middleware: middlewares,
                     });
                     if (computedOptions.autoUpdate) {
                         subscriber.next({
@@ -92,67 +92,85 @@ export class FloatingUiDomPosition {
      * @param options - Options that contains definition of offset
      */
     _setOffset(middlewares, options) {
-        if (options.offset != PositionOffset.None) {
-            if (options.offset == PositionOffset.MouseEnter) {
-                //fallback if not supported placement used
-                if (options.placement == PositionPlacement.Left ||
-                    options.placement == PositionPlacement.LeftStart ||
-                    options.placement == PositionPlacement.LeftEnd ||
-                    options.placement == PositionPlacement.Right ||
-                    options.placement == PositionPlacement.RightStart ||
-                    options.placement == PositionPlacement.RightEnd ||
-                    options.placement == PositionPlacement.Bottom ||
-                    options.placement == PositionPlacement.BottomEnd ||
-                    options.placement == PositionPlacement.Top ||
-                    options.placement == PositionPlacement.TopEnd) {
-                    options.placement = PositionPlacement.TopStart;
-                }
+        //no offset
+        if (options.offset === PositionOffset[PositionOffset.None]) {
+            return;
+        }
+        if (options.offset === PositionOffset[PositionOffset.MouseEnter]) {
+            //fallback if not supported placement used
+            if (options.placement == PositionPlacement.Left ||
+                options.placement == PositionPlacement.LeftStart ||
+                options.placement == PositionPlacement.LeftEnd ||
+                options.placement == PositionPlacement.Right ||
+                options.placement == PositionPlacement.RightStart ||
+                options.placement == PositionPlacement.RightEnd ||
+                options.placement == PositionPlacement.Bottom ||
+                options.placement == PositionPlacement.BottomEnd ||
+                options.placement == PositionPlacement.Top ||
+                options.placement == PositionPlacement.TopEnd) {
+                options.placement = PositionPlacement.TopStart;
             }
-            middlewares.push(offset(({ floating, placement }) => {
-                if (options.offset == PositionOffset.MouseEnter && options.mouseEvent) {
-                    return {
-                        crossAxis: options.mouseEvent.x - options.mouseEvent.target.getBoundingClientRect().x
-                    };
-                }
-                let dimension;
-                if (placement == 'bottom' || placement == 'bottom-start' || placement == 'bottom-end' ||
-                    placement == 'top' || placement == 'top-start' || placement == 'top-end') {
-                    dimension = floating.width;
-                }
-                else {
-                    dimension = floating.height;
-                }
-                switch (options.offset) {
-                    default:
-                        {
-                            dimension = 0;
-                            break;
-                        }
-                    case PositionOffset.Full:
-                        {
-                            break;
-                        }
-                    case PositionOffset.Half:
-                        {
-                            dimension /= 2;
-                            break;
-                        }
-                    case PositionOffset.NegativeFull:
-                        {
-                            dimension *= -1;
-                            break;
-                        }
-                    case PositionOffset.NegativeHalf:
-                        {
-                            dimension *= -.5;
-                            break;
-                        }
-                }
+        }
+        middlewares.push(offset(({ elements, placement, x, y }) => {
+            //offset is function
+            if (isFunction(options.offset)) {
+                return options.offset({ elements, x, y });
+            }
+            const { floating } = elements;
+            if (options.offset === PositionOffset[PositionOffset.MouseEnter] && options.mouseEvent) {
                 return {
-                    crossAxis: dimension
+                    crossAxis: options.mouseEvent.x - options.mouseEvent.target.getBoundingClientRect().x
                 };
-            }));
-        }
+            }
+            const stringOffset = options.offset;
+            //offset is object
+            if (isJsObject(options.offset)) {
+                return options.offset;
+            }
+            //offset is skidding number
+            if (isNumber(stringOffset)) {
+                return {
+                    crossAxis: stringOffset,
+                };
+            }
+            let dimension;
+            if (placement == 'bottom' || placement == 'bottom-start' || placement == 'bottom-end' ||
+                placement == 'top' || placement == 'top-start' || placement == 'top-end') {
+                dimension = floating.width;
+            }
+            else {
+                dimension = floating.height;
+            }
+            switch (stringOffset) {
+                default:
+                    {
+                        dimension = 0;
+                        break;
+                    }
+                case PositionOffset[PositionOffset.Full]:
+                    {
+                        break;
+                    }
+                case PositionOffset[PositionOffset.Half]:
+                    {
+                        dimension /= 2;
+                        break;
+                    }
+                case PositionOffset[PositionOffset.NegativeFull]:
+                    {
+                        dimension *= -1;
+                        break;
+                    }
+                case PositionOffset[PositionOffset.NegativeHalf]:
+                    {
+                        dimension *= -.5;
+                        break;
+                    }
+            }
+            return {
+                crossAxis: dimension
+            };
+        }));
     }
     /**
      * Gets floating ui placement from position placement

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

	@@ -1 +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, 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};"]}
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, PositionOffsetString, PositionOffsets} from '@anglr/common';\nimport {extend, isEmptyObject, isFunction, isJsObject, isNumber, nameof} 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: nameof<typeof PositionOffset>('None') as PositionOffsetString,\n placement: PositionPlacement.TopStart,\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 //no offset\n if(options.offset === PositionOffset[PositionOffset.None])\n {\n return;\n }\n\n if(options.offset === PositionOffset[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(({elements, placement, x, y}) =>\n {\n //offset is function\n if(isFunction(options.offset))\n {\n return options.offset({elements, x, y});\n }\n\n const {floating} = elements;\n\n if(options.offset === PositionOffset[PositionOffset.MouseEnter] && options.mouseEvent)\n {\n return {\n crossAxis: options.mouseEvent.x - (options.mouseEvent.target as HTMLElement).getBoundingClientRect().x\n };\n }\n\n const stringOffset = options.offset as PositionOffsetString\|number;\n\n //offset is object\n if(isJsObject(options.offset))\n {\n return options.offset as PositionOffsets;\n }\n\n //offset is skidding number\n if(isNumber(stringOffset))\n {\n return {\n crossAxis: stringOffset,\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(stringOffset)\n {\n default:\n {\n dimension = 0;\n\n break;\n }\n case PositionOffset[PositionOffset.Full]:\n {\n break;\n }\n case PositionOffset[PositionOffset.Half]:\n {\n dimension /= 2;\n\n break;\n }\n case PositionOffset[PositionOffset.NegativeFull]:\n {\n dimension = -1;\n\n break;\n }\n case PositionOffset[PositionOffset.NegativeHalf]:\n {\n dimension = -.5;\n\n break;\n }\n }\n\n return {\n crossAxis: dimension\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/material/src/directives/confirmationDialog/confirmationDialog.directive.js CHANGED Viewed

@@ -1,5 +1,6 @@
 import { __awaiter } from "tslib";
 import { Directive, Input, EventEmitter, Output, HostListener } from '@angular/core';
+import { lastValueFrom } from 'rxjs';
 import { TitledDialogService } from '../../services/titledDialog/titledDialog.service';
 import { ConfirmationDialogComponent } from '../../components/confirmationDialog/confirmationDialog.component';
 import * as i0 from "@angular/core";
@@ -51,6 +52,7 @@ export class ConfirmationDialogDirective {
      * Method called when user clicks on element
      */
     click(event) {
+        var _a, _b, _c;
         return __awaiter(this, void 0, void 0, function* () {
             if (this.preventDefaultsAndPropagation) {
                 event.stopPropagation();
@@ -60,16 +62,16 @@ export class ConfirmationDialogDirective {
                 this.confirm.emit();
                 return;
             }
-            const result = yield this._dialog.open(ConfirmationDialogComponent, {
+            const result = yield lastValueFrom(this._dialog.open(ConfirmationDialogComponent, {
                 title: this.confirmationTitle,
                 width: '33vw',
                 data: {
                     confirmationText: this.confirmationText || undefined,
-                    dialogCancelText: this.confirmationCancel,
-                    dialogConfirmText: this.confirmationConfirm,
-                    cssClasses: this.confirmationCssClasses,
+                    dialogCancelText: (_a = this.confirmationCancel) !== null && _a !== void 0 ? _a : '',
+                    dialogConfirmText: (_b = this.confirmationConfirm) !== null && _b !== void 0 ? _b : '',
+                    cssClasses: (_c = this.confirmationCssClasses) !== null && _c !== void 0 ? _c : {},
                 }
-            }).afterClosed().toPromise();
+            }).afterClosed());
             if (result) {
                 this.confirm.emit();
             }

package/es2015/material/src/directives/confirmationDialog/confirmationDialog.directive.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"confirmationDialog.directive.js","sourceRoot":"","sources":["../../../../../material/src/directives/confirmationDialog/confirmationDialog.directive.ts"],"names":[],"mappings":";AAAA,OAAO,EAAC,SAAS,EAAE,KAAK,EAAE,YAAY,EAAE,MAAM,EAAE,YAAY,EAAC,MAAM,eAAe,CAAC;~~AAEnF~~,OAAO,EAAC,mBAAmB,EAAC,MAAM,kDAAkD,CAAC;AACrF,OAAO,EAAC,2BAA2B,EAAC,MAAM,kEAAkE,CAAC;;;AAG7G;;GAEG;AAKH,MAAM,OAAO,2BAA2B;IAsDpC,iEAAiE;IACjE,YAAoB,OAA4B;QAA5B,YAAO,GAAP,OAAO,CAAqB;QArDhD,gFAAgF;QAEhF;;WAEG;QAEI,qBAAgB,~~GAAW~~,SAAS,CAAC;~~QAE5C~~;;WAEG;QAEI,sBAAiB,GAAW,cAAc,CAAC;QAElD;;WAEG;QAEI,wBAAmB,~~GAAW~~,SAAS,CAAC;~~QAE/C~~;;WAEG;QAEI,uBAAkB,~~GAAW~~,SAAS,CAAC;~~QAE9C~~;;WAEG;QAEI,2BAAsB,~~GAAiC~~,SAAS,CAAC;~~QAExE~~;;WAEG;QAEI,qBAAgB,GAAY,KAAK,CAAC;QAEzC;;WAEG;QAEI,kCAA6B,GAAY,IAAI,CAAC;QAErD,iFAAiF;QAEjF;;WAEG;QAEI,YAAO,GAAuB,IAAI,YAAY,EAAQ,CAAC;IAK9D,CAAC;IAED,2EAA2E;IAE3E;;OAEG;IAEU,KAAK,CAAC,KAAiB;;YAEhC,IAAG,IAAI,CAAC,6BAA6B,EACrC;gBACI,KAAK,CAAC,eAAe,EAAE,CAAC;gBACxB,KAAK,CAAC,cAAc,EAAE,CAAC;aAC1B;YAED,IAAG,IAAI,CAAC,gBAAgB,EACxB;gBACI,IAAI,CAAC,OAAO,CAAC,IAAI,EAAE,CAAC;gBAEpB,OAAO;aACV;YAED,MAAM,MAAM,GAAG,MAAM,IAAI,CAAC,OAAO,CAAC,IAAI,CAAkE,2BAA2B,~~EACnI~~;gBACI,KAAK,EAAE,IAAI,CAAC,iBAAiB;gBAC7B,KAAK,EAAE,MAAM;gBACb,IAAI,EACJ;oBACI,gBAAgB,EAAE,IAAI,CAAC,gBAAgB,IAAI,SAAS;oBACpD,gBAAgB,EAAE,IAAI,CAAC,kBAAkB;~~oBACzC~~,iBAAiB,EAAE,IAAI,CAAC,mBAAmB;~~oBAC3C~~,UAAU,EAAE,IAAI,CAAC,sBAAsB;~~iBAC1C~~;aACJ,CAAC,CAAC,WAAW,EAAE,CAAC,~~SAAS,EAAE,~~CAAC;~~YAE7B~~,IAAG,MAAM,EACT;gBACI,IAAI,CAAC,OAAO,CAAC,IAAI,EAAE,CAAC;aACvB~~;QACL,CAAC;KAAA~~;;wHAjGQ,2BAA2B;4GAA3B,2BAA2B;2FAA3B,2BAA2B;kBAJvC,SAAS;mBACV;oBACI,QAAQ,EAAE,gBAAgB;iBAC7B;0GASU,gBAAgB;sBADtB,KAAK;uBAAC,cAAc;gBAOd,iBAAiB;sBADvB,KAAK;gBAOC,mBAAmB;sBADzB,KAAK;gBAOC,kBAAkB;sBADxB,KAAK;gBAOC,sBAAsB;sBAD5B,KAAK;gBAOC,gBAAgB;sBADtB,KAAK;gBAOC,6BAA6B;sBADnC,KAAK;gBASC,OAAO;sBADb,MAAM;gBAcM,KAAK;sBADjB,YAAY;uBAAC,OAAO,EAAE,CAAC,QAAQ,CAAC","sourcesContent":["import {Directive, Input, EventEmitter, Output, HostListener} from '@angular/core';\n\nimport {TitledDialogService} from '../../services/titledDialog/titledDialog.service';\nimport {ConfirmationDialogComponent} from '../../components/confirmationDialog/confirmationDialog.component';\nimport {ConfirmationDialogOptions, ConfirmationDialogCssClasses} from '../../misc/interfaces/confirmationDialog.interface';\n\n/*\n Directive that enables confirmation dialog on click\n /\n@Directive(\n{\n selector: '[confirmation]'\n})\nexport class ConfirmationDialogDirective\n{\n //######################### public properties - inputs #########################\n\n /\n Confirmation text that is displayed in dialog\n /\n @Input('confirmation')\n public confirmationText: string = undefined;\n\n /\n Title for confirmation dialog\n /\n @Input()\n public confirmationTitle: string = 'Confirmation';\n\n /\n Text for confirm confirmation button\n /\n @Input()\n public confirmationConfirm: string = undefined;\n\n /\n Text for cancel confirmation button\n /\n @Input()\n public confirmationCancel: string = undefined;\n\n /\n Object with css classes to be applied to confirmation dialog component\n /\n @Input()\n public confirmationCssClasses: ConfirmationDialogCssClasses = undefined;\n\n /\n Condidition that determines whether display confirmation dialog or skip it and run confirm directly\n /\n @Input()\n public skipConfirmation: boolean = false;\n\n /\n Indication whether prevent default and stop propagation of click event, defaults to true\n /\n @Input()\n public preventDefaultsAndPropagation: boolean = true;\n\n //######################### public properties - outputs #########################\n\n /\n Occurs when user confirms confirmation\n /\n @Output()\n public confirm: EventEmitter<void> = new EventEmitter<void>();\n\n //######################### constructor #########################\n constructor(private _dialog: TitledDialogService)\n {\n }\n\n //######################### public methods - host #########################\n\n /\n Method called when user clicks on element\n */\n @HostListener('click', ['$event'])\n public async click(event: MouseEvent): Promise<void>\n {\n if(this.preventDefaultsAndPropagation)\n {\n event.stopPropagation();\n event.preventDefault();\n }\n\n if(this.skipConfirmation)\n {\n this.confirm.emit();\n\n return;\n }\n\n const result = await this._dialog.open<ConfirmationDialogComponent, ConfirmationDialogOptions, boolean>(ConfirmationDialogComponent,\n {\n title: this.confirmationTitle,\n width: '33vw',\n data:\n {\n confirmationText: this.confirmationText \|\| undefined,\n dialogCancelText: this.confirmationCancel,\n dialogConfirmText: this.confirmationConfirm,\n cssClasses: this.confirmationCssClasses,\n }\n }).afterClosed()~~.toPromise(~~);\n\n if(result)\n {\n this.confirm.emit();\n }\n }\n}"]}
1	+ {"version":3,"file":"confirmationDialog.directive.js","sourceRoot":"","sources":["../../../../../material/src/directives/confirmationDialog/confirmationDialog.directive.ts"],"names":[],"mappings":";AAAA,OAAO,EAAC,SAAS,EAAE,KAAK,EAAE,YAAY,EAAE,MAAM,EAAE,YAAY,EAAC,MAAM,eAAe,CAAC;AACnF,OAAO,EAAC,aAAa,EAAC,MAAM,MAAM,CAAC;AAEnC,OAAO,EAAC,mBAAmB,EAAC,MAAM,kDAAkD,CAAC;AACrF,OAAO,EAAC,2BAA2B,EAAC,MAAM,kEAAkE,CAAC;;;AAG7G;;GAEG;AAKH,MAAM,OAAO,2BAA2B;IAsDpC,iEAAiE;IACjE,YAAoB,OAA4B;QAA5B,YAAO,GAAP,OAAO,CAAqB;QArDhD,gFAAgF;QAEhF;;WAEG;QAEI,qBAAgB,GAA0B,SAAS,CAAC;QAE3D;;WAEG;QAEI,sBAAiB,GAAW,cAAc,CAAC;QAElD;;WAEG;QAEI,wBAAmB,GAA0B,SAAS,CAAC;QAE9D;;WAEG;QAEI,uBAAkB,GAA0B,SAAS,CAAC;QAE7D;;WAEG;QAEI,2BAAsB,GAAgD,SAAS,CAAC;QAEvF;;WAEG;QAEI,qBAAgB,GAAY,KAAK,CAAC;QAEzC;;WAEG;QAEI,kCAA6B,GAAY,IAAI,CAAC;QAErD,iFAAiF;QAEjF;;WAEG;QAEI,YAAO,GAAuB,IAAI,YAAY,EAAQ,CAAC;IAK9D,CAAC;IAED,2EAA2E;IAE3E;;OAEG;IAEU,KAAK,CAAC,KAAiB;;;YAEhC,IAAG,IAAI,CAAC,6BAA6B,EACrC;gBACI,KAAK,CAAC,eAAe,EAAE,CAAC;gBACxB,KAAK,CAAC,cAAc,EAAE,CAAC;aAC1B;YAED,IAAG,IAAI,CAAC,gBAAgB,EACxB;gBACI,IAAI,CAAC,OAAO,CAAC,IAAI,EAAE,CAAC;gBAEpB,OAAO;aACV;YAED,MAAM,MAAM,GAAG,MAAM,aAAa,CAAC,IAAI,CAAC,OAAO,CAAC,IAAI,CAAkE,2BAA2B,EACjJ;gBACI,KAAK,EAAE,IAAI,CAAC,iBAAiB;gBAC7B,KAAK,EAAE,MAAM;gBACb,IAAI,EACJ;oBACI,gBAAgB,EAAE,IAAI,CAAC,gBAAgB,IAAI,SAAS;oBACpD,gBAAgB,EAAE,MAAA,IAAI,CAAC,kBAAkB,mCAAI,EAAE;oBAC/C,iBAAiB,EAAE,MAAA,IAAI,CAAC,mBAAmB,mCAAI,EAAE;oBACjD,UAAU,EAAE,MAAA,IAAI,CAAC,sBAAsB,mCAAI,EAAE;iBAChD;aACJ,CAAC,CAAC,WAAW,EAAE,CAAC,CAAC;YAElB,IAAG,MAAM,EACT;gBACI,IAAI,CAAC,OAAO,CAAC,IAAI,EAAE,CAAC;aACvB;;KACJ;;wHAjGQ,2BAA2B;4GAA3B,2BAA2B;2FAA3B,2BAA2B;kBAJvC,SAAS;mBACV;oBACI,QAAQ,EAAE,gBAAgB;iBAC7B;0GASU,gBAAgB;sBADtB,KAAK;uBAAC,cAAc;gBAOd,iBAAiB;sBADvB,KAAK;gBAOC,mBAAmB;sBADzB,KAAK;gBAOC,kBAAkB;sBADxB,KAAK;gBAOC,sBAAsB;sBAD5B,KAAK;gBAOC,gBAAgB;sBADtB,KAAK;gBAOC,6BAA6B;sBADnC,KAAK;gBASC,OAAO;sBADb,MAAM;gBAcM,KAAK;sBADjB,YAAY;uBAAC,OAAO,EAAE,CAAC,QAAQ,CAAC","sourcesContent":["import {Directive, Input, EventEmitter, Output, HostListener} from '@angular/core';\nimport {lastValueFrom} from 'rxjs';\n\nimport {TitledDialogService} from '../../services/titledDialog/titledDialog.service';\nimport {ConfirmationDialogComponent} from '../../components/confirmationDialog/confirmationDialog.component';\nimport {ConfirmationDialogOptions, ConfirmationDialogCssClasses} from '../../misc/interfaces/confirmationDialog.interface';\n\n/*\n Directive that enables confirmation dialog on click\n /\n@Directive(\n{\n selector: '[confirmation]'\n})\nexport class ConfirmationDialogDirective\n{\n //######################### public properties - inputs #########################\n\n /\n Confirmation text that is displayed in dialog\n /\n @Input('confirmation')\n public confirmationText: string\|undefined\|null = undefined;\n\n /\n Title for confirmation dialog\n /\n @Input()\n public confirmationTitle: string = 'Confirmation';\n\n /\n Text for confirm confirmation button\n /\n @Input()\n public confirmationConfirm: string\|undefined\|null = undefined;\n\n /\n Text for cancel confirmation button\n /\n @Input()\n public confirmationCancel: string\|undefined\|null = undefined;\n\n /\n Object with css classes to be applied to confirmation dialog component\n /\n @Input()\n public confirmationCssClasses: ConfirmationDialogCssClasses\|undefined\|null = undefined;\n\n /\n Condidition that determines whether display confirmation dialog or skip it and run confirm directly\n /\n @Input()\n public skipConfirmation: boolean = false;\n\n /\n Indication whether prevent default and stop propagation of click event, defaults to true\n /\n @Input()\n public preventDefaultsAndPropagation: boolean = true;\n\n //######################### public properties - outputs #########################\n\n /\n Occurs when user confirms confirmation\n /\n @Output()\n public confirm: EventEmitter<void> = new EventEmitter<void>();\n\n //######################### constructor #########################\n constructor(private _dialog: TitledDialogService)\n {\n }\n\n //######################### public methods - host #########################\n\n /\n Method called when user clicks on element\n */\n @HostListener('click', ['$event'])\n public async click(event: MouseEvent): Promise<void>\n {\n if(this.preventDefaultsAndPropagation)\n {\n event.stopPropagation();\n event.preventDefault();\n }\n\n if(this.skipConfirmation)\n {\n this.confirm.emit();\n\n return;\n }\n\n const result = await lastValueFrom(this._dialog.open<ConfirmationDialogComponent, ConfirmationDialogOptions, boolean>(ConfirmationDialogComponent,\n {\n title: this.confirmationTitle,\n width: '33vw',\n data:\n {\n confirmationText: this.confirmationText \|\| undefined,\n dialogCancelText: this.confirmationCancel ?? '',\n dialogConfirmText: this.confirmationConfirm ?? '',\n cssClasses: this.confirmationCssClasses ?? {},\n }\n }).afterClosed());\n\n if(result)\n {\n this.confirm.emit();\n }\n }\n}"]}

package/es2015/src/modules/position/directives/positionTo/positionTo.directive.js CHANGED Viewed

@@ -1,4 +1,3 @@
-import { __awaiter } from "tslib";
 import { Directive, Input, ElementRef, Inject, Output, EventEmitter } from '@angular/core';
 import { nameof, isPresent, isString } from '@jscrpt/common';
 import { applyPositionResult, PositionPlacement } from '../../../../services/position';
@@ -9,41 +8,53 @@ import * as i0 from "@angular/core";
  */
 export class PositionToDirective {
     //######################### constructor #########################
-    constructor(_target, _position) {
-        this._target = _target;
-        this._position = _position;
-        // //######################### public properties - outputs #########################
+    constructor(target, position) {
+        this.target = target;
+        this.position = position;
+        /**
+         * Offset which allows moving target element along the cross axis of placement, or any chosed direction
+         */
+        this.offset = 'None';
+        /**
+         * Indication whether set up 'auto updating' of position
+         */
+        this.autoUpdate = true;
+        //######################### public properties - outputs #########################
         /**
          * Occurs when flip occurs during positioning
          */
         this.flip = new EventEmitter();
+        /**
+         * Occurs when element was positioned
+         */
+        this.done = new EventEmitter();
     }
     //######################### public properties - inputs #########################
     /**
      * Gets or sets html element which is used as source for positioning
      */
     get source() {
-        return this._source;
+        return this.ɵSource;
     }
     set source(value) {
         if (value instanceof ElementRef) {
-            this._source = value.nativeElement;
+            this.ɵSource = value.nativeElement;
             return;
         }
-        this._source = value;
+        this.ɵSource = value;
     }
     /**
      * Gets or sets position placement value
      */
     get placement() {
-        return this._placement;
+        return this.ɵPlacement;
     }
     set placement(value) {
         if (isString(value)) {
-            this._placement = PositionPlacement[value];
+            this.ɵPlacement = PositionPlacement[value];
             return;
         }
-        this._placement = value;
+        this.ɵPlacement = value;
     }
     //######################### public methods - implementation of OnChanges #########################
     /**
@@ -56,26 +67,45 @@ export class PositionToDirective {
             this._applyPosition();
         }
     }
+    //######################### public methods - implementation of OnDestroy #########################
+    /**
+     * Called when component is destroyed
+     */
+    ngOnDestroy() {
+        var _a;
+        (_a = this.dispose) === null || _a === void 0 ? void 0 : _a.call(this);
+    }
     //######################### protected methods #########################
     /**
      * Applies position according to specified parameters to specified elements
      */
     _applyPosition() {
-        return __awaiter(this, void 0, void 0, function* () {
-            const options = {};
-            if (this._placement) {
-                options.placement = this._placement;
-            }
-            const result = yield this._position.placeElement(this._target.nativeElement, this._source, options).toPromise();
+        var _a;
+        if (!this.ɵSource) {
+            return;
+        }
+        const options = {
+            flip: true,
+            autoUpdate: this.autoUpdate,
+            offset: this.offset,
+        };
+        if (this.ɵPlacement) {
+            options.placement = this.ɵPlacement;
+        }
+        (_a = this.dispose) === null || _a === void 0 ? void 0 : _a.call(this);
+        this.position.placeElement(this.target.nativeElement, this.ɵSource, options)
+            .subscribe(result => {
+            this.dispose = result.dispose;
             applyPositionResult(result);
             if (result.flip) {
-                this.flip.next();
+                this.flip.emit();
             }
+            this.done.emit();
         });
     }
 }
 PositionToDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: PositionToDirective, deps: [{ token: i0.ElementRef }, { token: POSITION }], target: i0.ɵɵFactoryTarget.Directive });
-PositionToDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.7", type: PositionToDirective, selector: "[positionTo]", inputs: { source: ["positionTo", "source"], placement: "placement" }, outputs: { flip: "flip" }, usesOnChanges: true, ngImport: i0 });
+PositionToDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.7", type: PositionToDirective, selector: "[positionTo]", inputs: { source: ["positionTo", "source"], placement: "placement", offset: "offset", autoUpdate: "autoUpdate" }, outputs: { flip: "flip", done: "done" }, usesOnChanges: true, ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: PositionToDirective, decorators: [{
             type: Directive,
             args: [{
@@ -89,7 +119,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImpor
                 args: ['positionTo']
             }], placement: [{
                 type: Input
+            }], offset: [{
+                type: Input
+            }], autoUpdate: [{
+                type: Input
             }], flip: [{
                 type: Output
+            }], done: [{
+                type: Output
             }] } });
 //# sourceMappingURL=positionTo.directive.js.map

package/es2015/src/modules/position/directives/positionTo/positionTo.directive.js.map CHANGED Viewed

	@@ -1 +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,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 `source` input\n */\n public static ngAcceptInputType_source: HTMLElement\|ElementRef<HTMLElement>;\n}\n"]}
1	+ {"version":3,"file":"positionTo.directive.js","sourceRoot":"","sources":["../../../../../../src/modules/position/directives/positionTo/positionTo.directive.ts"],"names":[],"mappings":"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","sourcesContent":["import {Directive, Input, ElementRef, OnChanges, SimpleChanges, Inject, Output, EventEmitter, OnDestroy} from '@angular/core';\nimport {nameof, isPresent, isString, Func1, NoopAction} from '@jscrpt/common';\n\nimport {applyPositionResult, Position, PositionPlacement, PositionOptions, PositionOffsetString, PositionOffsets, PositionArguments, AutoUpdateOptions} 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, OnDestroy\n{\n //######################### protected fields #########################\n\n /\n Position placement value\n /\n protected ɵPlacement: PositionPlacement\|undefined\|null;\n\n /\n Html element which is used as source for positioning\n /\n protected ɵSource: HTMLElement\|undefined\|null;\n\n /\n Method used for disposing auto positioning\n /\n protected dispose: NoopAction\|undefined\|null;\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\|undefined\|null\n {\n return this.ɵSource;\n }\n public set source(value: HTMLElement\|undefined\|null)\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\|undefined\|null\n {\n return this.ɵPlacement;\n }\n public set placement(value: PositionPlacement\|undefined\|null)\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 /\n Offset which allows moving target element along the cross axis of placement, or any chosed direction\n /\n @Input()\n public offset: PositionOffsetString\|number\|PositionOffsets\|Func1<number\|PositionOffsets, PositionArguments> = 'None';\n\n /\n Indication whether set up 'auto updating' of position\n /\n @Input()\n public autoUpdate: boolean\|AutoUpdateOptions = true;\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 /\n Occurs when element was positioned\n /\n @Output()\n public done: 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 //######################### public methods - implementation of OnDestroy #########################\n \n /\n Called when component is destroyed\n /\n public ngOnDestroy(): void\n {\n this.dispose?.();\n }\n\n //######################### protected methods #########################\n\n /\n Applies position according to specified parameters to specified elements\n /\n protected _applyPosition(): void\n {\n if(!this.ɵSource)\n {\n return;\n }\n\n const options: Partial<PositionOptions> =\n {\n flip: true,\n autoUpdate: this.autoUpdate,\n offset: this.offset,\n };\n\n if(this.ɵPlacement)\n {\n options.placement = this.ɵPlacement;\n }\n\n this.dispose?.();\n\n this.position.placeElement(this.target.nativeElement,\n this.ɵSource,\n options)\n .subscribe(result =>\n {\n this.dispose = result.dispose;\n\n applyPositionResult(result);\n\n if(result.flip)\n {\n this.flip.emit();\n }\n\n this.done.emit();\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 `source` input\n */\n public static ngAcceptInputType_source: HTMLElement\|ElementRef<HTMLElement>;\n}\n"]}

package/es2015/src/modules/progressIndicator/interceptors/progressInterceptor.js CHANGED Viewed

@@ -1,6 +1,6 @@
 import { Injectable } from '@angular/core';
 import { HttpEventType, HTTP_INTERCEPTORS } from '@angular/common/http';
-import { tap } from 'rxjs/operators';
+import { tap } from 'rxjs';
 import { ProgressIndicatorService } from '../services/progressIndicator.service';
 import { PROGRESS_INDICATOR_GROUP_NAME } from '../misc/tokens';
 import { IGNORED_INTERCEPTORS } from '../../../types/tokens';

package/es2015/src/modules/progressIndicator/interceptors/progressInterceptor.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"progressInterceptor.js","sourceRoot":"","sources":["../../../../../src/modules/progressIndicator/interceptors/progressInterceptor.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAgB,MAAM,eAAe,CAAC;AACxD,OAAO,EAA0C,aAAa,EAAE,iBAAiB,EAAc,MAAM,sBAAsB,CAAC;~~AAE5H~~,OAAO,~~EAAC~~,GAAG,EAAC,MAAM,~~gBAAgB~~,CAAC;~~AAEnC~~,OAAO,EAAC,wBAAwB,EAAC,MAAM,uCAAuC,CAAC;AAC/E,OAAO,EAAC,6BAA6B,EAAC,MAAM,gBAAgB,CAAC;AAC7D,OAAO,EAAC,oBAAoB,EAAC,MAAM,uBAAuB,CAAC;;;AAE3D;;GAEG;AAEH,MAAM,OAAO,mBAAmB;IAE5B,kEAAkE;IAClE,YAAoB,aAAuC;QAAvC,kBAAa,GAAb,aAAa,CAA0B;IAE3D,CAAC;IAED,wGAAwG;IAExG;;;;OAIG;IACI,SAAS,CAAC,GAAyB,EAAE,IAAiB;QAEzD,OAAO,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC;aAClB,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE;YAEd,wBAAwB;YACxB,IAAG,GAAG,CAAC,OAAO,CAAC,GAAG,CAAC,oBAAoB,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,IAAI,mBAAmB,CAAC,EAChF;gBACI,OAAO;aACV;YAED,iBAAiB;YACjB,IAAG,KAAK,CAAC,IAAI,IAAI,aAAa,CAAC,IAAI,EACnC;gBACI,IAAI,CAAC,aAAa,CAAC,YAAY,CAAC,GAAG,CAAC,OAAO,CAAC,GAAG,CAAC,6BAA6B,CAAC,CAAC,CAAC;aACnF;YACD,mBAAmB;iBACd,IAAG,KAAK,CAAC,IAAI,IAAI,aAAa,CAAC,QAAQ,EAC5C;gBACI,IAAI,CAAC,aAAa,CAAC,YAAY,CAAC,GAAG,CAAC,OAAO,CAAC,GAAG,CAAC,6BAA6B,CAAC,CAAC,CAAC;aACnF;QACL,CAAC,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,aAAa,CAAC,YAAY,CAAC,GAAG,CAAC,OAAO,CAAC,GAAG,CAAC,6BAA6B,CAAC,CAAC,CAAC,CAAC,CAAC;IACnG,CAAC;;gHApCQ,mBAAmB;oHAAnB,mBAAmB;2FAAnB,mBAAmB;kBAD/B,UAAU;;AAwCX;;GAEG;AACH,MAAM,CAAC,MAAM,6BAA6B,GAC1C;IACI,OAAO,EAAE,iBAAiB;IAC1B,QAAQ,EAAE,mBAAmB;IAC7B,KAAK,EAAE,IAAI;CACd,CAAC","sourcesContent":["import {Injectable, ClassProvider} from '@angular/core';\nimport {HttpEvent, HttpInterceptor, HttpHandler, HttpEventType, HTTP_INTERCEPTORS, HttpRequest} from '@angular/common/http';\nimport {Observable} ~~from 'rxjs';\nimport {~~tap} from 'rxjs~~/operators~~';\n\nimport {ProgressIndicatorService} from '../services/progressIndicator.service';\nimport {PROGRESS_INDICATOR_GROUP_NAME} from '../misc/tokens';\nimport {IGNORED_INTERCEPTORS} from '../../../types/tokens';\n\n/*\n ProgressInterceptor used for intercepting http requests and displaying progress indicatior\n /\n@Injectable()\nexport class ProgressInterceptor implements HttpInterceptor\n{\n //######################### constructors #########################\n constructor(private _indicatorSvc: ProgressIndicatorService)\n {\n }\n\n //######################### public methods - implementation of HttpInterceptor #########################\n\n /\n Intercepts http request\n * @param req - Request to be intercepted\n * @param next - Next middleware that can be called for next processing\n /\n public intercept(req: HttpRequest<unknown>, next: HttpHandler): Observable<HttpEvent<unknown>>\n {\n return next.handle(req)\n .pipe(tap(event =>\n {\n //interceptor is ignored\n if(req.context.get(IGNORED_INTERCEPTORS).some(itm => itm == ProgressInterceptor))\n {\n return;\n }\n\n //request started\n if(event.type == HttpEventType.Sent)\n {\n this._indicatorSvc.showProgress(req.context.get(PROGRESS_INDICATOR_GROUP_NAME));\n }\n //response received\n else if(event.type == HttpEventType.Response)\n {\n this._indicatorSvc.hideProgress(req.context.get(PROGRESS_INDICATOR_GROUP_NAME));\n }\n }, () => this._indicatorSvc.hideProgress(req.context.get(PROGRESS_INDICATOR_GROUP_NAME))));\n }\n}\n\n/\n Progress interceptor provider\n */\nexport const PROGRESS_INTERCEPTOR_PROVIDER: ClassProvider = \n{\n provide: HTTP_INTERCEPTORS, \n useClass: ProgressInterceptor, \n multi: true\n};"]}
1	+ {"version":3,"file":"progressInterceptor.js","sourceRoot":"","sources":["../../../../../src/modules/progressIndicator/interceptors/progressInterceptor.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAgB,MAAM,eAAe,CAAC;AACxD,OAAO,EAA0C,aAAa,EAAE,iBAAiB,EAAc,MAAM,sBAAsB,CAAC;AAC5H,OAAO,EAAa,GAAG,EAAC,MAAM,MAAM,CAAC;AAErC,OAAO,EAAC,wBAAwB,EAAC,MAAM,uCAAuC,CAAC;AAC/E,OAAO,EAAC,6BAA6B,EAAC,MAAM,gBAAgB,CAAC;AAC7D,OAAO,EAAC,oBAAoB,EAAC,MAAM,uBAAuB,CAAC;;;AAE3D;;GAEG;AAEH,MAAM,OAAO,mBAAmB;IAE5B,kEAAkE;IAClE,YAAoB,aAAuC;QAAvC,kBAAa,GAAb,aAAa,CAA0B;IAE3D,CAAC;IAED,wGAAwG;IAExG;;;;OAIG;IACI,SAAS,CAAC,GAAyB,EAAE,IAAiB;QAEzD,OAAO,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC;aAClB,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE;YAEd,wBAAwB;YACxB,IAAG,GAAG,CAAC,OAAO,CAAC,GAAG,CAAC,oBAAoB,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,IAAI,mBAAmB,CAAC,EAChF;gBACI,OAAO;aACV;YAED,iBAAiB;YACjB,IAAG,KAAK,CAAC,IAAI,IAAI,aAAa,CAAC,IAAI,EACnC;gBACI,IAAI,CAAC,aAAa,CAAC,YAAY,CAAC,GAAG,CAAC,OAAO,CAAC,GAAG,CAAC,6BAA6B,CAAC,CAAC,CAAC;aACnF;YACD,mBAAmB;iBACd,IAAG,KAAK,CAAC,IAAI,IAAI,aAAa,CAAC,QAAQ,EAC5C;gBACI,IAAI,CAAC,aAAa,CAAC,YAAY,CAAC,GAAG,CAAC,OAAO,CAAC,GAAG,CAAC,6BAA6B,CAAC,CAAC,CAAC;aACnF;QACL,CAAC,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,aAAa,CAAC,YAAY,CAAC,GAAG,CAAC,OAAO,CAAC,GAAG,CAAC,6BAA6B,CAAC,CAAC,CAAC,CAAC,CAAC;IACnG,CAAC;;gHApCQ,mBAAmB;oHAAnB,mBAAmB;2FAAnB,mBAAmB;kBAD/B,UAAU;;AAwCX;;GAEG;AACH,MAAM,CAAC,MAAM,6BAA6B,GAC1C;IACI,OAAO,EAAE,iBAAiB;IAC1B,QAAQ,EAAE,mBAAmB;IAC7B,KAAK,EAAE,IAAI;CACd,CAAC","sourcesContent":["import {Injectable, ClassProvider} from '@angular/core';\nimport {HttpEvent, HttpInterceptor, HttpHandler, HttpEventType, HTTP_INTERCEPTORS, HttpRequest} from '@angular/common/http';\nimport {Observable, tap} from 'rxjs';\n\nimport {ProgressIndicatorService} from '../services/progressIndicator.service';\nimport {PROGRESS_INDICATOR_GROUP_NAME} from '../misc/tokens';\nimport {IGNORED_INTERCEPTORS} from '../../../types/tokens';\n\n/*\n ProgressInterceptor used for intercepting http requests and displaying progress indicatior\n /\n@Injectable()\nexport class ProgressInterceptor implements HttpInterceptor\n{\n //######################### constructors #########################\n constructor(private _indicatorSvc: ProgressIndicatorService)\n {\n }\n\n //######################### public methods - implementation of HttpInterceptor #########################\n\n /\n Intercepts http request\n * @param req - Request to be intercepted\n * @param next - Next middleware that can be called for next processing\n /\n public intercept(req: HttpRequest<unknown>, next: HttpHandler): Observable<HttpEvent<unknown>>\n {\n return next.handle(req)\n .pipe(tap(event =>\n {\n //interceptor is ignored\n if(req.context.get(IGNORED_INTERCEPTORS).some(itm => itm == ProgressInterceptor))\n {\n return;\n }\n\n //request started\n if(event.type == HttpEventType.Sent)\n {\n this._indicatorSvc.showProgress(req.context.get(PROGRESS_INDICATOR_GROUP_NAME));\n }\n //response received\n else if(event.type == HttpEventType.Response)\n {\n this._indicatorSvc.hideProgress(req.context.get(PROGRESS_INDICATOR_GROUP_NAME));\n }\n }, () => this._indicatorSvc.hideProgress(req.context.get(PROGRESS_INDICATOR_GROUP_NAME))));\n }\n}\n\n/\n Progress interceptor provider\n */\nexport const PROGRESS_INTERCEPTOR_PROVIDER: ClassProvider = \n{\n provide: HTTP_INTERCEPTORS, \n useClass: ProgressInterceptor, \n multi: true\n};"]}

package/es2015/src/modules/tooltip/directives/tooltip/tooltip.directive.js CHANGED Viewed

@@ -3,9 +3,10 @@ import { AnimationBuilder } from '@angular/animations';
 import { DOCUMENT } from '@angular/common';
 import { fadeInAnimation, fadeOutAnimation } from '@anglr/animations';
 import { extend, isBlank, isPresent, nameof } from '@jscrpt/common';
+import { lastValueFrom } from 'rxjs';
 import { TooltipComponent } from '../../components/tooltip/tooltip.component';
 import { TOOLTIP_OPTIONS } from '../../misc/tokens';
-import { applyPositionResult, PositionOffset, PositionPlacement } from '../../../../services/position';
+import { applyPositionResult, PositionPlacement } from '../../../../services/position';
 import { TooltipTemplateDirective } from '../tooltipTemplate/tooltipTemplate.directive';
 import { POSITION } from '../../../../types/tokens';
 import * as i0 from "@angular/core";
@@ -16,8 +17,8 @@ import * as i1 from "@angular/animations";
 const defaultOptions = {
     delay: 200,
     position: {
-        offset: PositionOffset.MouseEnter,
-        placement: PositionPlacement.TopStart
+        offset: nameof('MouseEnter'),
+        placement: PositionPlacement.TopStart,
     },
     allowSelection: false,
     tooltipRenderer: TooltipComponent,
@@ -149,14 +150,13 @@ export class TooltipDirective {
             return;
         }
         this._showData();
-        this._position.placeElement(this._tooltipElement, this._element.nativeElement, {
+        lastValueFrom(this._position.placeElement(this._tooltipElement, this._element.nativeElement, {
             placement: this._options.position.placement,
             offset: this._options.position.offset,
             flip: true,
             mouseEvent: event,
             autoUpdate: false
-        })
-            .toPromise()
+        }))
             .then(result => applyPositionResult(result));
     }
     /**