@anglr/common 8.0.0-beta.20211126121623 → 8.0.0-beta.20211217111139

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

@@ -0,0 +1,66 @@
+import { Component, Input, ChangeDetectionStrategy, ChangeDetectorRef } from '@angular/core';
+import { ProgressIndicatorService, DEFAULT_PROGRESS_NAME } from '../../services/progressIndicator.service';
+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
+ */
+export class ProgressIndicatorComponent {
+    //######################### constructor #########################
+    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 => {
+            if (name == DEFAULT_PROGRESS_NAME) {
+                this.running = this._service.running[DEFAULT_PROGRESS_NAME];
+                this.messages = this._service.messages[DEFAULT_PROGRESS_NAME] || [];
+                this._changeDetector.detectChanges();
+            }
+        });
+    }
+    //######################### public properties - inputs #########################
+    /**
+     * Sets css classes that will be applied to indicator
+     */
+    set cssClass(cssClass) {
+        this.appliedClass = {};
+        this.appliedClass[cssClass] = true;
+        this._changeDetector.detectChanges();
+    }
+    //######################### private properties #########################
+    /**
+     * Sets indication that progress indicator is running
+     */
+    set running(running) {
+        this.appliedClass['running'] = running;
+    }
+    //######################### public methods - implementation of OnDestroy #########################
+    /**
+     * Called when component is destroyed
+     */
+    ngOnDestroy() {
+        if (this._subscription) {
+            this._subscription.unsubscribe();
+            this._subscription = null;
+        }
+    }
+}
+ProgressIndicatorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: ProgressIndicatorComponent, deps: [{ token: i1.ProgressIndicatorService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+ProgressIndicatorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.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}"], directives: [{ type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], pipes: { "localize": i3.LocalizePipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.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: function () { return [{ type: i1.ProgressIndicatorService }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { cssClass: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=progressIndicator.component.js.map

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

@@ -0,0 +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;IA8CnC,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;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;IAxCD,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;IAqBD,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;;uHA7EQ,0BAA0B;2GAA1B,0BAA0B,4FCfvC,qTAMM;2FDSO,0BAA0B;kBAPtC,SAAS;+BAEI,oBAAoB,mBAGb,uBAAuB,CAAC,MAAM;+IA+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/es2020/src/modules/progressIndicator/directives/index.js

@@ -0,0 +1,2 @@
+export * from './progressOverlay/progressOverlay.directive';
+//# sourceMappingURL=index.js.map

package/es2020/src/modules/progressIndicator/directives/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/modules/progressIndicator/directives/index.ts"],"names":[],"mappings":"AAAA,cAAc,6CAA6C,CAAC","sourcesContent":["export * from './progressOverlay/progressOverlay.directive';"]}

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

@@ -0,0 +1,124 @@
+import { Directive, Input, ElementRef, Inject } from '@angular/core';
+import { DOCUMENT } from '@angular/common';
+import { ProgressIndicatorService } from '../../services/progressIndicator.service';
+import { STRING_LOCALIZATION } from '../../../../types/tokens';
+import * as i0 from "@angular/core";
+import * as i1 from "../../services/progressIndicator.service";
+/**
+ * Directive that is used for displaying progress indicator as overlay
+ */
+export class ProgressOverlayDirective {
+    //######################### 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 #########################
+    /**
+     * Initialize component
+     */
+    ngOnInit() {
+        this._service.registerOverlayGroup(this.name);
+        this._running = this._service.running[this.name];
+        this._messages = this._service.messages[this.name] || [];
+        this._renderProgressOverlay();
+        this._subscription = this._service.stateChange.subscribe(name => {
+            if (name == this.name) {
+                this._running = this._service.running[this.name];
+                this._messages = this._service.messages[this.name] || [];
+                this._renderProgressOverlay();
+            }
+        });
+    }
+    //######################### public methods - implementation of OnDestroy #########################
+    /**
+     * Called when component is destroyed
+     */
+    ngOnDestroy() {
+        this._service.unregisterOverlayGroup(this.name);
+        if (this._subscription) {
+            this._subscription.unsubscribe();
+            this._subscription = null;
+        }
+    }
+    //######################### private methods #########################
+    /**
+     * Renders progress overlay
+     */
+    _renderProgressOverlay() {
+        //removes progress indicator
+        if (this._progressElement && !this._running) {
+            this._progressElement.remove();
+            this._progressElement = null;
+            this._messagesElement = null;
+            this._lastThreeMessages = [];
+            this._element.nativeElement.style.position = this._notRunningCssPosition;
+            this._notRunningCssPosition = null;
+            this._element.nativeElement.style.overflow = this._notRunningOverflow;
+            this._notRunningOverflow = null;
+        }
+        //adds progress indicator
+        else if (!this._progressElement && this._running) {
+            this._notRunningCssPosition = this._element.nativeElement.style.position;
+            this._element.nativeElement.style.position = 'relative';
+            this._notRunningOverflow = this._element.nativeElement.style.overflow;
+            this._element.nativeElement.style.overflow = 'hidden';
+            this._progressElement = this._document.createElement('div');
+            this._progressElement.className = 'progress-overlay-div';
+            const spinner = this._document.createElement('div');
+            spinner.className = 'spinner';
+            this._progressElement.append(spinner);
+            this._messagesElement = this._document.createElement('div');
+            this._messagesElement.className = 'messages';
+            this._progressElement.append(this._messagesElement);
+            this._element.nativeElement.append(this._progressElement);
+        }
+        this._renderProgressMessages();
+    }
+    /**
+     * Renders messages to progress overlay
+     */
+    _renderProgressMessages() {
+        if (!this._messagesElement) {
+            return;
+        }
+        const newMessages = this._messages.slice(this._messagesElement.childNodes.length);
+        for (const message of newMessages) {
+            const messageDiv = this._document.createElement('div');
+            messageDiv.textContent = this._localizationSvc.get(message);
+            this._lastThreeMessages.unshift(messageDiv);
+            this._messagesElement.append(messageDiv);
+            const outMessagesDiv = this._lastThreeMessages.splice(3);
+            outMessagesDiv.forEach(outMsg => {
+                outMsg.className = 'message-out';
+            });
+            this._lastThreeMessages.forEach((msg, index) => {
+                msg.className = `message-${index}`;
+            });
+        }
+    }
+}
+ProgressOverlayDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: ProgressOverlayDirective, deps: [{ token: i1.ProgressIndicatorService }, { token: i0.ElementRef }, { token: DOCUMENT }, { token: STRING_LOCALIZATION }], target: i0.ɵɵFactoryTarget.Directive });
+ProgressOverlayDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.1.1", type: ProgressOverlayDirective, selector: "[progressOverlay]", inputs: { name: ["progressOverlay", "name"] }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: ProgressOverlayDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[progressOverlay]'
+                }]
+        }], ctorParameters: function () { return [{ type: i1.ProgressIndicatorService }, { type: i0.ElementRef }, { type: Document, decorators: [{
+                    type: Inject,
+                    args: [DOCUMENT]
+                }] }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: [STRING_LOCALIZATION]
+                }] }]; }, propDecorators: { name: [{
+                type: Input,
+                args: ['progressOverlay']
+            }] } });
+//# sourceMappingURL=progressOverlay.directive.js.map

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

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

