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

package/es2020/src/modules/clickOutside/directives/clickOutside/clickOutside.directive.js

@@ -0,0 +1,67 @@
+import { Directive, Input, EventEmitter, Output, ElementRef, Inject } from '@angular/core';
+import { DOCUMENT } from '@angular/common';
+import { isDescendant } from '@jscrpt/common';
+import * as i0 from "@angular/core";
+/**
+ * Directive that handles click outside of element
+ */
+export class ClickOutsideDirective {
+    //######################### constructor #########################
+    constructor(_element, _document) {
+        this._element = _element;
+        this._document = _document;
+        //######################### public properties - outputs #########################
+        /**
+         * Used for emitting event when click outside occurs
+         */
+        this.clickOutsideConditionChange = new EventEmitter();
+        //######################### private methods #########################
+        /**
+         * Handles click outside of element
+         * @param event - Mouse event object
+         */
+        this._handleClickOutside = (event) => {
+            if (this._element.nativeElement != event.target &&
+                !isDescendant(this._element.nativeElement, event.target) &&
+                (!this.clickOutsideElement || (this.clickOutsideElement != event.target &&
+                    !isDescendant(this.clickOutsideElement, event.target)))) {
+                this.clickOutsideCondition = !this.clickOutsideCondition;
+                this.clickOutsideConditionChange.emit(this.clickOutsideCondition);
+            }
+        };
+    }
+    //######################### public methods - implementation of OnInit #########################
+    /**
+     * Initialize component
+     */
+    ngOnInit() {
+        this._document.addEventListener('mouseup', this._handleClickOutside);
+    }
+    //######################### public methods - implementation of OnDestroy #########################
+    /**
+     * Called when component is destroyed
+     */
+    ngOnDestroy() {
+        this._document.removeEventListener('mouseup', this._handleClickOutside);
+    }
+}
+ClickOutsideDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: ClickOutsideDirective, deps: [{ token: i0.ElementRef }, { token: DOCUMENT }], target: i0.ɵɵFactoryTarget.Directive });
+ClickOutsideDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.1.1", type: ClickOutsideDirective, selector: "[clickOutside]", inputs: { clickOutsideCondition: ["clickOutside", "clickOutsideCondition"], clickOutsideElement: "clickOutsideElement" }, outputs: { clickOutsideConditionChange: "clickOutsideChange" }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: ClickOutsideDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[clickOutside]'
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: Document, decorators: [{
+                    type: Inject,
+                    args: [DOCUMENT]
+                }] }]; }, propDecorators: { clickOutsideCondition: [{
+                type: Input,
+                args: ['clickOutside']
+            }], clickOutsideElement: [{
+                type: Input
+            }], clickOutsideConditionChange: [{
+                type: Output,
+                args: ['clickOutsideChange']
+            }] } });
+//# sourceMappingURL=clickOutside.directive.js.map

