@anglr/common 17.0.0-beta.20230707113924 → 17.0.0-beta.20230709184222

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

@@ -0,0 +1,133 @@
+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
+ */
+class MultiButtonComponent {
+    _document;
+    _element;
+    _changeDetector;
+    //######################### protected fields #########################
+    /**
+     * Used css classes within component
+     */
+    _usedCssClasses;
+    //######################### public properties - template bindings #########################
+    /**
+     * Indication whether are sub buttons visible
+     * @internal
+     */
+    subButtonsVisible = false;
+    /**
+     * Sub buttons div top offset
+     * @internal
+     */
+    subButtonsOffset = 0;
+    //######################### public properties - inputs #########################
+    /**
+     * Css class applied to main displayed element
+     */
+    cssClass = '';
+    /**
+     * Css classes used within component, allows to change specific class
+     */
+    get cssClasses() {
+        return this._usedCssClasses;
+    }
+    set cssClasses(classes) {
+        this._usedCssClasses = extend({}, this._usedCssClasses, classes);
+    }
+    //######################### public properties - outputs #########################
+    /**
+     * Occurs when user clicks on button
+     */
+    click = new EventEmitter();
+    //######################### public properties - children #########################
+    /**
+     * Template that is used for rendering sub buttons content
+     */
+    subButtonsContent;
+    //######################### constructor #########################
+    constructor(_document, _cssClasess, _element, _changeDetector) {
+        this._document = _document;
+        this._element = _element;
+        this._changeDetector = _changeDetector;
+        this._usedCssClasses = extend({}, defaultCssClasses, _cssClasess);
+    }
+    //######################### 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();
+        }
+    }
+    //######################### protected methods #########################
+    /**
+     * Handles click outside of multi button element
+     */
+    _handleClickOutside = () => {
+        this.subButtonsVisible = false;
+        this._removeRegistration();
+        this._changeDetector.detectChanges();
+    };
+    /**
+     * Removes event registration
+     */
+    _removeRegistration() {
+        this._document.removeEventListener('click', this._handleClickOutside);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.4", ngImport: i0, type: MultiButtonComponent, deps: [{ token: DOCUMENT }, { token: MULTI_BUTTON_CSS_CLASSES, optional: true }, { token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.4", type: MultiButtonComponent, selector: "multi-button", inputs: { cssClass: "cssClass", cssClasses: "cssClasses" }, outputs: { click: "click" }, queries: [{ propertyName: "subButtonsContent", first: true, predicate: TemplateRef, descendants: true }], ngImport: i0, template: "<div [ngClass]=\"[cssClass, cssClasses?.mainButtonDiv]\">\r\n    <div (click)=\"click.emit($event)\" [ngClass]=\"cssClasses?.mainButtonContentDiv\">\r\n        <ng-content></ng-content>\r\n    </div>\r\n\r\n    <span [ngClass]=\"cssClasses?.mainButtonSeparatorDiv\"></span>\r\n\r\n    <div [ngClass]=\"cssClasses?.mainButtonClickAreaDiv\" (click)=\"showSubButtons($event)\">\r\n        <div [ngClass]=\"cssClasses?.mainButtonMultiOptionDiv\"></div>\r\n    </div>\r\n</div>\r\n\r\n<div [ngClass]=\"cssClasses?.subButtonsDiv\" *ngIf=\"subButtonsVisible\" [style.top.px]=\"subButtonsOffset\">\r\n    <ng-container *ngTemplateOutlet=\"subButtonsContent\"></ng-container>\r\n</div>", styles: [":host\r\n{\r\n    display: flex;\r\n    position: relative;\r\n}\r\n\r\n.multi-option\r\n{\r\n    align-self: center;\r\n    text-align: center;\r\n    flex: 1;\r\n    min-width: 0;\r\n}\r\n\r\n.multi-button-content\r\n{\r\n    display: flex;\r\n    flex-direction: row;\r\n    align-items: center;\r\n    padding: 3px 8px;\r\n}\r\n\r\n.multi-option-separator\r\n{\r\n    border-left-style: solid;\r\n    border-left-width: 1px;\r\n    margin-top: -1px;\r\n    margin-bottom: -1px;\r\n}\r\n\r\n.multi-option-click\r\n{\r\n    width: 1.6em;\r\n    display: flex;\r\n    flex-direction: row;\r\n}\r\n\r\n.sub-buttons\r\n{\r\n    display: flex;\r\n    flex-direction: column;\r\n    position: absolute;\r\n    min-width: 100%;\r\n    padding: 4px 0;\r\n    border-radius: 4px;\r\n}"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+export { MultiButtonComponent };
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.4", 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/es2022/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":"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","sourcesContent":["import {Component, ChangeDetectionStrategy, Input, EventEmitter, Output, ContentChild, TemplateRef, Inject, OnDestroy, ChangeDetectorRef, Optional, ElementRef} from '@angular/core';\nimport {DOCUMENT} from '@angular/common';\nimport {extend} from '@jscrpt/common';\n\nimport {MultiButtonCssClasses} from './multiButton.interface';\nimport {MULTI_BUTTON_CSS_CLASSES} from '../../misc/tokens';\n\nconst defaultCssClasses: MultiButtonCssClasses =\n{\n    mainButtonDiv: 'flex-row',\n    mainButtonContentDiv: 'multi-button-content',\n    mainButtonSeparatorDiv: 'fa multi-option-separator',\n    mainButtonClickAreaDiv: 'multi-option-click',\n    mainButtonMultiOptionDiv: 'multi-option fa fa-angle-down',\n    subButtonsDiv: 'sub-buttons'\n};\n\n/**\n * Component used for displaying multibutton\n */\n@Component(\n{\n    selector: 'multi-button',\n    templateUrl: 'multiButton.component.html',\n    styleUrls: ['multiButton.component.css'],\n    changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class MultiButtonComponent implements OnDestroy\n{\n    //######################### protected fields #########################\n\n    /**\n     * Used css classes within component\n     */\n    protected _usedCssClasses: MultiButtonCssClasses;\n\n    //######################### public properties - template bindings #########################\n\n    /**\n     * Indication whether are sub buttons visible\n     * @internal\n     */\n    public subButtonsVisible: boolean = false;\n\n    /**\n     * Sub buttons div top offset\n     * @internal\n     */\n    public subButtonsOffset: number = 0;\n\n    //######################### public properties - inputs #########################\n\n    /**\n     * Css class applied to main displayed element\n     */\n    @Input()\n    public cssClass: string = '';\n\n    /**\n     * Css classes used within component, allows to change specific class\n     */\n    @Input()\n    public get cssClasses(): MultiButtonCssClasses\n    {\n        return this._usedCssClasses;\n    }\n    public set cssClasses(classes: MultiButtonCssClasses)\n    {\n        this._usedCssClasses = extend({}, this._usedCssClasses, classes);\n    }\n\n    //######################### public properties - outputs #########################\n\n    /**\n     * Occurs when user clicks on button\n     */\n    @Output()\n    public click: EventEmitter<MouseEvent> = new EventEmitter<MouseEvent>();\n\n    //######################### public properties - children #########################\n\n    /**\n     * Template that is used for rendering sub buttons content\n     */\n    @ContentChild(TemplateRef)\n    public subButtonsContent: TemplateRef<void>;\n\n    //######################### constructor #########################\n    constructor(@Inject(DOCUMENT) protected _document: Document,\n                @Inject(MULTI_BUTTON_CSS_CLASSES) @Optional() _cssClasess: MultiButtonCssClasses,\n                protected _element: ElementRef<HTMLElement>,\n                protected _changeDetector: ChangeDetectorRef)\n    {\n        this._usedCssClasses = extend({}, defaultCssClasses, _cssClasess);\n    }\n\n    //######################### public methods - implementation of OnDestroy #########################\n    \n    /**\n     * Called when component is destroyed\n     */\n    public ngOnDestroy(): void\n    {\n        this._removeRegistration();\n    }\n\n    //######################### public methods - template bindings #########################\n\n    /**\n     * Method called when sub buttons should be shown\n     */\n    public showSubButtons(event: MouseEvent): void\n    {\n        event.preventDefault();\n        event.stopPropagation();\n\n        this.subButtonsVisible = !this.subButtonsVisible;\n        this.subButtonsOffset = this._element.nativeElement.clientHeight + 2;\n\n        if(this.subButtonsVisible)\n        {\n            this._document.addEventListener('click', this._handleClickOutside);\n        }\n        //unregister handle click outside\n        else\n        {\n            this._removeRegistration();\n        }\n    }\n\n    //######################### protected methods #########################\n\n    /**\n     * Handles click outside of multi button element\n     */\n    protected _handleClickOutside = () =>\n    {\n        this.subButtonsVisible = false;\n        this._removeRegistration();\n        this._changeDetector.detectChanges();\n    }\n\n    /**\n     * Removes event registration\n     */\n    protected _removeRegistration(): void\n    {\n        this._document.removeEventListener('click', this._handleClickOutside);\n    }\n}","<div [ngClass]=\"[cssClass, cssClasses?.mainButtonDiv]\">\r\n    <div (click)=\"click.emit($event)\" [ngClass]=\"cssClasses?.mainButtonContentDiv\">\r\n        <ng-content></ng-content>\r\n    </div>\r\n\r\n    <span [ngClass]=\"cssClasses?.mainButtonSeparatorDiv\"></span>\r\n\r\n    <div [ngClass]=\"cssClasses?.mainButtonClickAreaDiv\" (click)=\"showSubButtons($event)\">\r\n        <div [ngClass]=\"cssClasses?.mainButtonMultiOptionDiv\"></div>\r\n    </div>\r\n</div>\r\n\r\n<div [ngClass]=\"cssClasses?.subButtonsDiv\" *ngIf=\"subButtonsVisible\" [style.top.px]=\"subButtonsOffset\">\r\n    <ng-container *ngTemplateOutlet=\"subButtonsContent\"></ng-container>\r\n</div>"]}

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

@@ -0,0 +1,28 @@
+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
+ */
+class MultiButtonModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.4", ngImport: i0, type: MultiButtonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.1.4", ngImport: i0, type: MultiButtonModule, declarations: [MultiButtonComponent], imports: [CommonModule], exports: [MultiButtonComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.1.4", ngImport: i0, type: MultiButtonModule, imports: [CommonModule] });
+}
+export { MultiButtonModule };
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.4", ngImport: i0, type: MultiButtonModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        CommonModule
+                    ],
+                    declarations: [
+                        MultiButtonComponent
+                    ],
+                    exports: [
+                        MultiButtonComponent
+                    ]
+                }]
+        }] });
+//# sourceMappingURL=multiButton.module.js.map