package/es2020/src/modules/progressIndicator/index.js

@@ -0,0 +1,6 @@
+export * from './modules';
+export * from './services/progressIndicator.service';
+export * from './services/progressIndicatorOptions';
+export * from './components';
+export * from './directives';
+//# sourceMappingURL=index.js.map

package/es2020/src/modules/progressIndicator/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/modules/progressIndicator/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC;AAC1B,cAAc,sCAAsC,CAAC;AACrD,cAAc,qCAAqC,CAAC;AACpD,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC","sourcesContent":["export * from './modules';\nexport * from './services/progressIndicator.service';\nexport * from './services/progressIndicatorOptions';\nexport * from './components';\nexport * from './directives';"]}

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

@@ -0,0 +1,56 @@
+import { Injectable, Optional } from '@angular/core';
+import { HttpEventType, HTTP_INTERCEPTORS } from '@angular/common/http';
+import { tap } from 'rxjs/operators';
+import { ProgressIndicatorService } from '../services/progressIndicator.service';
+import { IgnoredInterceptorsService } from '../../../services/ignoredInterceptors/ignoredInterceptors.service';
+import * as i0 from "@angular/core";
+import * as i1 from "../services/progressIndicator.service";
+import * as i2 from "../../../services/ignoredInterceptors/ignoredInterceptors.service";
+/**
+ * ProgressInterceptor used for intercepting http requests and displaying progress indicatior
+ */
+export class ProgressInterceptor {
+    //######################### constructors #########################
+    constructor(_indicatorSvc, _ignoredInterceptorsService) {
+        this._indicatorSvc = _indicatorSvc;
+        this._ignoredInterceptorsService = _ignoredInterceptorsService;
+    }
+    //######################### public methods - implementation of HttpInterceptor #########################
+    /**
+     * Intercepts http request
+     * @param req - Request to be intercepted
+     * @param next - Next middleware that can be called for next processing
+     */
+    intercept(req, next) {
+        return next.handle(req)
+            .pipe(tap(event => {
+            if (this._ignoredInterceptorsService && this._ignoredInterceptorsService.isIgnored(ProgressInterceptor, req.additionalInfo)) {
+                return;
+            }
+            //request started
+            if (event.type == HttpEventType.Sent) {
+                this._indicatorSvc.showProgress(req.additionalInfo?.progressGroupName);
+            }
+            //response received
+            else if (event.type == HttpEventType.Response) {
+                this._indicatorSvc.hideProgress(req.additionalInfo?.progressGroupName);
+            }
+        }, () => this._indicatorSvc.hideProgress(req.additionalInfo?.progressGroupName)));
+    }
+}
+ProgressInterceptor.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: ProgressInterceptor, deps: [{ token: i1.ProgressIndicatorService }, { token: i2.IgnoredInterceptorsService, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
+ProgressInterceptor.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: ProgressInterceptor });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: ProgressInterceptor, decorators: [{
+            type: Injectable
+        }], ctorParameters: function () { return [{ type: i1.ProgressIndicatorService }, { type: i2.IgnoredInterceptorsService, decorators: [{
+                    type: Optional
+                }] }]; } });
+/**
+ * Progress interceptor provider
+ */
+export const PROGRESS_INTERCEPTOR_PROVIDER = {
+    provide: HTTP_INTERCEPTORS,
+    useClass: ProgressInterceptor,
+    multi: true
+};
+//# sourceMappingURL=progressInterceptor.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"progressInterceptor.js","sourceRoot":"","sources":["../../../../../src/modules/progressIndicator/interceptors/progressInterceptor.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAiB,QAAQ,EAAC,MAAM,eAAe,CAAC;AAClE,OAAO,EAA0C,aAAa,EAAE,iBAAiB,EAAc,MAAM,sBAAsB,CAAC;AAE5H,OAAO,EAAC,GAAG,EAAC,MAAM,gBAAgB,CAAC;AAEnC,OAAO,EAAC,wBAAwB,EAAC,MAAM,uCAAuC,CAAC;AAC/E,OAAO,EAAC,0BAA0B,EAAuB,MAAM,mEAAmE,CAAC;;;;AAInI;;GAEG;AAEH,MAAM,OAAO,mBAAmB;IAE5B,kEAAkE;IAClE,YAAoB,aAAuC,EAC3B,2BAAwD;QADpE,kBAAa,GAAb,aAAa,CAA0B;QAC3B,gCAA2B,GAA3B,2BAA2B,CAA6B;IAExF,CAAC;IAED,wGAAwG;IAExG;;;;OAIG;IACI,SAAS,CAAC,GAAyF,EAAE,IAAiB;QAEzH,OAAO,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC;aAClB,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE;YAEd,IAAI,IAAI,CAAC,2BAA2B,IAAI,IAAI,CAAC,2BAA2B,CAAC,SAAS,CAAC,mBAAmB,EAAE,GAAG,CAAC,cAAc,CAAC,EAC3H;gBACI,OAAO;aACV;YAED,iBAAiB;YACjB,IAAG,KAAK,CAAC,IAAI,IAAI,aAAa,CAAC,IAAI,EACnC;gBACI,IAAI,CAAC,aAAa,CAAC,YAAY,CAAC,GAAG,CAAC,cAAc,EAAE,iBAAiB,CAAC,CAAC;aAC1E;YACD,mBAAmB;iBACd,IAAG,KAAK,CAAC,IAAI,IAAI,aAAa,CAAC,QAAQ,EAC5C;gBACI,IAAI,CAAC,aAAa,CAAC,YAAY,CAAC,GAAG,CAAC,cAAc,EAAE,iBAAiB,CAAC,CAAC;aAC1E;QACL,CAAC,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,aAAa,CAAC,YAAY,CAAC,GAAG,CAAC,cAAc,EAAE,iBAAiB,CAAC,CAAC,CAAC,CAAC;IAC1F,CAAC;;gHApCQ,mBAAmB;oHAAnB,mBAAmB;2FAAnB,mBAAmB;kBAD/B,UAAU;;0BAKM,QAAQ;;AAmCzB;;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, Optional} from '@angular/core';\nimport {HttpEvent, HttpInterceptor, HttpHandler, HttpEventType, HTTP_INTERCEPTORS, HttpRequest} from '@angular/common/http';\nimport {Observable} from 'rxjs';\nimport {tap} from 'rxjs/operators';\n\nimport {ProgressIndicatorService} from '../services/progressIndicator.service';\nimport {IgnoredInterceptorsService, IgnoredInterceptorId} from '../../../services/ignoredInterceptors/ignoredInterceptors.service';\nimport {AdditionalInfo} from '../../../types/additionalInfo';\nimport {LocalProgressIndicatorName} from '../misc/types';\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                @Optional() private _ignoredInterceptorsService?: IgnoredInterceptorsService)\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<any> & AdditionalInfo<LocalProgressIndicatorName & IgnoredInterceptorId>, next: HttpHandler): Observable<HttpEvent<any>>\n    {\n        return next.handle(req)\n            .pipe(tap(event =>\n            {\n                if (this._ignoredInterceptorsService && this._ignoredInterceptorsService.isIgnored(ProgressInterceptor, req.additionalInfo))\n                {\n                    return;\n                }\n\n                //request started\n                if(event.type == HttpEventType.Sent)\n                {\n                    this._indicatorSvc.showProgress(req.additionalInfo?.progressGroupName);\n                }\n                //response received\n                else if(event.type == HttpEventType.Response)\n                {\n                    this._indicatorSvc.hideProgress(req.additionalInfo?.progressGroupName);\n                }\n            }, () => this._indicatorSvc.hideProgress(req.additionalInfo?.progressGroupName)));\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/es2020/src/modules/progressIndicator/misc/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/es2020/src/modules/progressIndicator/misc/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../../src/modules/progressIndicator/misc/types.ts"],"names":[],"mappings":"","sourcesContent":["/**\n * Contains name of progress indicator group\n */\nexport interface LocalProgressIndicatorName\n{\n    /**\n     * Name of progress indicator group\n     */\n    progressGroupName?: string;\n}"]}