package/es2020/src/modules/clickOutside/directives/clickOutside/clickOutside.directive.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"clickOutside.directive.js","sourceRoot":"","sources":["../../../../../../src/modules/clickOutside/directives/clickOutside/clickOutside.directive.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAqB,KAAK,EAAE,YAAY,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,EAAC,MAAM,eAAe,CAAC;AAC5G,OAAO,EAAC,QAAQ,EAAC,MAAM,iBAAiB,CAAC;AACzC,OAAO,EAAC,YAAY,EAAC,MAAM,gBAAgB,CAAC;;AAE5C;;GAEG;AAKH,MAAM,OAAO,qBAAqB;IAwB9B,iEAAiE;IACjE,YAAoB,QAAiC,EACf,SAAmB;QADrC,aAAQ,GAAR,QAAQ,CAAyB;QACf,cAAS,GAAT,SAAS,CAAU;QAVzD,iFAAiF;QAEjF;;WAEG;QAEI,gCAA2B,GAA0B,IAAI,YAAY,EAAW,CAAC;QA4BxF,qEAAqE;QAErE;;;WAGG;QACO,wBAAmB,GAAG,CAAC,KAAiB,EAAE,EAAE;YAElD,IAAG,IAAI,CAAC,QAAQ,CAAC,aAAa,IAAI,KAAK,CAAC,MAAM;gBAC3C,CAAC,YAAY,CAAC,IAAI,CAAC,QAAQ,CAAC,aAAa,EAAE,KAAK,CAAC,MAAqB,CAAC;gBACvE,CAAC,CAAC,IAAI,CAAC,mBAAmB,IAAI,CAAC,IAAI,CAAC,mBAAmB,IAAI,KAAK,CAAC,MAAM;oBACxC,CAAC,YAAY,CAAC,IAAI,CAAC,mBAAmB,EAAE,KAAK,CAAC,MAAqB,CAAC,CAAC,CAAC,EACxG;gBACI,IAAI,CAAC,qBAAqB,GAAG,CAAC,IAAI,CAAC,qBAAqB,CAAC;gBACzD,IAAI,CAAC,2BAA2B,CAAC,IAAI,CAAC,IAAI,CAAC,qBAAqB,CAAC,CAAC;aACrE;QACL,CAAC,CAAA;IAtCD,CAAC;IAED,+FAA+F;IAE/F;;OAEG;IACI,QAAQ;QAEX,IAAI,CAAC,SAAS,CAAC,gBAAgB,CAAC,SAAS,EAAE,IAAI,CAAC,mBAAmB,CAAC,CAAC;IACzE,CAAC;IAED,kGAAkG;IAElG;;OAEG;IACI,WAAW;QAEd,IAAI,CAAC,SAAS,CAAC,mBAAmB,CAAC,SAAS,EAAE,IAAI,CAAC,mBAAmB,CAAC,CAAC;IAC5E,CAAC;;kHAhDQ,qBAAqB,4CA0BV,QAAQ;sGA1BnB,qBAAqB;2FAArB,qBAAqB;kBAJjC,SAAS;mBACN;oBACI,QAAQ,EAAE,gBAAgB;iBAC7B;mFA2BgD,QAAQ;0BAA5C,MAAM;2BAAC,QAAQ;4CAlBrB,qBAAqB;sBAD3B,KAAK;uBAAC,cAAc;gBAOd,mBAAmB;sBADzB,KAAK;gBASC,2BAA2B;sBADjC,MAAM;uBAAC,oBAAoB","sourcesContent":["import {Directive, OnInit, OnDestroy, Input, EventEmitter, Output, ElementRef, Inject} from '@angular/core';\nimport {DOCUMENT} from '@angular/common';\nimport {isDescendant} from '@jscrpt/common';\n\n/**\n * Directive that handles click outside of element\n */\n@Directive(\n    {\n        selector: '[clickOutside]'\n    })\nexport class ClickOutsideDirective implements OnInit, OnDestroy\n{\n    //######################### public properties - inputs #########################\n\n    /**\n     * Variable that is used for displaying element that handles click outside\n     */\n    @Input('clickOutside')\n    public clickOutsideCondition: boolean;\n\n    /**\n     * Additional element that is checked for click\n     */\n    @Input()\n    public clickOutsideElement: HTMLElement;\n\n    //######################### public properties - outputs #########################\n\n    /**\n     * Used for emitting event when click outside occurs\n     */\n    @Output('clickOutsideChange')\n    public clickOutsideConditionChange: EventEmitter<boolean> = new EventEmitter<boolean>();\n\n    //######################### constructor #########################\n    constructor(private _element: ElementRef<HTMLElement>,\n                @Inject(DOCUMENT) private _document: Document)\n    {\n    }\n\n    //######################### public methods - implementation of OnInit #########################\n    \n    /**\n     * Initialize component\n     */\n    public ngOnInit(): void\n    {\n        this._document.addEventListener('mouseup', this._handleClickOutside);\n    }\n\n    //######################### public methods - implementation of OnDestroy #########################\n    \n    /**\n     * Called when component is destroyed\n     */\n    public ngOnDestroy(): void\n    {\n        this._document.removeEventListener('mouseup', this._handleClickOutside);\n    }\n\n    //######################### private methods #########################\n\n    /**\n     * Handles click outside of element\n     * @param event - Mouse event object\n     */\n    protected _handleClickOutside = (event: MouseEvent) =>\n    {\n        if(this._element.nativeElement != event.target &&\n           !isDescendant(this._element.nativeElement, event.target as HTMLElement) &&\n           (!this.clickOutsideElement || (this.clickOutsideElement != event.target &&\n                                          !isDescendant(this.clickOutsideElement, event.target as HTMLElement))))\n        {   \n            this.clickOutsideCondition = !this.clickOutsideCondition;\n            this.clickOutsideConditionChange.emit(this.clickOutsideCondition);\n        }\n    }\n}"]}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"clickOutside.module.js","sourceRoot":"","sources":["../../../../../src/modules/clickOutside/modules/clickOutside.module.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,QAAQ,EAAC,MAAM,eAAe,CAAC;AAEvC,OAAO,EAAC,qBAAqB,EAAC,MAAM,mDAAmD,CAAC;;AAExF;;GAEG;AAeH,MAAM,OAAO,kBAAkB;;+GAAlB,kBAAkB;gHAAlB,kBAAkB,iBAPvB,qBAAqB,aAIrB,qBAAqB;gHAGhB,kBAAkB,YAX3B,EACC;2FAUQ,kBAAkB;kBAd9B,QAAQ;mBACT;oBACI,OAAO,EACP,EACC;oBACD,YAAY,EACZ;wBACI,qBAAqB;qBACxB;oBACD,OAAO,EACP;wBACI,qBAAqB;qBACxB;iBACJ","sourcesContent":["import {NgModule} from '@angular/core';\n\nimport {ClickOutsideDirective} from '../directives/clickOutside/clickOutside.directive';\n\n/**\n * Module for ClickOutside directive\n */\n@NgModule(\n{\n    imports:\n    [\n    ],\n    declarations:\n    [\n        ClickOutsideDirective\n    ],\n    exports:\n    [\n        ClickOutsideDirective\n    ]\n})\nexport class ClickOutsideModule\n{\n}\n"]}

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

