@anglr/common 21.3.0 → 22.0.0-beta.20250123101532

package/es2022/src/modules/progressIndicator/components/progressIndicator/progressIndicator.component.js

@@ -1,9 +1,9 @@
 import { Component, Input, ChangeDetectionStrategy, ChangeDetectorRef } from '@angular/core';
+import { NgClass } from '@angular/common';
 import { ProgressIndicatorService, DEFAULT_PROGRESS_NAME } from '../../services/progressIndicator.service';
+import { LocalizePipe } from '../../../../pipes';
 import * as i0 from "@angular/core";
 import * as i1 from "../../services/progressIndicator.service";
-import * as i2 from "@angular/common";
-import * as i3 from "../../../../pipes/localize/localize.pipe";
 /**
  * Component that is used for displaying global progress indicator
  */
@@ -54,12 +54,15 @@ export class ProgressIndicatorComponent {
             this._subscription = null;
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: ProgressIndicatorComponent, deps: [{ token: i1.ProgressIndicatorService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.1", type: ProgressIndicatorComponent, selector: "progress-indicator", inputs: { cssClass: "cssClass" }, ngImport: i0, template: "<div [ngClass]=\"appliedClass\">\n    <div class=\"spinner\"></div>\n\n    <div class=\"messages\">\n        <div *ngFor=\"let msg of messages; let index = index\" [ngClass]=\"'message-' + ((messages.length - index) > 3 ? 'out' : (messages.length - index - 1))\">{{msg | localize}}</div>\n    </div>\n</div>", styles: ["\n.progress-indicator\n{\n    transition: all 250ms linear;\n    background-color: rgba(0, 0, 0, 0.45);\n    height: 100%;\n    width: 100%;\n    position: fixed;\n    top: 0;\n    left: 0;\n    z-index: 23456;\n    opacity: 0;\n    visibility: hidden;\n}\n.progress-indicator.running\n{\n    visibility: visible;\n    opacity: 1;\n}\n.progress-indicator.running > .spinner\n{\n    border: 4px solid #eee;\n    border-bottom: none;\n    border-top-left-radius: 48px;\n    border-top-right-radius: 48px;\n    height: 24px;\n    margin-left: auto;\n    margin-right: auto;\n    position: relative;\n    top: 50%;\n    width: 48px;\n    animation-name: rotate-progress;\n    animation-duration: 450ms;\n    animation-iteration-count: infinite;\n    animation-timing-function: linear;\n    transform-origin: calc(50%) calc(50% + 12px);\n}\n\n.progress-indicator.running > .messages\n{\n    color: #eee;\n    top: calc(50% + 25px);\n    position: relative;\n    text-align: center;\n    font-weight: bold;\n    font-size: 1.25em;\n    display: flex;\n    flex-direction: column-reverse;\n}\n\n.progress-indicator.running > .messages .message-0,\n.progress-indicator.running > .messages .message-1,\n.progress-indicator.running > .messages .message-2,\n.progress-indicator.running > .messages  .message-out\n{\n    transition: all 500ms;\n    position: absolute;\n    width: 100%;\n    top: 0;\n}\n\n.progress-indicator.running > .messages .message-1\n{\n    transform: scale3d(0.7, 0.7, 0.7) translateZ(-20px) translateY(30px);\n    opacity: 0.8;\n}\n\n.progress-indicator.running > .messages .message-2\n{\n    transform: scale3d(0.35, 0.35, 0.35) translateZ(-40px) translateY(100px);\n    opacity: 0.5;\n}\n\n.progress-indicator.running > .messages .message-out\n{\n    transform: scale3d(0, 0, 0) translateZ(-100px) translateY(200px);\n}\n\n@keyframes rotate-progress\n{\n    from\n    {\n        transform: rotate(0deg);\n    }\n    to\n    {\n        transform: rotate(360deg);\n    }\n}"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "pipe", type: i3.LocalizeSAPipe, name: "localize" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.0", ngImport: i0, type: ProgressIndicatorComponent, deps: [{ token: i1.ProgressIndicatorService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.1.0", type: ProgressIndicatorComponent, isStandalone: true, selector: "progress-indicator", inputs: { cssClass: "cssClass" }, ngImport: i0, template: "<div [ngClass]=\"appliedClass\">\n    <div class=\"spinner\"></div>\n\n    <div class=\"messages\">\n        @for(msg of messages; track msg)\n        {\n            <div [ngClass]=\"'message-' + ((messages.length - $index) > 3 ? 'out' : (messages.length - $index - 1))\">{{msg | localize}}</div>\n        }\n    </div>\n</div>", styles: ["\n.progress-indicator\n{\n    transition: all 250ms linear;\n    background-color: rgba(0, 0, 0, 0.45);\n    height: 100%;\n    width: 100%;\n    position: fixed;\n    top: 0;\n    left: 0;\n    z-index: 23456;\n    opacity: 0;\n    visibility: hidden;\n}\n.progress-indicator.running\n{\n    visibility: visible;\n    opacity: 1;\n}\n.progress-indicator.running > .spinner\n{\n    border: 4px solid #eee;\n    border-bottom: none;\n    border-top-left-radius: 48px;\n    border-top-right-radius: 48px;\n    height: 24px;\n    margin-left: auto;\n    margin-right: auto;\n    position: relative;\n    top: 50%;\n    width: 48px;\n    animation-name: rotate-progress;\n    animation-duration: 450ms;\n    animation-iteration-count: infinite;\n    animation-timing-function: linear;\n    transform-origin: calc(50%) calc(50% + 12px);\n}\n\n.progress-indicator.running > .messages\n{\n    color: #eee;\n    top: calc(50% + 25px);\n    position: relative;\n    text-align: center;\n    font-weight: bold;\n    font-size: 1.25em;\n    display: flex;\n    flex-direction: column-reverse;\n}\n\n.progress-indicator.running > .messages .message-0,\n.progress-indicator.running > .messages .message-1,\n.progress-indicator.running > .messages .message-2,\n.progress-indicator.running > .messages  .message-out\n{\n    transition: all 500ms;\n    position: absolute;\n    width: 100%;\n    top: 0;\n}\n\n.progress-indicator.running > .messages .message-1\n{\n    transform: scale3d(0.7, 0.7, 0.7) translateZ(-20px) translateY(30px);\n    opacity: 0.8;\n}\n\n.progress-indicator.running > .messages .message-2\n{\n    transform: scale3d(0.35, 0.35, 0.35) translateZ(-40px) translateY(100px);\n    opacity: 0.5;\n}\n\n.progress-indicator.running > .messages .message-out\n{\n    transform: scale3d(0, 0, 0) translateZ(-100px) translateY(200px);\n}\n\n@keyframes rotate-progress\n{\n    from\n    {\n        transform: rotate(0deg);\n    }\n    to\n    {\n        transform: rotate(360deg);\n    }\n}"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "pipe", type: LocalizePipe, name: "localize" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: ProgressIndicatorComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.0", ngImport: i0, type: ProgressIndicatorComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'progress-indicator', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div [ngClass]=\"appliedClass\">\n    <div class=\"spinner\"></div>\n\n    <div class=\"messages\">\n        <div *ngFor=\"let msg of messages; let index = index\" [ngClass]=\"'message-' + ((messages.length - index) > 3 ? 'out' : (messages.length - index - 1))\">{{msg | localize}}</div>\n    </div>\n</div>", styles: ["\n.progress-indicator\n{\n    transition: all 250ms linear;\n    background-color: rgba(0, 0, 0, 0.45);\n    height: 100%;\n    width: 100%;\n    position: fixed;\n    top: 0;\n    left: 0;\n    z-index: 23456;\n    opacity: 0;\n    visibility: hidden;\n}\n.progress-indicator.running\n{\n    visibility: visible;\n    opacity: 1;\n}\n.progress-indicator.running > .spinner\n{\n    border: 4px solid #eee;\n    border-bottom: none;\n    border-top-left-radius: 48px;\n    border-top-right-radius: 48px;\n    height: 24px;\n    margin-left: auto;\n    margin-right: auto;\n    position: relative;\n    top: 50%;\n    width: 48px;\n    animation-name: rotate-progress;\n    animation-duration: 450ms;\n    animation-iteration-count: infinite;\n    animation-timing-function: linear;\n    transform-origin: calc(50%) calc(50% + 12px);\n}\n\n.progress-indicator.running > .messages\n{\n    color: #eee;\n    top: calc(50% + 25px);\n    position: relative;\n    text-align: center;\n    font-weight: bold;\n    font-size: 1.25em;\n    display: flex;\n    flex-direction: column-reverse;\n}\n\n.progress-indicator.running > .messages .message-0,\n.progress-indicator.running > .messages .message-1,\n.progress-indicator.running > .messages .message-2,\n.progress-indicator.running > .messages  .message-out\n{\n    transition: all 500ms;\n    position: absolute;\n    width: 100%;\n    top: 0;\n}\n\n.progress-indicator.running > .messages .message-1\n{\n    transform: scale3d(0.7, 0.7, 0.7) translateZ(-20px) translateY(30px);\n    opacity: 0.8;\n}\n\n.progress-indicator.running > .messages .message-2\n{\n    transform: scale3d(0.35, 0.35, 0.35) translateZ(-40px) translateY(100px);\n    opacity: 0.5;\n}\n\n.progress-indicator.running > .messages .message-out\n{\n    transform: scale3d(0, 0, 0) translateZ(-100px) translateY(200px);\n}\n\n@keyframes rotate-progress\n{\n    from\n    {\n        transform: rotate(0deg);\n    }\n    to\n    {\n        transform: rotate(360deg);\n    }\n}"] }]
+            args: [{ selector: 'progress-indicator', imports: [
+                        NgClass,
+                        LocalizePipe,
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div [ngClass]=\"appliedClass\">\n    <div class=\"spinner\"></div>\n\n    <div class=\"messages\">\n        @for(msg of messages; track msg)\n        {\n            <div [ngClass]=\"'message-' + ((messages.length - $index) > 3 ? 'out' : (messages.length - $index - 1))\">{{msg | localize}}</div>\n        }\n    </div>\n</div>", styles: ["\n.progress-indicator\n{\n    transition: all 250ms linear;\n    background-color: rgba(0, 0, 0, 0.45);\n    height: 100%;\n    width: 100%;\n    position: fixed;\n    top: 0;\n    left: 0;\n    z-index: 23456;\n    opacity: 0;\n    visibility: hidden;\n}\n.progress-indicator.running\n{\n    visibility: visible;\n    opacity: 1;\n}\n.progress-indicator.running > .spinner\n{\n    border: 4px solid #eee;\n    border-bottom: none;\n    border-top-left-radius: 48px;\n    border-top-right-radius: 48px;\n    height: 24px;\n    margin-left: auto;\n    margin-right: auto;\n    position: relative;\n    top: 50%;\n    width: 48px;\n    animation-name: rotate-progress;\n    animation-duration: 450ms;\n    animation-iteration-count: infinite;\n    animation-timing-function: linear;\n    transform-origin: calc(50%) calc(50% + 12px);\n}\n\n.progress-indicator.running > .messages\n{\n    color: #eee;\n    top: calc(50% + 25px);\n    position: relative;\n    text-align: center;\n    font-weight: bold;\n    font-size: 1.25em;\n    display: flex;\n    flex-direction: column-reverse;\n}\n\n.progress-indicator.running > .messages .message-0,\n.progress-indicator.running > .messages .message-1,\n.progress-indicator.running > .messages .message-2,\n.progress-indicator.running > .messages  .message-out\n{\n    transition: all 500ms;\n    position: absolute;\n    width: 100%;\n    top: 0;\n}\n\n.progress-indicator.running > .messages .message-1\n{\n    transform: scale3d(0.7, 0.7, 0.7) translateZ(-20px) translateY(30px);\n    opacity: 0.8;\n}\n\n.progress-indicator.running > .messages .message-2\n{\n    transform: scale3d(0.35, 0.35, 0.35) translateZ(-40px) translateY(100px);\n    opacity: 0.5;\n}\n\n.progress-indicator.running > .messages .message-out\n{\n    transform: scale3d(0, 0, 0) translateZ(-100px) translateY(200px);\n}\n\n@keyframes rotate-progress\n{\n    from\n    {\n        transform: rotate(0deg);\n    }\n    to\n    {\n        transform: rotate(360deg);\n    }\n}"] }]
         }], ctorParameters: () => [{ type: i1.ProgressIndicatorService }, { type: i0.ChangeDetectorRef }], propDecorators: { cssClass: [{
                 type: Input
             }] } });