package/es2020/src/modules/progressIndicator/modules/index.js

@@ -0,0 +1,2 @@
+export * from './progressIndicator.module';
+//# sourceMappingURL=index.js.map

package/es2020/src/modules/progressIndicator/modules/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/modules/progressIndicator/modules/index.ts"],"names":[],"mappings":"AAAA,cAAc,4BAA4B,CAAC","sourcesContent":["export * from './progressIndicator.module';"]}

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

@@ -0,0 +1,38 @@
+import { NgModule } from '@angular/core';
+import { CommonModule as AngularCommonModule } from '@angular/common';
+import { CommonModule } from '../../common.module';
+import { ProgressIndicatorComponent } from '../components/progressIndicator/progressIndicator.component';
+import { ProgressOverlayDirective } from '../directives/progressOverlay/progressOverlay.directive';
+import * as i0 from "@angular/core";
+/**
+ * Module for progress indicator
+ */
+export class ProgressIndicatorModule {
+}
+ProgressIndicatorModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: ProgressIndicatorModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+ProgressIndicatorModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: ProgressIndicatorModule, declarations: [ProgressIndicatorComponent,
+        ProgressOverlayDirective], imports: [AngularCommonModule,
+        CommonModule], exports: [ProgressIndicatorComponent,
+        ProgressOverlayDirective] });
+ProgressIndicatorModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: ProgressIndicatorModule, imports: [[
+            AngularCommonModule,
+            CommonModule
+        ]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: ProgressIndicatorModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        AngularCommonModule,
+                        CommonModule
+                    ],
+                    declarations: [
+                        ProgressIndicatorComponent,
+                        ProgressOverlayDirective
+                    ],
+                    exports: [
+                        ProgressIndicatorComponent,
+                        ProgressOverlayDirective
+                    ]
+                }]
+        }] });
+//# sourceMappingURL=progressIndicator.module.js.map

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