@@ -0,0 +1,49 @@
+import { NgModule } from '@angular/core';
+import { CommonModule as AngularCommonModule } from '@angular/common';
+import { NgComponentOutletEx } from '../directives/ngComponentOutletEx/ngComponentOutletEx.directive';
+import { IsNaNPipe } from '../pipes/isNaN/isNaN.pipe';
+import { IsPresentPipe } from '../pipes/isPresent/isPresent.pipe';
+import { UrlEncodePipe } from '../pipes/urlEncode/urlEncode.pipe';
+import { LocalizePipe } from '../pipes/localize/localize.pipe';
+import * as i0 from "@angular/core";
+/**
+ * Module for common components, pipes and directives
+ */
+export class CommonModule {
+}
+CommonModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: CommonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+CommonModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: CommonModule, declarations: [NgComponentOutletEx,
+        IsNaNPipe,
+        IsPresentPipe,
+        LocalizePipe,
+        UrlEncodePipe], imports: [AngularCommonModule], exports: [NgComponentOutletEx,
+        IsNaNPipe,
+        IsPresentPipe,
+        UrlEncodePipe,
+        LocalizePipe] });
+CommonModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: CommonModule, imports: [[
+            AngularCommonModule
+        ]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: CommonModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        AngularCommonModule
+                    ],
+                    declarations: [
+                        NgComponentOutletEx,
+                        IsNaNPipe,
+                        IsPresentPipe,
+                        LocalizePipe,
+                        UrlEncodePipe
+                    ],
+                    exports: [
+                        NgComponentOutletEx,
+                        IsNaNPipe,
+                        IsPresentPipe,
+                        UrlEncodePipe,
+                        LocalizePipe
+                    ]
+                }]
+        }] });
+//# sourceMappingURL=common.module.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"common.module.js","sourceRoot":"","sources":["../../../src/modules/common.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,mBAAmB,EAAC,MAAM,iEAAiE,CAAC;AACpG,OAAO,EAAC,SAAS,EAAC,MAAM,2BAA2B,CAAC;AACpD,OAAO,EAAC,aAAa,EAAC,MAAM,mCAAmC,CAAC;AAChE,OAAO,EAAC,aAAa,EAAC,MAAM,mCAAmC,CAAC;AAChE,OAAO,EAAC,YAAY,EAAC,MAAM,iCAAiC,CAAC;;AAE7D;;GAEG;AAwBH,MAAM,OAAO,YAAY;;yGAAZ,YAAY;0GAAZ,YAAY,iBAfjB,mBAAmB;QACnB,SAAS;QACT,aAAa;QACb,YAAY;QACZ,aAAa,aARb,mBAAmB,aAYnB,mBAAmB;QACnB,SAAS;QACT,aAAa;QACb,aAAa;QACb,YAAY;0GAGP,YAAY,YApBrB;YACI,mBAAmB;SACtB;2FAkBQ,YAAY;kBAvBxB,QAAQ;mBACT;oBACI,OAAO,EACP;wBACI,mBAAmB;qBACtB;oBACD,YAAY,EACZ;wBACI,mBAAmB;wBACnB,SAAS;wBACT,aAAa;wBACb,YAAY;wBACZ,aAAa;qBAChB;oBACD,OAAO,EACP;wBACI,mBAAmB;wBACnB,SAAS;wBACT,aAAa;wBACb,aAAa;wBACb,YAAY;qBACf;iBACJ","sourcesContent":["import {NgModule} from '@angular/core';\nimport {CommonModule as AngularCommonModule} from '@angular/common';\n\nimport {NgComponentOutletEx} from '../directives/ngComponentOutletEx/ngComponentOutletEx.directive';\nimport {IsNaNPipe} from '../pipes/isNaN/isNaN.pipe';\nimport {IsPresentPipe} from '../pipes/isPresent/isPresent.pipe';\nimport {UrlEncodePipe} from '../pipes/urlEncode/urlEncode.pipe';\nimport {LocalizePipe} from '../pipes/localize/localize.pipe';\n\n/**\n * Module for common components, pipes and directives\n */\n@NgModule(\n{\n    imports: \n    [\n        AngularCommonModule\n    ],\n    declarations:\n    [\n        NgComponentOutletEx,\n        IsNaNPipe,\n        IsPresentPipe,\n        LocalizePipe,\n        UrlEncodePipe\n    ],\n    exports: \n    [\n        NgComponentOutletEx,\n        IsNaNPipe,\n        IsPresentPipe,\n        UrlEncodePipe,\n        LocalizePipe\n    ]\n})\nexport class CommonModule\n{\n}"]}

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

