mediasfu-angular 1.0.0

package/dist/esm2022/lib/components/display-components/flexible-video/flexible-video.component.mjs

@@ -0,0 +1,265 @@
+import { Component, Input, Injector } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+/**
+ * Component for displaying a flexible video grid.
+ *
+ * @component
+ * @selector app-flexible-video
+ * @standalone true
+ * @imports CommonModule
+ *
+ * @template
+ * <div>
+ *   <!-- Dynamic styles and layout for video grid -->
+ *   <div *ngFor="let rowComponents of grid; let rowIndex = index">
+ *     <div *ngFor="let component of rowComponents; let colIndex = index">
+ *       <ng-container *ngComponentOutlet="component.component; injector: createInjector(component.inputs)"></ng-container>
+ *     </div>
+ *   </div>
+ *   <div *ngIf="Screenboard && Screenboard.component">
+ *     <ng-container *ngComponentOutlet="Screenboard.component; injector: createInjector(Screenboard.inputs)"></ng-container>
+ *   </div>
+ * </div>
+ *
+ * @class FlexibleVideo
+ * @implements OnInit, OnChanges
+ *
+ * @property {number} customWidth - Custom width for the video grid.
+ * @property {number} customHeight - Custom height for the video grid.
+ * @property {number} rows - Number of rows in the video grid.
+ * @property {number} columns - Number of columns in the video grid.
+ * @property {Array<{ component: ComponentType<any>, inputs: any }>} componentsToRender - Components to render in the grid.
+ * @property {boolean} showAspect - Flag to show or hide the aspect ratio.
+ * @property {string} [backgroundColor='transparent'] - Background color for the video grid.
+ * @property {{ component: ComponentType<any>, inputs: any }} [Screenboard] - Screenboard component to overlay on the grid.
+ * @property {boolean} [annotateScreenStream=false] - Flag to annotate the screen stream.
+ * @property {MediaStream} [localStreamScreen] - Local media stream for the screen.
+ *
+ * @property {number} key - Key for tracking changes.
+ * @property {number} cardWidth - Width of each card in the grid.
+ * @property {number} cardHeight - Height of each card in the grid.
+ * @property {number} cardTop - Top position of each card in the grid.
+ * @property {number} cardLeft - Left position of each card in the grid.
+ * @property {number} canvasLeft - Left position of the canvas.
+ * @property {any[][]} grid - Grid structure for the components.
+ *
+ * @constructor
+ * @param {Injector} injector - Angular injector for dependency injection.
+ *
+ * @method ngOnInit - Lifecycle hook that is called after data-bound properties are initialized.
+ * @method ngOnChanges - Lifecycle hook that is called when any data-bound property changes.
+ * @method generateGrid - Generates the grid structure based on rows and columns.
+ * @method createInjector - Creates an injector for the given inputs.
+ * @param {any} inputs - Inputs for the component.
+ * @returns {Injector} - The created injector.
+ */
+export class FlexibleVideo {
+    injector;
+    customWidth = 0;
+    customHeight = 0;
+    rows = 0;
+    columns = 0;
+    componentsToRender = [];
+    showAspect = false;
+    backgroundColor = 'transparent';
+    Screenboard;
+    annotateScreenStream = false;
+    localStreamScreen;
+    key = 0;
+    cardWidth = 0;
+    cardHeight = 0;
+    cardTop = 0;
+    cardLeft = 0;
+    canvasLeft = 0;
+    grid = [];
+    injectorCache = new WeakMap();
+    constructor(injector) {
+        this.injector = injector;
+    }
+    ngOnInit() {
+        if (this.showAspect) {
+            this.generateGrid();
+        }
+    }
+    ngOnChanges(changes) {
+        if (changes['columns'] ||
+            changes['rows'] ||
+            changes['componentsToRender'] ||
+            changes['customWidth'] ||
+            changes['customHeight']) {
+            if (this.showAspect) {
+                this.key++;
+                this.generateGrid();
+            }
+        }
+        if (this.annotateScreenStream && this.localStreamScreen) {
+            const videoHeight = this.localStreamScreen.getVideoTracks()[0].getSettings().height || 0;
+            const videoWidth = this.localStreamScreen.getVideoTracks()[0].getSettings().width || 0;
+            this.cardWidth = videoWidth;
+            this.cardHeight = videoHeight;
+            this.cardTop = Math.floor((this.customHeight - videoHeight) / 2);
+            this.cardLeft = Math.floor((this.customWidth - videoWidth) / 2);
+            this.canvasLeft = this.cardLeft < 0 ? this.cardLeft : 0;
+        }
+        else {
+            this.cardWidth = this.customWidth;
+            this.cardHeight = this.customHeight;
+            this.cardTop = 0;
+            this.cardLeft = 0;
+            this.canvasLeft = 0;
+        }
+    }
+    generateGrid() {
+        this.grid = [];
+        for (let row = 0; row < this.rows; row++) {
+            const rowComponents = [];
+            for (let col = 0; col < this.columns; col++) {
+                const index = row * this.columns + col;
+                const component = this.componentsToRender[index];
+                rowComponents.push(component);
+            }
+            this.grid.push(rowComponents);
+        }
+    }
+    createInjector(inputs) {
+        if (!this.injectorCache.has(inputs)) {
+            const injector = Injector.create({
+                providers: Object.keys(inputs).map((key) => ({ provide: key, useValue: inputs[key] })),
+                parent: this.injector,
+            });
+            this.injectorCache.set(inputs, injector);
+        }
+        // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+        return this.injectorCache.get(inputs);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: FlexibleVideo, deps: [{ token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.8", type: FlexibleVideo, isStandalone: true, selector: "app-flexible-video", inputs: { customWidth: "customWidth", customHeight: "customHeight", rows: "rows", columns: "columns", componentsToRender: "componentsToRender", showAspect: "showAspect", backgroundColor: "backgroundColor", Screenboard: "Screenboard", annotateScreenStream: "annotateScreenStream", localStreamScreen: "localStreamScreen" }, usesOnChanges: true, ngImport: i0, template: `
+    <div
+      style="padding: 0; flex: 1; margin: 0; position: relative; display: {{
+        showAspect ? 'flex' : 'none'
+      }};
+             max-width: {{ customWidth }}px; overflow-x: hidden; overflow-y: auto; left: {{
+        cardLeft > 0 ? cardLeft : 0
+      }}px;"
+    >
+      <div
+        *ngFor="let rowComponents of grid; let rowIndex = index"
+        style="display: flex; flex-direction: row;"
+      >
+        <div
+          *ngFor="let component of rowComponents; let colIndex = index"
+          [ngStyle]="{
+            flex: 1,
+            width: cardWidth + 'px',
+            height: cardHeight + 'px',
+            backgroundColor: backgroundColor,
+            margin: '1px',
+            padding: 0,
+            borderRadius: '0px',
+            left: cardLeft + 'px'
+          }"
+        >
+          <ng-container
+            *ngComponentOutlet="component.component; injector: createInjector(component.inputs)"
+          ></ng-container>
+        </div>
+      </div>
+      <div
+        *ngIf="Screenboard && Screenboard.component"
+        [ngStyle]="{
+          position: 'absolute',
+          top: '0',
+          left: canvasLeft + 'px',
+          width: cardWidth + 'px',
+          height: cardHeight + 'px',
+          backgroundColor: 'rgba(0, 0, 0, 0.005)',
+          zIndex: '2'
+        }"
+      >
+        <ng-container
+          *ngComponentOutlet="Screenboard.component; injector: createInjector(Screenboard.inputs)"
+        ></ng-container>
+      </div>
+    </div>
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInputs", "ngComponentOutletInjector", "ngComponentOutletContent", "ngComponentOutletNgModule", "ngComponentOutletNgModuleFactory"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: FlexibleVideo, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'app-flexible-video',
+                    standalone: true,
+                    imports: [CommonModule],
+                    template: `
+    <div
+      style="padding: 0; flex: 1; margin: 0; position: relative; display: {{
+        showAspect ? 'flex' : 'none'
+      }};
+             max-width: {{ customWidth }}px; overflow-x: hidden; overflow-y: auto; left: {{
+        cardLeft > 0 ? cardLeft : 0
+      }}px;"
+    >
+      <div
+        *ngFor="let rowComponents of grid; let rowIndex = index"
+        style="display: flex; flex-direction: row;"
+      >
+        <div
+          *ngFor="let component of rowComponents; let colIndex = index"
+          [ngStyle]="{
+            flex: 1,
+            width: cardWidth + 'px',
+            height: cardHeight + 'px',
+            backgroundColor: backgroundColor,
+            margin: '1px',
+            padding: 0,
+            borderRadius: '0px',
+            left: cardLeft + 'px'
+          }"
+        >
+          <ng-container
+            *ngComponentOutlet="component.component; injector: createInjector(component.inputs)"
+          ></ng-container>
+        </div>
+      </div>
+      <div
+        *ngIf="Screenboard && Screenboard.component"
+        [ngStyle]="{
+          position: 'absolute',
+          top: '0',
+          left: canvasLeft + 'px',
+          width: cardWidth + 'px',
+          height: cardHeight + 'px',
+          backgroundColor: 'rgba(0, 0, 0, 0.005)',
+          zIndex: '2'
+        }"
+      >
+        <ng-container
+          *ngComponentOutlet="Screenboard.component; injector: createInjector(Screenboard.inputs)"
+        ></ng-container>
+      </div>
+    </div>
+  `,
+                }]
+        }], ctorParameters: () => [{ type: i0.Injector }], propDecorators: { customWidth: [{
+                type: Input
+            }], customHeight: [{
+                type: Input
+            }], rows: [{
+                type: Input
+            }], columns: [{
+                type: Input
+            }], componentsToRender: [{
+                type: Input
+            }], showAspect: [{
+                type: Input
+            }], backgroundColor: [{
+                type: Input
+            }], Screenboard: [{
+                type: Input
+            }], annotateScreenStream: [{
+                type: Input
+            }], localStreamScreen: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmxleGlibGUtdmlkZW8uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbWVkaWFzZnUtYW5ndWxhci9zcmMvbGliL2NvbXBvbmVudHMvZGlzcGxheS1jb21wb25lbnRzL2ZsZXhpYmxlLXZpZGVvL2ZsZXhpYmxlLXZpZGVvLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBb0MsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQzdGLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQzs7O0FBaUIvQzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztHQW9ERztBQXVESCxNQUFNLE9BQU8sYUFBYTtJQXNCSjtJQXJCWCxXQUFXLEdBQUcsQ0FBQyxDQUFDO0lBQ2hCLFlBQVksR0FBRyxDQUFDLENBQUM7SUFDakIsSUFBSSxHQUFHLENBQUMsQ0FBQztJQUNULE9BQU8sR0FBRyxDQUFDLENBQUM7SUFDWixrQkFBa0IsR0FBMkIsRUFBRSxDQUFDO0lBQ2hELFVBQVUsR0FBRyxLQUFLLENBQUM7SUFDbkIsZUFBZSxHQUFZLGFBQWEsQ0FBQztJQUN6QyxXQUFXLENBQXdCO0lBQ25DLG9CQUFvQixHQUFhLEtBQUssQ0FBQztJQUN2QyxpQkFBaUIsQ0FBZTtJQUV6QyxHQUFHLEdBQUcsQ0FBQyxDQUFDO0lBQ1IsU0FBUyxHQUFHLENBQUMsQ0FBQztJQUNkLFVBQVUsR0FBRyxDQUFDLENBQUM7SUFDZixPQUFPLEdBQUcsQ0FBQyxDQUFDO0lBQ1osUUFBUSxHQUFHLENBQUMsQ0FBQztJQUNiLFVBQVUsR0FBRyxDQUFDLENBQUM7SUFDZixJQUFJLEdBQVksRUFBRSxDQUFDO0lBRVgsYUFBYSxHQUFHLElBQUksT0FBTyxFQUFpQixDQUFDO0lBRXJELFlBQW9CLFFBQWtCO1FBQWxCLGFBQVEsR0FBUixRQUFRLENBQVU7SUFBRyxDQUFDO0lBRTFDLFFBQVE7UUFDTixJQUFJLElBQUksQ0FBQyxVQUFVLEVBQUUsQ0FBQztZQUNwQixJQUFJLENBQUMsWUFBWSxFQUFFLENBQUM7UUFDdEIsQ0FBQztJQUNILENBQUM7SUFFRCxXQUFXLENBQUMsT0FBc0I7UUFDaEMsSUFDRSxPQUFPLENBQUMsU0FBUyxDQUFDO1lBQ2xCLE9BQU8sQ0FBQyxNQUFNLENBQUM7WUFDZixPQUFPLENBQUMsb0JBQW9CLENBQUM7WUFDN0IsT0FBTyxDQUFDLGFBQWEsQ0FBQztZQUN0QixPQUFPLENBQUMsY0FBYyxDQUFDLEVBQ3ZCLENBQUM7WUFDRCxJQUFJLElBQUksQ0FBQyxVQUFVLEVBQUUsQ0FBQztnQkFDcEIsSUFBSSxDQUFDLEdBQUcsRUFBRSxDQUFDO2dCQUNYLElBQUksQ0FBQyxZQUFZLEVBQUUsQ0FBQztZQUN0QixDQUFDO1FBQ0gsQ0FBQztRQUVELElBQUksSUFBSSxDQUFDLG9CQUFvQixJQUFJLElBQUksQ0FBQyxpQkFBaUIsRUFBRSxDQUFDO1lBQ3hELE1BQU0sV0FBVyxHQUFHLElBQUksQ0FBQyxpQkFBaUIsQ0FBQyxjQUFjLEVBQUUsQ0FBQyxDQUFDLENBQUMsQ0FBQyxXQUFXLEVBQUUsQ0FBQyxNQUFNLElBQUksQ0FBQyxDQUFDO1lBQ3pGLE1BQU0sVUFBVSxHQUFHLElBQUksQ0FBQyxpQkFBaUIsQ0FBQyxjQUFjLEVBQUUsQ0FBQyxDQUFDLENBQUMsQ0FBQyxXQUFXLEVBQUUsQ0FBQyxLQUFLLElBQUksQ0FBQyxDQUFDO1lBQ3ZGLElBQUksQ0FBQyxTQUFTLEdBQUcsVUFBVSxDQUFDO1lBQzVCLElBQUksQ0FBQyxVQUFVLEdBQUcsV0FBVyxDQUFDO1lBQzlCLElBQUksQ0FBQyxPQUFPLEdBQUcsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDLElBQUksQ0FBQyxZQUFZLEdBQUcsV0FBVyxDQUFDLEdBQUcsQ0FBQyxDQUFDLENBQUM7WUFDakUsSUFBSSxDQUFDLFFBQVEsR0FBRyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUMsSUFBSSxDQUFDLFdBQVcsR0FBRyxVQUFVLENBQUMsR0FBRyxDQUFDLENBQUMsQ0FBQztZQUNoRSxJQUFJLENBQUMsVUFBVSxHQUFHLElBQUksQ0FBQyxRQUFRLEdBQUcsQ0FBQyxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUM7UUFDMUQsQ0FBQzthQUFNLENBQUM7WUFDTixJQUFJLENBQUMsU0FBUyxHQUFHLElBQUksQ0FBQyxXQUFXLENBQUM7WUFDbEMsSUFBSSxDQUFDLFVBQVUsR0FBRyxJQUFJLENBQUMsWUFBWSxDQUFDO1lBQ3BDLElBQUksQ0FBQyxPQUFPLEdBQUcsQ0FBQyxDQUFDO1lBQ2pCLElBQUksQ0FBQyxRQUFRLEdBQUcsQ0FBQyxDQUFDO1lBQ2xCLElBQUksQ0FBQyxVQUFVLEdBQUcsQ0FBQyxDQUFDO1FBQ3RCLENBQUM7SUFDSCxDQUFDO0lBRUQsWUFBWTtRQUNWLElBQUksQ0FBQyxJQUFJLEdBQUcsRUFBRSxDQUFDO1FBQ2YsS0FBSyxJQUFJLEdBQUcsR0FBRyxDQUFDLEVBQUUsR0FBRyxHQUFHLElBQUksQ0FBQyxJQUFJLEVBQUUsR0FBRyxFQUFFLEVBQUUsQ0FBQztZQUN6QyxNQUFNLGFBQWEsR0FBRyxFQUFFLENBQUM7WUFDekIsS0FBSyxJQUFJLEdBQUcsR0FBRyxDQUFDLEVBQUUsR0FBRyxHQUFHLElBQUksQ0FBQyxPQUFPLEVBQUUsR0FBRyxFQUFFLEVBQUUsQ0FBQztnQkFDNUMsTUFBTSxLQUFLLEdBQUcsR0FBRyxHQUFHLElBQUksQ0FBQyxPQUFPLEdBQUcsR0FBRyxDQUFDO2dCQUN2QyxNQUFNLFNBQVMsR0FBRyxJQUFJLENBQUMsa0JBQWtCLENBQUMsS0FBSyxDQUFDLENBQUM7Z0JBQ2pELGFBQWEsQ0FBQyxJQUFJLENBQUMsU0FBUyxDQUFDLENBQUM7WUFDaEMsQ0FBQztZQUNELElBQUksQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLGFBQWEsQ0FBQyxDQUFDO1FBQ2hDLENBQUM7SUFDSCxDQUFDO0lBRUQsY0FBYyxDQUFDLE1BQVc7UUFDeEIsSUFBSSxDQUFDLElBQUksQ0FBQyxhQUFhLENBQUMsR0FBRyxDQUFDLE1BQU0sQ0FBQyxFQUFFLENBQUM7WUFDcEMsTUFBTSxRQUFRLEdBQUcsUUFBUSxDQUFDLE1BQU0sQ0FBQztnQkFDL0IsU0FBUyxFQUFFLE1BQU0sQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDLENBQUMsR0FBRyxDQUFDLENBQUMsR0FBRyxFQUFFLEVBQUUsQ0FBQyxDQUFDLEVBQUUsT0FBTyxFQUFFLEdBQUcsRUFBRSxRQUFRLEVBQUUsTUFBTSxDQUFDLEdBQUcsQ0FBQyxFQUFFLENBQUMsQ0FBQztnQkFDdEYsTUFBTSxFQUFFLElBQUksQ0FBQyxRQUFRO2FBQ3RCLENBQUMsQ0FBQztZQUNILElBQUksQ0FBQyxhQUFhLENBQUMsR0FBRyxDQUFDLE1BQU0sRUFBRSxRQUFRLENBQUMsQ0FBQztRQUMzQyxDQUFDO1FBQ0Qsb0VBQW9FO1FBQ3BFLE9BQU8sSUFBSSxDQUFDLGFBQWEsQ0FBQyxHQUFHLENBQUMsTUFBTSxDQUFFLENBQUM7SUFDekMsQ0FBQzt1R0FwRlUsYUFBYTsyRkFBYixhQUFhLHFhQWxEZDs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBZ0RULDJEQWpEUyxZQUFZOzsyRkFtRFgsYUFBYTtrQkF0RHpCLFNBQVM7bUJBQUM7b0JBQ1QsUUFBUSxFQUFFLG9CQUFvQjtvQkFDOUIsVUFBVSxFQUFFLElBQUk7b0JBQ2hCLE9BQU8sRUFBRSxDQUFDLFlBQVksQ0FBQztvQkFDdkIsUUFBUSxFQUFFOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7R0FnRFQ7aUJBQ0Y7NkVBRVUsV0FBVztzQkFBbkIsS0FBSztnQkFDRyxZQUFZO3NCQUFwQixLQUFLO2dCQUNHLElBQUk7c0JBQVosS0FBSztnQkFDRyxPQUFPO3NCQUFmLEtBQUs7Z0JBQ0csa0JBQWtCO3NCQUExQixLQUFLO2dCQUNHLFVBQVU7c0JBQWxCLEtBQUs7Z0JBQ0csZUFBZTtzQkFBdkIsS0FBSztnQkFDRyxXQUFXO3NCQUFuQixLQUFLO2dCQUNHLG9CQUFvQjtzQkFBNUIsS0FBSztnQkFDRyxpQkFBaUI7c0JBQXpCLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0LCBPbkNoYW5nZXMsIE9uSW5pdCwgU2ltcGxlQ2hhbmdlcywgSW5qZWN0b3IgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBDdXN0b21NZWRpYUNvbXBvbmVudCB9IGZyb20gJy4uLy4uLy4uL0B0eXBlcy90eXBlcyc7XG5leHBvcnQgaW50ZXJmYWNlIEZsZXhpYmxlVmlkZW9PcHRpb25zIHtcbiAgY3VzdG9tV2lkdGg6IG51bWJlcjtcbiAgY3VzdG9tSGVpZ2h0OiBudW1iZXI7XG4gIHJvd3M6IG51bWJlcjtcbiAgY29sdW1uczogbnVtYmVyO1xuICBjb21wb25lbnRzVG9SZW5kZXI6IEN1c3RvbU1lZGlhQ29tcG9uZW50W107XG4gIHNob3dBc3BlY3Q/OiBib29sZWFuO1xuICBiYWNrZ3JvdW5kQ29sb3I/OiBzdHJpbmc7XG4gIFNjcmVlbmJvYXJkPzogQ3VzdG9tTWVkaWFDb21wb25lbnQ7XG4gIGFubm90YXRlU2NyZWVuU3RyZWFtPzogYm9vbGVhbjtcbiAgbG9jYWxTdHJlYW1TY3JlZW46IE1lZGlhU3RyZWFtIHwgbnVsbDtcbn1cblxuZXhwb3J0IHR5cGUgRmxleGlibGVWaWRlb1R5cGUgPSAob3B0aW9uczogRmxleGlibGVWaWRlb09wdGlvbnMpID0+IEhUTUxFbGVtZW50O1xuXG4vKipcbiAqIENvbXBvbmVudCBmb3IgZGlzcGxheWluZyBhIGZsZXhpYmxlIHZpZGVvIGdyaWQuXG4gKlxuICogQGNvbXBvbmVudFxuICogQHNlbGVjdG9yIGFwcC1mbGV4aWJsZS12aWRlb1xuICogQHN0YW5kYWxvbmUgdHJ1ZVxuICogQGltcG9ydHMgQ29tbW9uTW9kdWxlXG4gKlxuICogQHRlbXBsYXRlXG4gKiA8ZGl2PlxuICogICA8IS0tIER5bmFtaWMgc3R5bGVzIGFuZCBsYXlvdXQgZm9yIHZpZGVvIGdyaWQgLS0+XG4gKiAgIDxkaXYgKm5nRm9yPVwibGV0IHJvd0NvbXBvbmVudHMgb2YgZ3JpZDsgbGV0IHJvd0luZGV4ID0gaW5kZXhcIj5cbiAqICAgICA8ZGl2ICpuZ0Zvcj1cImxldCBjb21wb25lbnQgb2Ygcm93Q29tcG9uZW50czsgbGV0IGNvbEluZGV4ID0gaW5kZXhcIj5cbiAqICAgICAgIDxuZy1jb250YWluZXIgKm5nQ29tcG9uZW50T3V0bGV0PVwiY29tcG9uZW50LmNvbXBvbmVudDsgaW5qZWN0b3I6IGNyZWF0ZUluamVjdG9yKGNvbXBvbmVudC5pbnB1dHMpXCI+PC9uZy1jb250YWluZXI+XG4gKiAgICAgPC9kaXY+XG4gKiAgIDwvZGl2PlxuICogICA8ZGl2ICpuZ0lmPVwiU2NyZWVuYm9hcmQgJiYgU2NyZWVuYm9hcmQuY29tcG9uZW50XCI+XG4gKiAgICAgPG5nLWNvbnRhaW5lciAqbmdDb21wb25lbnRPdXRsZXQ9XCJTY3JlZW5ib2FyZC5jb21wb25lbnQ7IGluamVjdG9yOiBjcmVhdGVJbmplY3RvcihTY3JlZW5ib2FyZC5pbnB1dHMpXCI+PC9uZy1jb250YWluZXI+XG4gKiAgIDwvZGl2PlxuICogPC9kaXY+XG4gKlxuICogQGNsYXNzIEZsZXhpYmxlVmlkZW9cbiAqIEBpbXBsZW1lbnRzIE9uSW5pdCwgT25DaGFuZ2VzXG4gKlxuICogQHByb3BlcnR5IHtudW1iZXJ9IGN1c3RvbVdpZHRoIC0gQ3VzdG9tIHdpZHRoIGZvciB0aGUgdmlkZW8gZ3JpZC5cbiAqIEBwcm9wZXJ0eSB7bnVtYmVyfSBjdXN0b21IZWlnaHQgLSBDdXN0b20gaGVpZ2h0IGZvciB0aGUgdmlkZW8gZ3JpZC5cbiAqIEBwcm9wZXJ0eSB7bnVtYmVyfSByb3dzIC0gTnVtYmVyIG9mIHJvd3MgaW4gdGhlIHZpZGVvIGdyaWQuXG4gKiBAcHJvcGVydHkge251bWJlcn0gY29sdW1ucyAtIE51bWJlciBvZiBjb2x1bW5zIGluIHRoZSB2aWRlbyBncmlkLlxuICogQHByb3BlcnR5IHtBcnJheTx7IGNvbXBvbmVudDogQ29tcG9uZW50VHlwZTxhbnk+LCBpbnB1dHM6IGFueSB9Pn0gY29tcG9uZW50c1RvUmVuZGVyIC0gQ29tcG9uZW50cyB0byByZW5kZXIgaW4gdGhlIGdyaWQuXG4gKiBAcHJvcGVydHkge2Jvb2xlYW59IHNob3dBc3BlY3QgLSBGbGFnIHRvIHNob3cgb3IgaGlkZSB0aGUgYXNwZWN0IHJhdGlvLlxuICogQHByb3BlcnR5IHtzdHJpbmd9IFtiYWNrZ3JvdW5kQ29sb3I9J3RyYW5zcGFyZW50J10gLSBCYWNrZ3JvdW5kIGNvbG9yIGZvciB0aGUgdmlkZW8gZ3JpZC5cbiAqIEBwcm9wZXJ0eSB7eyBjb21wb25lbnQ6IENvbXBvbmVudFR5cGU8YW55PiwgaW5wdXRzOiBhbnkgfX0gW1NjcmVlbmJvYXJkXSAtIFNjcmVlbmJvYXJkIGNvbXBvbmVudCB0byBvdmVybGF5IG9uIHRoZSBncmlkLlxuICogQHByb3BlcnR5IHtib29sZWFufSBbYW5ub3RhdGVTY3JlZW5TdHJlYW09ZmFsc2VdIC0gRmxhZyB0byBhbm5vdGF0ZSB0aGUgc2NyZWVuIHN0cmVhbS5cbiAqIEBwcm9wZXJ0eSB7TWVkaWFTdHJlYW19IFtsb2NhbFN0cmVhbVNjcmVlbl0gLSBMb2NhbCBtZWRpYSBzdHJlYW0gZm9yIHRoZSBzY3JlZW4uXG4gKlxuICogQHByb3BlcnR5IHtudW1iZXJ9IGtleSAtIEtleSBmb3IgdHJhY2tpbmcgY2hhbmdlcy5cbiAqIEBwcm9wZXJ0eSB7bnVtYmVyfSBjYXJkV2lkdGggLSBXaWR0aCBvZiBlYWNoIGNhcmQgaW4gdGhlIGdyaWQuXG4gKiBAcHJvcGVydHkge251bWJlcn0gY2FyZEhlaWdodCAtIEhlaWdodCBvZiBlYWNoIGNhcmQgaW4gdGhlIGdyaWQuXG4gKiBAcHJvcGVydHkge251bWJlcn0gY2FyZFRvcCAtIFRvcCBwb3NpdGlvbiBvZiBlYWNoIGNhcmQgaW4gdGhlIGdyaWQuXG4gKiBAcHJvcGVydHkge251bWJlcn0gY2FyZExlZnQgLSBMZWZ0IHBvc2l0aW9uIG9mIGVhY2ggY2FyZCBpbiB0aGUgZ3JpZC5cbiAqIEBwcm9wZXJ0eSB7bnVtYmVyfSBjYW52YXNMZWZ0IC0gTGVmdCBwb3NpdGlvbiBvZiB0aGUgY2FudmFzLlxuICogQHByb3BlcnR5IHthbnlbXVtdfSBncmlkIC0gR3JpZCBzdHJ1Y3R1cmUgZm9yIHRoZSBjb21wb25lbnRzLlxuICpcbiAqIEBjb25zdHJ1Y3RvclxuICogQHBhcmFtIHtJbmplY3Rvcn0gaW5qZWN0b3IgLSBBbmd1bGFyIGluamVjdG9yIGZvciBkZXBlbmRlbmN5IGluamVjdGlvbi5cbiAqXG4gKiBAbWV0aG9kIG5nT25Jbml0IC0gTGlmZWN5Y2xlIGhvb2sgdGhhdCBpcyBjYWxsZWQgYWZ0ZXIgZGF0YS1ib3VuZCBwcm9wZXJ0aWVzIGFyZSBpbml0aWFsaXplZC5cbiAqIEBtZXRob2QgbmdPbkNoYW5nZXMgLSBMaWZlY3ljbGUgaG9vayB0aGF0IGlzIGNhbGxlZCB3aGVuIGFueSBkYXRhLWJvdW5kIHByb3BlcnR5IGNoYW5nZXMuXG4gKiBAbWV0aG9kIGdlbmVyYXRlR3JpZCAtIEdlbmVyYXRlcyB0aGUgZ3JpZCBzdHJ1Y3R1cmUgYmFzZWQgb24gcm93cyBhbmQgY29sdW1ucy5cbiAqIEBtZXRob2QgY3JlYXRlSW5qZWN0b3IgLSBDcmVhdGVzIGFuIGluamVjdG9yIGZvciB0aGUgZ2l2ZW4gaW5wdXRzLlxuICogQHBhcmFtIHthbnl9IGlucHV0cyAtIElucHV0cyBmb3IgdGhlIGNvbXBvbmVudC5cbiAqIEByZXR1cm5zIHtJbmplY3Rvcn0gLSBUaGUgY3JlYXRlZCBpbmplY3Rvci5cbiAqL1xuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnYXBwLWZsZXhpYmxlLXZpZGVvJyxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW0NvbW1vbk1vZHVsZV0sXG4gIHRlbXBsYXRlOiBgXG4gICAgPGRpdlxuICAgICAgc3R5bGU9XCJwYWRkaW5nOiAwOyBmbGV4OiAxOyBtYXJnaW46IDA7IHBvc2l0aW9uOiByZWxhdGl2ZTsgZGlzcGxheToge3tcbiAgICAgICAgc2hvd0FzcGVjdCA/ICdmbGV4JyA6ICdub25lJ1xuICAgICAgfX07XG4gICAgICAgICAgICAgbWF4LXdpZHRoOiB7eyBjdXN0b21XaWR0aCB9fXB4OyBvdmVyZmxvdy14OiBoaWRkZW47IG92ZXJmbG93LXk6IGF1dG87IGxlZnQ6IHt7XG4gICAgICAgIGNhcmRMZWZ0ID4gMCA/IGNhcmRMZWZ0IDogMFxuICAgICAgfX1weDtcIlxuICAgID5cbiAgICAgIDxkaXZcbiAgICAgICAgKm5nRm9yPVwibGV0IHJvd0NvbXBvbmVudHMgb2YgZ3JpZDsgbGV0IHJvd0luZGV4ID0gaW5kZXhcIlxuICAgICAgICBzdHlsZT1cImRpc3BsYXk6IGZsZXg7IGZsZXgtZGlyZWN0aW9uOiByb3c7XCJcbiAgICAgID5cbiAgICAgICAgPGRpdlxuICAgICAgICAgICpuZ0Zvcj1cImxldCBjb21wb25lbnQgb2Ygcm93Q29tcG9uZW50czsgbGV0IGNvbEluZGV4ID0gaW5kZXhcIlxuICAgICAgICAgIFtuZ1N0eWxlXT1cIntcbiAgICAgICAgICAgIGZsZXg6IDEsXG4gICAgICAgICAgICB3aWR0aDogY2FyZFdpZHRoICsgJ3B4JyxcbiAgICAgICAgICAgIGhlaWdodDogY2FyZEhlaWdodCArICdweCcsXG4gICAgICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IGJhY2tncm91bmRDb2xvcixcbiAgICAgICAgICAgIG1hcmdpbjogJzFweCcsXG4gICAgICAgICAgICBwYWRkaW5nOiAwLFxuICAgICAgICAgICAgYm9yZGVyUmFkaXVzOiAnMHB4JyxcbiAgICAgICAgICAgIGxlZnQ6IGNhcmRMZWZ0ICsgJ3B4J1xuICAgICAgICAgIH1cIlxuICAgICAgICA+XG4gICAgICAgICAgPG5nLWNvbnRhaW5lclxuICAgICAgICAgICAgKm5nQ29tcG9uZW50T3V0bGV0PVwiY29tcG9uZW50LmNvbXBvbmVudDsgaW5qZWN0b3I6IGNyZWF0ZUluamVjdG9yKGNvbXBvbmVudC5pbnB1dHMpXCJcbiAgICAgICAgICA+PC9uZy1jb250YWluZXI+XG4gICAgICAgIDwvZGl2PlxuICAgICAgPC9kaXY+XG4gICAgICA8ZGl2XG4gICAgICAgICpuZ0lmPVwiU2NyZWVuYm9hcmQgJiYgU2NyZWVuYm9hcmQuY29tcG9uZW50XCJcbiAgICAgICAgW25nU3R5bGVdPVwie1xuICAgICAgICAgIHBvc2l0aW9uOiAnYWJzb2x1dGUnLFxuICAgICAgICAgIHRvcDogJzAnLFxuICAgICAgICAgIGxlZnQ6IGNhbnZhc0xlZnQgKyAncHgnLFxuICAgICAgICAgIHdpZHRoOiBjYXJkV2lkdGggKyAncHgnLFxuICAgICAgICAgIGhlaWdodDogY2FyZEhlaWdodCArICdweCcsXG4gICAgICAgICAgYmFja2dyb3VuZENvbG9yOiAncmdiYSgwLCAwLCAwLCAwLjAwNSknLFxuICAgICAgICAgIHpJbmRleDogJzInXG4gICAgICAgIH1cIlxuICAgICAgPlxuICAgICAgICA8bmctY29udGFpbmVyXG4gICAgICAgICAgKm5nQ29tcG9uZW50T3V0bGV0PVwiU2NyZWVuYm9hcmQuY29tcG9uZW50OyBpbmplY3RvcjogY3JlYXRlSW5qZWN0b3IoU2NyZWVuYm9hcmQuaW5wdXRzKVwiXG4gICAgICAgID48L25nLWNvbnRhaW5lcj5cbiAgICAgIDwvZGl2PlxuICAgIDwvZGl2PlxuICBgLFxufSlcbmV4cG9ydCBjbGFzcyBGbGV4aWJsZVZpZGVvIGltcGxlbWVudHMgT25Jbml0LCBPbkNoYW5nZXMge1xuICBASW5wdXQoKSBjdXN0b21XaWR0aCA9IDA7XG4gIEBJbnB1dCgpIGN1c3RvbUhlaWdodCA9IDA7XG4gIEBJbnB1dCgpIHJvd3MgPSAwO1xuICBASW5wdXQoKSBjb2x1bW5zID0gMDtcbiAgQElucHV0KCkgY29tcG9uZW50c1RvUmVuZGVyOiBDdXN0b21NZWRpYUNvbXBvbmVudFtdID0gW107XG4gIEBJbnB1dCgpIHNob3dBc3BlY3QgPSBmYWxzZTtcbiAgQElucHV0KCkgYmFja2dyb3VuZENvbG9yPzogc3RyaW5nID0gJ3RyYW5zcGFyZW50JztcbiAgQElucHV0KCkgU2NyZWVuYm9hcmQ/OiBDdXN0b21NZWRpYUNvbXBvbmVudDtcbiAgQElucHV0KCkgYW5ub3RhdGVTY3JlZW5TdHJlYW0/OiBib29sZWFuID0gZmFsc2U7XG4gIEBJbnB1dCgpIGxvY2FsU3RyZWFtU2NyZWVuPzogTWVkaWFTdHJlYW07XG5cbiAga2V5ID0gMDtcbiAgY2FyZFdpZHRoID0gMDtcbiAgY2FyZEhlaWdodCA9IDA7XG4gIGNhcmRUb3AgPSAwO1xuICBjYXJkTGVmdCA9IDA7XG4gIGNhbnZhc0xlZnQgPSAwO1xuICBncmlkOiBhbnlbXVtdID0gW107XG5cbiAgcHJpdmF0ZSBpbmplY3RvckNhY2hlID0gbmV3IFdlYWtNYXA8YW55LCBJbmplY3Rvcj4oKTtcblxuICBjb25zdHJ1Y3Rvcihwcml2YXRlIGluamVjdG9yOiBJbmplY3Rvcikge31cblxuICBuZ09uSW5pdCgpIHtcbiAgICBpZiAodGhpcy5zaG93QXNwZWN0KSB7XG4gICAgICB0aGlzLmdlbmVyYXRlR3JpZCgpO1xuICAgIH1cbiAgfVxuXG4gIG5nT25DaGFuZ2VzKGNoYW5nZXM6IFNpbXBsZUNoYW5nZXMpIHtcbiAgICBpZiAoXG4gICAgICBjaGFuZ2VzWydjb2x1bW5zJ10gfHxcbiAgICAgIGNoYW5nZXNbJ3Jvd3MnXSB8fFxuICAgICAgY2hhbmdlc1snY29tcG9uZW50c1RvUmVuZGVyJ10gfHxcbiAgICAgIGNoYW5nZXNbJ2N1c3RvbVdpZHRoJ10gfHxcbiAgICAgIGNoYW5nZXNbJ2N1c3RvbUhlaWdodCddXG4gICAgKSB7XG4gICAgICBpZiAodGhpcy5zaG93QXNwZWN0KSB7XG4gICAgICAgIHRoaXMua2V5Kys7XG4gICAgICAgIHRoaXMuZ2VuZXJhdGVHcmlkKCk7XG4gICAgICB9XG4gICAgfVxuXG4gICAgaWYgKHRoaXMuYW5ub3RhdGVTY3JlZW5TdHJlYW0gJiYgdGhpcy5sb2NhbFN0cmVhbVNjcmVlbikge1xuICAgICAgY29uc3QgdmlkZW9IZWlnaHQgPSB0aGlzLmxvY2FsU3RyZWFtU2NyZWVuLmdldFZpZGVvVHJhY2tzKClbMF0uZ2V0U2V0dGluZ3MoKS5oZWlnaHQgfHwgMDtcbiAgICAgIGNvbnN0IHZpZGVvV2lkdGggPSB0aGlzLmxvY2FsU3RyZWFtU2NyZWVuLmdldFZpZGVvVHJhY2tzKClbMF0uZ2V0U2V0dGluZ3MoKS53aWR0aCB8fCAwO1xuICAgICAgdGhpcy5jYXJkV2lkdGggPSB2aWRlb1dpZHRoO1xuICAgICAgdGhpcy5jYXJkSGVpZ2h0ID0gdmlkZW9IZWlnaHQ7XG4gICAgICB0aGlzLmNhcmRUb3AgPSBNYXRoLmZsb29yKCh0aGlzLmN1c3RvbUhlaWdodCAtIHZpZGVvSGVpZ2h0KSAvIDIpO1xuICAgICAgdGhpcy5jYXJkTGVmdCA9IE1hdGguZmxvb3IoKHRoaXMuY3VzdG9tV2lkdGggLSB2aWRlb1dpZHRoKSAvIDIpO1xuICAgICAgdGhpcy5jYW52YXNMZWZ0ID0gdGhpcy5jYXJkTGVmdCA8IDAgPyB0aGlzLmNhcmRMZWZ0IDogMDtcbiAgICB9IGVsc2Uge1xuICAgICAgdGhpcy5jYXJkV2lkdGggPSB0aGlzLmN1c3RvbVdpZHRoO1xuICAgICAgdGhpcy5jYXJkSGVpZ2h0ID0gdGhpcy5jdXN0b21IZWlnaHQ7XG4gICAgICB0aGlzLmNhcmRUb3AgPSAwO1xuICAgICAgdGhpcy5jYXJkTGVmdCA9IDA7XG4gICAgICB0aGlzLmNhbnZhc0xlZnQgPSAwO1xuICAgIH1cbiAgfVxuXG4gIGdlbmVyYXRlR3JpZCgpIHtcbiAgICB0aGlzLmdyaWQgPSBbXTtcbiAgICBmb3IgKGxldCByb3cgPSAwOyByb3cgPCB0aGlzLnJvd3M7IHJvdysrKSB7XG4gICAgICBjb25zdCByb3dDb21wb25lbnRzID0gW107XG4gICAgICBmb3IgKGxldCBjb2wgPSAwOyBjb2wgPCB0aGlzLmNvbHVtbnM7IGNvbCsrKSB7XG4gICAgICAgIGNvbnN0IGluZGV4ID0gcm93ICogdGhpcy5jb2x1bW5zICsgY29sO1xuICAgICAgICBjb25zdCBjb21wb25lbnQgPSB0aGlzLmNvbXBvbmVudHNUb1JlbmRlcltpbmRleF07XG4gICAgICAgIHJvd0NvbXBvbmVudHMucHVzaChjb21wb25lbnQpO1xuICAgICAgfVxuICAgICAgdGhpcy5ncmlkLnB1c2gocm93Q29tcG9uZW50cyk7XG4gICAgfVxuICB9XG5cbiAgY3JlYXRlSW5qZWN0b3IoaW5wdXRzOiBhbnkpIHtcbiAgICBpZiAoIXRoaXMuaW5qZWN0b3JDYWNoZS5oYXMoaW5wdXRzKSkge1xuICAgICAgY29uc3QgaW5qZWN0b3IgPSBJbmplY3Rvci5jcmVhdGUoe1xuICAgICAgICBwcm92aWRlcnM6IE9iamVjdC5rZXlzKGlucHV0cykubWFwKChrZXkpID0+ICh7IHByb3ZpZGU6IGtleSwgdXNlVmFsdWU6IGlucHV0c1trZXldIH0pKSxcbiAgICAgICAgcGFyZW50OiB0aGlzLmluamVjdG9yLFxuICAgICAgfSk7XG4gICAgICB0aGlzLmluamVjdG9yQ2FjaGUuc2V0KGlucHV0cywgaW5qZWN0b3IpO1xuICAgIH1cbiAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQHR5cGVzY3JpcHQtZXNsaW50L25vLW5vbi1udWxsLWFzc2VydGlvblxuICAgIHJldHVybiB0aGlzLmluamVjdG9yQ2FjaGUuZ2V0KGlucHV0cykhO1xuICB9XG59XG4iXX0=

package/dist/esm2022/lib/components/display-components/loading-modal/loading-modal.component.mjs

@@ -0,0 +1,100 @@
+import { Component, Input } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+/**
+ * Component representing a loading modal.
+ *
+ * @selector app-loading-modal
+ * @standalone true
+ * @imports CommonModule
+ *
+ * @description
+ * This component displays a loading modal with a spinner and a loading text.
+ * It is designed to be displayed as an overlay with customizable background and text colors.
+ *
+ * @example
+ * <app-loading-modal [isVisible]="true" [backgroundColor]="'rgba(0, 0, 0, 0.5)'" [displayColor]="'white'"></app-loading-modal>
+ *
+ * @styles
+ * - .spinner: Styles for the loading spinner.
+ * - @keyframes spin: Keyframes for the spinner animation.
+ * - .modal-content: Styles for the modal content container.
+ * - .loading-text: Styles for the loading text.
+ *
+ * @inputs
+ * - `isVisible` (boolean): Determines if the modal is visible. Default is `false`.
+ * - `backgroundColor` (string): Background color of the modal. Default is `'rgba(0, 0, 0, 0.5)'`.
+ * - `displayColor` (string): Color of the loading text. Default is `'white'`.
+ *
+ * @properties
+ * - `modalContainerStyle` (object): Computed styles for the modal container.
+ * - `modalContentStyle` (object): Computed styles for the modal content.
+ * - `spinnerContainerStyle` (object): Computed styles for the spinner container.
+ * - `loadingTextStyle` (object): Computed styles for the loading text.
+ */
+export class LoadingModal {
+    isVisible = false;
+    backgroundColor = 'rgba(0, 0, 0, 0.5)';
+    displayColor = 'white';
+    get modalContainerStyle() {
+        return {
+            position: 'fixed',
+            top: '0',
+            left: '0',
+            width: '100%',
+            height: '100%',
+            backgroundColor: this.backgroundColor,
+            display: 'flex',
+            alignItems: 'center',
+            justifyContent: 'center',
+            zIndex: '999',
+        };
+    }
+    get modalContentStyle() {
+        return {
+            backgroundColor: this.backgroundColor,
+            borderRadius: '10px',
+            padding: '10px',
+            maxWidth: '200px',
+            textAlign: 'center',
+        };
+    }
+    get spinnerContainerStyle() {
+        return {
+            marginBottom: '20px',
+        };
+    }
+    get loadingTextStyle() {
+        return {
+            color: this.displayColor,
+        };
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: LoadingModal, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.8", type: LoadingModal, isStandalone: true, selector: "app-loading-modal", inputs: { isVisible: "isVisible", backgroundColor: "backgroundColor", displayColor: "displayColor" }, ngImport: i0, template: `
+    <div *ngIf="isVisible" [ngStyle]="modalContainerStyle">
+      <div [ngStyle]="modalContentStyle" class="modal-content">
+        <div class="spinner" [ngStyle]="spinnerContainerStyle"></div>
+        <div [ngStyle]="loadingTextStyle" class="loading-text">Loading...</div>
+      </div>
+    </div>
+  `, isInline: true, styles: [".spinner{border:12px solid #f3f3f3;border-top:12px solid black;border-radius:50%;width:50px;height:50px;animation:spin 2s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.modal-content{display:flex;flex-direction:column;align-items:center}.loading-text{margin-top:10px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: LoadingModal, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-loading-modal', standalone: true, imports: [CommonModule], template: `
+    <div *ngIf="isVisible" [ngStyle]="modalContainerStyle">
+      <div [ngStyle]="modalContentStyle" class="modal-content">
+        <div class="spinner" [ngStyle]="spinnerContainerStyle"></div>
+        <div [ngStyle]="loadingTextStyle" class="loading-text">Loading...</div>
+      </div>
+    </div>
+  `, styles: [".spinner{border:12px solid #f3f3f3;border-top:12px solid black;border-radius:50%;width:50px;height:50px;animation:spin 2s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.modal-content{display:flex;flex-direction:column;align-items:center}.loading-text{margin-top:10px}\n"] }]
+        }], propDecorators: { isVisible: [{
+                type: Input
+            }], backgroundColor: [{
+                type: Input
+            }], displayColor: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibG9hZGluZy1tb2RhbC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9tZWRpYXNmdS1hbmd1bGFyL3NyYy9saWIvY29tcG9uZW50cy9kaXNwbGF5LWNvbXBvbmVudHMvbG9hZGluZy1tb2RhbC9sb2FkaW5nLW1vZGFsLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUNqRCxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7OztBQVMvQzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBOEJHO0FBMENILE1BQU0sT0FBTyxZQUFZO0lBQ2QsU0FBUyxHQUFHLEtBQUssQ0FBQztJQUNsQixlQUFlLEdBQVksb0JBQW9CLENBQUM7SUFDaEQsWUFBWSxHQUFZLE9BQU8sQ0FBQztJQUV6QyxJQUFJLG1CQUFtQjtRQUNyQixPQUFPO1lBQ0wsUUFBUSxFQUFFLE9BQU87WUFDakIsR0FBRyxFQUFFLEdBQUc7WUFDUixJQUFJLEVBQUUsR0FBRztZQUNULEtBQUssRUFBRSxNQUFNO1lBQ2IsTUFBTSxFQUFFLE1BQU07WUFDZCxlQUFlLEVBQUUsSUFBSSxDQUFDLGVBQWU7WUFDckMsT0FBTyxFQUFFLE1BQU07WUFDZixVQUFVLEVBQUUsUUFBUTtZQUNwQixjQUFjLEVBQUUsUUFBUTtZQUN4QixNQUFNLEVBQUUsS0FBSztTQUNkLENBQUM7SUFDSixDQUFDO0lBRUQsSUFBSSxpQkFBaUI7UUFDbkIsT0FBTztZQUNMLGVBQWUsRUFBRSxJQUFJLENBQUMsZUFBZTtZQUNyQyxZQUFZLEVBQUUsTUFBTTtZQUNwQixPQUFPLEVBQUUsTUFBTTtZQUNmLFFBQVEsRUFBRSxPQUFPO1lBQ2pCLFNBQVMsRUFBRSxRQUFRO1NBQ3BCLENBQUM7SUFDSixDQUFDO0lBRUQsSUFBSSxxQkFBcUI7UUFDdkIsT0FBTztZQUNMLFlBQVksRUFBRSxNQUFNO1NBQ3JCLENBQUM7SUFDSixDQUFDO0lBRUQsSUFBSSxnQkFBZ0I7UUFDbEIsT0FBTztZQUNMLEtBQUssRUFBRSxJQUFJLENBQUMsWUFBWTtTQUN6QixDQUFDO0lBQ0osQ0FBQzt1R0F4Q1UsWUFBWTsyRkFBWixZQUFZLG1MQXJDYjs7Ozs7OztHQU9ULDRYQVJTLFlBQVk7OzJGQXNDWCxZQUFZO2tCQXpDeEIsU0FBUzsrQkFDRSxtQkFBbUIsY0FDakIsSUFBSSxXQUNQLENBQUMsWUFBWSxDQUFDLFlBQ2I7Ozs7Ozs7R0FPVDs4QkErQlEsU0FBUztzQkFBakIsS0FBSztnQkFDRyxlQUFlO3NCQUF2QixLQUFLO2dCQUNHLFlBQVk7c0JBQXBCLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuZXhwb3J0IGludGVyZmFjZSBMb2FkaW5nTW9kYWxPcHRpb25zIHtcbiAgaXNWaXNpYmxlOiBib29sZWFuO1xuICBiYWNrZ3JvdW5kQ29sb3I/OiBzdHJpbmc7XG4gIGRpc3BsYXlDb2xvcj86IHN0cmluZztcbn1cblxuZXhwb3J0IHR5cGUgTG9hZGluZ01vZGFsVHlwZSA9IChvcHRpb25zOiBMb2FkaW5nTW9kYWxPcHRpb25zKSA9PiBIVE1MRWxlbWVudDtcblxuLyoqXG4gKiBDb21wb25lbnQgcmVwcmVzZW50aW5nIGEgbG9hZGluZyBtb2RhbC5cbiAqXG4gKiBAc2VsZWN0b3IgYXBwLWxvYWRpbmctbW9kYWxcbiAqIEBzdGFuZGFsb25lIHRydWVcbiAqIEBpbXBvcnRzIENvbW1vbk1vZHVsZVxuICpcbiAqIEBkZXNjcmlwdGlvblxuICogVGhpcyBjb21wb25lbnQgZGlzcGxheXMgYSBsb2FkaW5nIG1vZGFsIHdpdGggYSBzcGlubmVyIGFuZCBhIGxvYWRpbmcgdGV4dC5cbiAqIEl0IGlzIGRlc2lnbmVkIHRvIGJlIGRpc3BsYXllZCBhcyBhbiBvdmVybGF5IHdpdGggY3VzdG9taXphYmxlIGJhY2tncm91bmQgYW5kIHRleHQgY29sb3JzLlxuICpcbiAqIEBleGFtcGxlXG4gKiA8YXBwLWxvYWRpbmctbW9kYWwgW2lzVmlzaWJsZV09XCJ0cnVlXCIgW2JhY2tncm91bmRDb2xvcl09XCIncmdiYSgwLCAwLCAwLCAwLjUpJ1wiIFtkaXNwbGF5Q29sb3JdPVwiJ3doaXRlJ1wiPjwvYXBwLWxvYWRpbmctbW9kYWw+XG4gKlxuICogQHN0eWxlc1xuICogLSAuc3Bpbm5lcjogU3R5bGVzIGZvciB0aGUgbG9hZGluZyBzcGlubmVyLlxuICogLSBAa2V5ZnJhbWVzIHNwaW46IEtleWZyYW1lcyBmb3IgdGhlIHNwaW5uZXIgYW5pbWF0aW9uLlxuICogLSAubW9kYWwtY29udGVudDogU3R5bGVzIGZvciB0aGUgbW9kYWwgY29udGVudCBjb250YWluZXIuXG4gKiAtIC5sb2FkaW5nLXRleHQ6IFN0eWxlcyBmb3IgdGhlIGxvYWRpbmcgdGV4dC5cbiAqXG4gKiBAaW5wdXRzXG4gKiAtIGBpc1Zpc2libGVgIChib29sZWFuKTogRGV0ZXJtaW5lcyBpZiB0aGUgbW9kYWwgaXMgdmlzaWJsZS4gRGVmYXVsdCBpcyBgZmFsc2VgLlxuICogLSBgYmFja2dyb3VuZENvbG9yYCAoc3RyaW5nKTogQmFja2dyb3VuZCBjb2xvciBvZiB0aGUgbW9kYWwuIERlZmF1bHQgaXMgYCdyZ2JhKDAsIDAsIDAsIDAuNSknYC5cbiAqIC0gYGRpc3BsYXlDb2xvcmAgKHN0cmluZyk6IENvbG9yIG9mIHRoZSBsb2FkaW5nIHRleHQuIERlZmF1bHQgaXMgYCd3aGl0ZSdgLlxuICpcbiAqIEBwcm9wZXJ0aWVzXG4gKiAtIGBtb2RhbENvbnRhaW5lclN0eWxlYCAob2JqZWN0KTogQ29tcHV0ZWQgc3R5bGVzIGZvciB0aGUgbW9kYWwgY29udGFpbmVyLlxuICogLSBgbW9kYWxDb250ZW50U3R5bGVgIChvYmplY3QpOiBDb21wdXRlZCBzdHlsZXMgZm9yIHRoZSBtb2RhbCBjb250ZW50LlxuICogLSBgc3Bpbm5lckNvbnRhaW5lclN0eWxlYCAob2JqZWN0KTogQ29tcHV0ZWQgc3R5bGVzIGZvciB0aGUgc3Bpbm5lciBjb250YWluZXIuXG4gKiAtIGBsb2FkaW5nVGV4dFN0eWxlYCAob2JqZWN0KTogQ29tcHV0ZWQgc3R5bGVzIGZvciB0aGUgbG9hZGluZyB0ZXh0LlxuICovXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdhcHAtbG9hZGluZy1tb2RhbCcsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtDb21tb25Nb2R1bGVdLFxuICB0ZW1wbGF0ZTogYFxuICAgIDxkaXYgKm5nSWY9XCJpc1Zpc2libGVcIiBbbmdTdHlsZV09XCJtb2RhbENvbnRhaW5lclN0eWxlXCI+XG4gICAgICA8ZGl2IFtuZ1N0eWxlXT1cIm1vZGFsQ29udGVudFN0eWxlXCIgY2xhc3M9XCJtb2RhbC1jb250ZW50XCI+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJzcGlubmVyXCIgW25nU3R5bGVdPVwic3Bpbm5lckNvbnRhaW5lclN0eWxlXCI+PC9kaXY+XG4gICAgICAgIDxkaXYgW25nU3R5bGVdPVwibG9hZGluZ1RleHRTdHlsZVwiIGNsYXNzPVwibG9hZGluZy10ZXh0XCI+TG9hZGluZy4uLjwvZGl2PlxuICAgICAgPC9kaXY+XG4gICAgPC9kaXY+XG4gIGAsXG4gIHN0eWxlczogW1xuICAgIGBcbiAgICAgIC5zcGlubmVyIHtcbiAgICAgICAgYm9yZGVyOiAxMnB4IHNvbGlkICNmM2YzZjM7IC8qIExpZ2h0IGdyZXkgKi9cbiAgICAgICAgYm9yZGVyLXRvcDogMTJweCBzb2xpZCBibGFjazsgLyogQmxhY2sgKi9cbiAgICAgICAgYm9yZGVyLXJhZGl1czogNTAlO1xuICAgICAgICB3aWR0aDogNTBweDtcbiAgICAgICAgaGVpZ2h0OiA1MHB4O1xuICAgICAgICBhbmltYXRpb246IHNwaW4gMnMgbGluZWFyIGluZmluaXRlO1xuICAgICAgfVxuICAgICAgQGtleWZyYW1lcyBzcGluIHtcbiAgICAgICAgMCUge1xuICAgICAgICAgIHRyYW5zZm9ybTogcm90YXRlKDBkZWcpO1xuICAgICAgICB9XG4gICAgICAgIDEwMCUge1xuICAgICAgICAgIHRyYW5zZm9ybTogcm90YXRlKDM2MGRlZyk7XG4gICAgICAgIH1cbiAgICAgIH1cbiAgICAgIC5tb2RhbC1jb250ZW50IHtcbiAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICAgIH1cbiAgICAgIC5sb2FkaW5nLXRleHQge1xuICAgICAgICBtYXJnaW4tdG9wOiAxMHB4O1xuICAgICAgfVxuICAgIGAsXG4gIF0sXG59KVxuZXhwb3J0IGNsYXNzIExvYWRpbmdNb2RhbCB7XG4gIEBJbnB1dCgpIGlzVmlzaWJsZSA9IGZhbHNlO1xuICBASW5wdXQoKSBiYWNrZ3JvdW5kQ29sb3I/OiBzdHJpbmcgPSAncmdiYSgwLCAwLCAwLCAwLjUpJztcbiAgQElucHV0KCkgZGlzcGxheUNvbG9yPzogc3RyaW5nID0gJ3doaXRlJztcblxuICBnZXQgbW9kYWxDb250YWluZXJTdHlsZSgpIHtcbiAgICByZXR1cm4ge1xuICAgICAgcG9zaXRpb246ICdmaXhlZCcsXG4gICAgICB0b3A6ICcwJyxcbiAgICAgIGxlZnQ6ICcwJyxcbiAgICAgIHdpZHRoOiAnMTAwJScsXG4gICAgICBoZWlnaHQ6ICcxMDAlJyxcbiAgICAgIGJhY2tncm91bmRDb2xvcjogdGhpcy5iYWNrZ3JvdW5kQ29sb3IsXG4gICAgICBkaXNwbGF5OiAnZmxleCcsXG4gICAgICBhbGlnbkl0ZW1zOiAnY2VudGVyJyxcbiAgICAgIGp1c3RpZnlDb250ZW50OiAnY2VudGVyJyxcbiAgICAgIHpJbmRleDogJzk5OScsXG4gICAgfTtcbiAgfVxuXG4gIGdldCBtb2RhbENvbnRlbnRTdHlsZSgpIHtcbiAgICByZXR1cm4ge1xuICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGlzLmJhY2tncm91bmRDb2xvcixcbiAgICAgIGJvcmRlclJhZGl1czogJzEwcHgnLFxuICAgICAgcGFkZGluZzogJzEwcHgnLFxuICAgICAgbWF4V2lkdGg6ICcyMDBweCcsXG4gICAgICB0ZXh0QWxpZ246ICdjZW50ZXInLFxuICAgIH07XG4gIH1cblxuICBnZXQgc3Bpbm5lckNvbnRhaW5lclN0eWxlKCkge1xuICAgIHJldHVybiB7XG4gICAgICBtYXJnaW5Cb3R0b206ICcyMHB4JyxcbiAgICB9O1xuICB9XG5cbiAgZ2V0IGxvYWRpbmdUZXh0U3R5bGUoKSB7XG4gICAgcmV0dXJuIHtcbiAgICAgIGNvbG9yOiB0aGlzLmRpc3BsYXlDb2xvcixcbiAgICB9O1xuICB9XG59XG4iXX0=

package/dist/esm2022/lib/components/display-components/main-aspect-component/main-aspect-component.component.mjs

@@ -0,0 +1,132 @@
+import { Component, Input } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+/**
+ * MainAspectComponent is a standalone Angular component that adjusts its aspect ratio
+ * based on the window size and other input properties. It listens to window resize
+ * and orientation change events to dynamically update its styles.
+ *
+ * @selector app-main-aspect-component
+ * @standalone true
+ * @imports [CommonModule]
+ *
+ * @template
+ * ```html
+ * <div [ngStyle]="aspectStyles" [style.backgroundColor]="backgroundColor" class="aspect-container">
+ *   <ng-content></ng-content>
+ * </div>
+ * ```
+ *
+ * @styles
+ * ```css
+ * .aspect-container {
+ *   overflow: hidden;
+ * }
+ * ```
+ *
+ * @class MainAspectComponent
+ * @implements OnInit, OnDestroy, OnChanges
+ *
+ * @property {string} backgroundColor - The background color of the aspect container.
+ * @property {boolean} showControls - Flag to show or hide controls.
+ * @property {number} containerWidthFraction - Fraction of the window width for the container.
+ * @property {number} containerHeightFraction - Fraction of the window height for the container.
+ * @property {number} defaultFraction - Default fraction to adjust the height when controls are shown.
+ * @property {(isWideScreen: boolean) => void} updateIsWideScreen - Callback to update wide screen status.
+ * @property {(isMediumScreen: boolean) => void} updateIsMediumScreen - Callback to update medium screen status.
+ * @property {(isSmallScreen: boolean) => void} updateIsSmallScreen - Callback to update small screen status.
+ *
+ * @method ngOnInit - Lifecycle hook that is called after data-bound properties are initialized.
+ * @method ngOnChanges - Lifecycle hook that is called when any data-bound property changes.
+ * @method ngOnDestroy - Lifecycle hook that is called just before the component is destroyed.
+ * @method private updateAspectStyles - Updates the aspect styles based on the window size and input properties.
+ */
+export class MainAspectComponent {
+    backgroundColor = '';
+    showControls = true;
+    containerWidthFraction = 1;
+    containerHeightFraction = 1;
+    defaultFraction = 0.94;
+    updateIsWideScreen;
+    updateIsMediumScreen;
+    updateIsSmallScreen;
+    aspectStyles = {};
+    ngOnInit() {
+        this.updateAspectStyles();
+        window.addEventListener('resize', this.updateAspectStyles);
+        window.addEventListener('orientationchange', this.updateAspectStyles);
+    }
+    ngOnChanges(changes) {
+        if (changes['showControls'] ||
+            changes['containerWidthFraction'] ||
+            changes['containerHeightFraction'] ||
+            changes['defaultFraction']) {
+            this.updateAspectStyles();
+        }
+    }
+    ngOnDestroy() {
+        window.removeEventListener('resize', this.updateAspectStyles);
+        window.removeEventListener('orientationchange', this.updateAspectStyles);
+    }
+    updateAspectStyles = () => {
+        const windowHeight = window.innerHeight;
+        const windowWidth = window.innerWidth;
+        const parentWidth = Math.floor(this.containerWidthFraction * windowWidth);
+        const parentHeight = this.showControls
+            ? Math.floor(this.containerHeightFraction * windowHeight * this.defaultFraction)
+            : Math.floor(this.containerHeightFraction * windowHeight);
+        let isWideScreen = parentWidth >= 768;
+        const isMediumScreen = parentWidth >= 576 && parentWidth < 768;
+        const isSmallScreen = parentWidth < 576;
+        if (!isWideScreen && parentWidth > 1.5 * parentHeight) {
+            isWideScreen = true;
+        }
+        this.updateIsWideScreen(isWideScreen);
+        this.updateIsMediumScreen(isMediumScreen);
+        this.updateIsSmallScreen(isSmallScreen);
+        this.aspectStyles = {
+            height: parentHeight + 'px',
+            width: parentWidth + 'px',
+        };
+    };
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: MainAspectComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.8", type: MainAspectComponent, isStandalone: true, selector: "app-main-aspect-component", inputs: { backgroundColor: "backgroundColor", showControls: "showControls", containerWidthFraction: "containerWidthFraction", containerHeightFraction: "containerHeightFraction", defaultFraction: "defaultFraction", updateIsWideScreen: "updateIsWideScreen", updateIsMediumScreen: "updateIsMediumScreen", updateIsSmallScreen: "updateIsSmallScreen" }, usesOnChanges: true, ngImport: i0, template: `
+    <div
+      [ngStyle]="aspectStyles"
+      [style.backgroundColor]="backgroundColor"
+      class="aspect-container"
+    >
+      <ng-content></ng-content>
+    </div>
+  `, isInline: true, styles: [".aspect-container{overflow:hidden}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: MainAspectComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-main-aspect-component', standalone: true, imports: [CommonModule], template: `
+    <div
+      [ngStyle]="aspectStyles"
+      [style.backgroundColor]="backgroundColor"
+      class="aspect-container"
+    >
+      <ng-content></ng-content>
+    </div>
+  `, styles: [".aspect-container{overflow:hidden}\n"] }]
+        }], propDecorators: { backgroundColor: [{
+                type: Input
+            }], showControls: [{
+                type: Input
+            }], containerWidthFraction: [{
+                type: Input
+            }], containerHeightFraction: [{
+                type: Input
+            }], defaultFraction: [{
+                type: Input
+            }], updateIsWideScreen: [{
+                type: Input
+            }], updateIsMediumScreen: [{
+                type: Input
+            }], updateIsSmallScreen: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWFpbi1hc3BlY3QtY29tcG9uZW50LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL21lZGlhc2Z1LWFuZ3VsYXIvc3JjL2xpYi9jb21wb25lbnRzL2Rpc3BsYXktY29tcG9uZW50cy9tYWluLWFzcGVjdC1jb21wb25lbnQvbWFpbi1hc3BlY3QtY29tcG9uZW50LmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBK0MsTUFBTSxlQUFlLENBQUM7QUFDOUYsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDOzs7QUFlL0M7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztHQXVDRztBQXNCSCxNQUFNLE9BQU8sbUJBQW1CO0lBQ3JCLGVBQWUsR0FBRyxFQUFFLENBQUM7SUFDckIsWUFBWSxHQUFHLElBQUksQ0FBQztJQUNwQixzQkFBc0IsR0FBRyxDQUFDLENBQUM7SUFDM0IsdUJBQXVCLEdBQUcsQ0FBQyxDQUFDO0lBQzVCLGVBQWUsR0FBRyxJQUFJLENBQUM7SUFDdkIsa0JBQWtCLENBQW1DO0lBQ3JELG9CQUFvQixDQUFxQztJQUN6RCxtQkFBbUIsQ0FBb0M7SUFFaEUsWUFBWSxHQUEyQixFQUFFLENBQUM7SUFFMUMsUUFBUTtRQUNOLElBQUksQ0FBQyxrQkFBa0IsRUFBRSxDQUFDO1FBRTFCLE1BQU0sQ0FBQyxnQkFBZ0IsQ0FBQyxRQUFRLEVBQUUsSUFBSSxDQUFDLGtCQUFrQixDQUFDLENBQUM7UUFDM0QsTUFBTSxDQUFDLGdCQUFnQixDQUFDLG1CQUFtQixFQUFFLElBQUksQ0FBQyxrQkFBa0IsQ0FBQyxDQUFDO0lBQ3hFLENBQUM7SUFFRCxXQUFXLENBQUMsT0FBc0I7UUFDaEMsSUFDRSxPQUFPLENBQUMsY0FBYyxDQUFDO1lBQ3ZCLE9BQU8sQ0FBQyx3QkFBd0IsQ0FBQztZQUNqQyxPQUFPLENBQUMseUJBQXlCLENBQUM7WUFDbEMsT0FBTyxDQUFDLGlCQUFpQixDQUFDLEVBQzFCLENBQUM7WUFDRCxJQUFJLENBQUMsa0JBQWtCLEVBQUUsQ0FBQztRQUM1QixDQUFDO0lBQ0gsQ0FBQztJQUVELFdBQVc7UUFDVCxNQUFNLENBQUMsbUJBQW1CLENBQUMsUUFBUSxFQUFFLElBQUksQ0FBQyxrQkFBa0IsQ0FBQyxDQUFDO1FBQzlELE1BQU0sQ0FBQyxtQkFBbUIsQ0FBQyxtQkFBbUIsRUFBRSxJQUFJLENBQUMsa0JBQWtCLENBQUMsQ0FBQztJQUMzRSxDQUFDO0lBRU8sa0JBQWtCLEdBQUcsR0FBRyxFQUFFO1FBQ2hDLE1BQU0sWUFBWSxHQUFHLE1BQU0sQ0FBQyxXQUFXLENBQUM7UUFDeEMsTUFBTSxXQUFXLEdBQUcsTUFBTSxDQUFDLFVBQVUsQ0FBQztRQUV0QyxNQUFNLFdBQVcsR0FBRyxJQUFJLENBQUMsS0FBSyxDQUFDLElBQUksQ0FBQyxzQkFBc0IsR0FBRyxXQUFXLENBQUMsQ0FBQztRQUMxRSxNQUFNLFlBQVksR0FBRyxJQUFJLENBQUMsWUFBWTtZQUNwQyxDQUFDLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxJQUFJLENBQUMsdUJBQXVCLEdBQUcsWUFBWSxHQUFHLElBQUksQ0FBQyxlQUFlLENBQUM7WUFDaEYsQ0FBQyxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsSUFBSSxDQUFDLHVCQUF1QixHQUFHLFlBQVksQ0FBQyxDQUFDO1FBRTVELElBQUksWUFBWSxHQUFHLFdBQVcsSUFBSSxHQUFHLENBQUM7UUFDdEMsTUFBTSxjQUFjLEdBQUcsV0FBVyxJQUFJLEdBQUcsSUFBSSxXQUFXLEdBQUcsR0FBRyxDQUFDO1FBQy9ELE1BQU0sYUFBYSxHQUFHLFdBQVcsR0FBRyxHQUFHLENBQUM7UUFFeEMsSUFBSSxDQUFDLFlBQVksSUFBSSxXQUFXLEdBQUcsR0FBRyxHQUFHLFlBQVksRUFBRSxDQUFDO1lBQ3RELFlBQVksR0FBRyxJQUFJLENBQUM7UUFDdEIsQ0FBQztRQUVELElBQUksQ0FBQyxrQkFBa0IsQ0FBQyxZQUFZLENBQUMsQ0FBQztRQUN0QyxJQUFJLENBQUMsb0JBQW9CLENBQUMsY0FBYyxDQUFDLENBQUM7UUFDMUMsSUFBSSxDQUFDLG1CQUFtQixDQUFDLGFBQWEsQ0FBQyxDQUFDO1FBRXhDLElBQUksQ0FBQyxZQUFZLEdBQUc7WUFDbEIsTUFBTSxFQUFFLFlBQVksR0FBRyxJQUFJO1lBQzNCLEtBQUssRUFBRSxXQUFXLEdBQUcsSUFBSTtTQUMxQixDQUFDO0lBQ0osQ0FBQyxDQUFDO3VHQTVEUyxtQkFBbUI7MkZBQW5CLG1CQUFtQixzY0FqQnBCOzs7Ozs7OztHQVFULDZHQVRTLFlBQVk7OzJGQWtCWCxtQkFBbUI7a0JBckIvQixTQUFTOytCQUNFLDJCQUEyQixjQUN6QixJQUFJLFdBQ1AsQ0FBQyxZQUFZLENBQUMsWUFDYjs7Ozs7Ozs7R0FRVDs4QkFVUSxlQUFlO3NCQUF2QixLQUFLO2dCQUNHLFlBQVk7c0JBQXBCLEtBQUs7Z0JBQ0csc0JBQXNCO3NCQUE5QixLQUFLO2dCQUNHLHVCQUF1QjtzQkFBL0IsS0FBSztnQkFDRyxlQUFlO3NCQUF2QixLQUFLO2dCQUNHLGtCQUFrQjtzQkFBMUIsS0FBSztnQkFDRyxvQkFBb0I7c0JBQTVCLEtBQUs7Z0JBQ0csbUJBQW1CO3NCQUEzQixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCwgT25Jbml0LCBPbkRlc3Ryb3ksIE9uQ2hhbmdlcywgU2ltcGxlQ2hhbmdlcyB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcblxuZXhwb3J0IGludGVyZmFjZSBNYWluQXNwZWN0Q29tcG9uZW50T3B0aW9ucyB7XG4gIGJhY2tncm91bmRDb2xvcj86IHN0cmluZztcbiAgc2hvd0NvbnRyb2xzPzogYm9vbGVhbjtcbiAgY29udGFpbmVyV2lkdGhGcmFjdGlvbj86IG51bWJlcjtcbiAgY29udGFpbmVySGVpZ2h0RnJhY3Rpb24/OiBudW1iZXI7XG4gIGRlZmF1bHRGcmFjdGlvbj86IG51bWJlcjtcbiAgdXBkYXRlSXNXaWRlU2NyZWVuOiAoaXNXaWRlU2NyZWVuOiBib29sZWFuKSA9PiB2b2lkO1xuICB1cGRhdGVJc01lZGl1bVNjcmVlbjogKGlzTWVkaXVtU2NyZWVuOiBib29sZWFuKSA9PiB2b2lkO1xuICB1cGRhdGVJc1NtYWxsU2NyZWVuOiAoaXNTbWFsbFNjcmVlbjogYm9vbGVhbikgPT4gdm9pZDtcbn1cblxuZXhwb3J0IHR5cGUgTWFpbkFzcGVjdENvbXBvbmVudFR5cGUgPSAob3B0aW9uczogTWFpbkFzcGVjdENvbXBvbmVudE9wdGlvbnMpID0+IEhUTUxFbGVtZW50O1xuXG4vKipcbiAqIE1haW5Bc3BlY3RDb21wb25lbnQgaXMgYSBzdGFuZGFsb25lIEFuZ3VsYXIgY29tcG9uZW50IHRoYXQgYWRqdXN0cyBpdHMgYXNwZWN0IHJhdGlvXG4gKiBiYXNlZCBvbiB0aGUgd2luZG93IHNpemUgYW5kIG90aGVyIGlucHV0IHByb3BlcnRpZXMuIEl0IGxpc3RlbnMgdG8gd2luZG93IHJlc2l6ZVxuICogYW5kIG9yaWVudGF0aW9uIGNoYW5nZSBldmVudHMgdG8gZHluYW1pY2FsbHkgdXBkYXRlIGl0cyBzdHlsZXMuXG4gKlxuICogQHNlbGVjdG9yIGFwcC1tYWluLWFzcGVjdC1jb21wb25lbnRcbiAqIEBzdGFuZGFsb25lIHRydWVcbiAqIEBpbXBvcnRzIFtDb21tb25Nb2R1bGVdXG4gKlxuICogQHRlbXBsYXRlXG4gKiBgYGBodG1sXG4gKiA8ZGl2IFtuZ1N0eWxlXT1cImFzcGVjdFN0eWxlc1wiIFtzdHlsZS5iYWNrZ3JvdW5kQ29sb3JdPVwiYmFja2dyb3VuZENvbG9yXCIgY2xhc3M9XCJhc3BlY3QtY29udGFpbmVyXCI+XG4gKiAgIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cbiAqIDwvZGl2PlxuICogYGBgXG4gKlxuICogQHN0eWxlc1xuICogYGBgY3NzXG4gKiAuYXNwZWN0LWNvbnRhaW5lciB7XG4gKiAgIG92ZXJmbG93OiBoaWRkZW47XG4gKiB9XG4gKiBgYGBcbiAqXG4gKiBAY2xhc3MgTWFpbkFzcGVjdENvbXBvbmVudFxuICogQGltcGxlbWVudHMgT25Jbml0LCBPbkRlc3Ryb3ksIE9uQ2hhbmdlc1xuICpcbiAqIEBwcm9wZXJ0eSB7c3RyaW5nfSBiYWNrZ3JvdW5kQ29sb3IgLSBUaGUgYmFja2dyb3VuZCBjb2xvciBvZiB0aGUgYXNwZWN0IGNvbnRhaW5lci5cbiAqIEBwcm9wZXJ0eSB7Ym9vbGVhbn0gc2hvd0NvbnRyb2xzIC0gRmxhZyB0byBzaG93IG9yIGhpZGUgY29udHJvbHMuXG4gKiBAcHJvcGVydHkge251bWJlcn0gY29udGFpbmVyV2lkdGhGcmFjdGlvbiAtIEZyYWN0aW9uIG9mIHRoZSB3aW5kb3cgd2lkdGggZm9yIHRoZSBjb250YWluZXIuXG4gKiBAcHJvcGVydHkge251bWJlcn0gY29udGFpbmVySGVpZ2h0RnJhY3Rpb24gLSBGcmFjdGlvbiBvZiB0aGUgd2luZG93IGhlaWdodCBmb3IgdGhlIGNvbnRhaW5lci5cbiAqIEBwcm9wZXJ0eSB7bnVtYmVyfSBkZWZhdWx0RnJhY3Rpb24gLSBEZWZhdWx0IGZyYWN0aW9uIHRvIGFkanVzdCB0aGUgaGVpZ2h0IHdoZW4gY29udHJvbHMgYXJlIHNob3duLlxuICogQHByb3BlcnR5IHsoaXNXaWRlU2NyZWVuOiBib29sZWFuKSA9PiB2b2lkfSB1cGRhdGVJc1dpZGVTY3JlZW4gLSBDYWxsYmFjayB0byB1cGRhdGUgd2lkZSBzY3JlZW4gc3RhdHVzLlxuICogQHByb3BlcnR5IHsoaXNNZWRpdW1TY3JlZW46IGJvb2xlYW4pID0+IHZvaWR9IHVwZGF0ZUlzTWVkaXVtU2NyZWVuIC0gQ2FsbGJhY2sgdG8gdXBkYXRlIG1lZGl1bSBzY3JlZW4gc3RhdHVzLlxuICogQHByb3BlcnR5IHsoaXNTbWFsbFNjcmVlbjogYm9vbGVhbikgPT4gdm9pZH0gdXBkYXRlSXNTbWFsbFNjcmVlbiAtIENhbGxiYWNrIHRvIHVwZGF0ZSBzbWFsbCBzY3JlZW4gc3RhdHVzLlxuICpcbiAqIEBtZXRob2QgbmdPbkluaXQgLSBMaWZlY3ljbGUgaG9vayB0aGF0IGlzIGNhbGxlZCBhZnRlciBkYXRhLWJvdW5kIHByb3BlcnRpZXMgYXJlIGluaXRpYWxpemVkLlxuICogQG1ldGhvZCBuZ09uQ2hhbmdlcyAtIExpZmVjeWNsZSBob29rIHRoYXQgaXMgY2FsbGVkIHdoZW4gYW55IGRhdGEtYm91bmQgcHJvcGVydHkgY2hhbmdlcy5cbiAqIEBtZXRob2QgbmdPbkRlc3Ryb3kgLSBMaWZlY3ljbGUgaG9vayB0aGF0IGlzIGNhbGxlZCBqdXN0IGJlZm9yZSB0aGUgY29tcG9uZW50IGlzIGRlc3Ryb3llZC5cbiAqIEBtZXRob2QgcHJpdmF0ZSB1cGRhdGVBc3BlY3RTdHlsZXMgLSBVcGRhdGVzIHRoZSBhc3BlY3Qgc3R5bGVzIGJhc2VkIG9uIHRoZSB3aW5kb3cgc2l6ZSBhbmQgaW5wdXQgcHJvcGVydGllcy5cbiAqL1xuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnYXBwLW1haW4tYXNwZWN0LWNvbXBvbmVudCcsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtDb21tb25Nb2R1bGVdLFxuICB0ZW1wbGF0ZTogYFxuICAgIDxkaXZcbiAgICAgIFtuZ1N0eWxlXT1cImFzcGVjdFN0eWxlc1wiXG4gICAgICBbc3R5bGUuYmFja2dyb3VuZENvbG9yXT1cImJhY2tncm91bmRDb2xvclwiXG4gICAgICBjbGFzcz1cImFzcGVjdC1jb250YWluZXJcIlxuICAgID5cbiAgICAgIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cbiAgICA8L2Rpdj5cbiAgYCxcbiAgc3R5bGVzOiBbXG4gICAgYFxuICAgICAgLmFzcGVjdC1jb250YWluZXIge1xuICAgICAgICBvdmVyZmxvdzogaGlkZGVuO1xuICAgICAgfVxuICAgIGAsXG4gIF0sXG59KVxuZXhwb3J0IGNsYXNzIE1haW5Bc3BlY3RDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQsIE9uRGVzdHJveSwgT25DaGFuZ2VzIHtcbiAgQElucHV0KCkgYmFja2dyb3VuZENvbG9yID0gJyc7XG4gIEBJbnB1dCgpIHNob3dDb250cm9scyA9IHRydWU7XG4gIEBJbnB1dCgpIGNvbnRhaW5lcldpZHRoRnJhY3Rpb24gPSAxO1xuICBASW5wdXQoKSBjb250YWluZXJIZWlnaHRGcmFjdGlvbiA9IDE7XG4gIEBJbnB1dCgpIGRlZmF1bHRGcmFjdGlvbiA9IDAuOTQ7XG4gIEBJbnB1dCgpIHVwZGF0ZUlzV2lkZVNjcmVlbiE6IChpc1dpZGVTY3JlZW46IGJvb2xlYW4pID0+IHZvaWQ7XG4gIEBJbnB1dCgpIHVwZGF0ZUlzTWVkaXVtU2NyZWVuITogKGlzTWVkaXVtU2NyZWVuOiBib29sZWFuKSA9PiB2b2lkO1xuICBASW5wdXQoKSB1cGRhdGVJc1NtYWxsU2NyZWVuITogKGlzU21hbGxTY3JlZW46IGJvb2xlYW4pID0+IHZvaWQ7XG5cbiAgYXNwZWN0U3R5bGVzOiB7IFtrZXk6IHN0cmluZ106IGFueSB9ID0ge307XG5cbiAgbmdPbkluaXQoKSB7XG4gICAgdGhpcy51cGRhdGVBc3BlY3RTdHlsZXMoKTtcblxuICAgIHdpbmRvdy5hZGRFdmVudExpc3RlbmVyKCdyZXNpemUnLCB0aGlzLnVwZGF0ZUFzcGVjdFN0eWxlcyk7XG4gICAgd2luZG93LmFkZEV2ZW50TGlzdGVuZXIoJ29yaWVudGF0aW9uY2hhbmdlJywgdGhpcy51cGRhdGVBc3BlY3RTdHlsZXMpO1xuICB9XG5cbiAgbmdPbkNoYW5nZXMoY2hhbmdlczogU2ltcGxlQ2hhbmdlcykge1xuICAgIGlmIChcbiAgICAgIGNoYW5nZXNbJ3Nob3dDb250cm9scyddIHx8XG4gICAgICBjaGFuZ2VzWydjb250YWluZXJXaWR0aEZyYWN0aW9uJ10gfHxcbiAgICAgIGNoYW5nZXNbJ2NvbnRhaW5lckhlaWdodEZyYWN0aW9uJ10gfHxcbiAgICAgIGNoYW5nZXNbJ2RlZmF1bHRGcmFjdGlvbiddXG4gICAgKSB7XG4gICAgICB0aGlzLnVwZGF0ZUFzcGVjdFN0eWxlcygpO1xuICAgIH1cbiAgfVxuXG4gIG5nT25EZXN0cm95KCkge1xuICAgIHdpbmRvdy5yZW1vdmVFdmVudExpc3RlbmVyKCdyZXNpemUnLCB0aGlzLnVwZGF0ZUFzcGVjdFN0eWxlcyk7XG4gICAgd2luZG93LnJlbW92ZUV2ZW50TGlzdGVuZXIoJ29yaWVudGF0aW9uY2hhbmdlJywgdGhpcy51cGRhdGVBc3BlY3RTdHlsZXMpO1xuICB9XG5cbiAgcHJpdmF0ZSB1cGRhdGVBc3BlY3RTdHlsZXMgPSAoKSA9PiB7XG4gICAgY29uc3Qgd2luZG93SGVpZ2h0ID0gd2luZG93LmlubmVySGVpZ2h0O1xuICAgIGNvbnN0IHdpbmRvd1dpZHRoID0gd2luZG93LmlubmVyV2lkdGg7XG5cbiAgICBjb25zdCBwYXJlbnRXaWR0aCA9IE1hdGguZmxvb3IodGhpcy5jb250YWluZXJXaWR0aEZyYWN0aW9uICogd2luZG93V2lkdGgpO1xuICAgIGNvbnN0IHBhcmVudEhlaWdodCA9IHRoaXMuc2hvd0NvbnRyb2xzXG4gICAgICA/IE1hdGguZmxvb3IodGhpcy5jb250YWluZXJIZWlnaHRGcmFjdGlvbiAqIHdpbmRvd0hlaWdodCAqIHRoaXMuZGVmYXVsdEZyYWN0aW9uKVxuICAgICAgOiBNYXRoLmZsb29yKHRoaXMuY29udGFpbmVySGVpZ2h0RnJhY3Rpb24gKiB3aW5kb3dIZWlnaHQpO1xuXG4gICAgbGV0IGlzV2lkZVNjcmVlbiA9IHBhcmVudFdpZHRoID49IDc2ODtcbiAgICBjb25zdCBpc01lZGl1bVNjcmVlbiA9IHBhcmVudFdpZHRoID49IDU3NiAmJiBwYXJlbnRXaWR0aCA8IDc2ODtcbiAgICBjb25zdCBpc1NtYWxsU2NyZWVuID0gcGFyZW50V2lkdGggPCA1NzY7XG5cbiAgICBpZiAoIWlzV2lkZVNjcmVlbiAmJiBwYXJlbnRXaWR0aCA+IDEuNSAqIHBhcmVudEhlaWdodCkge1xuICAgICAgaXNXaWRlU2NyZWVuID0gdHJ1ZTtcbiAgICB9XG5cbiAgICB0aGlzLnVwZGF0ZUlzV2lkZVNjcmVlbihpc1dpZGVTY3JlZW4pO1xuICAgIHRoaXMudXBkYXRlSXNNZWRpdW1TY3JlZW4oaXNNZWRpdW1TY3JlZW4pO1xuICAgIHRoaXMudXBkYXRlSXNTbWFsbFNjcmVlbihpc1NtYWxsU2NyZWVuKTtcblxuICAgIHRoaXMuYXNwZWN0U3R5bGVzID0ge1xuICAgICAgaGVpZ2h0OiBwYXJlbnRIZWlnaHQgKyAncHgnLFxuICAgICAgd2lkdGg6IHBhcmVudFdpZHRoICsgJ3B4JyxcbiAgICB9O1xuICB9O1xufVxuIl19