@@ -0,0 +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,IAAI,mBAAmB,EAAC,MAAM,iBAAiB,CAAC;AAEpE,OAAO,EAAC,YAAY,EAAC,MAAM,qBAAqB,CAAC;AACjD,OAAO,EAAC,0BAA0B,EAAC,MAAM,6DAA6D,CAAC;AACvG,OAAO,EAAC,wBAAwB,EAAC,MAAM,yDAAyD,CAAC;;AAEjG;;GAEG;AAmBH,MAAM,OAAO,uBAAuB;;oHAAvB,uBAAuB;qHAAvB,uBAAuB,iBAT5B,0BAA0B;QAC1B,wBAAwB,aANxB,mBAAmB;QACnB,YAAY,aASZ,0BAA0B;QAC1B,wBAAwB;qHAGnB,uBAAuB,YAfhC;YACI,mBAAmB;YACnB,YAAY;SACf;2FAYQ,uBAAuB;kBAlBnC,QAAQ;mBACT;oBACI,OAAO,EACP;wBACI,mBAAmB;wBACnB,YAAY;qBACf;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 as AngularCommonModule} from '@angular/common';\n\nimport {CommonModule} from '../../common.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        AngularCommonModule,\n        CommonModule\n    ],\n    declarations:\n    [\n        ProgressIndicatorComponent,\n        ProgressOverlayDirective\n    ],\n    exports:\n    [\n        ProgressIndicatorComponent,\n        ProgressOverlayDirective\n    ]\n})\nexport class ProgressIndicatorModule\n{\n}"]}

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