@@ -0,0 +1,67 @@
+import { Component, ChangeDetectionStrategy, ChangeDetectorRef, ElementRef } from '@angular/core';
+import { DebugDataEnabledService } from '../../services/debugDataEnabled/debugDataEnabled.service';
+import * as i0 from "@angular/core";
+import * as i1 from "../../services/debugDataEnabled/debugDataEnabled.service";
+import * as i2 from "@angular/common";
+/**
+ * Name of css class for enabled debug data
+ */
+const ENABLED = 'enabled';
+/**
+ * Component used for displaying debug data
+ */
+export class DebugDataComponent {
+    //######################### constructor #########################
+    constructor(_debugDataEnabledSvc, _changeDetector, _element) {
+        this._debugDataEnabledSvc = _debugDataEnabledSvc;
+        this._changeDetector = _changeDetector;
+        this._element = _element;
+        //######################### public properties - template bindings #########################
+        /**
+         * Indication whether is debug data enabled
+         *
+         * @internal
+         */
+        this.enabled = false;
+    }
+    //######################### public methods - implementation of OnInit #########################
+    /**
+     * Initialize component
+     */
+    ngOnInit() {
+        this.enabled = this._debugDataEnabledSvc.enabled;
+        this._setEnabledCssClass();
+        this._debugDataEnabledChangeSubscription = this._debugDataEnabledSvc.enabledChange.subscribe(() => {
+            this.enabled = this._debugDataEnabledSvc.enabled;
+            this._setEnabledCssClass();
+            this._changeDetector.detectChanges();
+        });
+    }
+    //######################### public methods - implementation of OnDestroy #########################
+    /**
+     * Called when component is destroyed
+     */
+    ngOnDestroy() {
+        this._debugDataEnabledChangeSubscription?.unsubscribe();
+        this._debugDataEnabledChangeSubscription = null;
+    }
+    //######################### private methods #########################
+    /**
+     * Sets enabled css class according enabled state
+     */
+    _setEnabledCssClass() {
+        if (this.enabled) {
+            this._element.nativeElement.classList.add(ENABLED);
+        }
+        else {
+            this._element.nativeElement.classList.remove(ENABLED);
+        }
+    }
+}
+DebugDataComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: DebugDataComponent, deps: [{ token: i1.DebugDataEnabledService }, { token: i0.ChangeDetectorRef }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
+DebugDataComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.1", type: DebugDataComponent, selector: "debug-data", ngImport: i0, template: "<ng-template [ngIf]=\"enabled\">\r\n    <ng-content></ng-content>\r\n</ng-template>", styles: [":host\r\n{\r\n    font-weight: normal;\r\n    font-style: italic;\r\n    text-shadow: 0 0 1px;\r\n    display: none;\r\n}\r\n\r\n:host(.clickable)\r\n{\r\n    cursor: pointer;\r\n}\r\n\r\n:host(.enabled)\r\n{\r\n    display: block;\r\n}"], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: DebugDataComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'debug-data', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-template [ngIf]=\"enabled\">\r\n    <ng-content></ng-content>\r\n</ng-template>", styles: [":host\r\n{\r\n    font-weight: normal;\r\n    font-style: italic;\r\n    text-shadow: 0 0 1px;\r\n    display: none;\r\n}\r\n\r\n:host(.clickable)\r\n{\r\n    cursor: pointer;\r\n}\r\n\r\n:host(.enabled)\r\n{\r\n    display: block;\r\n}"] }]
+        }], ctorParameters: function () { return [{ type: i1.DebugDataEnabledService }, { type: i0.ChangeDetectorRef }, { type: i0.ElementRef }]; } });
+//# sourceMappingURL=debugData.component.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"debugData.component.js","sourceRoot":"","sources":["../../../../../../src/modules/debugData/components/debugData/debugData.component.ts","../../../../../../src/modules/debugData/components/debugData/debugData.component.html"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAE,uBAAuB,EAAqB,iBAAiB,EAAE,UAAU,EAAC,MAAM,eAAe,CAAC;AAGnH,OAAO,EAAC,uBAAuB,EAAC,MAAM,0DAA0D,CAAC;;;;AAEjG;;GAEG;AACH,MAAM,OAAO,GAAG,SAAS,CAAC;AAE1B;;GAEG;AAQH,MAAM,OAAO,kBAAkB;IAkB3B,iEAAiE;IACjE,YAAsB,oBAA6C,EAC7C,eAAkC,EAClC,QAAiC;QAFjC,yBAAoB,GAApB,oBAAoB,CAAyB;QAC7C,oBAAe,GAAf,eAAe,CAAmB;QAClC,aAAQ,GAAR,QAAQ,CAAyB;QAZvD,2FAA2F;QAE3F;;;;WAIG;QACI,YAAO,GAAY,KAAK,CAAC;IAOhC,CAAC;IAED,+FAA+F;IAE/F;;OAEG;IACI,QAAQ;QAEX,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,oBAAoB,CAAC,OAAO,CAAC;QACjD,IAAI,CAAC,mBAAmB,EAAE,CAAC;QAE3B,IAAI,CAAC,mCAAmC,GAAG,IAAI,CAAC,oBAAoB,CAAC,aAAa,CAAC,SAAS,CAAC,GAAG,EAAE;YAE9F,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,oBAAoB,CAAC,OAAO,CAAC;YACjD,IAAI,CAAC,mBAAmB,EAAE,CAAC;YAE3B,IAAI,CAAC,eAAe,CAAC,aAAa,EAAE,CAAC;QACzC,CAAC,CAAC,CAAC;IACP,CAAC;IAED,kGAAkG;IAElG;;OAEG;IACI,WAAW;QAEd,IAAI,CAAC,mCAAmC,EAAE,WAAW,EAAE,CAAC;QACxD,IAAI,CAAC,mCAAmC,GAAG,IAAI,CAAC;IACpD,CAAC;IAED,qEAAqE;IAErE;;OAEG;IACK,mBAAmB;QAEvB,IAAG,IAAI,CAAC,OAAO,EACf;YACI,IAAI,CAAC,QAAQ,CAAC,aAAa,CAAC,SAAS,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC;SACtD;aAED;YACI,IAAI,CAAC,QAAQ,CAAC,aAAa,CAAC,SAAS,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;SACzD;IACL,CAAC;;+GAtEQ,kBAAkB;mGAAlB,kBAAkB,kDCpB/B,qFAEc;2FDkBD,kBAAkB;kBAP9B,SAAS;+BAEI,YAAY,mBAGL,uBAAuB,CAAC,MAAM","sourcesContent":["import {Component, ChangeDetectionStrategy, OnDestroy, OnInit, ChangeDetectorRef, ElementRef} from '@angular/core';\nimport {Subscription} from 'rxjs';\n\nimport {DebugDataEnabledService} from '../../services/debugDataEnabled/debugDataEnabled.service';\n\n/**\n * Name of css class for enabled debug data\n */\nconst ENABLED = 'enabled';\n\n/**\n * Component used for displaying debug data\n */\n@Component(\n{\n    selector: 'debug-data',\n    templateUrl: 'debugData.component.html',\n    styleUrls: ['debugData.component.css'],\n    changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class DebugDataComponent implements OnDestroy, OnInit\n{\n    //######################### protected fields #########################\n\n    /**\n     * Subscription for changes of debug data enabled\n     */\n    protected _debugDataEnabledChangeSubscription: Subscription;\n\n    //######################### public properties - template bindings #########################\n\n    /**\n     * Indication whether is debug data enabled\n     *\n     * @internal\n     */\n    public enabled: boolean = false;\n\n    //######################### constructor #########################\n    constructor(protected _debugDataEnabledSvc: DebugDataEnabledService,\n                protected _changeDetector: ChangeDetectorRef,\n                protected _element: ElementRef<HTMLElement>)\n    {\n    }\n\n    //######################### public methods - implementation of OnInit #########################\n\n    /**\n     * Initialize component\n     */\n    public ngOnInit(): void\n    {\n        this.enabled = this._debugDataEnabledSvc.enabled;\n        this._setEnabledCssClass();\n\n        this._debugDataEnabledChangeSubscription = this._debugDataEnabledSvc.enabledChange.subscribe(() =>\n        {\n            this.enabled = this._debugDataEnabledSvc.enabled;\n            this._setEnabledCssClass();\n\n            this._changeDetector.detectChanges();\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._debugDataEnabledChangeSubscription?.unsubscribe();\n        this._debugDataEnabledChangeSubscription = null;\n    }\n\n    //######################### private methods #########################\n\n    /**\n     * Sets enabled css class according enabled state\n     */\n    private _setEnabledCssClass(): void\n    {\n        if(this.enabled)\n        {\n            this._element.nativeElement.classList.add(ENABLED);\n        }\n        else\n        {\n            this._element.nativeElement.classList.remove(ENABLED);\n        }\n    }\n}","<ng-template [ngIf]=\"enabled\">\r\n    <ng-content></ng-content>\r\n</ng-template>"]}

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