package/es2022/src/modules/progressIndicator/components/progressIndicator/progressIndicator.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"progressIndicator.component.js","sourceRoot":"","sources":["../../../../../../src/modules/progressIndicator/components/progressIndicator/progressIndicator.component.ts","../../../../../../src/modules/progressIndicator/components/progressIndicator/progressIndicator.component.html"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAE,KAAK,EAAa,uBAAuB,EAAE,iBAAiB,EAAC,MAAM,eAAe,CAAC;AAGtG,OAAO,EAAC,wBAAwB,EAAE,qBAAqB,EAAC,MAAM,0CAA0C,CAAC;;;;;AAEzG;;GAEG;AAQH,MAAM,OAAO,0BAA0B;IAuBnC,gFAAgF;IAEhF;;OAEG;IACH,IACW,QAAQ,CAAC,QAAgB;QAEhC,IAAI,CAAC,YAAY,GAAG,EAAE,CAAC;QACvB,IAAI,CAAC,YAAY,CAAC,QAAQ,CAAC,GAAG,IAAI,CAAC;QACnC,IAAI,CAAC,eAAe,CAAC,aAAa,EAAE,CAAC;IACzC,CAAC;IAED,wEAAwE;IAExE;;OAEG;IACH,IAAY,OAAO,CAAC,OAAgB;QAEhC,IAAI,CAAC,YAAY,CAAC,SAAS,CAAC,GAAG,OAAO,CAAC;IAC3C,CAAC;IAED,iEAAiE;IACjE,YAAoB,QAAkC,EAClC,eAAkC;QADlC,aAAQ,GAAR,QAAQ,CAA0B;QAClC,oBAAe,GAAf,eAAe,CAAmB;QAvCtD,2FAA2F;QAE3F;;;WAGG;QACI,iBAAY,GAA6B,EAAE,oBAAoB,EAAE,IAAI,EAAE,CAAC;QAmC3E,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,qBAAqB,CAAC,CAAC;QAC5D,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,qBAAqB,CAAC,IAAI,EAAE,CAAC;QAEpE,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC,QAAQ,CAAC,WAAW,CAAC,SAAS,CAAC,IAAI,CAAC,EAAE;YAE5D,IAAG,IAAI,IAAI,qBAAqB,EAChC,CAAC;gBACG,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,qBAAqB,CAAC,CAAC;gBAC5D,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,qBAAqB,CAAC,IAAI,EAAE,CAAC;gBAEpE,IAAI,CAAC,eAAe,CAAC,aAAa,EAAE,CAAC;YACzC,CAAC;QACL,CAAC,CAAC,CAAC;IACP,CAAC;IAED,kGAAkG;IAElG;;OAEG;IACI,WAAW;QAEd,IAAG,IAAI,CAAC,aAAa,EACrB,CAAC;YACG,IAAI,CAAC,aAAa,CAAC,WAAW,EAAE,CAAC;YACjC,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC;QAC9B,CAAC;IACL,CAAC;8GA7EQ,0BAA0B;kGAA1B,0BAA0B,4FCfvC,qTAMM;;2FDSO,0BAA0B;kBAPtC,SAAS;+BAEI,oBAAoB,mBAGb,uBAAuB,CAAC,MAAM;6HA+BpC,QAAQ;sBADlB,KAAK","sourcesContent":["import {Component, Input, OnDestroy, ChangeDetectionStrategy, ChangeDetectorRef} from '@angular/core';\nimport {Subscription} from 'rxjs';\n\nimport {ProgressIndicatorService, DEFAULT_PROGRESS_NAME} from '../../services/progressIndicator.service';\n\n/**\n * Component that is used for displaying global progress indicator\n */\n@Component(\n{\n    selector: 'progress-indicator',\n    templateUrl: 'progressIndicator.component.html',\n    styleUrls: ['progressIndicator.component.css'],\n    changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class ProgressIndicatorComponent implements OnDestroy\n{\n    //######################### private fields #########################\n    \n    /**\n     * Subscription for changes in ProgressIndicatorService\n     */\n    private _subscription: Subscription|null;\n    \n    //######################### public properties - template bindings #########################\n\n    /**\n     * Applied css classes\n     * @internal\n     */\n    public appliedClass: {[key: string]: boolean} = { 'progress-indicator': true };\n\n    /**\n     * Array of messages that should be displayed\n     * @internal\n     */\n    public messages: string[];\n\n    //######################### public properties - inputs #########################\n\n    /**\n     * Sets css classes that will be applied to indicator\n     */\n    @Input()\n    public set cssClass(cssClass: string)\n    {\n        this.appliedClass = {};\n        this.appliedClass[cssClass] = true;\n        this._changeDetector.detectChanges();\n    }\n\n    //######################### private properties #########################\n    \n    /**\n     * Sets indication that progress indicator is running\n     */\n    private set running(running: boolean)\n    {\n        this.appliedClass['running'] = running;\n    }\n\n    //######################### constructor #########################\n    constructor(private _service: ProgressIndicatorService,\n                private _changeDetector: ChangeDetectorRef)\n    {\n        this.running = this._service.running[DEFAULT_PROGRESS_NAME];\n        this.messages = this._service.messages[DEFAULT_PROGRESS_NAME] || [];\n\n        this._subscription = this._service.stateChange.subscribe(name => \n        {\n            if(name == DEFAULT_PROGRESS_NAME)\n            {\n                this.running = this._service.running[DEFAULT_PROGRESS_NAME];\n                this.messages = this._service.messages[DEFAULT_PROGRESS_NAME] || [];\n\n                this._changeDetector.detectChanges();\n            }\n        });\n    }\n\n    //######################### public methods - implementation of OnDestroy #########################\n    \n    /**\n     * Called when component is destroyed\n     */\n    public ngOnDestroy(): void\n    {\n        if(this._subscription)\n        {\n            this._subscription.unsubscribe();\n            this._subscription = null;\n        }\n    }\n}\n","<div [ngClass]=\"appliedClass\">\n    <div class=\"spinner\"></div>\n\n    <div class=\"messages\">\n        <div *ngFor=\"let msg of messages; let index = index\" [ngClass]=\"'message-' + ((messages.length - index) > 3 ? 'out' : (messages.length - index - 1))\">{{msg | localize}}</div>\n    </div>\n</div>"]}
+{"version":3,"file":"progressIndicator.component.js","sourceRoot":"","sources":["../../../../../../src/modules/progressIndicator/components/progressIndicator/progressIndicator.component.ts","../../../../../../src/modules/progressIndicator/components/progressIndicator/progressIndicator.component.html"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAE,KAAK,EAAa,uBAAuB,EAAE,iBAAiB,EAAC,MAAM,eAAe,CAAC;AACtG,OAAO,EAAC,OAAO,EAAC,MAAM,iBAAiB,CAAC;AAGxC,OAAO,EAAC,wBAAwB,EAAE,qBAAqB,EAAC,MAAM,0CAA0C,CAAC;AACzG,OAAO,EAAC,YAAY,EAAC,MAAM,mBAAmB,CAAC;;;AAE/C;;GAEG;AAaH,MAAM,OAAO,0BAA0B;IAuBnC,gFAAgF;IAEhF;;OAEG;IACH,IACW,QAAQ,CAAC,QAAgB;QAEhC,IAAI,CAAC,YAAY,GAAG,EAAE,CAAC;QACvB,IAAI,CAAC,YAAY,CAAC,QAAQ,CAAC,GAAG,IAAI,CAAC;QACnC,IAAI,CAAC,eAAe,CAAC,aAAa,EAAE,CAAC;IACzC,CAAC;IAED,wEAAwE;IAExE;;OAEG;IACH,IAAY,OAAO,CAAC,OAAgB;QAEhC,IAAI,CAAC,YAAY,CAAC,SAAS,CAAC,GAAG,OAAO,CAAC;IAC3C,CAAC;IAED,iEAAiE;IACjE,YAAoB,QAAkC,EAClC,eAAkC;QADlC,aAAQ,GAAR,QAAQ,CAA0B;QAClC,oBAAe,GAAf,eAAe,CAAmB;QAvCtD,2FAA2F;QAE3F;;;WAGG;QACI,iBAAY,GAA6B,EAAC,oBAAoB,EAAE,IAAI,EAAC,CAAC;QAmCzE,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,qBAAqB,CAAC,CAAC;QAC5D,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,qBAAqB,CAAC,IAAI,EAAE,CAAC;QAEpE,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC,QAAQ,CAAC,WAAW,CAAC,SAAS,CAAC,IAAI,CAAC,EAAE;YAE5D,IAAG,IAAI,IAAI,qBAAqB,EAChC,CAAC;gBACG,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,qBAAqB,CAAC,CAAC;gBAC5D,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,qBAAqB,CAAC,IAAI,EAAE,CAAC;gBAEpE,IAAI,CAAC,eAAe,CAAC,aAAa,EAAE,CAAC;YACzC,CAAC;QACL,CAAC,CAAC,CAAC;IACP,CAAC;IAED,kGAAkG;IAElG;;OAEG;IACI,WAAW;QAEd,IAAG,IAAI,CAAC,aAAa,EACrB,CAAC;YACG,IAAI,CAAC,aAAa,CAAC,WAAW,EAAE,CAAC;YACjC,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC;QAC9B,CAAC;IACL,CAAC;8GA7EQ,0BAA0B;kGAA1B,0BAA0B,gHCtBvC,yUASM,6/DDQE,OAAO,+EACP,YAAY;;2FAIP,0BAA0B;kBAZtC,SAAS;+BAEI,oBAAoB,WAI9B;wBACI,OAAO;wBACP,YAAY;qBACf,mBACgB,uBAAuB,CAAC,MAAM;6HA+BpC,QAAQ;sBADlB,KAAK","sourcesContent":["import {Component, Input, OnDestroy, ChangeDetectionStrategy, ChangeDetectorRef} from '@angular/core';\nimport {NgClass} from '@angular/common';\nimport {Subscription} from 'rxjs';\n\nimport {ProgressIndicatorService, DEFAULT_PROGRESS_NAME} from '../../services/progressIndicator.service';\nimport {LocalizePipe} from '../../../../pipes';\n\n/**\n * Component that is used for displaying global progress indicator\n */\n@Component(\n{\n    selector: 'progress-indicator',\n    templateUrl: 'progressIndicator.component.html',\n    styleUrl: 'progressIndicator.component.css',\n    imports:\n    [\n        NgClass,\n        LocalizePipe,\n    ],\n    changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class ProgressIndicatorComponent implements OnDestroy\n{\n    //######################### private fields #########################\n\n    /**\n     * Subscription for changes in ProgressIndicatorService\n     */\n    private _subscription: Subscription|null;\n\n    //######################### public properties - template bindings #########################\n\n    /**\n     * Applied css classes\n     * @internal\n     */\n    public appliedClass: {[key: string]: boolean} = {'progress-indicator': true};\n\n    /**\n     * Array of messages that should be displayed\n     * @internal\n     */\n    public messages: string[];\n\n    //######################### public properties - inputs #########################\n\n    /**\n     * Sets css classes that will be applied to indicator\n     */\n    @Input()\n    public set cssClass(cssClass: string)\n    {\n        this.appliedClass = {};\n        this.appliedClass[cssClass] = true;\n        this._changeDetector.detectChanges();\n    }\n\n    //######################### private properties #########################\n\n    /**\n     * Sets indication that progress indicator is running\n     */\n    private set running(running: boolean)\n    {\n        this.appliedClass['running'] = running;\n    }\n\n    //######################### constructor #########################\n    constructor(private _service: ProgressIndicatorService,\n                private _changeDetector: ChangeDetectorRef)\n    {\n        this.running = this._service.running[DEFAULT_PROGRESS_NAME];\n        this.messages = this._service.messages[DEFAULT_PROGRESS_NAME] || [];\n\n        this._subscription = this._service.stateChange.subscribe(name =>\n        {\n            if(name == DEFAULT_PROGRESS_NAME)\n            {\n                this.running = this._service.running[DEFAULT_PROGRESS_NAME];\n                this.messages = this._service.messages[DEFAULT_PROGRESS_NAME] || [];\n\n                this._changeDetector.detectChanges();\n            }\n        });\n    }\n\n    //######################### public methods - implementation of OnDestroy #########################\n\n    /**\n     * Called when component is destroyed\n     */\n    public ngOnDestroy(): void\n    {\n        if(this._subscription)\n        {\n            this._subscription.unsubscribe();\n            this._subscription = null;\n        }\n    }\n}\n","<div [ngClass]=\"appliedClass\">\n    <div class=\"spinner\"></div>\n\n    <div class=\"messages\">\n        @for(msg of messages; track msg)\n        {\n            <div [ngClass]=\"'message-' + ((messages.length - $index) > 3 ? 'out' : (messages.length - $index - 1))\">{{msg | localize}}</div>\n        }\n    </div>\n</div>"]}

package/es2022/src/modules/progressIndicator/directives/progressOverlay/progressOverlay.directive.js

@@ -103,13 +103,13 @@ export class ProgressOverlayDirective {
             });
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: ProgressOverlayDirective, deps: [{ token: i1.ProgressIndicatorService }, { token: i0.ElementRef }, { token: DOCUMENT }, { token: STRING_LOCALIZATION }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.1", type: ProgressOverlayDirective, selector: "[progressOverlay]", inputs: { name: ["progressOverlay", "name"] }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.0", ngImport: i0, type: ProgressOverlayDirective, deps: [{ token: i1.ProgressIndicatorService }, { token: i0.ElementRef }, { token: DOCUMENT }, { token: STRING_LOCALIZATION }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.1.0", type: ProgressOverlayDirective, isStandalone: true, selector: "[progressOverlay]", inputs: { name: ["progressOverlay", "name"] }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: ProgressOverlayDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.0", ngImport: i0, type: ProgressOverlayDirective, decorators: [{
             type: Directive,
             args: [{
-                    selector: '[progressOverlay]'
+                    selector: '[progressOverlay]',
                 }]
         }], ctorParameters: () => [{ type: i1.ProgressIndicatorService }, { type: i0.ElementRef }, { type: Document, decorators: [{
                     type: Inject,

package/es2022/src/modules/progressIndicator/directives/progressOverlay/progressOverlay.directive.js.map

@@ -1 +1 @@
-{"version":3,"file":"progressOverlay.directive.js","sourceRoot":"","sources":["../../../../../../src/modules/progressIndicator/directives/progressOverlay/progressOverlay.directive.ts"],"names":[],"mappings":"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","sourcesContent":["import {Directive, Input, OnInit, OnDestroy, ElementRef, Inject} from '@angular/core';\nimport {DOCUMENT} from '@angular/common';\nimport {Subscription} from 'rxjs';\n\nimport {ProgressIndicatorService} from '../../services/progressIndicator.service';\nimport {STRING_LOCALIZATION} from '../../../../types/tokens';\nimport {StringLocalization} from '../../../../services/stringLocalization';\n\n/**\n * Directive that is used for displaying progress indicator as overlay\n */\n@Directive(\n{\n    selector: '[progressOverlay]'\n})\nexport class ProgressOverlayDirective implements OnInit, OnDestroy\n{\n    //######################### private fields #########################\n    \n    /**\n     * Previous css position value\n     */\n    private _notRunningCssPosition: string;\n\n    /**\n     * Previous css overflow value\n     */\n    private _notRunningOverflow: string;\n\n    /**\n     * Subscription for changes in ProgressIndicatorService\n     */\n    private _subscription: Subscription|null;\n\n    /**\n     * Array of messages that should be displayed\n     */\n    private _messages: string[];\n\n    /**\n     * Indication that this progress indicator is running\n     */\n    private _running: boolean;\n\n    /**\n     * Element that is displaying progress indicator overlay\n     */\n    private _progressElement: HTMLDivElement;\n\n    /**\n     * Html messages element\n     */\n    private _messagesElement: HTMLDivElement;\n\n    /**\n     * Html message elements, last three\n     */\n    private _lastThreeMessages: HTMLDivElement[] = [];\n\n    //######################### public properties - inputs #########################\n\n    /**\n     * Name of progress indicator group\n     */\n    @Input('progressOverlay')\n    public name: string;\n\n    //######################### constructor #########################\n    constructor(private _service: ProgressIndicatorService,\n                private _element: ElementRef<HTMLElement>,\n                @Inject(DOCUMENT) private _document: Document,\n                @Inject(STRING_LOCALIZATION) private _localizationSvc: StringLocalization)\n    {\n    }\n\n    //######################### public methods - implementation of OnInit #########################\n    \n    /**\n     * Initialize component\n     */\n    public ngOnInit(): void\n    {\n        this._service.registerOverlayGroup(this.name);\n\n        this._running = this._service.running[this.name];\n        this._messages = this._service.messages[this.name] || [];\n        this._renderProgressOverlay();\n\n        this._subscription = this._service.stateChange.subscribe(name => \n        {\n            if(name == this.name)\n            {\n                this._running = this._service.running[this.name];\n                this._messages = this._service.messages[this.name] || [];\n                this._renderProgressOverlay();\n            }\n        });\n    }\n\n    //######################### public methods - implementation of OnDestroy #########################\n    \n    /**\n     * Called when component is destroyed\n     */\n    public ngOnDestroy(): void\n    {\n        this._service.unregisterOverlayGroup(this.name);\n\n        if(this._subscription)\n        {\n            this._subscription.unsubscribe();\n            this._subscription = null;\n        }\n    }\n\n    //######################### private methods #########################\n\n    /**\n     * Renders progress overlay\n     */\n    private _renderProgressOverlay()\n    {\n        //removes progress indicator\n        if(this._progressElement && !this._running)\n        {\n            this._progressElement.remove();\n            this._progressElement = null;\n            this._messagesElement = null;\n            this._lastThreeMessages = [];\n\n            this._element.nativeElement.style.position = this._notRunningCssPosition;\n            this._notRunningCssPosition = null;\n            this._element.nativeElement.style.overflow = this._notRunningOverflow;\n            this._notRunningOverflow = null;\n        }\n        //adds progress indicator\n        else if(!this._progressElement && this._running)\n        {\n            this._notRunningCssPosition = this._element.nativeElement.style.position;\n            this._element.nativeElement.style.position = 'relative';\n            this._notRunningOverflow = this._element.nativeElement.style.overflow;\n            this._element.nativeElement.style.overflow = 'hidden';\n\n            this._progressElement = this._document.createElement('div');\n            this._progressElement.className = 'progress-overlay-div';\n\n            const spinner = this._document.createElement('div');\n            spinner.className = 'spinner';\n            this._progressElement.append(spinner);\n\n            this._messagesElement = this._document.createElement('div');\n            this._messagesElement.className = 'messages';\n            this._progressElement.append(this._messagesElement);\n\n            this._element.nativeElement.append(this._progressElement);\n\n        }\n\n        this._renderProgressMessages();\n    }\n\n    /**\n     * Renders messages to progress overlay\n     */\n    private _renderProgressMessages()\n    {\n        if(!this._messagesElement)\n        {\n            return;\n        }\n\n        const newMessages = this._messages.slice(this._messagesElement.childNodes.length);\n\n        for(const message of newMessages)\n        {\n            const messageDiv = this._document.createElement('div');\n            messageDiv.textContent = this._localizationSvc.get(message);\n\n            this._lastThreeMessages.unshift(messageDiv);\n            this._messagesElement.append(messageDiv);\n            \n            const outMessagesDiv = this._lastThreeMessages.splice(3);\n\n            outMessagesDiv.forEach(outMsg =>\n            {\n                outMsg.className = 'message-out';\n            });\n\n            this._lastThreeMessages.forEach((msg, index) =>\n            {\n                msg.className = `message-${index}`;\n            });\n        }\n    }\n}"]}
+{"version":3,"file":"progressOverlay.directive.js","sourceRoot":"","sources":["../../../../../../src/modules/progressIndicator/directives/progressOverlay/progressOverlay.directive.ts"],"names":[],"mappings":"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","sourcesContent":["import {Directive, Input, OnInit, OnDestroy, ElementRef, Inject} from '@angular/core';\nimport {DOCUMENT} from '@angular/common';\nimport {Subscription} from 'rxjs';\n\nimport {ProgressIndicatorService} from '../../services/progressIndicator.service';\nimport {STRING_LOCALIZATION} from '../../../../types/tokens';\nimport {StringLocalization} from '../../../../services/stringLocalization';\n\n/**\n * Directive that is used for displaying progress indicator as overlay\n */\n@Directive(\n{\n    selector: '[progressOverlay]',\n})\nexport class ProgressOverlayDirective implements OnInit, OnDestroy\n{\n    //######################### private fields #########################\n\n    /**\n     * Previous css position value\n     */\n    private _notRunningCssPosition: string;\n\n    /**\n     * Previous css overflow value\n     */\n    private _notRunningOverflow: string;\n\n    /**\n     * Subscription for changes in ProgressIndicatorService\n     */\n    private _subscription: Subscription|null;\n\n    /**\n     * Array of messages that should be displayed\n     */\n    private _messages: string[];\n\n    /**\n     * Indication that this progress indicator is running\n     */\n    private _running: boolean;\n\n    /**\n     * Element that is displaying progress indicator overlay\n     */\n    private _progressElement: HTMLDivElement;\n\n    /**\n     * Html messages element\n     */\n    private _messagesElement: HTMLDivElement;\n\n    /**\n     * Html message elements, last three\n     */\n    private _lastThreeMessages: HTMLDivElement[] = [];\n\n    //######################### public properties - inputs #########################\n\n    /**\n     * Name of progress indicator group\n     */\n    @Input('progressOverlay')\n    public name: string;\n\n    //######################### constructor #########################\n    constructor(private _service: ProgressIndicatorService,\n                private _element: ElementRef<HTMLElement>,\n                @Inject(DOCUMENT) private _document: Document,\n                @Inject(STRING_LOCALIZATION) private _localizationSvc: StringLocalization)\n    {\n    }\n\n    //######################### public methods - implementation of OnInit #########################\n\n    /**\n     * Initialize component\n     */\n    public ngOnInit(): void\n    {\n        this._service.registerOverlayGroup(this.name);\n\n        this._running = this._service.running[this.name];\n        this._messages = this._service.messages[this.name] || [];\n        this._renderProgressOverlay();\n\n        this._subscription = this._service.stateChange.subscribe(name =>\n        {\n            if(name == this.name)\n            {\n                this._running = this._service.running[this.name];\n                this._messages = this._service.messages[this.name] || [];\n                this._renderProgressOverlay();\n            }\n        });\n    }\n\n    //######################### public methods - implementation of OnDestroy #########################\n\n    /**\n     * Called when component is destroyed\n     */\n    public ngOnDestroy(): void\n    {\n        this._service.unregisterOverlayGroup(this.name);\n\n        if(this._subscription)\n        {\n            this._subscription.unsubscribe();\n            this._subscription = null;\n        }\n    }\n\n    //######################### private methods #########################\n\n    /**\n     * Renders progress overlay\n     */\n    private _renderProgressOverlay()\n    {\n        //removes progress indicator\n        if(this._progressElement && !this._running)\n        {\n            this._progressElement.remove();\n            this._progressElement = null;\n            this._messagesElement = null;\n            this._lastThreeMessages = [];\n\n            this._element.nativeElement.style.position = this._notRunningCssPosition;\n            this._notRunningCssPosition = null;\n            this._element.nativeElement.style.overflow = this._notRunningOverflow;\n            this._notRunningOverflow = null;\n        }\n        //adds progress indicator\n        else if(!this._progressElement && this._running)\n        {\n            this._notRunningCssPosition = this._element.nativeElement.style.position;\n            this._element.nativeElement.style.position = 'relative';\n            this._notRunningOverflow = this._element.nativeElement.style.overflow;\n            this._element.nativeElement.style.overflow = 'hidden';\n\n            this._progressElement = this._document.createElement('div');\n            this._progressElement.className = 'progress-overlay-div';\n\n            const spinner = this._document.createElement('div');\n            spinner.className = 'spinner';\n            this._progressElement.append(spinner);\n\n            this._messagesElement = this._document.createElement('div');\n            this._messagesElement.className = 'messages';\n            this._progressElement.append(this._messagesElement);\n\n            this._element.nativeElement.append(this._progressElement);\n        }\n\n        this._renderProgressMessages();\n    }\n\n    /**\n     * Renders messages to progress overlay\n     */\n    private _renderProgressMessages()\n    {\n        if(!this._messagesElement)\n        {\n            return;\n        }\n\n        const newMessages = this._messages.slice(this._messagesElement.childNodes.length);\n\n        for(const message of newMessages)\n        {\n            const messageDiv = this._document.createElement('div');\n            messageDiv.textContent = this._localizationSvc.get(message);\n\n            this._lastThreeMessages.unshift(messageDiv);\n            this._messagesElement.append(messageDiv);\n\n            const outMessagesDiv = this._lastThreeMessages.splice(3);\n\n            outMessagesDiv.forEach(outMsg =>\n            {\n                outMsg.className = 'message-out';\n            });\n\n            this._lastThreeMessages.forEach((msg, index) =>\n            {\n                msg.className = `message-${index}`;\n            });\n        }\n    }\n}"]}

package/es2022/src/modules/progressIndicator/interceptors/progressInterceptor.js

@@ -37,10 +37,10 @@ export class ProgressInterceptor {
             }
         }, () => this._indicatorSvc.hideProgress(req.context.get(PROGRESS_INDICATOR_GROUP_NAME))));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: ProgressInterceptor, deps: [{ token: i1.ProgressIndicatorService }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: ProgressInterceptor }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.0", ngImport: i0, type: ProgressInterceptor, deps: [{ token: i1.ProgressIndicatorService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.1.0", ngImport: i0, type: ProgressInterceptor }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: ProgressInterceptor, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.0", ngImport: i0, type: ProgressInterceptor, decorators: [{
             type: Injectable
         }], ctorParameters: () => [{ type: i1.ProgressIndicatorService }] });
 /**
@@ -49,6 +49,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImpor
 export const PROGRESS_INTERCEPTOR_PROVIDER = {
     provide: HTTP_INTERCEPTORS,
     useClass: ProgressInterceptor,
-    multi: true
+    multi: true,
 };
 //# sourceMappingURL=progressInterceptor.js.map

package/es2022/src/modules/progressIndicator/interceptors/progressInterceptor.js.map

@@ -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;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,CAAC;gBACG,OAAO;YACX,CAAC;YAED,iBAAiB;YACjB,IAAG,KAAK,CAAC,IAAI,IAAI,aAAa,CAAC,IAAI,EACnC,CAAC;gBACG,IAAI,CAAC,aAAa,CAAC,YAAY,CAAC,GAAG,CAAC,OAAO,CAAC,GAAG,CAAC,6BAA6B,CAAC,CAAC,CAAC;YACpF,CAAC;YACD,mBAAmB;iBACd,IAAG,KAAK,CAAC,IAAI,IAAI,aAAa,CAAC,QAAQ,EAC5C,CAAC;gBACG,IAAI,CAAC,aAAa,CAAC,YAAY,CAAC,GAAG,CAAC,OAAO,CAAC,GAAG,CAAC,6BAA6B,CAAC,CAAC,CAAC;YACpF,CAAC;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;8GApCQ,mBAAmB;kHAAnB,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};"]}
+{"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,CAAC;gBACG,OAAO;YACX,CAAC;YAED,iBAAiB;YACjB,IAAG,KAAK,CAAC,IAAI,IAAI,aAAa,CAAC,IAAI,EACnC,CAAC;gBACG,IAAI,CAAC,aAAa,CAAC,YAAY,CAAC,GAAG,CAAC,OAAO,CAAC,GAAG,CAAC,6BAA6B,CAAC,CAAC,CAAC;YACpF,CAAC;YACD,mBAAmB;iBACd,IAAG,KAAK,CAAC,IAAI,IAAI,aAAa,CAAC,QAAQ,EAC5C,CAAC;gBACG,IAAI,CAAC,aAAa,CAAC,YAAY,CAAC,GAAG,CAAC,OAAO,CAAC,GAAG,CAAC,6BAA6B,CAAC,CAAC,CAAC;YACpF,CAAC;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;8GApCQ,mBAAmB;kHAAnB,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/es2022/src/modules/progressIndicator/modules/progressIndicator.module.js

@@ -1,6 +1,4 @@
 import { NgModule } from '@angular/core';
-import { CommonModule } from '@angular/common';
-import { CommonLocalizeModule } from '../../commonLocalize.module';
 import { ProgressIndicatorComponent } from '../components/progressIndicator/progressIndicator.component';
 import { ProgressOverlayDirective } from '../directives/progressOverlay/progressOverlay.directive';
 import * as i0 from "@angular/core";
@@ -8,28 +6,22 @@ import * as i0 from "@angular/core";
  * Module for progress indicator
  */
 export class ProgressIndicatorModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: ProgressIndicatorModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.1", ngImport: i0, type: ProgressIndicatorModule, declarations: [ProgressIndicatorComponent,
-            ProgressOverlayDirective], imports: [CommonModule,
-            CommonLocalizeModule], exports: [ProgressIndicatorComponent,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.0", ngImport: i0, type: ProgressIndicatorModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.1.0", ngImport: i0, type: ProgressIndicatorModule, imports: [ProgressIndicatorComponent,
+            ProgressOverlayDirective], exports: [ProgressIndicatorComponent,
             ProgressOverlayDirective] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: ProgressIndicatorModule, imports: [CommonModule,
-            CommonLocalizeModule] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.1.0", ngImport: i0, type: ProgressIndicatorModule }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: ProgressIndicatorModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.0", ngImport: i0, type: ProgressIndicatorModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [
-                        CommonModule,
-                        CommonLocalizeModule,
-                    ],
-                    declarations: [
                         ProgressIndicatorComponent,
-                        ProgressOverlayDirective
+                        ProgressOverlayDirective,
                     ],
                     exports: [
                         ProgressIndicatorComponent,
-                        ProgressOverlayDirective
+                        ProgressOverlayDirective,
                     ]
                 }]
         }] });