@@ -0,0 +1,255 @@
+import { Optional, Injectable, PLATFORM_ID, Inject } from '@angular/core';
+import { isPlatformBrowser } from '@angular/common';
+import { isPresent, isBoolean, isBlank } from '@jscrpt/common';
+import { Subject } from 'rxjs';
+import { ProgressIndicatorOptions } from './progressIndicatorOptions';
+import * as i0 from "@angular/core";
+import * as i1 from "./progressIndicatorOptions";
+/**
+ * Name of group for global progress indicator
+ */
+export const DEFAULT_PROGRESS_NAME = 'GLOBAL_PROGRESS';
+/**
+ * Service that is used for displaying and hiding progress indicator
+ */
+export class ProgressIndicatorService {
+    //######################### constructors #########################
+    constructor(_platformId, config) {
+        this._platformId = _platformId;
+        this.config = config;
+        //######################### private fields #########################
+        /**
+         * Indication that current code is running in browser
+         */
+        this._isBrowser = isPlatformBrowser(this._platformId);
+        /**
+         * 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!');
+        }
+        this._runningRequests[DEFAULT_PROGRESS_NAME] =
+            {
+                runningRequests: 0,
+                running: false,
+                messages: null,
+                timeout: null
+            };
+        this._updateState();
+        this.config = config || new ProgressIndicatorOptions();
+    }
+    /**
+     * Occurs when state of one of progress groups have changed, passing name of group as parameter
+     */
+    get stateChange() {
+        return this._stateChange.asObservable();
+    }
+    /**
+     * Displays progress indicator after short delay
+     * @param nameOrMessages - Name of progress group (separate counter) or Array of messages to display what is happening
+     * @param messages - Array of messages to display what is happening
+     */
+    showProgress(nameOrMessages, messages) {
+        if (!this._isBrowser) {
+            return;
+        }
+        let name = DEFAULT_PROGRESS_NAME;
+        //first parameter is present
+        if (isPresent(nameOrMessages)) {
+            if (Array.isArray(nameOrMessages)) {
+                messages = nameOrMessages;
+            }
+            else {
+                name = nameOrMessages;
+            }
+        }
+        name = this._getName(name);
+        const group = this._getGroup(name);
+        group.messages = [...(group.messages || []), ...(messages && messages.length ? messages : [])];
+        if (!group.timeout && group.runningRequests < 1) {
+            group.timeout = setTimeout(() => {
+                this._onRunning(name, true, group.messages);
+                clearTimeout(group.timeout);
+                group.timeout = null;
+            }, this.config.timeout);
+        }
+        group.runningRequests++;
+    }
+    /**
+     * Hides progress indicator
+     * @param nameOrForce - Name of progress group (separate counter) or Indication that indicator should be hidden even if some processes are running
+     * @param force - Indication that indicator should be hidden even if some processes are running
+     */
+    hideProgress(nameOrForce, force) {
+        if (!this._isBrowser) {
+            return;
+        }
+        let name = DEFAULT_PROGRESS_NAME;
+        //first parameter is present
+        if (isPresent(nameOrForce)) {
+            if (isBoolean(nameOrForce)) {
+                force = nameOrForce;
+            }
+            else {
+                name = nameOrForce;
+            }
+        }
+        name = this._getName(name);
+        const group = this._getGroup(name);
+        if (force) {
+            group.runningRequests = 0;
+        }
+        if (group.runningRequests > 0) {
+            group.runningRequests--;
+        }
+        if (group.runningRequests < 1) {
+            clearTimeout(group.timeout);
+            group.timeout = null;
+            this._onRunning(name, false, null);
+        }
+    }
+    /**
+     * Adds message to progress indicator group
+     * @param nameOrMessage - Name of progress group (separate counter) or Message to display what is happening
+     * @param message - Message to display what is happening
+     */
+    addMessage(nameOrMessage, message) {
+        let name = DEFAULT_PROGRESS_NAME;
+        if (isPresent(message)) {
+            name = nameOrMessage;
+        }
+        else {
+            message = nameOrMessage;
+        }
+        name = this._getName(name);
+        const group = this._getGroup(name);
+        this._onRunning(name, group.running, [...(group.messages || []), message]);
+    }
+    /**
+     * Clears all messages for progress group
+     * @param name - Name of progress group (separate counter)
+     */
+    clearMessages(name) {
+        if (isBlank(name)) {
+            name = DEFAULT_PROGRESS_NAME;
+        }
+        name = this._getName(name);
+        const group = this._getGroup(name);
+        this._onRunning(name, group.running, null);
+    }
+    /**
+     * Registers overlay group
+     * @param name - Name of group to be registered
+     * @internal
+     */
+    registerOverlayGroup(name) {
+        if (!this._registeredOverlays[name]) {
+            this._registeredOverlays[name] = 0;
+        }
+        this._registeredOverlays[name]++;
+    }
+    /**
+     * Unregisters overlay group
+     * @param name - Name of group to be unregistered
+     * @internal
+     */
+    unregisterOverlayGroup(name) {
+        if (!this._registeredOverlays[name]) {
+            return;
+        }
+        this._registeredOverlays[name]--;
+        if (this._registeredOverlays[name] <= 0) {
+            delete this._registeredOverlays[name];
+        }
+    }
+    //######################### private methods #########################
+    /**
+     * Gets name of group based on existance of this group
+     * @param name - Name of group that is requested
+     */
+    _getName(name) {
+        if (name == DEFAULT_PROGRESS_NAME || !this.config.fallbackToDefault) {
+            return name;
+        }
+        if (this._registeredOverlays[name]) {
+            return name;
+        }
+        return DEFAULT_PROGRESS_NAME;
+    }
+    /**
+     * Used for invoking 'stateChange' event
+     * @param name - Name of group which has changes its state
+     * @param value - Value whether is progress running
+     * @param messages - Messages to be displayed for this group
+     */
+    _onRunning(name, value, messages) {
+        const group = this._getGroup(name);
+        group.running = value;
+        group.messages = messages;
+        this._updateState();
+        this._stateChange.next(name);
+    }
+    /**
+     * Updates state of progress indicator service
+     */
+    _updateState() {
+        const running = {};
+        const messages = {};
+        Object.keys(this._runningRequests).forEach(group => {
+            running[group] = this._runningRequests[group].running;
+            messages[group] = this._runningRequests[group].messages;
+        });
+        this.running = running;
+        this.messages = messages;
+    }
+    /**
+     * Gets object for progress group
+     * @param name - Name of group to be obtained
+     */
+    _getGroup(name) {
+        let group = this._runningRequests[name];
+        if (isPresent(group)) {
+            return group;
+        }
+        group =
+            {
+                runningRequests: 0,
+                running: false,
+                messages: null,
+                timeout: null
+            };
+        this._runningRequests[name] = group;
+        return group;
+    }
+}
+ProgressIndicatorService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: ProgressIndicatorService, deps: [{ token: PLATFORM_ID }, { token: i1.ProgressIndicatorOptions, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
+ProgressIndicatorService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: ProgressIndicatorService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: ProgressIndicatorService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }], ctorParameters: function () { return [{ type: Object, decorators: [{
+                    type: Inject,
+                    args: [PLATFORM_ID]
+                }] }, { type: i1.ProgressIndicatorOptions, decorators: [{
+                    type: Optional
+                }] }]; } });
+//# sourceMappingURL=progressIndicator.service.js.map