@@ -0,0 +1,29 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { DebugDataComponent } from '../components/debugData/debugData.component';
+import * as i0 from "@angular/core";
+/**
+ * Module that contains debug data component
+ */
+export class DebugDataModule {
+}
+DebugDataModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: DebugDataModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+DebugDataModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: DebugDataModule, declarations: [DebugDataComponent], imports: [CommonModule], exports: [DebugDataComponent] });
+DebugDataModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: DebugDataModule, imports: [[
+            CommonModule
+        ]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: DebugDataModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        CommonModule
+                    ],
+                    declarations: [
+                        DebugDataComponent
+                    ],
+                    exports: [
+                        DebugDataComponent
+                    ]
+                }]
+        }] });
+//# sourceMappingURL=debugData.module.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"debugData.module.js","sourceRoot":"","sources":["../../../../../src/modules/debugData/modules/debugData.module.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,QAAQ,EAAC,MAAM,eAAe,CAAC;AACvC,OAAO,EAAC,YAAY,EAAC,MAAM,iBAAiB,CAAC;AAE7C,OAAO,EAAC,kBAAkB,EAAC,MAAM,6CAA6C,CAAC;;AAE/E;;GAEG;AAgBH,MAAM,OAAO,eAAe;;4GAAf,eAAe;6GAAf,eAAe,iBAPpB,kBAAkB,aAJlB,YAAY,aAQZ,kBAAkB;6GAGb,eAAe,YAZxB;YACI,YAAY;SACf;2FAUQ,eAAe;kBAf3B,QAAQ;mBACT;oBACI,OAAO,EACP;wBACI,YAAY;qBACf;oBACD,YAAY,EACZ;wBACI,kBAAkB;qBACrB;oBACD,OAAO,EACP;wBACI,kBAAkB;qBACrB;iBACJ","sourcesContent":["import {NgModule} from '@angular/core';\nimport {CommonModule} from '@angular/common';\n\nimport {DebugDataComponent} from '../components/debugData/debugData.component';\n\n/**\n * Module that contains debug data component\n */\n@NgModule(\n{\n    imports:\n    [\n        CommonModule\n    ],\n    declarations:\n    [\n        DebugDataComponent\n    ],\n    exports:\n    [\n        DebugDataComponent\n    ]\n})\nexport class DebugDataModule\n{\n}"]}