package/es2022/src/modules/progressIndicator/modules/progressIndicator.module.js.map

@@ -1 +1 @@
-{"version":3,"file":"progressIndicator.module.js","sourceRoot":"","sources":["../../../../../src/modules/progressIndicator/modules/progressIndicator.module.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,QAAQ,EAAC,MAAM,eAAe,CAAC;AACvC,OAAO,EAAC,YAAY,EAAC,MAAM,iBAAiB,CAAC;AAE7C,OAAO,EAAC,oBAAoB,EAAC,MAAM,6BAA6B,CAAC;AACjE,OAAO,EAAC,0BAA0B,EAAC,MAAM,6DAA6D,CAAC;AACvG,OAAO,EAAC,wBAAwB,EAAC,MAAM,yDAAyD,CAAC;;AAEjG;;GAEG;AAmBH,MAAM,OAAO,uBAAuB;8GAAvB,uBAAuB;+GAAvB,uBAAuB,iBAT5B,0BAA0B;YAC1B,wBAAwB,aANxB,YAAY;YACZ,oBAAoB,aASpB,0BAA0B;YAC1B,wBAAwB;+GAGnB,uBAAuB,YAd5B,YAAY;YACZ,oBAAoB;;2FAaf,uBAAuB;kBAlBnC,QAAQ;mBACT;oBACI,OAAO,EACP;wBACI,YAAY;wBACZ,oBAAoB;qBACvB;oBACD,YAAY,EACZ;wBACI,0BAA0B;wBAC1B,wBAAwB;qBAC3B;oBACD,OAAO,EACP;wBACI,0BAA0B;wBAC1B,wBAAwB;qBAC3B;iBACJ","sourcesContent":["import {NgModule} from '@angular/core';\nimport {CommonModule} from '@angular/common';\n\nimport {CommonLocalizeModule} from '../../commonLocalize.module';\nimport {ProgressIndicatorComponent} from '../components/progressIndicator/progressIndicator.component';\nimport {ProgressOverlayDirective} from '../directives/progressOverlay/progressOverlay.directive';\n\n/**\n * Module for progress indicator\n */\n@NgModule(\n{\n    imports:\n    [\n        CommonModule,\n        CommonLocalizeModule,\n    ],\n    declarations:\n    [\n        ProgressIndicatorComponent,\n        ProgressOverlayDirective\n    ],\n    exports:\n    [\n        ProgressIndicatorComponent,\n        ProgressOverlayDirective\n    ]\n})\nexport class ProgressIndicatorModule\n{\n}"]}
+{"version":3,"file":"progressIndicator.module.js","sourceRoot":"","sources":["../../../../../src/modules/progressIndicator/modules/progressIndicator.module.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,QAAQ,EAAC,MAAM,eAAe,CAAC;AAEvC,OAAO,EAAC,0BAA0B,EAAC,MAAM,6DAA6D,CAAC;AACvG,OAAO,EAAC,wBAAwB,EAAC,MAAM,yDAAyD,CAAC;;AAEjG;;GAEG;AAcH,MAAM,OAAO,uBAAuB;8GAAvB,uBAAuB;+GAAvB,uBAAuB,YAT5B,0BAA0B;YAC1B,wBAAwB,aAIxB,0BAA0B;YAC1B,wBAAwB;+GAGnB,uBAAuB;;2FAAvB,uBAAuB;kBAbnC,QAAQ;mBACT;oBACI,OAAO,EACP;wBACI,0BAA0B;wBAC1B,wBAAwB;qBAC3B;oBACD,OAAO,EACP;wBACI,0BAA0B;wBAC1B,wBAAwB;qBAC3B;iBACJ","sourcesContent":["import {NgModule} from '@angular/core';\n\nimport {ProgressIndicatorComponent} from '../components/progressIndicator/progressIndicator.component';\nimport {ProgressOverlayDirective} from '../directives/progressOverlay/progressOverlay.directive';\n\n/**\n * Module for progress indicator\n */\n@NgModule(\n{\n    imports:\n    [\n        ProgressIndicatorComponent,\n        ProgressOverlayDirective,\n    ],\n    exports:\n    [\n        ProgressIndicatorComponent,\n        ProgressOverlayDirective,\n    ]\n})\nexport class ProgressIndicatorModule\n{\n}"]}

package/es2022/src/modules/progressIndicator/services/progressIndicator.service.js

@@ -239,10 +239,10 @@ export class ProgressIndicatorService {
         this._runningRequests[name] = group;
         return group;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: ProgressIndicatorService, deps: [{ token: i1.ProgressIndicatorOptions, optional: true }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: ProgressIndicatorService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.0", ngImport: i0, type: ProgressIndicatorService, deps: [{ token: i1.ProgressIndicatorOptions, optional: true }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.1.0", ngImport: i0, type: ProgressIndicatorService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: ProgressIndicatorService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.0", ngImport: i0, type: ProgressIndicatorService, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }], ctorParameters: () => [{ type: i1.ProgressIndicatorOptions, decorators: [{

package/es2022/src/modules/progressIndicator/services/progressIndicatorOptions.js.map

@@ -1 +1 @@
-{"version":3,"file":"progressIndicatorOptions.js","sourceRoot":"","sources":["../../../../../src/modules/progressIndicator/services/progressIndicatorOptions.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAC,MAAM,gBAAgB,CAAC;AAEzC;;GAEG;AACH,MAAM,OAAO,wBAAwB;IAcjC,iEAAiE;IACjE,YAAY,OAAgB,EAAE,iBAA2B;QAbzD,uEAAuE;QAEvE;;WAEG;QACI,YAAO,GAAW,GAAG,CAAC;QAE7B;;WAEG;QACI,sBAAiB,GAAY,IAAI,CAAC;QAKrC,IAAG,SAAS,CAAC,OAAO,CAAC,EACrB,CAAC;YACG,IAAI,CAAC,OAAO,GAAG,OAAiB,CAAC;QACrC,CAAC;QAED,IAAG,SAAS,CAAC,iBAAiB,CAAC,EAC/B,CAAC;YACG,IAAI,CAAC,iBAAiB,GAAG,iBAA4B,CAAC;QAC1D,CAAC;IACL,CAAC;CACJ","sourcesContent":["import {isPresent} from '@jscrpt/common';\n\n/**\n * Configuration object that is used by ProgressIndicatorService, overriding its properties allows you to customize configuration\n */\nexport class ProgressIndicatorOptions\n{\n    //######################### public properties #########################\n    \n    /**\n     * Timeout length after which will be progress indication displayed\n     */\n    public timeout: number = 220;\n\n    /**\n     * Indication whether fallback to default group name\n     */\n    public fallbackToDefault: boolean = true;\n    \n    //######################### constructor #########################\n    constructor(timeout?: number, fallbackToDefault?: boolean)\n    {\n        if(isPresent(timeout))\n        {\n            this.timeout = timeout as number;\n        }\n\n        if(isPresent(fallbackToDefault))\n        {\n            this.fallbackToDefault = fallbackToDefault as boolean;\n        }\n    }\n}"]}
+{"version":3,"file":"progressIndicatorOptions.js","sourceRoot":"","sources":["../../../../../src/modules/progressIndicator/services/progressIndicatorOptions.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAC,MAAM,gBAAgB,CAAC;AAEzC;;GAEG;AACH,MAAM,OAAO,wBAAwB;IAcjC,iEAAiE;IACjE,YAAY,OAAgB,EAAE,iBAA2B;QAbzD,uEAAuE;QAEvE;;WAEG;QACI,YAAO,GAAW,GAAG,CAAC;QAE7B;;WAEG;QACI,sBAAiB,GAAY,IAAI,CAAC;QAKrC,IAAG,SAAS,CAAC,OAAO,CAAC,EACrB,CAAC;YACG,IAAI,CAAC,OAAO,GAAG,OAAiB,CAAC;QACrC,CAAC;QAED,IAAG,SAAS,CAAC,iBAAiB,CAAC,EAC/B,CAAC;YACG,IAAI,CAAC,iBAAiB,GAAG,iBAA4B,CAAC;QAC1D,CAAC;IACL,CAAC;CACJ","sourcesContent":["import {isPresent} from '@jscrpt/common';\n\n/**\n * Configuration object that is used by ProgressIndicatorService, overriding its properties allows you to customize configuration\n */\nexport class ProgressIndicatorOptions\n{\n    //######################### public properties #########################\n\n    /**\n     * Timeout length after which will be progress indication displayed\n     */\n    public timeout: number = 220;\n\n    /**\n     * Indication whether fallback to default group name\n     */\n    public fallbackToDefault: boolean = true;\n\n    //######################### constructor #########################\n    constructor(timeout?: number, fallbackToDefault?: boolean)\n    {\n        if(isPresent(timeout))\n        {\n            this.timeout = timeout as number;\n        }\n\n        if(isPresent(fallbackToDefault))\n        {\n            this.fallbackToDefault = fallbackToDefault as boolean;\n        }\n    }\n}"]}

package/es2022/src/modules/tooltip/components/tooltip/tooltip.component.js

@@ -1,6 +1,6 @@
 import { Component, ChangeDetectionStrategy, ChangeDetectorRef, ElementRef, HostListener } from '@angular/core';
+import { NgTemplateOutlet } from '@angular/common';
 import * as i0 from "@angular/core";
-import * as i1 from "@angular/common";
 /**
  * Component used for displaying tooltip content
  */
@@ -57,12 +57,14 @@ export class TooltipComponent {
     mouseLeave() {
         this.leaveFn();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: TooltipComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.1", type: TooltipComponent, selector: "tooltip-popup", host: { listeners: { "mouseenter": "mouseEnter()", "mouseleave": "mouseLeave()" } }, 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}"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.0", ngImport: i0, type: TooltipComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.1.0", type: TooltipComponent, isStandalone: true, selector: "tooltip-popup", host: { listeners: { "mouseenter": "mouseEnter()", "mouseleave": "mouseLeave()" } }, ngImport: i0, template: "@if(!template && !allowHtml)\r\n{\r\n    <div>{{data}}</div>\r\n}\r\n\r\n@if(!template && allowHtml)\r\n{\r\n    <div [innerHTML]=\"data\"></div>\r\n}\r\n\r\n@if(template)\r\n{\r\n    <ng-container *ngTemplateOutlet=\"template; context: {$implicit: data}\"/>\r\n}\r\n", 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}"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: TooltipComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.0", ngImport: i0, type: TooltipComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'tooltip-popup', 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}"] }]
+            args: [{ selector: 'tooltip-popup', imports: [
+                        NgTemplateOutlet,
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "@if(!template && !allowHtml)\r\n{\r\n    <div>{{data}}</div>\r\n}\r\n\r\n@if(!template && allowHtml)\r\n{\r\n    <div [innerHTML]=\"data\"></div>\r\n}\r\n\r\n@if(template)\r\n{\r\n    <ng-container *ngTemplateOutlet=\"template; context: {$implicit: data}\"/>\r\n}\r\n", 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: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }], propDecorators: { mouseEnter: [{
                 type: HostListener,
                 args: ['mouseenter']

package/es2022/src/modules/tooltip/components/tooltip/tooltip.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"tooltip.component.js","sourceRoot":"","sources":["../../../../../../src/modules/tooltip/components/tooltip/tooltip.component.ts","../../../../../../src/modules/tooltip/components/tooltip/tooltip.component.html"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAE,uBAAuB,EAAe,iBAAiB,EAAE,UAAU,EAAE,YAAY,EAAC,MAAM,eAAe,CAAC;;;AAM3H;;GAEG;AAQH,MAAM,OAAO,gBAAgB;IAoCzB,iEAAiE;IACjE,YAAsB,cAAiC,EACjC,OAAgC;QADhC,mBAAc,GAAd,cAAc,CAAmB;QACjC,YAAO,GAAP,OAAO,CAAyB;QApCtD,sEAAsE;QAEtE;;WAEG;QACO,YAAO,GAAe,GAAG,EAAE,CAAC,IAAI,CAAC;QAE3C;;WAEG;QACO,YAAO,GAAe,GAAG,EAAE,CAAC,IAAI,CAAC;QAc3C;;WAEG;QACI,cAAS,GAAY,KAAK,CAAC;IAWlC,CAAC;IAED,wGAAwG;IAExG;;;;OAIG;IACI,mBAAmB,CAAC,KAAiB,EAAE,KAAiB;QAE3D,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;QACrB,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;IACzB,CAAC;IAED;;OAEG;IACI,iBAAiB;QAEpB,IAAG,IAAI,CAAC,QAAQ,EAChB,CAAC;YACG,IAAI,CAAC,OAAO,CAAC,aAAa,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;QAC5D,CAAC;QAED,IAAI,CAAC,cAAc,CAAC,aAAa,EAAE,CAAC;IACxC,CAAC;IAED,8EAA8E;IAE9E;;;OAGG;IAEO,UAAU;QAEhB,IAAI,CAAC,OAAO,EAAE,CAAC;IACnB,CAAC;IAED;;;OAGG;IAEO,UAAU;QAEhB,IAAI,CAAC,OAAO,EAAE,CAAC;IACnB,CAAC;8GAxFQ,gBAAgB;kGAAhB,gBAAgB,0IChB7B,uRAKc;;2FDWD,gBAAgB;kBAP5B,SAAS;+BAEI,eAAe,mBAGR,uBAAuB,CAAC,MAAM;+GA6ErC,UAAU;sBADnB,YAAY;uBAAC,YAAY;gBAWhB,UAAU;sBADnB,YAAY;uBAAC,YAAY","sourcesContent":["import {Component, ChangeDetectionStrategy, TemplateRef, ChangeDetectorRef, ElementRef, HostListener} from '@angular/core';\nimport {Invalidatable} from '@jscrpt/common';\n\nimport {TooltipTemplateContext} from '../../directives';\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    changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class TooltipComponent<TData = any> implements TooltipRenderer<TData>, Invalidatable\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|undefined;\n\n    /**\n     * Template used for rendering tooltip\n     */\n    public template: TemplateRef<TooltipTemplateContext<TData>>|null|undefined;\n\n    /**\n     * Indication whether are html tags allowed in tooltip text\n     */\n    public allowHtml: boolean = false;\n\n    /**\n     * Css class that is applied to tooltip renderer component\n     */\n    public cssClass: string|null|undefined;\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     * @inheritdoc\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    //######################### protected methods - host #########################\n\n    /**\n     * Handles mouse enter event over tooltip\n     * @internal\n     */\n    @HostListener('mouseenter')\n    protected mouseEnter(): void\n    {\n        this.enterFn();\n    }\n\n    /**\n     * Handles mouse leave event over tooltip\n     * @internal\n     */\n    @HostListener('mouseleave')\n    protected 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>"]}
+{"version":3,"file":"tooltip.component.js","sourceRoot":"","sources":["../../../../../../src/modules/tooltip/components/tooltip/tooltip.component.ts","../../../../../../src/modules/tooltip/components/tooltip/tooltip.component.html"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAE,uBAAuB,EAAe,iBAAiB,EAAE,UAAU,EAAE,YAAY,EAAC,MAAM,eAAe,CAAC;AAC3H,OAAO,EAAC,gBAAgB,EAAC,MAAM,iBAAiB,CAAC;;AAMjD;;GAEG;AAYH,MAAM,OAAO,gBAAgB;IAoCzB,iEAAiE;IACjE,YAAsB,cAAiC,EACjC,OAAgC;QADhC,mBAAc,GAAd,cAAc,CAAmB;QACjC,YAAO,GAAP,OAAO,CAAyB;QApCtD,sEAAsE;QAEtE;;WAEG;QACO,YAAO,GAAe,GAAG,EAAE,CAAC,IAAI,CAAC;QAE3C;;WAEG;QACO,YAAO,GAAe,GAAG,EAAE,CAAC,IAAI,CAAC;QAc3C;;WAEG;QACI,cAAS,GAAY,KAAK,CAAC;IAWlC,CAAC;IAED,wGAAwG;IAExG;;;;OAIG;IACI,mBAAmB,CAAC,KAAiB,EAAE,KAAiB;QAE3D,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;QACrB,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;IACzB,CAAC;IAED;;OAEG;IACI,iBAAiB;QAEpB,IAAG,IAAI,CAAC,QAAQ,EAChB,CAAC;YACG,IAAI,CAAC,OAAO,CAAC,aAAa,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;QAC5D,CAAC;QAED,IAAI,CAAC,cAAc,CAAC,aAAa,EAAE,CAAC;IACxC,CAAC;IAED,8EAA8E;IAE9E;;;OAGG;IAEO,UAAU;QAEhB,IAAI,CAAC,OAAO,EAAE,CAAC;IACnB,CAAC;IAED;;;OAGG;IAEO,UAAU;QAEhB,IAAI,CAAC,OAAO,EAAE,CAAC;IACnB,CAAC;8GAxFQ,gBAAgB;kGAAhB,gBAAgB,8JCrB7B,6QAcA,2PDGQ,gBAAgB;;2FAIX,gBAAgB;kBAX5B,SAAS;+BAEI,eAAe,WAIzB;wBACI,gBAAgB;qBACnB,mBACgB,uBAAuB,CAAC,MAAM;+GA6ErC,UAAU;sBADnB,YAAY;uBAAC,YAAY;gBAWhB,UAAU;sBADnB,YAAY;uBAAC,YAAY","sourcesContent":["import {Component, ChangeDetectionStrategy, TemplateRef, ChangeDetectorRef, ElementRef, HostListener} from '@angular/core';\nimport {NgTemplateOutlet} from '@angular/common';\nimport {Invalidatable} from '@jscrpt/common';\n\nimport {TooltipTemplateContext} from '../../directives';\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    styleUrl: 'tooltip.component.css',\n    imports:\n    [\n        NgTemplateOutlet,\n    ],\n    changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class TooltipComponent<TData = any> implements TooltipRenderer<TData>, Invalidatable\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|undefined;\n\n    /**\n     * Template used for rendering tooltip\n     */\n    public template: TemplateRef<TooltipTemplateContext<TData>>|null|undefined;\n\n    /**\n     * Indication whether are html tags allowed in tooltip text\n     */\n    public allowHtml: boolean = false;\n\n    /**\n     * Css class that is applied to tooltip renderer component\n     */\n    public cssClass: string|null|undefined;\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     * @inheritdoc\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    //######################### protected methods - host #########################\n\n    /**\n     * Handles mouse enter event over tooltip\n     * @internal\n     */\n    @HostListener('mouseenter')\n    protected mouseEnter(): void\n    {\n        this.enterFn();\n    }\n\n    /**\n     * Handles mouse leave event over tooltip\n     * @internal\n     */\n    @HostListener('mouseleave')\n    protected mouseLeave(): void\n    {\n        this.leaveFn();\n    }\n}","@if(!template && !allowHtml)\r\n{\r\n    <div>{{data}}</div>\r\n}\r\n\r\n@if(!template && allowHtml)\r\n{\r\n    <div [innerHTML]=\"data\"></div>\r\n}\r\n\r\n@if(template)\r\n{\r\n    <ng-container *ngTemplateOutlet=\"template; context: {$implicit: data}\"/>\r\n}\r\n"]}

package/es2022/src/modules/tooltip/directives/tooltip/tooltip.directive.js

@@ -2,7 +2,8 @@ import { ContentChild, Directive, ElementRef, HostListener, Inject, Injector, In
 import { AnimationBuilder } from '@angular/animations';
 import { DOCUMENT } from '@angular/common';
 import { fadeInAnimation, fadeOutAnimation } from '@anglr/animations';
-import { extend, isBlank, isPresent, nameof, renderToBody } from '@jscrpt/common';
+import { isBlank, isPresent, nameof, renderToBody } from '@jscrpt/common';
+import { extend } from '@jscrpt/common/extend';
 import { lastValueFrom } from 'rxjs';
 import { TooltipComponent } from '../../components/tooltip/tooltip.component';
 import { TOOLTIP_OPTIONS } from '../../misc/tokens';
@@ -237,14 +238,13 @@ export class TooltipDirective {
             this._tooltipComponent.instance.invalidateVisuals();
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: TooltipDirective, deps: [{ token: i0.ViewContainerRef }, { token: i0.Injector }, { token: i0.ElementRef }, { token: i1.AnimationBuilder }, { token: DOCUMENT }, { token: POSITION }, { token: TooltipDirective, optional: true, skipSelf: true }, { token: TOOLTIP_OPTIONS, optional: true }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.1", type: TooltipDirective, isStandalone: true, selector: "[tooltip]", inputs: { tooltip: "tooltip", allowHtml: "allowHtml", template: "template", tooltipOptions: "tooltipOptions", tooltipVisible: "tooltipVisible", containerElement: "containerElement" }, host: { listeners: { "mouseleave": "mouseLeave($event)", "mousemove": "mouseMove($event)" } }, queries: [{ propertyName: "tooltipTemplateChild", first: true, predicate: TooltipTemplateDirective, descendants: true }], usesOnChanges: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.0", ngImport: i0, type: TooltipDirective, deps: [{ token: i0.ViewContainerRef }, { token: i0.Injector }, { token: i0.ElementRef }, { token: i1.AnimationBuilder }, { token: DOCUMENT }, { token: POSITION }, { token: TooltipDirective, optional: true, skipSelf: true }, { token: TOOLTIP_OPTIONS, optional: true }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.1.0", type: TooltipDirective, isStandalone: true, selector: "[tooltip]", inputs: { tooltip: "tooltip", allowHtml: "allowHtml", template: "template", tooltipOptions: "tooltipOptions", tooltipVisible: "tooltipVisible", containerElement: "containerElement" }, host: { listeners: { "mouseleave": "mouseLeave($event)", "mousemove": "mouseMove($event)" } }, queries: [{ propertyName: "tooltipTemplateChild", first: true, predicate: TooltipTemplateDirective, descendants: true }], usesOnChanges: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: TooltipDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.0", ngImport: i0, type: TooltipDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[tooltip]',
-                    standalone: true,
                 }]
         }], ctorParameters: () => [{ type: i0.ViewContainerRef }, { type: i0.Injector }, { type: i0.ElementRef }, { type: i1.AnimationBuilder }, { type: Document, decorators: [{
                     type: Inject,

package/es2022/src/modules/tooltip/directives/tooltip/tooltip.directive.js.map

@@ -1 +1 @@
-{"version":3,"file":"tooltip.directive.js","sourceRoot":"","sources":["../../../../../../src/modules/tooltip/directives/tooltip/tooltip.directive.ts"],"names":[],"mappings":"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","sourcesContent":["import {ComponentRef, ContentChild, Directive, ElementRef, EmbeddedViewRef, HostListener, Inject, Injector, Input, OnChanges, OnDestroy, Optional, SimpleChanges, SkipSelf, TemplateRef, ViewContainerRef} from '@angular/core';\nimport {AnimationBuilder, AnimationFactory} from '@angular/animations';\nimport {DOCUMENT} from '@angular/common';\nimport {fadeInAnimation, fadeOutAnimation} from '@anglr/animations';\nimport {RecursivePartial, extend, isBlank, isPresent, nameof, renderToBody} from '@jscrpt/common';\nimport {lastValueFrom} from 'rxjs';\n\nimport {TooltipComponent} from '../../components/tooltip/tooltip.component';\nimport {TooltipOptions, TooltipRenderer} from '../../misc/tooltip.interface';\nimport {TOOLTIP_OPTIONS} from '../../misc/tokens';\nimport {applyPositionResult, Position, PositionPlacement} from '../../../../services/position';\nimport {TooltipTemplateDirective} from '../tooltipTemplate/tooltipTemplate.directive';\nimport {TooltipTemplateContext} from '../tooltipTemplate/tooltipTemplate.context';\nimport {POSITION} from '../../../../types/tokens';\n\n/**\n * Default options for tooltip\n */\nconst defaultOptions: TooltipOptions =\n{\n    delay: 200,\n    position:\n    {\n        offset: 'MouseEnter',\n        placement: PositionPlacement.TopEnd,\n    },\n    allowSelection: false,\n    tooltipRenderer: TooltipComponent,\n    tooltipCssClass: null,\n    stopPropagation: true,\n    enterAnimation: fadeInAnimation,\n    exitAnimation: fadeOutAnimation,\n    containerElement: undefined,\n};\n\n/**\n * Directive used for rendering tooltip\n */\n@Directive(\n{\n    selector: '[tooltip]',\n    standalone: true,\n})\nexport class TooltipDirective<TData = unknown> implements OnChanges, OnDestroy\n{\n    //######################### protected fields #########################\n\n    /**\n     * Instance of component used for rendering tooltip\n     */\n    protected _tooltipComponent?: ComponentRef<TooltipRenderer<TData>>;\n\n    /**\n     * Instance of HTML element for tooltip renderer\n     */\n    protected _tooltipElement?: HTMLElement;\n\n    /**\n     * Animation factory used for enter animation of tooltip\n     */\n    protected _enterAnimation: AnimationFactory;\n\n    /**\n     * Animation factory used for exit animation of tooltip\n     */\n    protected _exitAnimation: AnimationFactory;\n\n    /**\n     * Instance of options provided for this tooltip\n     */\n    protected _options: TooltipOptions;\n\n    /**\n     * Indication whether there is active show tooltip request\n     */\n    protected _showRequest: boolean = false;\n\n    /**\n     * Indication whether keep open tooltip component\n     */\n    protected _keepOpen: boolean = false;\n\n    /**\n     * Timeout that is used for handling mouse move\n     */\n    protected _timeout: number|null = null;\n\n    //######################### public properties - inputs #########################\n\n    /**\n     * Tooltip text that is displayed, or any data that could be passed to template\n     */\n    @Input()\n    public tooltip?: TData;\n\n    /**\n     * Indication whether are html tags allowed in tooltip text\n     */\n    @Input()\n    public allowHtml: boolean = false;\n\n    /**\n     * Instance of tooltip template that is used for rendering\n     */\n    @Input()\n    public template?: TemplateRef<TooltipTemplateContext<TData>>;\n\n    /**\n     * Options used for displaying tooltip\n     */\n    @Input()\n    public get tooltipOptions(): RecursivePartial<TooltipOptions>\n    {\n        return this._options;\n    }\n    public set tooltipOptions(value: RecursivePartial<TooltipOptions>)\n    {\n        this._options = extend(true, {}, this._options, value);\n\n        this._enterAnimation = this._animationsPlayer.build(this._options.enterAnimation);\n        this._exitAnimation = this._animationsPlayer.build(this._options.exitAnimation);\n\n        if(this._options.containerElement && !this.containerElement)\n        {\n            this.containerElement = this._options.containerElement;\n        }\n    }\n\n    /**\n     * Gets or sets indication whether is tooltip visible, if has boolean value, mouse events cant override this\n     */\n    @Input()\n    public tooltipVisible?: boolean;\n\n    /**\n     * String that defines element in which should be tooltip rendered, if not specified, body is used\n     * \n     * Allows also css classes to be specified (div.body-box)\n     */\n    @Input()\n    public containerElement: string|undefined|null;\n\n    //######################### public properties - children #########################\n\n    /**\n     * Instance of template from element content, used for rendering\n     */\n    @ContentChild(TooltipTemplateDirective)\n    public tooltipTemplateChild?: TooltipTemplateDirective;\n\n    //######################### constructor #########################\n    constructor(protected _viewContainerRef: ViewContainerRef,\n                protected _injector: Injector,\n                protected _element: ElementRef<HTMLElement>,\n                protected _animationsPlayer: AnimationBuilder,\n                @Inject(DOCUMENT) protected _document: Document,\n                @Inject(POSITION) protected _position: Position<HTMLElement>,\n                @Optional() @SkipSelf() protected _parent?: TooltipDirective|null,\n                @Optional() @Inject(TOOLTIP_OPTIONS) options?: Partial<TooltipOptions>,)\n    {\n        this._options = extend(true, {}, defaultOptions, options);\n\n        this._enterAnimation = this._animationsPlayer.build(this._options.enterAnimation);\n        this._exitAnimation = this._animationsPlayer.build(this._options.exitAnimation);\n\n        if(this._options.containerElement)\n        {\n            this.containerElement = this._options.containerElement;\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<TooltipDirective>('tooltipVisible') in changes)\n        {\n            if(this.tooltipVisible)\n            {\n                this._showTooltip();\n            }\n            else\n            {\n                this._hideTooltip();\n            }\n        }\n    }\n\n    //######################### public methods - implementation of OnDestroy #########################\n\n    /**\n     * Called when component is destroyed\n     */\n    public ngOnDestroy(): void\n    {\n        if(this._timeout)\n        {\n            clearTimeout(this._timeout);\n        }\n\n        this._destroyTooltip();\n    }\n\n    //######################### protected methods - host #########################\n\n    /**\n     * Handles mouse leave event, hover ends\n     * @param event - Mouse event that occured\n     */\n    @HostListener('mouseleave', ['$event'])\n    protected mouseLeave(event: MouseEvent): void\n    {\n        if(this._options.stopPropagation)\n        {\n            event.stopPropagation();\n        }\n\n        if(isBlank(this.tooltipVisible))\n        {\n            setTimeout(() =>\n            {\n                if(!this._keepOpen)\n                {\n                    this._showRequest = false;\n                    this._hideTooltip();\n                }\n            }, 10);\n        }\n    }\n\n    /**\n     * Handles mouse move event, displaying tooltip\n     * @param event - Mouse event that occured\n     */\n    @HostListener('mousemove', ['$event'])\n    protected mouseMove(event: MouseEvent): void\n    {\n        if(this._options.stopPropagation)\n        {\n            event.stopPropagation();\n        }\n\n        this._showRequest = true;\n\n        //do nothing if tooltip is visible\n        if(this._tooltipComponent || isPresent(this.tooltipVisible))\n        {\n            return;\n        }\n\n        if(isPresent(this._timeout))\n        {\n            clearTimeout(this._timeout);\n        }\n\n        this._timeout = setTimeout(() =>\n        {\n            this._timeout = null;\n\n            if(this._showRequest)\n            {\n                this._showTooltip(event);\n\n                this._showRequest = false;\n            }\n        }, this._options.delay) as any;\n    }\n\n    //######################### protected methods #########################\n\n    /**\n     * Shows tooltip\n     * @param event - Mouse event\n     */\n    protected _showTooltip(event?: MouseEvent): void\n    {\n        //no data for tooltip or no template\n        if(!this.tooltip && !this.template && !this.tooltipTemplateChild)\n        {\n            return;\n        }\n\n        this._parent?._hideTooltip();\n        this._createTooltip();\n\n        //if element was not created do nothing\n        if(!this._tooltipElement)\n        {\n            return;\n        }\n\n        this._showData();\n\n        lastValueFrom(this._position.placeElement(this._tooltipElement,\n                                                  this._element.nativeElement,\n                                                  {\n                                                      placement: this._options.position.placement,\n                                                      offset: this._options.position.offset,\n                                                      flip: true,\n                                                      mouseEvent: event,\n                                                      autoUpdate: false\n                                                  }))\n            .then(result => applyPositionResult(result));\n    }\n\n    /**\n     * Hides tooltip\n     */\n    protected _hideTooltip(): void\n    {\n        this._destroyTooltip();\n    }\n\n    /**\n     * Destroys tooltip component\n     */\n    protected _destroyTooltip(): void\n    {\n        if(this._tooltipComponent)\n        {\n            const component = this._tooltipComponent;\n            const element = this._tooltipElement;\n\n            const exitAnimation = this._exitAnimation.create(element);\n\n            exitAnimation.onDone(() =>\n            {\n                component.destroy();\n                exitAnimation.destroy();\n            });\n            \n            this._tooltipComponent = undefined;\n            this._tooltipElement = undefined;\n\n            exitAnimation.play();\n        }\n    }\n\n    /**\n     * Creates tooltip renderer component\n     */\n    protected _createTooltip(): void\n    {\n        // 0. Destroys tooltip if it exists\n        this._destroyTooltip();\n\n        // 1. Create a component reference from the component\n        this._tooltipComponent = this._viewContainerRef\n            .createComponent(this._options.tooltipRenderer,\n                             {\n                                 injector: this._injector\n                             });\n\n        // 3. Get DOM element from component\n        this._tooltipElement = (this._tooltipComponent.hostView as EmbeddedViewRef<any>)\n            .rootNodes[0] as HTMLElement;\n\n        // 4. Append DOM element to the body\n        renderToBody(this._document, this._tooltipElement, this.containerElement);\n        this._enterAnimation.create(this._tooltipElement).play();\n    }\n\n    /**\n     * Sets data to tooltip component and shows them\n     */\n    protected _showData(): void\n    {\n        if(this._tooltipComponent)\n        {\n            this._tooltipComponent.instance.allowHtml = this.allowHtml;\n            this._tooltipComponent.instance.data = this.tooltip;\n            this._tooltipComponent.instance.template = this.template ?? this.tooltipTemplateChild?.template;\n            this._tooltipComponent.instance.cssClass = this._options.tooltipCssClass;\n\n            this._tooltipComponent.instance.registerHoverEvents(() =>\n                                                                {\n                                                                    if(this._options.allowSelection)\n                                                                    {\n                                                                        this._keepOpen = true;\n                                                                        this._showRequest = false;\n                                                                    }\n                                                                },\n                                                                () =>\n                                                                {\n                                                                    setTimeout(() =>\n                                                                    {\n                                                                        this._keepOpen = false;\n\n                                                                        if(!this._showRequest)\n                                                                        {\n                                                                            this._hideTooltip();\n                                                                        }\n\n                                                                        this._showRequest = false;\n                                                                    }, 5);\n                                                                });\n\n            this._tooltipComponent.instance.invalidateVisuals();\n        }\n    }\n\n    //######################### ng language server #########################\n    \n    /**\n     * Custom input type for `tooltip` input\n     */\n    public static ngAcceptInputType_tooltip: any;\n}"]}
+{"version":3,"file":"tooltip.directive.js","sourceRoot":"","sources":["../../../../../../src/modules/tooltip/directives/tooltip/tooltip.directive.ts"],"names":[],"mappings":"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","sourcesContent":["import {ComponentRef, ContentChild, Directive, ElementRef, EmbeddedViewRef, HostListener, Inject, Injector, Input, OnChanges, OnDestroy, Optional, SimpleChanges, SkipSelf, TemplateRef, ViewContainerRef} from '@angular/core';\nimport {AnimationBuilder, AnimationFactory} from '@angular/animations';\nimport {DOCUMENT} from '@angular/common';\nimport {fadeInAnimation, fadeOutAnimation} from '@anglr/animations';\nimport {RecursivePartial, isBlank, isPresent, nameof, renderToBody} from '@jscrpt/common';\nimport {extend} from '@jscrpt/common/extend';\nimport {lastValueFrom} from 'rxjs';\n\nimport {TooltipComponent} from '../../components/tooltip/tooltip.component';\nimport {TooltipOptions, TooltipRenderer} from '../../misc/tooltip.interface';\nimport {TOOLTIP_OPTIONS} from '../../misc/tokens';\nimport {applyPositionResult, Position, PositionPlacement} from '../../../../services/position';\nimport {TooltipTemplateDirective} from '../tooltipTemplate/tooltipTemplate.directive';\nimport {TooltipTemplateContext} from '../tooltipTemplate/tooltipTemplate.context';\nimport {POSITION} from '../../../../types/tokens';\n\n/**\n * Default options for tooltip\n */\nconst defaultOptions: TooltipOptions =\n{\n    delay: 200,\n    position:\n    {\n        offset: 'MouseEnter',\n        placement: PositionPlacement.TopEnd,\n    },\n    allowSelection: false,\n    tooltipRenderer: TooltipComponent,\n    tooltipCssClass: null,\n    stopPropagation: true,\n    enterAnimation: fadeInAnimation,\n    exitAnimation: fadeOutAnimation,\n    containerElement: undefined,\n};\n\n/**\n * Directive used for rendering tooltip\n */\n@Directive(\n{\n    selector: '[tooltip]',\n})\nexport class TooltipDirective<TData = unknown> implements OnChanges, OnDestroy\n{\n    //######################### protected fields #########################\n\n    /**\n     * Instance of component used for rendering tooltip\n     */\n    protected _tooltipComponent?: ComponentRef<TooltipRenderer<TData>>;\n\n    /**\n     * Instance of HTML element for tooltip renderer\n     */\n    protected _tooltipElement?: HTMLElement;\n\n    /**\n     * Animation factory used for enter animation of tooltip\n     */\n    protected _enterAnimation: AnimationFactory;\n\n    /**\n     * Animation factory used for exit animation of tooltip\n     */\n    protected _exitAnimation: AnimationFactory;\n\n    /**\n     * Instance of options provided for this tooltip\n     */\n    protected _options: TooltipOptions;\n\n    /**\n     * Indication whether there is active show tooltip request\n     */\n    protected _showRequest: boolean = false;\n\n    /**\n     * Indication whether keep open tooltip component\n     */\n    protected _keepOpen: boolean = false;\n\n    /**\n     * Timeout that is used for handling mouse move\n     */\n    protected _timeout: number|null = null;\n\n    //######################### public properties - inputs #########################\n\n    /**\n     * Tooltip text that is displayed, or any data that could be passed to template\n     */\n    @Input()\n    public tooltip?: TData;\n\n    /**\n     * Indication whether are html tags allowed in tooltip text\n     */\n    @Input()\n    public allowHtml: boolean = false;\n\n    /**\n     * Instance of tooltip template that is used for rendering\n     */\n    @Input()\n    public template?: TemplateRef<TooltipTemplateContext<TData>>;\n\n    /**\n     * Options used for displaying tooltip\n     */\n    @Input()\n    public get tooltipOptions(): RecursivePartial<TooltipOptions>\n    {\n        return this._options;\n    }\n    public set tooltipOptions(value: RecursivePartial<TooltipOptions>)\n    {\n        this._options = extend(true, {}, this._options, value);\n\n        this._enterAnimation = this._animationsPlayer.build(this._options.enterAnimation);\n        this._exitAnimation = this._animationsPlayer.build(this._options.exitAnimation);\n\n        if(this._options.containerElement && !this.containerElement)\n        {\n            this.containerElement = this._options.containerElement;\n        }\n    }\n\n    /**\n     * Gets or sets indication whether is tooltip visible, if has boolean value, mouse events cant override this\n     */\n    @Input()\n    public tooltipVisible?: boolean;\n\n    /**\n     * String that defines element in which should be tooltip rendered, if not specified, body is used\n     * \n     * Allows also css classes to be specified (div.body-box)\n     */\n    @Input()\n    public containerElement: string|undefined|null;\n\n    //######################### public properties - children #########################\n\n    /**\n     * Instance of template from element content, used for rendering\n     */\n    @ContentChild(TooltipTemplateDirective)\n    public tooltipTemplateChild?: TooltipTemplateDirective;\n\n    //######################### constructor #########################\n    constructor(protected _viewContainerRef: ViewContainerRef,\n                protected _injector: Injector,\n                protected _element: ElementRef<HTMLElement>,\n                protected _animationsPlayer: AnimationBuilder,\n                @Inject(DOCUMENT) protected _document: Document,\n                @Inject(POSITION) protected _position: Position<HTMLElement>,\n                @Optional() @SkipSelf() protected _parent?: TooltipDirective|null,\n                @Optional() @Inject(TOOLTIP_OPTIONS) options?: Partial<TooltipOptions>,)\n    {\n        this._options = extend(true, {}, defaultOptions, options);\n\n        this._enterAnimation = this._animationsPlayer.build(this._options.enterAnimation);\n        this._exitAnimation = this._animationsPlayer.build(this._options.exitAnimation);\n\n        if(this._options.containerElement)\n        {\n            this.containerElement = this._options.containerElement;\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<TooltipDirective>('tooltipVisible') in changes)\n        {\n            if(this.tooltipVisible)\n            {\n                this._showTooltip();\n            }\n            else\n            {\n                this._hideTooltip();\n            }\n        }\n    }\n\n    //######################### public methods - implementation of OnDestroy #########################\n\n    /**\n     * Called when component is destroyed\n     */\n    public ngOnDestroy(): void\n    {\n        if(this._timeout)\n        {\n            clearTimeout(this._timeout);\n        }\n\n        this._destroyTooltip();\n    }\n\n    //######################### protected methods - host #########################\n\n    /**\n     * Handles mouse leave event, hover ends\n     * @param event - Mouse event that occured\n     */\n    @HostListener('mouseleave', ['$event'])\n    protected mouseLeave(event: MouseEvent): void\n    {\n        if(this._options.stopPropagation)\n        {\n            event.stopPropagation();\n        }\n\n        if(isBlank(this.tooltipVisible))\n        {\n            setTimeout(() =>\n            {\n                if(!this._keepOpen)\n                {\n                    this._showRequest = false;\n                    this._hideTooltip();\n                }\n            }, 10);\n        }\n    }\n\n    /**\n     * Handles mouse move event, displaying tooltip\n     * @param event - Mouse event that occured\n     */\n    @HostListener('mousemove', ['$event'])\n    protected mouseMove(event: MouseEvent): void\n    {\n        if(this._options.stopPropagation)\n        {\n            event.stopPropagation();\n        }\n\n        this._showRequest = true;\n\n        //do nothing if tooltip is visible\n        if(this._tooltipComponent || isPresent(this.tooltipVisible))\n        {\n            return;\n        }\n\n        if(isPresent(this._timeout))\n        {\n            clearTimeout(this._timeout);\n        }\n\n        this._timeout = setTimeout(() =>\n        {\n            this._timeout = null;\n\n            if(this._showRequest)\n            {\n                this._showTooltip(event);\n\n                this._showRequest = false;\n            }\n        }, this._options.delay) as any;\n    }\n\n    //######################### protected methods #########################\n\n    /**\n     * Shows tooltip\n     * @param event - Mouse event\n     */\n    protected _showTooltip(event?: MouseEvent): void\n    {\n        //no data for tooltip or no template\n        if(!this.tooltip && !this.template && !this.tooltipTemplateChild)\n        {\n            return;\n        }\n\n        this._parent?._hideTooltip();\n        this._createTooltip();\n\n        //if element was not created do nothing\n        if(!this._tooltipElement)\n        {\n            return;\n        }\n\n        this._showData();\n\n        lastValueFrom(this._position.placeElement(this._tooltipElement,\n                                                  this._element.nativeElement,\n                                                  {\n                                                      placement: this._options.position.placement,\n                                                      offset: this._options.position.offset,\n                                                      flip: true,\n                                                      mouseEvent: event,\n                                                      autoUpdate: false\n                                                  }))\n            .then(result => applyPositionResult(result));\n    }\n\n    /**\n     * Hides tooltip\n     */\n    protected _hideTooltip(): void\n    {\n        this._destroyTooltip();\n    }\n\n    /**\n     * Destroys tooltip component\n     */\n    protected _destroyTooltip(): void\n    {\n        if(this._tooltipComponent)\n        {\n            const component = this._tooltipComponent;\n            const element = this._tooltipElement;\n\n            const exitAnimation = this._exitAnimation.create(element);\n\n            exitAnimation.onDone(() =>\n            {\n                component.destroy();\n                exitAnimation.destroy();\n            });\n            \n            this._tooltipComponent = undefined;\n            this._tooltipElement = undefined;\n\n            exitAnimation.play();\n        }\n    }\n\n    /**\n     * Creates tooltip renderer component\n     */\n    protected _createTooltip(): void\n    {\n        // 0. Destroys tooltip if it exists\n        this._destroyTooltip();\n\n        // 1. Create a component reference from the component\n        this._tooltipComponent = this._viewContainerRef\n            .createComponent(this._options.tooltipRenderer,\n                             {\n                                 injector: this._injector\n                             });\n\n        // 3. Get DOM element from component\n        this._tooltipElement = (this._tooltipComponent.hostView as EmbeddedViewRef<any>)\n            .rootNodes[0] as HTMLElement;\n\n        // 4. Append DOM element to the body\n        renderToBody(this._document, this._tooltipElement, this.containerElement);\n        this._enterAnimation.create(this._tooltipElement).play();\n    }\n\n    /**\n     * Sets data to tooltip component and shows them\n     */\n    protected _showData(): void\n    {\n        if(this._tooltipComponent)\n        {\n            this._tooltipComponent.instance.allowHtml = this.allowHtml;\n            this._tooltipComponent.instance.data = this.tooltip;\n            this._tooltipComponent.instance.template = this.template ?? this.tooltipTemplateChild?.template;\n            this._tooltipComponent.instance.cssClass = this._options.tooltipCssClass;\n\n            this._tooltipComponent.instance.registerHoverEvents(() =>\n                                                                {\n                                                                    if(this._options.allowSelection)\n                                                                    {\n                                                                        this._keepOpen = true;\n                                                                        this._showRequest = false;\n                                                                    }\n                                                                },\n                                                                () =>\n                                                                {\n                                                                    setTimeout(() =>\n                                                                    {\n                                                                        this._keepOpen = false;\n\n                                                                        if(!this._showRequest)\n                                                                        {\n                                                                            this._hideTooltip();\n                                                                        }\n\n                                                                        this._showRequest = false;\n                                                                    }, 5);\n                                                                });\n\n            this._tooltipComponent.instance.invalidateVisuals();\n        }\n    }\n\n    //######################### ng language server #########################\n    \n    /**\n     * Custom input type for `tooltip` input\n     */\n    public static ngAcceptInputType_tooltip: any;\n}"]}

package/es2022/src/modules/tooltip/directives/tooltipTemplate/tooltipTemplate.directive.js

@@ -15,10 +15,10 @@ export class TooltipTemplateDirective {
     static ngTemplateContextGuard(_dir, _ctx) {
         return true;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: TooltipTemplateDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.1", type: TooltipTemplateDirective, selector: "[tooltipTemplate]", ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.0", ngImport: i0, type: TooltipTemplateDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.1.0", type: TooltipTemplateDirective, isStandalone: true, selector: "[tooltipTemplate]", ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: TooltipTemplateDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.0", ngImport: i0, type: TooltipTemplateDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[tooltipTemplate]'

package/es2022/src/modules/tooltip/modules/tooltip.module.js

@@ -1,5 +1,4 @@
 import { NgModule } from '@angular/core';
-import { CommonModule } from '@angular/common';
 import { TooltipDirective, TooltipTemplateDirective } from '../directives';
 import { TooltipComponent } from '../components';
 import * as i0 from "@angular/core";
@@ -7,21 +6,18 @@ import * as i0 from "@angular/core";
  * Module for rendering tooltips
  */
 export class TooltipModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: TooltipModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.1", ngImport: i0, type: TooltipModule, declarations: [TooltipTemplateDirective,
-            TooltipComponent], imports: [CommonModule,
-            TooltipDirective], exports: [TooltipDirective,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.0", ngImport: i0, type: TooltipModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.1.0", ngImport: i0, type: TooltipModule, imports: [TooltipDirective,
+            TooltipTemplateDirective,
+            TooltipComponent], exports: [TooltipDirective,
             TooltipTemplateDirective] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: TooltipModule, imports: [CommonModule] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.1.0", ngImport: i0, type: TooltipModule }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: TooltipModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.0", ngImport: i0, type: TooltipModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [
-                        CommonModule,
                         TooltipDirective,
-                    ],
-                    declarations: [
                         TooltipTemplateDirective,
                         TooltipComponent,
                     ],

package/es2022/src/modules/tooltip/modules/tooltip.module.js.map

@@ -1 +1 @@
-{"version":3,"file":"tooltip.module.js","sourceRoot":"","sources":["../../../../../src/modules/tooltip/modules/tooltip.module.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,QAAQ,EAAC,MAAM,eAAe,CAAC;AACvC,OAAO,EAAC,YAAY,EAAC,MAAM,iBAAiB,CAAC;AAE7C,OAAO,EAAC,gBAAgB,EAAE,wBAAwB,EAAC,MAAM,eAAe,CAAC;AACzE,OAAO,EAAC,gBAAgB,EAAC,MAAM,eAAe,CAAC;;AAE/C;;GAEG;AAmBH,MAAM,OAAO,aAAa;8GAAb,aAAa;+GAAb,aAAa,iBATlB,wBAAwB;YACxB,gBAAgB,aANhB,YAAY;YACZ,gBAAgB,aAShB,gBAAgB;YAChB,wBAAwB;+GAGnB,aAAa,YAdlB,YAAY;;2FAcP,aAAa;kBAlBzB,QAAQ;mBACT;oBACI,OAAO,EACP;wBACI,YAAY;wBACZ,gBAAgB;qBACnB;oBACD,YAAY,EACZ;wBACI,wBAAwB;wBACxB,gBAAgB;qBACnB;oBACD,OAAO,EACP;wBACI,gBAAgB;wBAChB,wBAAwB;qBAC3B;iBACJ","sourcesContent":["import {NgModule} from '@angular/core';\nimport {CommonModule} from '@angular/common';\n\nimport {TooltipDirective, TooltipTemplateDirective} from '../directives';\nimport {TooltipComponent} from '../components';\n\n/**\n * Module for rendering tooltips\n */\n@NgModule(\n{\n    imports:\n    [\n        CommonModule,\n        TooltipDirective,\n    ],\n    declarations:\n    [\n        TooltipTemplateDirective,\n        TooltipComponent,\n    ],\n    exports:\n    [\n        TooltipDirective,\n        TooltipTemplateDirective,\n    ]\n})\nexport class TooltipModule\n{\n}\n"]}
+{"version":3,"file":"tooltip.module.js","sourceRoot":"","sources":["../../../../../src/modules/tooltip/modules/tooltip.module.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,QAAQ,EAAC,MAAM,eAAe,CAAC;AAEvC,OAAO,EAAC,gBAAgB,EAAE,wBAAwB,EAAC,MAAM,eAAe,CAAC;AACzE,OAAO,EAAC,gBAAgB,EAAC,MAAM,eAAe,CAAC;;AAE/C;;GAEG;AAeH,MAAM,OAAO,aAAa;8GAAb,aAAa;+GAAb,aAAa,YAVlB,gBAAgB;YAChB,wBAAwB;YACxB,gBAAgB,aAIhB,gBAAgB;YAChB,wBAAwB;+GAGnB,aAAa;;2FAAb,aAAa;kBAdzB,QAAQ;mBACT;oBACI,OAAO,EACP;wBACI,gBAAgB;wBAChB,wBAAwB;wBACxB,gBAAgB;qBACnB;oBACD,OAAO,EACP;wBACI,gBAAgB;wBAChB,wBAAwB;qBAC3B;iBACJ","sourcesContent":["import {NgModule} from '@angular/core';\n\nimport {TooltipDirective, TooltipTemplateDirective} from '../directives';\nimport {TooltipComponent} from '../components';\n\n/**\n * Module for rendering tooltips\n */\n@NgModule(\n{\n    imports:\n    [\n        TooltipDirective,\n        TooltipTemplateDirective,\n        TooltipComponent,\n    ],\n    exports:\n    [\n        TooltipDirective,\n        TooltipTemplateDirective,\n    ]\n})\nexport class TooltipModule\n{\n}\n"]}

package/es2022/src/pipes/displayProperties/displayProperties.pipe.js

@@ -26,14 +26,13 @@ export class DisplayPropertiesPipe {
             return result;
         }).join(itemSeparator);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: DisplayPropertiesPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "18.0.1", ngImport: i0, type: DisplayPropertiesPipe, isStandalone: true, name: "displayProperties" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.0", ngImport: i0, type: DisplayPropertiesPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.1.0", ngImport: i0, type: DisplayPropertiesPipe, isStandalone: true, name: "displayProperties" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: DisplayPropertiesPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.0", ngImport: i0, type: DisplayPropertiesPipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'displayProperties',
-                    standalone: true,
                 }]
         }] });
 //# sourceMappingURL=displayProperties.pipe.js.map

package/es2022/src/pipes/displayProperties/displayProperties.pipe.js.map

@@ -1 +1 @@
-{"version":3,"file":"displayProperties.pipe.js","sourceRoot":"","sources":["../../../../src/pipes/displayProperties/displayProperties.pipe.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,IAAI,EAAgB,MAAM,eAAe,CAAC;;AAElD;;GAEG;AAMH,MAAM,OAAO,qBAAqB;IAE9B;;;;;OAKG;IACI,SAAS,CAAC,KAAoB,EAAE,MAA0B,EAAE,aAAuB,CAAC,GAAG,CAAC,EAAE,gBAAwB,IAAI;QAEzH,IAAG,CAAC,KAAK,EACT,CAAC;YACG,OAAO,EAAE,CAAC;QACd,CAAC;QAED,IAAG,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,EACxB,CAAC;YACG,KAAK,GAAG,CAAC,KAAK,CAAC,CAAC;QACpB,CAAC;QAED,OAAO,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE;YAEnB,IAAI,MAAM,GAAW,EAAE,CAAC;YAExB,KAAI,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,MAAM,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC,EAAE,EACzC,CAAC;gBACG,MAAM,IAAI,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,GAAG,UAAU,CAAC,CAAC,CAAC,CAAC;YAC7C,CAAC;YAED,MAAM,IAAI,GAAG,CAAC,MAAM,CAAC,MAAM,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC;YAEzC,OAAO,MAAM,CAAC;QAClB,CAAC,CAAC,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC;IAC3B,CAAC;8GAjCQ,qBAAqB;4GAArB,qBAAqB;;2FAArB,qBAAqB;kBALjC,IAAI;mBACL;oBACI,IAAI,EAAE,mBAAmB;oBACzB,UAAU,EAAE,IAAI;iBACnB","sourcesContent":["import {Pipe, PipeTransform} from '@angular/core';\n\n/**\n * Transforms array of objects or object properties into string\n */\n@Pipe(\n{\n    name: 'displayProperties',\n    standalone: true,\n})\nexport class DisplayPropertiesPipe<TItem> implements PipeTransform\n{\n    /**\n     * Transforms array of objects or object properties into string\n     * @param value - Array of objects or object to be converted\n     * @param separators - Array of separators, or single separator for properties\n     * @param itemSeparator - Separator used for separating items\n     */\n    public transform(value: TItem|TItem[], values: Array<keyof TItem>, separators: string[] = [' '], itemSeparator: string = ', '): string\n    {\n        if(!value)\n        {\n            return '';\n        }\n\n        if(!Array.isArray(value))\n        {\n            value = [value];\n        }\n\n        return value.map(itm =>\n        {\n            let result: string = '';\n\n            for(let x = 0; x < values.length - 1; x++)\n            {\n                result += itm[values[0]] + separators[0];\n            }\n\n            result += itm[values[values.length - 1]];\n\n            return result;\n        }).join(itemSeparator);\n    }\n}"]}
+{"version":3,"file":"displayProperties.pipe.js","sourceRoot":"","sources":["../../../../src/pipes/displayProperties/displayProperties.pipe.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,IAAI,EAAgB,MAAM,eAAe,CAAC;;AAElD;;GAEG;AAKH,MAAM,OAAO,qBAAqB;IAE9B;;;;;OAKG;IACI,SAAS,CAAC,KAAoB,EAAE,MAA0B,EAAE,aAAuB,CAAC,GAAG,CAAC,EAAE,gBAAwB,IAAI;QAEzH,IAAG,CAAC,KAAK,EACT,CAAC;YACG,OAAO,EAAE,CAAC;QACd,CAAC;QAED,IAAG,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,EACxB,CAAC;YACG,KAAK,GAAG,CAAC,KAAK,CAAC,CAAC;QACpB,CAAC;QAED,OAAO,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE;YAEnB,IAAI,MAAM,GAAW,EAAE,CAAC;YAExB,KAAI,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,MAAM,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC,EAAE,EACzC,CAAC;gBACG,MAAM,IAAI,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,GAAG,UAAU,CAAC,CAAC,CAAC,CAAC;YAC7C,CAAC;YAED,MAAM,IAAI,GAAG,CAAC,MAAM,CAAC,MAAM,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC;YAEzC,OAAO,MAAM,CAAC;QAClB,CAAC,CAAC,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC;IAC3B,CAAC;8GAjCQ,qBAAqB;4GAArB,qBAAqB;;2FAArB,qBAAqB;kBAJjC,IAAI;mBACL;oBACI,IAAI,EAAE,mBAAmB;iBAC5B","sourcesContent":["import {Pipe, PipeTransform} from '@angular/core';\n\n/**\n * Transforms array of objects or object properties into string\n */\n@Pipe(\n{\n    name: 'displayProperties',\n})\nexport class DisplayPropertiesPipe<TItem> implements PipeTransform\n{\n    /**\n     * Transforms array of objects or object properties into string\n     * @param value - Array of objects or object to be converted\n     * @param separators - Array of separators, or single separator for properties\n     * @param itemSeparator - Separator used for separating items\n     */\n    public transform(value: TItem|TItem[], values: Array<keyof TItem>, separators: string[] = [' '], itemSeparator: string = ', '): string\n    {\n        if(!value)\n        {\n            return '';\n        }\n\n        if(!Array.isArray(value))\n        {\n            value = [value];\n        }\n\n        return value.map(itm =>\n        {\n            let result: string = '';\n\n            for(let x = 0; x < values.length - 1; x++)\n            {\n                result += itm[values[0]] + separators[0];\n            }\n\n            result += itm[values[values.length - 1]];\n\n            return result;\n        }).join(itemSeparator);\n    }\n}"]}