package/es2022/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;AACH,MAea,iBAAiB;uGAAjB,iBAAiB;wGAAjB,iBAAiB,iBAPtB,oBAAoB,aAJpB,YAAY,aAQZ,oBAAoB;wGAGf,iBAAiB,YAXtB,YAAY;;SAWP,iBAAiB;2FAAjB,iBAAiB;kBAf7B,QAAQ;mBACT;oBACI,OAAO,EACP;wBACI,YAAY;qBACf;oBACD,YAAY,EACZ;wBACI,oBAAoB;qBACvB;oBACD,OAAO,EACP;wBACI,oBAAoB;qBACvB;iBACJ","sourcesContent":["import {NgModule} from '@angular/core';\nimport {CommonModule} from '@angular/common';\n\nimport {MultiButtonComponent} from '../components/multiButton/multiButton.component';\n\n/**\n * Module containing components for displaying multi button\n */\n@NgModule(\n{\n    imports:\n    [\n        CommonModule\n    ],\n    declarations:\n    [\n        MultiButtonComponent\n    ],\n    exports:\n    [\n        MultiButtonComponent\n    ]\n})\nexport class MultiButtonModule\n{\n}"]}

package/es2022/src/modules/position/directives/positionTo/positionTo.directive.js

@@ -0,0 +1,155 @@
+import { Directive, Input, ElementRef, Inject, Output, EventEmitter } from '@angular/core';
+import { nameof, isPresent, isString } from '@jscrpt/common';
+import { applyPositionResult, PositionPlacement } from '../../../../services/position';
+import { POSITION } from '../../../../types/tokens';
+import * as i0 from "@angular/core";
+/**
+ * Sets position of attached element relative to provided element
+ */
+class PositionToDirective {
+    target;
+    position;
+    //######################### protected fields #########################
+    /**
+     * Position placement value
+     */
+    ɵPlacement;
+    /**
+     * Html element which is used as source for positioning
+     */
+    ɵSource;
+    /**
+     * Method used for disposing auto positioning
+     */
+    dispose;
+    //######################### public properties - inputs #########################
+    /**
+     * Gets or sets html element which is used as source for positioning
+     */
+    get source() {
+        return this.ɵSource;
+    }
+    set source(value) {
+        if (value instanceof ElementRef) {
+            this.ɵSource = value.nativeElement;
+            return;
+        }
+        this.ɵSource = value;
+    }
+    /**
+     * Gets or sets position placement value
+     */
+    get placement() {
+        return this.ɵPlacement;
+    }
+    set placement(value) {
+        if (isString(value)) {
+            this.ɵPlacement = PositionPlacement[value];
+            return;
+        }
+        this.ɵPlacement = value;
+    }
+    /**
+     * Offset which allows moving target element along the cross axis of placement, or any chosed direction
+     */
+    offset = 'None';
+    /**
+     * Indication whether set up 'auto updating' of position
+     */
+    autoUpdate = true;
+    //######################### public properties - outputs #########################
+    /**
+     * Occurs when flip occurs during positioning
+     */
+    flip = new EventEmitter();
+    /**
+     * Occurs when element was positioned
+     */
+    done = new EventEmitter();
+    //######################### constructor #########################
+    constructor(target, position) {
+        this.target = target;
+        this.position = position;
+    }
+    //######################### public methods - implementation of OnChanges #########################
+    /**
+     * Called when input value changes
+     */
+    ngOnChanges(changes) {
+        if ((nameof('source') in changes ||
+            nameof('placement') in changes) &&
+            isPresent(this.source)) {
+            this._applyPosition();
+        }
+    }
+    //######################### public methods - implementation of OnDestroy #########################
+    /**
+     * Called when component is destroyed
+     */
+    ngOnDestroy() {
+        this.dispose?.();
+    }
+    //######################### protected methods #########################
+    /**
+     * Applies position according to specified parameters to specified elements
+     */
+    _applyPosition() {
+        if (!this.ɵSource) {
+            return;
+        }
+        const options = {
+            flip: true,
+            autoUpdate: this.autoUpdate,
+            offset: this.offset,
+        };
+        if (this.ɵPlacement) {
+            options.placement = this.ɵPlacement;
+        }
+        this.dispose?.();
+        this.position.placeElement(this.target.nativeElement, this.ɵSource, options)
+            .subscribe(result => {
+            this.dispose = result.dispose;
+            applyPositionResult(result);
+            if (result.flip) {
+                this.flip.emit();
+            }
+            this.done.emit();
+        });
+    }
+    //######################### ng language server #########################
+    /**
+     * Custom input type for `placement` input
+     */
+    static ngAcceptInputType_placement;
+    //######################### ng language server #########################
+    /**
+     * Custom input type for `source` input
+     */
+    static ngAcceptInputType_source;
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.4", ngImport: i0, type: PositionToDirective, deps: [{ token: i0.ElementRef }, { token: POSITION }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.1.4", type: PositionToDirective, selector: "[positionTo]", inputs: { source: ["positionTo", "source"], placement: "placement", offset: "offset", autoUpdate: "autoUpdate" }, outputs: { flip: "flip", done: "done" }, usesOnChanges: true, ngImport: i0 });
+}
+export { PositionToDirective };
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.4", ngImport: i0, type: PositionToDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[positionTo]'
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: [POSITION]
+                }] }]; }, propDecorators: { source: [{
+                type: Input,
+                args: ['positionTo']
+            }], placement: [{
+                type: Input
+            }], offset: [{
+                type: Input
+            }], autoUpdate: [{
+                type: Input
+            }], flip: [{
+                type: Output
+            }], done: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=positionTo.directive.js.map

package/es2022/src/modules/position/directives/positionTo/positionTo.directive.js.map

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

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

@@ -0,0 +1,25 @@
+import { NgModule } from '@angular/core';
+import { PositionToDirective } from '../directives/positionTo/positionTo.directive';
+import * as i0 from "@angular/core";
+/**
+ * Module for position to directive
+ */
+class PositionModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.4", ngImport: i0, type: PositionModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.1.4", ngImport: i0, type: PositionModule, declarations: [PositionToDirective], exports: [PositionToDirective] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.1.4", ngImport: i0, type: PositionModule });
+}
+export { PositionModule };
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.4", ngImport: i0, type: PositionModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [],
+                    declarations: [
+                        PositionToDirective
+                    ],
+                    exports: [
+                        PositionToDirective
+                    ]
+                }]
+        }] });
+//# sourceMappingURL=position.module.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"position.module.js","sourceRoot":"","sources":["../../../../../src/modules/position/modules/position.module.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,QAAQ,EAAC,MAAM,eAAe,CAAC;AAEvC,OAAO,EAAC,mBAAmB,EAAC,MAAM,+CAA+C,CAAC;;AAElF;;GAEG;AACH,MAca,cAAc;uGAAd,cAAc;wGAAd,cAAc,iBAPnB,mBAAmB,aAInB,mBAAmB;wGAGd,cAAc;;SAAd,cAAc;2FAAd,cAAc;kBAd1B,QAAQ;mBACT;oBACI,OAAO,EACP,EACC;oBACD,YAAY,EACZ;wBACI,mBAAmB;qBACtB;oBACD,OAAO,EACP;wBACI,mBAAmB;qBACtB;iBACJ","sourcesContent":["import {NgModule} from '@angular/core';\n\nimport {PositionToDirective} from '../directives/positionTo/positionTo.directive';\n\n/**\n * Module for position to directive\n */\n@NgModule(\n{\n    imports:\n    [\n    ],\n    declarations:\n    [\n        PositionToDirective\n    ],\n    exports:\n    [\n        PositionToDirective\n    ]\n})\nexport class PositionModule\n{\n}\n"]}

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