package/es2020/src/modules/debugData/services/debugDataEnabled/debugDataEnabled.service.js

@@ -0,0 +1,51 @@
+import { Injectable } from '@angular/core';
+import { Subject } from 'rxjs';
+import * as i0 from "@angular/core";
+/**
+ * Service used for handling enabled state for debug data component
+ */
+export class DebugDataEnabledService {
+    constructor() {
+        //######################### private fields #########################
+        /**
+         * Indication whether debug data copmonent is enabled
+         */
+        this._enabled = false;
+        /**
+         * Subject used for emitting changes of enabled state
+         */
+        this._enabledChangeSubject = new Subject();
+    }
+    //######################### public properties #########################
+    /**
+     * Indication whether debug data copmonent is enabled
+     */
+    get enabled() {
+        return this._enabled;
+    }
+    /**
+     * Occurs when enabled state changed
+     */
+    get enabledChange() {
+        return this._enabledChangeSubject.asObservable();
+    }
+    //######################### public methods #########################
+    /**
+     * Sets enabled state
+     * @param enabled - Indication whether will be enabled state set to true, or false, defaults to true
+     */
+    setEnabled(enabled = true) {
+        if (this._enabled === enabled) {
+            return;
+        }
+        this._enabled = enabled;
+        this._enabledChangeSubject.next();
+    }
+}
+DebugDataEnabledService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: DebugDataEnabledService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+DebugDataEnabledService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: DebugDataEnabledService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: DebugDataEnabledService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }] });
+//# sourceMappingURL=debugDataEnabled.service.js.map

