@anglr/common 19.2.0-beta.20240125053304 → 20.0.0-beta.20240530103148

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

@@ -16,30 +16,6 @@ const defaultCssClasses = {
  * Component used for displaying multibutton
  */
 export class MultiButtonComponent {
-    _document;
-    _element;
-    _changeDetector;
-    //######################### protected fields #########################
-    /**
-     * Used css classes within component
-     */
-    _usedCssClasses;
-    //######################### public properties - template bindings #########################
-    /**
-     * Indication whether are sub buttons visible
-     * @internal
-     */
-    subButtonsVisible = false;
-    /**
-     * Sub buttons div top offset
-     * @internal
-     */
-    subButtonsOffset = 0;
-    //######################### public properties - inputs #########################
-    /**
-     * Css class applied to main displayed element
-     */
-    cssClass = '';
     /**
      * Css classes used within component, allows to change specific class
      */
@@ -49,21 +25,41 @@ export class MultiButtonComponent {
     set cssClasses(classes) {
         this._usedCssClasses = extend({}, this._usedCssClasses, classes);
     }
-    //######################### public properties - outputs #########################
-    /**
-     * Occurs when user clicks on button
-     */
-    click = new EventEmitter();
-    //######################### public properties - children #########################
-    /**
-     * Template that is used for rendering sub buttons content
-     */
-    subButtonsContent;
     //######################### constructor #########################
     constructor(_document, _cssClasess, _element, _changeDetector) {
         this._document = _document;
         this._element = _element;
         this._changeDetector = _changeDetector;
+        //######################### public properties - template bindings #########################
+        /**
+         * Indication whether are sub buttons visible
+         * @internal
+         */
+        this.subButtonsVisible = false;
+        /**
+         * Sub buttons div top offset
+         * @internal
+         */
+        this.subButtonsOffset = 0;
+        //######################### public properties - inputs #########################
+        /**
+         * Css class applied to main displayed element
+         */
+        this.cssClass = '';
+        //######################### public properties - outputs #########################
+        /**
+         * Occurs when user clicks on button
+         */
+        this.click = new EventEmitter();
+        //######################### protected methods #########################
+        /**
+         * Handles click outside of multi button element
+         */
+        this._handleClickOutside = () => {
+            this.subButtonsVisible = false;
+            this._removeRegistration();
+            this._changeDetector.detectChanges();
+        };
         this._usedCssClasses = extend({}, defaultCssClasses, _cssClasess);
     }
     //######################### public methods - implementation of OnDestroy #########################
@@ -90,25 +86,16 @@ export class MultiButtonComponent {
             this._removeRegistration();
         }
     }
-    //######################### protected methods #########################
-    /**
-     * Handles click outside of multi button element
-     */
-    _handleClickOutside = () => {
-        this.subButtonsVisible = false;
-        this._removeRegistration();
-        this._changeDetector.detectChanges();
-    };
     /**
      * Removes event registration
      */
     _removeRegistration() {
         this._document.removeEventListener('click', this._handleClickOutside);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.5", ngImport: i0, type: MultiButtonComponent, deps: [{ token: DOCUMENT }, { token: MULTI_BUTTON_CSS_CLASSES, optional: true }, { token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.5", type: MultiButtonComponent, selector: "multi-button", inputs: { cssClass: "cssClass", cssClasses: "cssClasses" }, outputs: { click: "click" }, queries: [{ propertyName: "subButtonsContent", first: true, predicate: TemplateRef, descendants: true }], ngImport: i0, template: "<div [ngClass]=\"[cssClass, cssClasses?.mainButtonDiv]\">\r\n    <div (click)=\"click.emit($event)\" [ngClass]=\"cssClasses?.mainButtonContentDiv\">\r\n        <ng-content></ng-content>\r\n    </div>\r\n\r\n    <span [ngClass]=\"cssClasses?.mainButtonSeparatorDiv\"></span>\r\n\r\n    <div [ngClass]=\"cssClasses?.mainButtonClickAreaDiv\" (click)=\"showSubButtons($event)\">\r\n        <div [ngClass]=\"cssClasses?.mainButtonMultiOptionDiv\"></div>\r\n    </div>\r\n</div>\r\n\r\n<div [ngClass]=\"cssClasses?.subButtonsDiv\" *ngIf=\"subButtonsVisible\" [style.top.px]=\"subButtonsOffset\">\r\n    <ng-container *ngTemplateOutlet=\"subButtonsContent\"></ng-container>\r\n</div>", styles: [":host\r\n{\r\n    display: flex;\r\n    position: relative;\r\n}\r\n\r\n.multi-option\r\n{\r\n    align-self: center;\r\n    text-align: center;\r\n    flex: 1;\r\n    min-width: 0;\r\n}\r\n\r\n.multi-button-content\r\n{\r\n    display: flex;\r\n    flex-direction: row;\r\n    align-items: center;\r\n    padding: 3px 8px;\r\n}\r\n\r\n.multi-option-separator\r\n{\r\n    border-left-style: solid;\r\n    border-left-width: 1px;\r\n    margin-top: -1px;\r\n    margin-bottom: -1px;\r\n}\r\n\r\n.multi-option-click\r\n{\r\n    width: 1.6em;\r\n    display: flex;\r\n    flex-direction: row;\r\n}\r\n\r\n.sub-buttons\r\n{\r\n    display: flex;\r\n    flex-direction: column;\r\n    position: absolute;\r\n    min-width: 100%;\r\n    padding: 4px 0;\r\n    border-radius: 4px;\r\n}"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { 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: "18.0.1", ngImport: i0, type: MultiButtonComponent, deps: [{ token: DOCUMENT }, { token: MULTI_BUTTON_CSS_CLASSES, optional: true }, { token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.1", type: MultiButtonComponent, selector: "multi-button", inputs: { cssClass: "cssClass", cssClasses: "cssClasses" }, outputs: { click: "click" }, queries: [{ propertyName: "subButtonsContent", first: true, predicate: TemplateRef, descendants: true }], ngImport: i0, template: "<div [ngClass]=\"[cssClass, cssClasses?.mainButtonDiv]\">\r\n    <div (click)=\"click.emit($event)\" [ngClass]=\"cssClasses?.mainButtonContentDiv\">\r\n        <ng-content></ng-content>\r\n    </div>\r\n\r\n    <span [ngClass]=\"cssClasses?.mainButtonSeparatorDiv\"></span>\r\n\r\n    <div [ngClass]=\"cssClasses?.mainButtonClickAreaDiv\" (click)=\"showSubButtons($event)\">\r\n        <div [ngClass]=\"cssClasses?.mainButtonMultiOptionDiv\"></div>\r\n    </div>\r\n</div>\r\n\r\n<div [ngClass]=\"cssClasses?.subButtonsDiv\" *ngIf=\"subButtonsVisible\" [style.top.px]=\"subButtonsOffset\">\r\n    <ng-container *ngTemplateOutlet=\"subButtonsContent\"></ng-container>\r\n</div>", styles: [":host\r\n{\r\n    display: flex;\r\n    position: relative;\r\n}\r\n\r\n.multi-option\r\n{\r\n    align-self: center;\r\n    text-align: center;\r\n    flex: 1;\r\n    min-width: 0;\r\n}\r\n\r\n.multi-button-content\r\n{\r\n    display: flex;\r\n    flex-direction: row;\r\n    align-items: center;\r\n    padding: 3px 8px;\r\n}\r\n\r\n.multi-option-separator\r\n{\r\n    border-left-style: solid;\r\n    border-left-width: 1px;\r\n    margin-top: -1px;\r\n    margin-bottom: -1px;\r\n}\r\n\r\n.multi-option-click\r\n{\r\n    width: 1.6em;\r\n    display: flex;\r\n    flex-direction: row;\r\n}\r\n\r\n.sub-buttons\r\n{\r\n    display: flex;\r\n    flex-direction: column;\r\n    position: absolute;\r\n    min-width: 100%;\r\n    padding: 4px 0;\r\n    border-radius: 4px;\r\n}"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { 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 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.5", ngImport: i0, type: MultiButtonComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: MultiButtonComponent, decorators: [{
             type: Component,
             args: [{ selector: 'multi-button', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div [ngClass]=\"[cssClass, cssClasses?.mainButtonDiv]\">\r\n    <div (click)=\"click.emit($event)\" [ngClass]=\"cssClasses?.mainButtonContentDiv\">\r\n        <ng-content></ng-content>\r\n    </div>\r\n\r\n    <span [ngClass]=\"cssClasses?.mainButtonSeparatorDiv\"></span>\r\n\r\n    <div [ngClass]=\"cssClasses?.mainButtonClickAreaDiv\" (click)=\"showSubButtons($event)\">\r\n        <div [ngClass]=\"cssClasses?.mainButtonMultiOptionDiv\"></div>\r\n    </div>\r\n</div>\r\n\r\n<div [ngClass]=\"cssClasses?.subButtonsDiv\" *ngIf=\"subButtonsVisible\" [style.top.px]=\"subButtonsOffset\">\r\n    <ng-container *ngTemplateOutlet=\"subButtonsContent\"></ng-container>\r\n</div>", styles: [":host\r\n{\r\n    display: flex;\r\n    position: relative;\r\n}\r\n\r\n.multi-option\r\n{\r\n    align-self: center;\r\n    text-align: center;\r\n    flex: 1;\r\n    min-width: 0;\r\n}\r\n\r\n.multi-button-content\r\n{\r\n    display: flex;\r\n    flex-direction: row;\r\n    align-items: center;\r\n    padding: 3px 8px;\r\n}\r\n\r\n.multi-option-separator\r\n{\r\n    border-left-style: solid;\r\n    border-left-width: 1px;\r\n    margin-top: -1px;\r\n    margin-bottom: -1px;\r\n}\r\n\r\n.multi-option-click\r\n{\r\n    width: 1.6em;\r\n    display: flex;\r\n    flex-direction: row;\r\n}\r\n\r\n.sub-buttons\r\n{\r\n    display: flex;\r\n    flex-direction: column;\r\n    position: absolute;\r\n    min-width: 100%;\r\n    padding: 4px 0;\r\n    border-radius: 4px;\r\n}"] }]
         }], ctorParameters: () => [{ type: Document, decorators: [{

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

@@ -1 +1 @@
-{"version":3,"file":"multiButton.component.js","sourceRoot":"","sources":["../../../../../../src/modules/multiButton/components/multiButton/multiButton.component.ts","../../../../../../src/modules/multiButton/components/multiButton/multiButton.component.html"],"names":[],"mappings":"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","sourcesContent":["import {Component, ChangeDetectionStrategy, Input, EventEmitter, Output, ContentChild, TemplateRef, Inject, OnDestroy, ChangeDetectorRef, Optional, ElementRef} from '@angular/core';\nimport {DOCUMENT} from '@angular/common';\nimport {extend} from '@jscrpt/common';\n\nimport {MultiButtonCssClasses} from './multiButton.interface';\nimport {MULTI_BUTTON_CSS_CLASSES} from '../../misc/tokens';\n\nconst defaultCssClasses: MultiButtonCssClasses =\n{\n    mainButtonDiv: 'flex-row',\n    mainButtonContentDiv: 'multi-button-content',\n    mainButtonSeparatorDiv: 'fa multi-option-separator',\n    mainButtonClickAreaDiv: 'multi-option-click',\n    mainButtonMultiOptionDiv: 'multi-option fa fa-angle-down',\n    subButtonsDiv: 'sub-buttons'\n};\n\n/**\n * Component used for displaying multibutton\n */\n@Component(\n{\n    selector: 'multi-button',\n    templateUrl: 'multiButton.component.html',\n    styleUrls: ['multiButton.component.css'],\n    changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class MultiButtonComponent implements OnDestroy\n{\n    //######################### protected fields #########################\n\n    /**\n     * Used css classes within component\n     */\n    protected _usedCssClasses: MultiButtonCssClasses;\n\n    //######################### public properties - template bindings #########################\n\n    /**\n     * Indication whether are sub buttons visible\n     * @internal\n     */\n    public subButtonsVisible: boolean = false;\n\n    /**\n     * Sub buttons div top offset\n     * @internal\n     */\n    public subButtonsOffset: number = 0;\n\n    //######################### public properties - inputs #########################\n\n    /**\n     * Css class applied to main displayed element\n     */\n    @Input()\n    public cssClass: string = '';\n\n    /**\n     * Css classes used within component, allows to change specific class\n     */\n    @Input()\n    public get cssClasses(): MultiButtonCssClasses\n    {\n        return this._usedCssClasses;\n    }\n    public set cssClasses(classes: MultiButtonCssClasses)\n    {\n        this._usedCssClasses = extend({}, this._usedCssClasses, classes);\n    }\n\n    //######################### public properties - outputs #########################\n\n    /**\n     * Occurs when user clicks on button\n     */\n    @Output()\n    public click: EventEmitter<MouseEvent> = new EventEmitter<MouseEvent>();\n\n    //######################### public properties - children #########################\n\n    /**\n     * Template that is used for rendering sub buttons content\n     */\n    @ContentChild(TemplateRef)\n    public subButtonsContent: TemplateRef<void>;\n\n    //######################### constructor #########################\n    constructor(@Inject(DOCUMENT) protected _document: Document,\n                @Inject(MULTI_BUTTON_CSS_CLASSES) @Optional() _cssClasess: MultiButtonCssClasses,\n                protected _element: ElementRef<HTMLElement>,\n                protected _changeDetector: ChangeDetectorRef)\n    {\n        this._usedCssClasses = extend({}, defaultCssClasses, _cssClasess);\n    }\n\n    //######################### public methods - implementation of OnDestroy #########################\n    \n    /**\n     * Called when component is destroyed\n     */\n    public ngOnDestroy(): void\n    {\n        this._removeRegistration();\n    }\n\n    //######################### public methods - template bindings #########################\n\n    /**\n     * Method called when sub buttons should be shown\n     */\n    public showSubButtons(event: MouseEvent): void\n    {\n        event.preventDefault();\n        event.stopPropagation();\n\n        this.subButtonsVisible = !this.subButtonsVisible;\n        this.subButtonsOffset = this._element.nativeElement.clientHeight + 2;\n\n        if(this.subButtonsVisible)\n        {\n            this._document.addEventListener('click', this._handleClickOutside);\n        }\n        //unregister handle click outside\n        else\n        {\n            this._removeRegistration();\n        }\n    }\n\n    //######################### protected methods #########################\n\n    /**\n     * Handles click outside of multi button element\n     */\n    protected _handleClickOutside = () =>\n    {\n        this.subButtonsVisible = false;\n        this._removeRegistration();\n        this._changeDetector.detectChanges();\n    }\n\n    /**\n     * Removes event registration\n     */\n    protected _removeRegistration(): void\n    {\n        this._document.removeEventListener('click', this._handleClickOutside);\n    }\n}","<div [ngClass]=\"[cssClass, cssClasses?.mainButtonDiv]\">\r\n    <div (click)=\"click.emit($event)\" [ngClass]=\"cssClasses?.mainButtonContentDiv\">\r\n        <ng-content></ng-content>\r\n    </div>\r\n\r\n    <span [ngClass]=\"cssClasses?.mainButtonSeparatorDiv\"></span>\r\n\r\n    <div [ngClass]=\"cssClasses?.mainButtonClickAreaDiv\" (click)=\"showSubButtons($event)\">\r\n        <div [ngClass]=\"cssClasses?.mainButtonMultiOptionDiv\"></div>\r\n    </div>\r\n</div>\r\n\r\n<div [ngClass]=\"cssClasses?.subButtonsDiv\" *ngIf=\"subButtonsVisible\" [style.top.px]=\"subButtonsOffset\">\r\n    <ng-container *ngTemplateOutlet=\"subButtonsContent\"></ng-container>\r\n</div>"]}
+{"version":3,"file":"multiButton.component.js","sourceRoot":"","sources":["../../../../../../src/modules/multiButton/components/multiButton/multiButton.component.ts","../../../../../../src/modules/multiButton/components/multiButton/multiButton.component.html"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAE,uBAAuB,EAAE,KAAK,EAAE,YAAY,EAAE,MAAM,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,EAAa,iBAAiB,EAAE,QAAQ,EAAE,UAAU,EAAC,MAAM,eAAe,CAAC;AACrL,OAAO,EAAC,QAAQ,EAAC,MAAM,iBAAiB,CAAC;AACzC,OAAO,EAAC,MAAM,EAAC,MAAM,gBAAgB,CAAC;AAGtC,OAAO,EAAC,wBAAwB,EAAC,MAAM,mBAAmB,CAAC;;;AAE3D,MAAM,iBAAiB,GACvB;IACI,aAAa,EAAE,UAAU;IACzB,oBAAoB,EAAE,sBAAsB;IAC5C,sBAAsB,EAAE,2BAA2B;IACnD,sBAAsB,EAAE,oBAAoB;IAC5C,wBAAwB,EAAE,+BAA+B;IACzD,aAAa,EAAE,aAAa;CAC/B,CAAC;AAEF;;GAEG;AAQH,MAAM,OAAO,oBAAoB;IA+B7B;;OAEG;IACH,IACW,UAAU;QAEjB,OAAO,IAAI,CAAC,eAAe,CAAC;IAChC,CAAC;IACD,IAAW,UAAU,CAAC,OAA8B;QAEhD,IAAI,CAAC,eAAe,GAAG,MAAM,CAAC,EAAE,EAAE,IAAI,CAAC,eAAe,EAAE,OAAO,CAAC,CAAC;IACrE,CAAC;IAkBD,iEAAiE;IACjE,YAAwC,SAAmB,EACD,WAAkC,EACtE,QAAiC,EACjC,eAAkC;QAHhB,cAAS,GAAT,SAAS,CAAU;QAErC,aAAQ,GAAR,QAAQ,CAAyB;QACjC,oBAAe,GAAf,eAAe,CAAmB;QAvDxD,2FAA2F;QAE3F;;;WAGG;QACI,sBAAiB,GAAY,KAAK,CAAC;QAE1C;;;WAGG;QACI,qBAAgB,GAAW,CAAC,CAAC;QAEpC,gFAAgF;QAEhF;;WAEG;QAEI,aAAQ,GAAW,EAAE,CAAC;QAe7B,iFAAiF;QAEjF;;WAEG;QAEI,UAAK,GAA6B,IAAI,YAAY,EAAc,CAAC;QAqDxE,uEAAuE;QAEvE;;WAEG;QACO,wBAAmB,GAAG,GAAG,EAAE;YAEjC,IAAI,CAAC,iBAAiB,GAAG,KAAK,CAAC;YAC/B,IAAI,CAAC,mBAAmB,EAAE,CAAC;YAC3B,IAAI,CAAC,eAAe,CAAC,aAAa,EAAE,CAAC;QACzC,CAAC,CAAA;QA/CG,IAAI,CAAC,eAAe,GAAG,MAAM,CAAC,EAAE,EAAE,iBAAiB,EAAE,WAAW,CAAC,CAAC;IACtE,CAAC;IAED,kGAAkG;IAElG;;OAEG;IACI,WAAW;QAEd,IAAI,CAAC,mBAAmB,EAAE,CAAC;IAC/B,CAAC;IAED,wFAAwF;IAExF;;OAEG;IACI,cAAc,CAAC,KAAiB;QAEnC,KAAK,CAAC,cAAc,EAAE,CAAC;QACvB,KAAK,CAAC,eAAe,EAAE,CAAC;QAExB,IAAI,CAAC,iBAAiB,GAAG,CAAC,IAAI,CAAC,iBAAiB,CAAC;QACjD,IAAI,CAAC,gBAAgB,GAAG,IAAI,CAAC,QAAQ,CAAC,aAAa,CAAC,YAAY,GAAG,CAAC,CAAC;QAErE,IAAG,IAAI,CAAC,iBAAiB,EACzB,CAAC;YACG,IAAI,CAAC,SAAS,CAAC,gBAAgB,CAAC,OAAO,EAAE,IAAI,CAAC,mBAAmB,CAAC,CAAC;QACvE,CAAC;QACD,iCAAiC;aAEjC,CAAC;YACG,IAAI,CAAC,mBAAmB,EAAE,CAAC;QAC/B,CAAC;IACL,CAAC;IAcD;;OAEG;IACO,mBAAmB;QAEzB,IAAI,CAAC,SAAS,CAAC,mBAAmB,CAAC,OAAO,EAAE,IAAI,CAAC,mBAAmB,CAAC,CAAC;IAC1E,CAAC;8GAzHQ,oBAAoB,kBA6DT,QAAQ,aACR,wBAAwB;kGA9DnC,oBAAoB,4LAyDf,WAAW,gDCpF7B,sqBAcM;;2FDaO,oBAAoB;kBAPhC,SAAS;+BAEI,cAAc,mBAGP,uBAAuB,CAAC,MAAM;;0BA+DlC,MAAM;2BAAC,QAAQ;;0BACf,MAAM;2BAAC,wBAAwB;;0BAAG,QAAQ;kGAjChD,QAAQ;sBADd,KAAK;gBAOK,UAAU;sBADpB,KAAK;gBAgBC,KAAK;sBADX,MAAM;gBASA,iBAAiB;sBADvB,YAAY;uBAAC,WAAW","sourcesContent":["import {Component, ChangeDetectionStrategy, Input, EventEmitter, Output, ContentChild, TemplateRef, Inject, OnDestroy, ChangeDetectorRef, Optional, ElementRef} from '@angular/core';\nimport {DOCUMENT} from '@angular/common';\nimport {extend} from '@jscrpt/common';\n\nimport {MultiButtonCssClasses} from './multiButton.interface';\nimport {MULTI_BUTTON_CSS_CLASSES} from '../../misc/tokens';\n\nconst defaultCssClasses: MultiButtonCssClasses =\n{\n    mainButtonDiv: 'flex-row',\n    mainButtonContentDiv: 'multi-button-content',\n    mainButtonSeparatorDiv: 'fa multi-option-separator',\n    mainButtonClickAreaDiv: 'multi-option-click',\n    mainButtonMultiOptionDiv: 'multi-option fa fa-angle-down',\n    subButtonsDiv: 'sub-buttons'\n};\n\n/**\n * Component used for displaying multibutton\n */\n@Component(\n{\n    selector: 'multi-button',\n    templateUrl: 'multiButton.component.html',\n    styleUrls: ['multiButton.component.css'],\n    changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class MultiButtonComponent implements OnDestroy\n{\n    //######################### protected fields #########################\n\n    /**\n     * Used css classes within component\n     */\n    protected _usedCssClasses: MultiButtonCssClasses;\n\n    //######################### public properties - template bindings #########################\n\n    /**\n     * Indication whether are sub buttons visible\n     * @internal\n     */\n    public subButtonsVisible: boolean = false;\n\n    /**\n     * Sub buttons div top offset\n     * @internal\n     */\n    public subButtonsOffset: number = 0;\n\n    //######################### public properties - inputs #########################\n\n    /**\n     * Css class applied to main displayed element\n     */\n    @Input()\n    public cssClass: string = '';\n\n    /**\n     * Css classes used within component, allows to change specific class\n     */\n    @Input()\n    public get cssClasses(): MultiButtonCssClasses\n    {\n        return this._usedCssClasses;\n    }\n    public set cssClasses(classes: MultiButtonCssClasses)\n    {\n        this._usedCssClasses = extend({}, this._usedCssClasses, classes);\n    }\n\n    //######################### public properties - outputs #########################\n\n    /**\n     * Occurs when user clicks on button\n     */\n    @Output()\n    public click: EventEmitter<MouseEvent> = new EventEmitter<MouseEvent>();\n\n    //######################### public properties - children #########################\n\n    /**\n     * Template that is used for rendering sub buttons content\n     */\n    @ContentChild(TemplateRef)\n    public subButtonsContent: TemplateRef<void>;\n\n    //######################### constructor #########################\n    constructor(@Inject(DOCUMENT) protected _document: Document,\n                @Inject(MULTI_BUTTON_CSS_CLASSES) @Optional() _cssClasess: MultiButtonCssClasses,\n                protected _element: ElementRef<HTMLElement>,\n                protected _changeDetector: ChangeDetectorRef)\n    {\n        this._usedCssClasses = extend({}, defaultCssClasses, _cssClasess);\n    }\n\n    //######################### public methods - implementation of OnDestroy #########################\n    \n    /**\n     * Called when component is destroyed\n     */\n    public ngOnDestroy(): void\n    {\n        this._removeRegistration();\n    }\n\n    //######################### public methods - template bindings #########################\n\n    /**\n     * Method called when sub buttons should be shown\n     */\n    public showSubButtons(event: MouseEvent): void\n    {\n        event.preventDefault();\n        event.stopPropagation();\n\n        this.subButtonsVisible = !this.subButtonsVisible;\n        this.subButtonsOffset = this._element.nativeElement.clientHeight + 2;\n\n        if(this.subButtonsVisible)\n        {\n            this._document.addEventListener('click', this._handleClickOutside);\n        }\n        //unregister handle click outside\n        else\n        {\n            this._removeRegistration();\n        }\n    }\n\n    //######################### protected methods #########################\n\n    /**\n     * Handles click outside of multi button element\n     */\n    protected _handleClickOutside = () =>\n    {\n        this.subButtonsVisible = false;\n        this._removeRegistration();\n        this._changeDetector.detectChanges();\n    }\n\n    /**\n     * Removes event registration\n     */\n    protected _removeRegistration(): void\n    {\n        this._document.removeEventListener('click', this._handleClickOutside);\n    }\n}","<div [ngClass]=\"[cssClass, cssClasses?.mainButtonDiv]\">\r\n    <div (click)=\"click.emit($event)\" [ngClass]=\"cssClasses?.mainButtonContentDiv\">\r\n        <ng-content></ng-content>\r\n    </div>\r\n\r\n    <span [ngClass]=\"cssClasses?.mainButtonSeparatorDiv\"></span>\r\n\r\n    <div [ngClass]=\"cssClasses?.mainButtonClickAreaDiv\" (click)=\"showSubButtons($event)\">\r\n        <div [ngClass]=\"cssClasses?.mainButtonMultiOptionDiv\"></div>\r\n    </div>\r\n</div>\r\n\r\n<div [ngClass]=\"cssClasses?.subButtonsDiv\" *ngIf=\"subButtonsVisible\" [style.top.px]=\"subButtonsOffset\">\r\n    <ng-container *ngTemplateOutlet=\"subButtonsContent\"></ng-container>\r\n</div>"]}

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

@@ -6,11 +6,11 @@ import * as i0 from "@angular/core";
  * Module containing components for displaying multi button
  */
 export class MultiButtonModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.5", ngImport: i0, type: MultiButtonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.0.5", ngImport: i0, type: MultiButtonModule, declarations: [MultiButtonComponent], imports: [CommonModule], exports: [MultiButtonComponent] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.0.5", ngImport: i0, type: MultiButtonModule, imports: [CommonModule] });
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: MultiButtonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.1", ngImport: i0, type: MultiButtonModule, declarations: [MultiButtonComponent], imports: [CommonModule], exports: [MultiButtonComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: MultiButtonModule, imports: [CommonModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.5", ngImport: i0, type: MultiButtonModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: MultiButtonModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [

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

@@ -1 +1 @@
-{"version":3,"file":"multiButton.module.js","sourceRoot":"","sources":["../../../../../src/modules/multiButton/modules/multiButton.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,iDAAiD,CAAC;;AAErF;;GAEG;AAgBH,MAAM,OAAO,iBAAiB;uGAAjB,iBAAiB;wGAAjB,iBAAiB,iBAPtB,oBAAoB,aAJpB,YAAY,aAQZ,oBAAoB;wGAGf,iBAAiB,YAXtB,YAAY;;2FAWP,iBAAiB;kBAf7B,QAAQ;mBACT;oBACI,OAAO,EACP;wBACI,YAAY;qBACf;oBACD,YAAY,EACZ;wBACI,oBAAoB;qBACvB;oBACD,OAAO,EACP;wBACI,oBAAoB;qBACvB;iBACJ","sourcesContent":["import {NgModule} from '@angular/core';\nimport {CommonModule} from '@angular/common';\n\nimport {MultiButtonComponent} from '../components/multiButton/multiButton.component';\n\n/**\n * Module containing components for displaying multi button\n */\n@NgModule(\n{\n    imports:\n    [\n        CommonModule\n    ],\n    declarations:\n    [\n        MultiButtonComponent\n    ],\n    exports:\n    [\n        MultiButtonComponent\n    ]\n})\nexport class MultiButtonModule\n{\n}"]}
+{"version":3,"file":"multiButton.module.js","sourceRoot":"","sources":["../../../../../src/modules/multiButton/modules/multiButton.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,iDAAiD,CAAC;;AAErF;;GAEG;AAgBH,MAAM,OAAO,iBAAiB;8GAAjB,iBAAiB;+GAAjB,iBAAiB,iBAPtB,oBAAoB,aAJpB,YAAY,aAQZ,oBAAoB;+GAGf,iBAAiB,YAXtB,YAAY;;2FAWP,iBAAiB;kBAf7B,QAAQ;mBACT;oBACI,OAAO,EACP;wBACI,YAAY;qBACf;oBACD,YAAY,EACZ;wBACI,oBAAoB;qBACvB;oBACD,OAAO,EACP;wBACI,oBAAoB;qBACvB;iBACJ","sourcesContent":["import {NgModule} from '@angular/core';\nimport {CommonModule} from '@angular/common';\n\nimport {MultiButtonComponent} from '../components/multiButton/multiButton.component';\n\n/**\n * Module containing components for displaying multi button\n */\n@NgModule(\n{\n    imports:\n    [\n        CommonModule\n    ],\n    declarations:\n    [\n        MultiButtonComponent\n    ],\n    exports:\n    [\n        MultiButtonComponent\n    ]\n})\nexport class MultiButtonModule\n{\n}"]}

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

@@ -8,24 +8,6 @@ import * as i3 from "../../../../pipes/localize/localize.pipe";
  * Component that is used for displaying global progress indicator
  */
 export class ProgressIndicatorComponent {
-    _service;
-    _changeDetector;
-    //######################### private fields #########################
-    /**
-     * Subscription for changes in ProgressIndicatorService
-     */
-    _subscription;
-    //######################### public properties - template bindings #########################
-    /**
-     * Applied css classes
-     * @internal
-     */
-    appliedClass = { 'progress-indicator': true };
-    /**
-     * Array of messages that should be displayed
-     * @internal
-     */
-    messages;
     //######################### public properties - inputs #########################
     /**
      * Sets css classes that will be applied to indicator
@@ -46,6 +28,12 @@ export class ProgressIndicatorComponent {
     constructor(_service, _changeDetector) {
         this._service = _service;
         this._changeDetector = _changeDetector;
+        //######################### public properties - template bindings #########################
+        /**
+         * Applied css classes
+         * @internal
+         */
+        this.appliedClass = { 'progress-indicator': true };
         this.running = this._service.running[DEFAULT_PROGRESS_NAME];
         this.messages = this._service.messages[DEFAULT_PROGRESS_NAME] || [];
         this._subscription = this._service.stateChange.subscribe(name => {
@@ -66,10 +54,10 @@ export class ProgressIndicatorComponent {
             this._subscription = null;
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.5", ngImport: i0, type: ProgressIndicatorComponent, deps: [{ token: i1.ProgressIndicatorService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.5", 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: "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 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.5", ngImport: i0, type: ProgressIndicatorComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", 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}"] }]
         }], ctorParameters: () => [{ type: i1.ProgressIndicatorService }, { type: i0.ChangeDetectorRef }], propDecorators: { cssClass: [{

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;IA+Cf;IACA;IA9CpB,oEAAoE;IAEpE;;OAEG;IACK,aAAa,CAAoB;IAEzC,2FAA2F;IAE3F;;;OAGG;IACI,YAAY,GAA6B,EAAE,oBAAoB,EAAE,IAAI,EAAE,CAAC;IAE/E;;;OAGG;IACI,QAAQ,CAAW;IAE1B,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;QAElD,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;gBACI,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;aACxC;QACL,CAAC,CAAC,CAAC;IACP,CAAC;IAED,kGAAkG;IAElG;;OAEG;IACI,WAAW;QAEd,IAAG,IAAI,CAAC,aAAa,EACrB;YACI,IAAI,CAAC,aAAa,CAAC,WAAW,EAAE,CAAC;YACjC,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC;SAC7B;IACL,CAAC;uGA7EQ,0BAA0B;2FAA1B,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;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>"]}

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

@@ -8,54 +8,16 @@ import * as i1 from "../../services/progressIndicator.service";
  * Directive that is used for displaying progress indicator as overlay
  */
 export class ProgressOverlayDirective {
-    _service;
-    _element;
-    _document;
-    _localizationSvc;
-    //######################### private fields #########################
-    /**
-     * Previous css position value
-     */
-    _notRunningCssPosition;
-    /**
-     * Previous css overflow value
-     */
-    _notRunningOverflow;
-    /**
-     * Subscription for changes in ProgressIndicatorService
-     */
-    _subscription;
-    /**
-     * Array of messages that should be displayed
-     */
-    _messages;
-    /**
-     * Indication that this progress indicator is running
-     */
-    _running;
-    /**
-     * Element that is displaying progress indicator overlay
-     */
-    _progressElement;
-    /**
-     * Html messages element
-     */
-    _messagesElement;
-    /**
-     * Html message elements, last three
-     */
-    _lastThreeMessages = [];
-    //######################### public properties - inputs #########################
-    /**
-     * Name of progress indicator group
-     */
-    name;
     //######################### constructor #########################
     constructor(_service, _element, _document, _localizationSvc) {
         this._service = _service;
         this._element = _element;
         this._document = _document;
         this._localizationSvc = _localizationSvc;
+        /**
+         * Html message elements, last three
+         */
+        this._lastThreeMessages = [];
     }
     //######################### public methods - implementation of OnInit #########################
     /**
@@ -141,10 +103,10 @@ export class ProgressOverlayDirective {
             });
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.5", ngImport: i0, type: ProgressOverlayDirective, deps: [{ token: i1.ProgressIndicatorService }, { token: i0.ElementRef }, { token: DOCUMENT }, { token: STRING_LOCALIZATION }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.5", type: ProgressOverlayDirective, selector: "[progressOverlay]", inputs: { name: ["progressOverlay", "name"] }, ngImport: i0 });
+    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 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.5", ngImport: i0, type: ProgressOverlayDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: ProgressOverlayDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[progressOverlay]'

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\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

@@ -10,7 +10,6 @@ import * as i1 from "../services/progressIndicator.service";
  * ProgressInterceptor used for intercepting http requests and displaying progress indicatior
  */
 export class ProgressInterceptor {
-    _indicatorSvc;
     //######################### constructors #########################
     constructor(_indicatorSvc) {
         this._indicatorSvc = _indicatorSvc;
@@ -38,10 +37,10 @@ export class ProgressInterceptor {
             }
         }, () => this._indicatorSvc.hideProgress(req.context.get(PROGRESS_INDICATOR_GROUP_NAME))));
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.5", ngImport: i0, type: ProgressInterceptor, deps: [{ token: i1.ProgressIndicatorService }], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.0.5", ngImport: i0, type: ProgressInterceptor });
+    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 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.5", ngImport: i0, type: ProgressInterceptor, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: ProgressInterceptor, decorators: [{
             type: Injectable
         }], ctorParameters: () => [{ type: i1.ProgressIndicatorService }] });
 /**

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;IAGR;IADpB,kEAAkE;IAClE,YAAoB,aAAuC;QAAvC,kBAAa,GAAb,aAAa,CAA0B;IAE3D,CAAC;IAED,wGAAwG;IAExG;;;;OAIG;IACI,SAAS,CAAC,GAAyB,EAAE,IAAiB;QAEzD,OAAO,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC;aAClB,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE;YAEd,wBAAwB;YACxB,IAAG,GAAG,CAAC,OAAO,CAAC,GAAG,CAAC,oBAAoB,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,IAAI,mBAAmB,CAAC,EAChF;gBACI,OAAO;aACV;YAED,iBAAiB;YACjB,IAAG,KAAK,CAAC,IAAI,IAAI,aAAa,CAAC,IAAI,EACnC;gBACI,IAAI,CAAC,aAAa,CAAC,YAAY,CAAC,GAAG,CAAC,OAAO,CAAC,GAAG,CAAC,6BAA6B,CAAC,CAAC,CAAC;aACnF;YACD,mBAAmB;iBACd,IAAG,KAAK,CAAC,IAAI,IAAI,aAAa,CAAC,QAAQ,EAC5C;gBACI,IAAI,CAAC,aAAa,CAAC,YAAY,CAAC,GAAG,CAAC,OAAO,CAAC,GAAG,CAAC,6BAA6B,CAAC,CAAC,CAAC;aACnF;QACL,CAAC,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,aAAa,CAAC,YAAY,CAAC,GAAG,CAAC,OAAO,CAAC,GAAG,CAAC,6BAA6B,CAAC,CAAC,CAAC,CAAC,CAAC;IACnG,CAAC;uGApCQ,mBAAmB;2GAAnB,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

@@ -8,15 +8,15 @@ import * as i0 from "@angular/core";
  * Module for progress indicator
  */
 export class ProgressIndicatorModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.5", ngImport: i0, type: ProgressIndicatorModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.0.5", ngImport: i0, type: ProgressIndicatorModule, declarations: [ProgressIndicatorComponent,
+    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,
-            ProgressOverlayDirective] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.0.5", ngImport: i0, type: ProgressIndicatorModule, imports: [CommonModule,
-            CommonLocalizeModule] });
+            ProgressOverlayDirective] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: ProgressIndicatorModule, imports: [CommonModule,
+            CommonLocalizeModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.5", ngImport: i0, type: ProgressIndicatorModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: ProgressIndicatorModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [

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;uGAAvB,uBAAuB;wGAAvB,uBAAuB,iBAT5B,0BAA0B;YAC1B,wBAAwB,aANxB,YAAY;YACZ,oBAAoB,aASpB,0BAA0B;YAC1B,wBAAwB;wGAGnB,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;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}"]}

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

@@ -13,33 +13,6 @@ export const DEFAULT_PROGRESS_NAME = 'GLOBAL_PROGRESS';
  * Service that is used for displaying and hiding progress indicator
  */
 export class ProgressIndicatorService {
-    config;
-    //######################### private fields #########################
-    /**
-     * Indication that current code is running in browser
-     */
-    _isBrowser = isPlatformBrowser(inject(PLATFORM_ID));
-    /**
-     * Information about running progress for each group
-     */
-    _runningRequests = {};
-    /**
-     * Used for invoking stateChange when state of one of progress groups have changed, passing name of group as parameter
-     */
-    _stateChange = new Subject();
-    /**
-     * Object storing registered overlay groups
-     */
-    _registeredOverlays = {};
-    //######################### public properties #########################
-    /**
-     * Indications that progress is running for each group
-     */
-    running = {};
-    /**
-     * Messages for each group
-     */
-    messages = {};
     /**
      * Occurs when state of one of progress groups have changed, passing name of group as parameter
      */
@@ -49,6 +22,32 @@ export class ProgressIndicatorService {
     //######################### constructors #########################
     constructor(config) {
         this.config = config;
+        //######################### private fields #########################
+        /**
+         * Indication that current code is running in browser
+         */
+        this._isBrowser = isPlatformBrowser(inject(PLATFORM_ID));
+        /**
+         * Information about running progress for each group
+         */
+        this._runningRequests = {};
+        /**
+         * Used for invoking stateChange when state of one of progress groups have changed, passing name of group as parameter
+         */
+        this._stateChange = new Subject();
+        /**
+         * Object storing registered overlay groups
+         */
+        this._registeredOverlays = {};
+        //######################### public properties #########################
+        /**
+         * Indications that progress is running for each group
+         */
+        this.running = {};
+        /**
+         * Messages for each group
+         */
+        this.messages = {};
         if (config && !(config instanceof ProgressIndicatorOptions)) {
             this.config = undefined;
             console.warn('Provided configuration for \'ProgressIndicatorService\' is not of type \'ProgressIndicatorOptions\' and will be ignored!');
@@ -240,10 +239,10 @@ export class ProgressIndicatorService {
         this._runningRequests[name] = group;
         return group;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.5", ngImport: i0, type: ProgressIndicatorService, deps: [{ token: i1.ProgressIndicatorOptions, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.0.5", ngImport: i0, type: ProgressIndicatorService, providedIn: 'root' });
+    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' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.5", ngImport: i0, type: ProgressIndicatorService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: ProgressIndicatorService, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }], ctorParameters: () => [{ type: i1.ProgressIndicatorOptions, decorators: [{