@@ -0,0 +1,79 @@
+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
+ */
+class ProgressIndicatorComponent {
+    _service;
+    _changeDetector;
+    //######################### private fields #########################
+    /**
+     * Subscription for changes in ProgressIndicatorService
+     */
+    _subscription;
+    //######################### public properties - template bindings #########################
+    /**
+     * Applied css classes
+     * @internal
+     */
+    appliedClass = { 'progress-indicator': true };
+    /**
+     * Array of messages that should be displayed
+     * @internal
+     */
+    messages;
+    //######################### public properties - inputs #########################
+    /**
+     * Sets css classes that will be applied to indicator
+     */
+    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;
+    }
+    //######################### constructor #########################
+    constructor(_service, _changeDetector) {
+        this._service = _service;
+        this._changeDetector = _changeDetector;
+        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 methods - implementation of OnDestroy #########################
+    /**
+     * Called when component is destroyed
+     */
+    ngOnDestroy() {
+        if (this._subscription) {
+            this._subscription.unsubscribe();
+            this._subscription = null;
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.4", ngImport: i0, type: ProgressIndicatorComponent, deps: [{ token: i1.ProgressIndicatorService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.4", type: ProgressIndicatorComponent, selector: "progress-indicator", inputs: { cssClass: "cssClass" }, ngImport: i0, template: "<div [ngClass]=\"appliedClass\">\n    <div class=\"spinner\"></div>\n\n    <div class=\"messages\">\n        <div *ngFor=\"let msg of messages; let index = index\" [ngClass]=\"'message-' + ((messages.length - index) > 3 ? 'out' : (messages.length - index - 1))\">{{msg | localize}}</div>\n    </div>\n</div>", styles: ["\n.progress-indicator\n{\n    transition: all 250ms linear;\n    background-color: rgba(0, 0, 0, 0.45);\n    height: 100%;\n    width: 100%;\n    position: fixed;\n    top: 0;\n    left: 0;\n    z-index: 23456;\n    opacity: 0;\n    visibility: hidden;\n}\n.progress-indicator.running\n{\n    visibility: visible;\n    opacity: 1;\n}\n.progress-indicator.running > .spinner\n{\n    border: 4px solid #eee;\n    border-bottom: none;\n    border-top-left-radius: 48px;\n    border-top-right-radius: 48px;\n    height: 24px;\n    margin-left: auto;\n    margin-right: auto;\n    position: relative;\n    top: 50%;\n    width: 48px;\n    animation-name: rotate-progress;\n    animation-duration: 450ms;\n    animation-iteration-count: infinite;\n    animation-timing-function: linear;\n    transform-origin: calc(50%) calc(50% + 12px);\n}\n\n.progress-indicator.running > .messages\n{\n    color: #eee;\n    top: calc(50% + 25px);\n    position: relative;\n    text-align: center;\n    font-weight: bold;\n    font-size: 1.25em;\n    display: flex;\n    flex-direction: column-reverse;\n}\n\n.progress-indicator.running > .messages .message-0,\n.progress-indicator.running > .messages .message-1,\n.progress-indicator.running > .messages .message-2,\n.progress-indicator.running > .messages  .message-out\n{\n    transition: all 500ms;\n    position: absolute;\n    width: 100%;\n    top: 0;\n}\n\n.progress-indicator.running > .messages .message-1\n{\n    transform: scale3d(0.7, 0.7, 0.7) translateZ(-20px) translateY(30px);\n    opacity: 0.8;\n}\n\n.progress-indicator.running > .messages .message-2\n{\n    transform: scale3d(0.35, 0.35, 0.35) translateZ(-40px) translateY(100px);\n    opacity: 0.5;\n}\n\n.progress-indicator.running > .messages .message-out\n{\n    transform: scale3d(0, 0, 0) translateZ(-100px) translateY(200px);\n}\n\n@keyframes rotate-progress\n{\n    from\n    {\n        transform: rotate(0deg);\n    }\n    to\n    {\n        transform: rotate(360deg);\n    }\n}"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "pipe", type: i3.LocalizeSAPipe, name: "localize" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+export { ProgressIndicatorComponent };
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.4", 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/es2022/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;AACH,MAOa,0BAA0B;IA+Cf;IACA;IA9CpB,oEAAoE;IAEpE;;OAEG;IACK,aAAa,CAAoB;IAEzC,2FAA2F;IAE3F;;;OAGG;IACI,YAAY,GAA6B,EAAE,oBAAoB,EAAE,IAAI,EAAE,CAAC;IAE/E;;;OAGG;IACI,QAAQ,CAAW;IAE1B,gFAAgF;IAEhF;;OAEG;IACH,IACW,QAAQ,CAAC,QAAgB;QAEhC,IAAI,CAAC,YAAY,GAAG,EAAE,CAAC;QACvB,IAAI,CAAC,YAAY,CAAC,QAAQ,CAAC,GAAG,IAAI,CAAC;QACnC,IAAI,CAAC,eAAe,CAAC,aAAa,EAAE,CAAC;IACzC,CAAC;IAED,wEAAwE;IAExE;;OAEG;IACH,IAAY,OAAO,CAAC,OAAgB;QAEhC,IAAI,CAAC,YAAY,CAAC,SAAS,CAAC,GAAG,OAAO,CAAC;IAC3C,CAAC;IAED,iEAAiE;IACjE,YAAoB,QAAkC,EAClC,eAAkC;QADlC,aAAQ,GAAR,QAAQ,CAA0B;QAClC,oBAAe,GAAf,eAAe,CAAmB;QAElD,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,qBAAqB,CAAC,CAAC;QAC5D,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,qBAAqB,CAAC,IAAI,EAAE,CAAC;QAEpE,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC,QAAQ,CAAC,WAAW,CAAC,SAAS,CAAC,IAAI,CAAC,EAAE;YAE5D,IAAG,IAAI,IAAI,qBAAqB,EAChC;gBACI,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,qBAAqB,CAAC,CAAC;gBAC5D,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,qBAAqB,CAAC,IAAI,EAAE,CAAC;gBAEpE,IAAI,CAAC,eAAe,CAAC,aAAa,EAAE,CAAC;aACxC;QACL,CAAC,CAAC,CAAC;IACP,CAAC;IAED,kGAAkG;IAElG;;OAEG;IACI,WAAW;QAEd,IAAG,IAAI,CAAC,aAAa,EACrB;YACI,IAAI,CAAC,aAAa,CAAC,WAAW,EAAE,CAAC;YACjC,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC;SAC7B;IACL,CAAC;uGA7EQ,0BAA0B;2FAA1B,0BAA0B,4FCfvC,qTAMM;;SDSO,0BAA0B;2FAA1B,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>"]}