package/es2020/src/modules/debugData/services/debugDataEnabled/debugDataEnabled.service.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"debugDataEnabled.service.js","sourceRoot":"","sources":["../../../../../../src/modules/debugData/services/debugDataEnabled/debugDataEnabled.service.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAC,MAAM,eAAe,CAAC;AACzC,OAAO,EAAC,OAAO,EAAa,MAAM,MAAM,CAAC;;AAEzC;;GAEG;AAEH,MAAM,OAAO,uBAAuB;IADpC;QAGI,oEAAoE;QAEpE;;WAEG;QACK,aAAQ,GAAY,KAAK,CAAC;QAElC;;WAEG;QACK,0BAAqB,GAAkB,IAAI,OAAO,EAAQ,CAAC;KAqCtE;IAnCG,uEAAuE;IAEvE;;OAEG;IACH,IAAW,OAAO;QAEd,OAAO,IAAI,CAAC,QAAQ,CAAC;IACzB,CAAC;IAED;;OAEG;IACH,IAAW,aAAa;QAEpB,OAAO,IAAI,CAAC,qBAAqB,CAAC,YAAY,EAAE,CAAC;IACrD,CAAC;IAED,oEAAoE;IAEpE;;;OAGG;IACI,UAAU,CAAC,UAAmB,IAAI;QAErC,IAAG,IAAI,CAAC,QAAQ,KAAK,OAAO,EAC5B;YACI,OAAO;SACV;QAED,IAAI,CAAC,QAAQ,GAAG,OAAO,CAAC;QAExB,IAAI,CAAC,qBAAqB,CAAC,IAAI,EAAE,CAAC;IACtC,CAAC;;oHAhDQ,uBAAuB;wHAAvB,uBAAuB,cADX,MAAM;2FAClB,uBAAuB;kBADnC,UAAU;mBAAC,EAAC,UAAU,EAAE,MAAM,EAAC","sourcesContent":["import {Injectable} from '@angular/core';\nimport {Subject, Observable} from 'rxjs';\n\n/**\n * Service used for handling enabled state for debug data component\n */\n@Injectable({providedIn: 'root'})\nexport class DebugDataEnabledService\n{\n    //######################### private fields #########################\n\n    /**\n     * Indication whether debug data copmonent is enabled\n     */\n    private _enabled: boolean = false;\n\n    /**\n     * Subject used for emitting changes of enabled state\n     */\n    private _enabledChangeSubject: Subject<void> = new Subject<void>();\n\n    //######################### public properties #########################\n\n    /**\n     * Indication whether debug data copmonent is enabled\n     */\n    public get enabled(): boolean\n    {\n        return this._enabled;\n    }\n\n    /**\n     * Occurs when enabled state changed\n     */\n    public get enabledChange(): Observable<void>\n    {\n        return this._enabledChangeSubject.asObservable();\n    }\n\n    //######################### public methods #########################\n\n    /**\n     * Sets enabled state\n     * @param enabled - Indication whether will be enabled state set to true, or false, defaults to true\n     */\n    public setEnabled(enabled: boolean = true): void\n    {\n        if(this._enabled === enabled)\n        {\n            return;\n        }\n\n        this._enabled = enabled;\n\n        this._enabledChangeSubject.next();\n    }\n}"]}

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

@@ -0,0 +1,119 @@
+import { Component, ChangeDetectionStrategy, Input, EventEmitter, Output, ContentChild, TemplateRef, Inject, ChangeDetectorRef, Optional, ElementRef } from '@angular/core';
+import { DOCUMENT } from '@angular/common';
+import { extend } from '@jscrpt/common';
+import { MULTI_BUTTON_CSS_CLASSES } from '../../misc/tokens';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+const defaultCssClasses = {
+    mainButtonDiv: 'flex-row',
+    mainButtonContentDiv: 'multi-button-content',
+    mainButtonSeparatorDiv: 'fa multi-option-separator',
+    mainButtonClickAreaDiv: 'multi-option-click',
+    mainButtonMultiOptionDiv: 'multi-option fa fa-angle-down',
+    subButtonsDiv: 'sub-buttons'
+};
+/**
+ * Component used for displaying multibutton
+ */
+export class MultiButtonComponent {
+    //######################### 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);
+    }
+    /**
+     * Css classes used within component, allows to change specific class
+     */
+    get cssClasses() {
+        return this._usedCssClasses;
+    }
+    set cssClasses(classes) {
+        this._usedCssClasses = extend({}, this._usedCssClasses, classes);
+    }
+    //######################### public methods - implementation of OnDestroy #########################
+    /**
+     * Called when component is destroyed
+     */
+    ngOnDestroy() {
+        this._removeRegistration();
+    }
+    //######################### public methods - template bindings #########################
+    /**
+     * Method called when sub buttons should be shown
+     */
+    showSubButtons(event) {
+        event.preventDefault();
+        event.stopPropagation();
+        this.subButtonsVisible = !this.subButtonsVisible;
+        this.subButtonsOffset = this._element.nativeElement.clientHeight + 2;
+        if (this.subButtonsVisible) {
+            this._document.addEventListener('click', this._handleClickOutside);
+        }
+        //unregister handle click outside
+        else {
+            this._removeRegistration();
+        }
+    }
+    /**
+     * Removes event registration
+     */
+    _removeRegistration() {
+        this._document.removeEventListener('click', this._handleClickOutside);
+    }
+}
+MultiButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.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 });
+MultiButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.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}"], directives: [{ type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.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: function () { return [{ type: Document, decorators: [{
+                    type: Inject,
+                    args: [DOCUMENT]
+                }] }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: [MULTI_BUTTON_CSS_CLASSES]
+                }, {
+                    type: Optional
+                }] }, { type: i0.ElementRef }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { cssClass: [{
+                type: Input
+            }], cssClasses: [{
+                type: Input
+            }], click: [{
+                type: Output
+            }], subButtonsContent: [{
+                type: ContentChild,
+                args: [TemplateRef]
+            }] } });
+//# sourceMappingURL=multiButton.component.js.map

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

@@ -0,0 +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":"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;IA4D7B,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;IApCD;;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;IA2BD,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;YACI,IAAI,CAAC,SAAS,CAAC,gBAAgB,CAAC,OAAO,EAAE,IAAI,CAAC,mBAAmB,CAAC,CAAC;SACtE;QACD,iCAAiC;aAEjC;YACI,IAAI,CAAC,mBAAmB,EAAE,CAAC;SAC9B;IACL,CAAC;IAcD;;OAEG;IACO,mBAAmB;QAEzB,IAAI,CAAC,SAAS,CAAC,mBAAmB,CAAC,OAAO,EAAE,IAAI,CAAC,mBAAmB,CAAC,CAAC;IAC1E,CAAC;;iHAzHQ,oBAAoB,kBA6DT,QAAQ,aACR,wBAAwB;qGA9DnC,oBAAoB,4LAyDf,WAAW,gDCpF7B,sqBAcM;2FDaO,oBAAoB;kBAPhC,SAAS;+BAEI,cAAc,mBAGP,uBAAuB,CAAC,MAAM;0DA+DI,QAAQ;0BAA9C,MAAM;2BAAC,QAAQ;;0BACf,MAAM;2BAAC,wBAAwB;;0BAAG,QAAQ;qGAjChD,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/es2020/src/modules/multiButton/components/multiButton/multiButton.interface.js

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

package/es2020/src/modules/multiButton/components/multiButton/multiButton.interface.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"multiButton.interface.js","sourceRoot":"","sources":["../../../../../../src/modules/multiButton/components/multiButton/multiButton.interface.ts"],"names":[],"mappings":"","sourcesContent":["/**\n * Describes multi button css classes\n */\nexport interface MultiButtonCssClasses\n{\n    /**\n     * Main button div\n     */\n    mainButtonDiv?: string;\n\n    /**\n     * Main button content div\n     */\n    mainButtonContentDiv?: string;\n\n    /**\n     * Main button separator div\n     */\n    mainButtonSeparatorDiv?: string;\n\n    /**\n     * Main button click area div\n     */\n    mainButtonClickAreaDiv?: string;\n\n    /**\n     * Main button option div\n     */\n    mainButtonMultiOptionDiv?: string;\n\n    /**\n     * Div for displaying sub buttons\n     */\n    subButtonsDiv?: string;\n}"]}

package/es2020/src/modules/multiButton/misc/tokens.js

@@ -0,0 +1,6 @@
+import { InjectionToken } from '@angular/core';
+/**
+ * Injection token for default css classes for multibutton
+ */
+export const MULTI_BUTTON_CSS_CLASSES = new InjectionToken('MULTI_BUTTON_CSS_CLASSES');
+//# sourceMappingURL=tokens.js.map

package/es2020/src/modules/multiButton/misc/tokens.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tokens.js","sourceRoot":"","sources":["../../../../../src/modules/multiButton/misc/tokens.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,cAAc,EAAC,MAAM,eAAe,CAAC;AAI7C;;GAEG;AACH,MAAM,CAAC,MAAM,wBAAwB,GAA0C,IAAI,cAAc,CAAwB,0BAA0B,CAAC,CAAC","sourcesContent":["import {InjectionToken} from '@angular/core';\n\nimport {MultiButtonCssClasses} from '../components/multiButton/multiButton.interface';\n\n/**\n * Injection token for default css classes for multibutton\n */\nexport const MULTI_BUTTON_CSS_CLASSES: InjectionToken<MultiButtonCssClasses> = new InjectionToken<MultiButtonCssClasses>('MULTI_BUTTON_CSS_CLASSES');"]}

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

@@ -0,0 +1,29 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { MultiButtonComponent } from '../components/multiButton/multiButton.component';
+import * as i0 from "@angular/core";
+/**
+ * Module containing components for displaying multi button
+ */
+export class MultiButtonModule {
+}
+MultiButtonModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: MultiButtonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+MultiButtonModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: MultiButtonModule, declarations: [MultiButtonComponent], imports: [CommonModule], exports: [MultiButtonComponent] });
+MultiButtonModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: MultiButtonModule, imports: [[
+            CommonModule
+        ]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: MultiButtonModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        CommonModule
+                    ],
+                    declarations: [
+                        MultiButtonComponent
+                    ],
+                    exports: [
+                        MultiButtonComponent
+                    ]
+                }]
+        }] });
+//# sourceMappingURL=multiButton.module.js.map

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

@@ -0,0 +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;;8GAAjB,iBAAiB;+GAAjB,iBAAiB,iBAPtB,oBAAoB,aAJpB,YAAY,aAQZ,oBAAoB;+GAGf,iBAAiB,YAZ1B;YACI,YAAY;SACf;2FAUQ,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/es2020/src/modules/progressIndicator/components/index.js

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

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

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