@energycap/components 0.41.1-ECAP-26841-date-input-features.20250108-1149 → 0.42.1

package/esm2022/lib/display/item-display/item-display.component.mjs

@@ -0,0 +1,81 @@
+import { Component, Input, HostBinding } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "@angular/router";
+import * as i3 from "../../controls/help-popover/help-popover.component";
+import * as i4 from "@ngx-translate/core";
+export class ItemDisplayComponent {
+    constructor() {
+        /** The value of the host element's id attribute */
+        this.id = '';
+        this.internalValue = { value: '' };
+        /**
+         * Set link as an href or routerLink
+         */
+        this.externalLink = false;
+        this.condensed = false;
+        /**
+         * The link target when url is provided. Defaults to _self (same window)
+         * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a
+         */
+        this.target = '_self';
+    }
+    set labelHelpPopover(labelHelpPopover) {
+        if (typeof labelHelpPopover === 'string') {
+            this._labelHelpPopover = { text: labelHelpPopover };
+        }
+        else {
+            this._labelHelpPopover = labelHelpPopover;
+        }
+    }
+    get labelHelpPopover() {
+        return this._labelHelpPopover;
+    }
+    set value(value) {
+        if (typeof value === 'string') {
+            this.internalValue = { value: value };
+        }
+        else if (value) {
+            this.internalValue = value;
+        }
+        else {
+            this.internalValue = { value: '' };
+        }
+    }
+    ;
+    /**
+     * When provided, displays the value as a link
+     */
+    set url(value) {
+        this.externalLink = (value?.startsWith('http')) ? true : false;
+        this._url = value;
+    }
+    ;
+    get url() {
+        return this._url;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ItemDisplayComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: ItemDisplayComponent, selector: "ec-item-display", inputs: { id: "id", label: "label", labelHelpPopover: "labelHelpPopover", value: "value", url: "url", condensed: "condensed", target: "target" }, host: { properties: { "attr.id": "this.id" } }, ngImport: i0, template: "<div id=\"{{id}}_label_0\"\r\n     class=\"text-caption-1 d-flex align-items-center\">\r\n  <span>{{label | translate}}</span>\r\n  <ec-help-popover *ngIf=\"labelHelpPopover\"\r\n                   class=\"mx-n1 my-n2\"\r\n                   [text]=\"labelHelpPopover.text\"\r\n                   [contentPosition]=\"labelHelpPopover?.contentPosition ?? 'top-left'\"\r\n                   [maxWidth]=\"labelHelpPopover?.maxWidth ?? '15rem'\">\r\n  </ec-help-popover>\r\n</div>\r\n\r\n<div id=\"{{id}}_value_0\" class=\"{{condensed ? 'text-body-2' : 'text-display-1'}} {{internalValue.classnames}}\"\r\n     [class.font-color-hint]=\"!internalValue.value && internalValue.noValueText\"\r\n     title=\"{{internalValue.tooltip}}\">\r\n\r\n  <ng-container *ngIf=\"url else content\">\r\n    <a *ngIf=\"!externalLink\"\r\n        id=\"{{id}}_link\"\r\n        routerLink=\"{{url}}\"\r\n        target=\"{{target}}\">\r\n      <ng-container *ngTemplateOutlet=\"content\"></ng-container>\r\n    </a>\r\n    <a *ngIf=\"externalLink\"\r\n        id=\"{{id}}_link\"\r\n        href=\"{{url}}\"\r\n        target=\"{{target}}\">\r\n      <ng-container *ngTemplateOutlet=\"content\"></ng-container>\r\n    </a>\r\n  </ng-container>\r\n</div>\r\n\r\n\r\n<ng-template #content>\r\n  <i *ngIf=\"internalValue?.icon\" class=\"ec-icon {{internalValue?.icon}}\"></i>\r\n  <span>{{(internalValue?.value || internalValue?.noValueText) | translate}}</span>\r\n  <ng-content></ng-content>\r\n</ng-template>\r\n", styles: [":host{display:inline-block;margin-bottom:1rem;vertical-align:top}.ec-icon{font-size:1em;top:.125em;position:relative;margin-right:.25em}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: i3.HelpPopoverComponent, selector: "ec-help-popover", inputs: ["id", "text", "contentPosition", "maxWidth"] }, { kind: "pipe", type: i4.TranslatePipe, name: "translate" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ItemDisplayComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ec-item-display', template: "<div id=\"{{id}}_label_0\"\r\n     class=\"text-caption-1 d-flex align-items-center\">\r\n  <span>{{label | translate}}</span>\r\n  <ec-help-popover *ngIf=\"labelHelpPopover\"\r\n                   class=\"mx-n1 my-n2\"\r\n                   [text]=\"labelHelpPopover.text\"\r\n                   [contentPosition]=\"labelHelpPopover?.contentPosition ?? 'top-left'\"\r\n                   [maxWidth]=\"labelHelpPopover?.maxWidth ?? '15rem'\">\r\n  </ec-help-popover>\r\n</div>\r\n\r\n<div id=\"{{id}}_value_0\" class=\"{{condensed ? 'text-body-2' : 'text-display-1'}} {{internalValue.classnames}}\"\r\n     [class.font-color-hint]=\"!internalValue.value && internalValue.noValueText\"\r\n     title=\"{{internalValue.tooltip}}\">\r\n\r\n  <ng-container *ngIf=\"url else content\">\r\n    <a *ngIf=\"!externalLink\"\r\n        id=\"{{id}}_link\"\r\n        routerLink=\"{{url}}\"\r\n        target=\"{{target}}\">\r\n      <ng-container *ngTemplateOutlet=\"content\"></ng-container>\r\n    </a>\r\n    <a *ngIf=\"externalLink\"\r\n        id=\"{{id}}_link\"\r\n        href=\"{{url}}\"\r\n        target=\"{{target}}\">\r\n      <ng-container *ngTemplateOutlet=\"content\"></ng-container>\r\n    </a>\r\n  </ng-container>\r\n</div>\r\n\r\n\r\n<ng-template #content>\r\n  <i *ngIf=\"internalValue?.icon\" class=\"ec-icon {{internalValue?.icon}}\"></i>\r\n  <span>{{(internalValue?.value || internalValue?.noValueText) | translate}}</span>\r\n  <ng-content></ng-content>\r\n</ng-template>\r\n", styles: [":host{display:inline-block;margin-bottom:1rem;vertical-align:top}.ec-icon{font-size:1em;top:.125em;position:relative;margin-right:.25em}\n"] }]
+        }], propDecorators: { id: [{
+                type: HostBinding,
+                args: ['attr.id']
+            }, {
+                type: Input
+            }], label: [{
+                type: Input
+            }], labelHelpPopover: [{
+                type: Input
+            }], value: [{
+                type: Input
+            }], url: [{
+                type: Input
+            }], condensed: [{
+                type: Input
+            }], target: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaXRlbS1kaXNwbGF5LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvbXBvbmVudHMvc3JjL2xpYi9kaXNwbGF5L2l0ZW0tZGlzcGxheS9pdGVtLWRpc3BsYXkuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tcG9uZW50cy9zcmMvbGliL2Rpc3BsYXkvaXRlbS1kaXNwbGF5L2l0ZW0tZGlzcGxheS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxXQUFXLEVBQUUsTUFBTSxlQUFlLENBQUM7Ozs7OztBQXVCOUQsTUFBTSxPQUFPLG9CQUFvQjtJQUxqQztRQU9FLG1EQUFtRDtRQUVuQyxPQUFFLEdBQVcsRUFBRSxDQUFDO1FBMEJ6QixrQkFBYSxHQUFpQixFQUFDLEtBQUssRUFBRSxFQUFFLEVBQUMsQ0FBQztRQWNqRDs7V0FFRztRQUNJLGlCQUFZLEdBQVksS0FBSyxDQUFDO1FBRXJCLGNBQVMsR0FBRyxLQUFLLENBQUM7UUFFbEM7OztXQUdHO1FBQ2EsV0FBTSxHQUFlLE9BQU8sQ0FBQztLQUM5QztJQS9DQyxJQUFhLGdCQUFnQixDQUFDLGdCQUF3RDtRQUNwRixJQUFHLE9BQU8sZ0JBQWdCLEtBQUssUUFBUSxFQUFFLENBQUM7WUFDeEMsSUFBSSxDQUFDLGlCQUFpQixHQUFHLEVBQUUsSUFBSSxFQUFFLGdCQUFnQixFQUFFLENBQUM7UUFDdEQsQ0FBQzthQUFNLENBQUM7WUFDTixJQUFJLENBQUMsaUJBQWlCLEdBQUcsZ0JBQWdCLENBQUM7UUFDNUMsQ0FBQztJQUNILENBQUM7SUFDRCxJQUFJLGdCQUFnQjtRQUNsQixPQUFPLElBQUksQ0FBQyxpQkFBaUIsQ0FBQztJQUNoQyxDQUFDO0lBR0QsSUFBYSxLQUFLLENBQUMsS0FBd0M7UUFDekQsSUFBRyxPQUFPLEtBQUssS0FBSyxRQUFRLEVBQUUsQ0FBQztZQUM3QixJQUFJLENBQUMsYUFBYSxHQUFHLEVBQUMsS0FBSyxFQUFFLEtBQUssRUFBQyxDQUFDO1FBQ3RDLENBQUM7YUFBTSxJQUFJLEtBQUssRUFBRSxDQUFDO1lBQ2pCLElBQUksQ0FBQyxhQUFhLEdBQUcsS0FBSyxDQUFDO1FBQzdCLENBQUM7YUFBTSxDQUFDO1lBQ04sSUFBSSxDQUFDLGFBQWEsR0FBRyxFQUFDLEtBQUssRUFBRSxFQUFFLEVBQUMsQ0FBQztRQUNuQyxDQUFDO0lBQ0gsQ0FBQztJQUFBLENBQUM7SUFHRjs7T0FFRztJQUNILElBQWEsR0FBRyxDQUFDLEtBQXlCO1FBQ3hDLElBQUksQ0FBQyxZQUFZLEdBQUcsQ0FBQyxLQUFLLEVBQUUsVUFBVSxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsS0FBSyxDQUFDO1FBQy9ELElBQUksQ0FBQyxJQUFJLEdBQUcsS0FBSyxDQUFDO0lBQ3BCLENBQUM7SUFBQSxDQUFDO0lBQ0YsSUFBSSxHQUFHO1FBQ0wsT0FBTyxJQUFJLENBQUMsSUFBSSxDQUFDO0lBQ25CLENBQUM7K0dBekNVLG9CQUFvQjttR0FBcEIsb0JBQW9CLHlQQ3ZCakMsbTlDQXFDQTs7NEZEZGEsb0JBQW9CO2tCQUxoQyxTQUFTOytCQUNFLGlCQUFpQjs4QkFRWCxFQUFFO3NCQURqQixXQUFXO3VCQUFDLFNBQVM7O3NCQUNyQixLQUFLO2dCQUVVLEtBQUs7c0JBQXBCLEtBQUs7Z0JBR08sZ0JBQWdCO3NCQUE1QixLQUFLO2dCQVlPLEtBQUs7c0JBQWpCLEtBQUs7Z0JBY08sR0FBRztzQkFBZixLQUFLO2dCQWNVLFNBQVM7c0JBQXhCLEtBQUs7Z0JBTVUsTUFBTTtzQkFBckIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQsIEhvc3RCaW5kaW5nIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IFBvcG92ZXJDb250ZW50UG9zaXRpb24gfSBmcm9tICcuLi8uLi9jb250cm9scy9wb3BvdmVyL3BvcG92ZXIuY29tcG9uZW50JztcclxuaW1wb3J0IHsgTGlua1RhcmdldCB9IGZyb20gJy4uL3RhZ3MvdGFnJztcclxuXHJcbmV4cG9ydCB0eXBlIERpc3BsYXlWYWx1ZSA9IHtcclxuICB2YWx1ZTpzdHJpbmcsXHJcbiAgY2xhc3NuYW1lcz86c3RyaW5nLFxyXG4gIGljb24/OnN0cmluZyxcclxuICBub1ZhbHVlVGV4dD86c3RyaW5nLFxyXG4gIHRvb2x0aXA/OiBzdHJpbmdcclxufVxyXG5cclxuZXhwb3J0IHR5cGUgSGVscFBvcG92ZXJDb25maWcgPSB7XHJcbiAgdGV4dDogc3RyaW5nO1xyXG4gIGNvbnRlbnRQb3NpdGlvbj86IFBvcG92ZXJDb250ZW50UG9zaXRpb247XHJcbiAgbWF4V2lkdGg/OiBzdHJpbmc7XHJcbn1cclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnZWMtaXRlbS1kaXNwbGF5JyxcclxuICB0ZW1wbGF0ZVVybDogJy4vaXRlbS1kaXNwbGF5LmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi9pdGVtLWRpc3BsYXkuY29tcG9uZW50LnNjc3MnXVxyXG59KVxyXG5leHBvcnQgY2xhc3MgSXRlbURpc3BsYXlDb21wb25lbnQge1xyXG5cclxuICAvKiogVGhlIHZhbHVlIG9mIHRoZSBob3N0IGVsZW1lbnQncyBpZCBhdHRyaWJ1dGUgKi9cclxuICBASG9zdEJpbmRpbmcoJ2F0dHIuaWQnKVxyXG4gIEBJbnB1dCgpIHB1YmxpYyBpZDogc3RyaW5nID0gJyc7XHJcblxyXG4gIEBJbnB1dCgpIHB1YmxpYyBsYWJlbCE6IHN0cmluZztcclxuXHJcbiAgcHJpdmF0ZSBfbGFiZWxIZWxwUG9wb3Zlcj86IEhlbHBQb3BvdmVyQ29uZmlnO1xyXG4gIEBJbnB1dCgpIHNldCBsYWJlbEhlbHBQb3BvdmVyKGxhYmVsSGVscFBvcG92ZXI6IHN0cmluZyB8IEhlbHBQb3BvdmVyQ29uZmlnIHwgdW5kZWZpbmVkKSB7XHJcbiAgICBpZih0eXBlb2YgbGFiZWxIZWxwUG9wb3ZlciA9PT0gJ3N0cmluZycpIHtcclxuICAgICAgdGhpcy5fbGFiZWxIZWxwUG9wb3ZlciA9IHsgdGV4dDogbGFiZWxIZWxwUG9wb3ZlciB9O1xyXG4gICAgfSBlbHNlIHtcclxuICAgICAgdGhpcy5fbGFiZWxIZWxwUG9wb3ZlciA9IGxhYmVsSGVscFBvcG92ZXI7XHJcbiAgICB9XHJcbiAgfVxyXG4gIGdldCBsYWJlbEhlbHBQb3BvdmVyKCk6IEhlbHBQb3BvdmVyQ29uZmlnIHwgdW5kZWZpbmVkIHtcclxuICAgIHJldHVybiB0aGlzLl9sYWJlbEhlbHBQb3BvdmVyO1xyXG4gIH1cclxuXHJcblxyXG4gIEBJbnB1dCgpIHNldCB2YWx1ZSh2YWx1ZTogc3RyaW5nIHwgRGlzcGxheVZhbHVlIHwgdW5kZWZpbmVkKSB7XHJcbiAgICBpZih0eXBlb2YgdmFsdWUgPT09ICdzdHJpbmcnKSB7XHJcbiAgICAgIHRoaXMuaW50ZXJuYWxWYWx1ZSA9IHt2YWx1ZTogdmFsdWV9O1xyXG4gICAgfSBlbHNlIGlmICh2YWx1ZSkge1xyXG4gICAgICB0aGlzLmludGVybmFsVmFsdWUgPSB2YWx1ZTtcclxuICAgIH0gZWxzZSB7XHJcbiAgICAgIHRoaXMuaW50ZXJuYWxWYWx1ZSA9IHt2YWx1ZTogJyd9O1xyXG4gICAgfVxyXG4gIH07XHJcbiAgcHVibGljIGludGVybmFsVmFsdWU6IERpc3BsYXlWYWx1ZSA9IHt2YWx1ZTogJyd9O1xyXG5cclxuICAvKipcclxuICAgKiBXaGVuIHByb3ZpZGVkLCBkaXNwbGF5cyB0aGUgdmFsdWUgYXMgYSBsaW5rXHJcbiAgICovXHJcbiAgQElucHV0KCkgc2V0IHVybCh2YWx1ZTogc3RyaW5nIHwgdW5kZWZpbmVkKSB7XHJcbiAgICB0aGlzLmV4dGVybmFsTGluayA9ICh2YWx1ZT8uc3RhcnRzV2l0aCgnaHR0cCcpKSA/IHRydWUgOiBmYWxzZTtcclxuICAgIHRoaXMuX3VybCA9IHZhbHVlO1xyXG4gIH07XHJcbiAgZ2V0IHVybCgpOiBzdHJpbmcgfCB1bmRlZmluZWQge1xyXG4gICAgcmV0dXJuIHRoaXMuX3VybDtcclxuICB9XHJcbiAgcHJpdmF0ZSBfdXJsPzogc3RyaW5nO1xyXG5cclxuICAvKipcclxuICAgKiBTZXQgbGluayBhcyBhbiBocmVmIG9yIHJvdXRlckxpbmtcclxuICAgKi9cclxuICBwdWJsaWMgZXh0ZXJuYWxMaW5rOiBib29sZWFuID0gZmFsc2U7XHJcblxyXG4gIEBJbnB1dCgpIHB1YmxpYyBjb25kZW5zZWQgPSBmYWxzZTtcclxuXHJcbiAgLyoqXHJcbiAgICogVGhlIGxpbmsgdGFyZ2V0IHdoZW4gdXJsIGlzIHByb3ZpZGVkLiBEZWZhdWx0cyB0byBfc2VsZiAoc2FtZSB3aW5kb3cpXHJcbiAgICogQHNlZSBodHRwczovL2RldmVsb3Blci5tb3ppbGxhLm9yZy9lbi1VUy9kb2NzL1dlYi9IVE1ML0VsZW1lbnQvYVxyXG4gICAqL1xyXG4gIEBJbnB1dCgpIHB1YmxpYyB0YXJnZXQ6IExpbmtUYXJnZXQgPSAnX3NlbGYnO1xyXG59XHJcbiIsIjxkaXYgaWQ9XCJ7e2lkfX1fbGFiZWxfMFwiXHJcbiAgICAgY2xhc3M9XCJ0ZXh0LWNhcHRpb24tMSBkLWZsZXggYWxpZ24taXRlbXMtY2VudGVyXCI+XHJcbiAgPHNwYW4+e3tsYWJlbCB8IHRyYW5zbGF0ZX19PC9zcGFuPlxyXG4gIDxlYy1oZWxwLXBvcG92ZXIgKm5nSWY9XCJsYWJlbEhlbHBQb3BvdmVyXCJcclxuICAgICAgICAgICAgICAgICAgIGNsYXNzPVwibXgtbjEgbXktbjJcIlxyXG4gICAgICAgICAgICAgICAgICAgW3RleHRdPVwibGFiZWxIZWxwUG9wb3Zlci50ZXh0XCJcclxuICAgICAgICAgICAgICAgICAgIFtjb250ZW50UG9zaXRpb25dPVwibGFiZWxIZWxwUG9wb3Zlcj8uY29udGVudFBvc2l0aW9uID8/ICd0b3AtbGVmdCdcIlxyXG4gICAgICAgICAgICAgICAgICAgW21heFdpZHRoXT1cImxhYmVsSGVscFBvcG92ZXI/Lm1heFdpZHRoID8/ICcxNXJlbSdcIj5cclxuICA8L2VjLWhlbHAtcG9wb3Zlcj5cclxuPC9kaXY+XHJcblxyXG48ZGl2IGlkPVwie3tpZH19X3ZhbHVlXzBcIiBjbGFzcz1cInt7Y29uZGVuc2VkID8gJ3RleHQtYm9keS0yJyA6ICd0ZXh0LWRpc3BsYXktMSd9fSB7e2ludGVybmFsVmFsdWUuY2xhc3NuYW1lc319XCJcclxuICAgICBbY2xhc3MuZm9udC1jb2xvci1oaW50XT1cIiFpbnRlcm5hbFZhbHVlLnZhbHVlICYmIGludGVybmFsVmFsdWUubm9WYWx1ZVRleHRcIlxyXG4gICAgIHRpdGxlPVwie3tpbnRlcm5hbFZhbHVlLnRvb2x0aXB9fVwiPlxyXG5cclxuICA8bmctY29udGFpbmVyICpuZ0lmPVwidXJsIGVsc2UgY29udGVudFwiPlxyXG4gICAgPGEgKm5nSWY9XCIhZXh0ZXJuYWxMaW5rXCJcclxuICAgICAgICBpZD1cInt7aWR9fV9saW5rXCJcclxuICAgICAgICByb3V0ZXJMaW5rPVwie3t1cmx9fVwiXHJcbiAgICAgICAgdGFyZ2V0PVwie3t0YXJnZXR9fVwiPlxyXG4gICAgICA8bmctY29udGFpbmVyICpuZ1RlbXBsYXRlT3V0bGV0PVwiY29udGVudFwiPjwvbmctY29udGFpbmVyPlxyXG4gICAgPC9hPlxyXG4gICAgPGEgKm5nSWY9XCJleHRlcm5hbExpbmtcIlxyXG4gICAgICAgIGlkPVwie3tpZH19X2xpbmtcIlxyXG4gICAgICAgIGhyZWY9XCJ7e3VybH19XCJcclxuICAgICAgICB0YXJnZXQ9XCJ7e3RhcmdldH19XCI+XHJcbiAgICAgIDxuZy1jb250YWluZXIgKm5nVGVtcGxhdGVPdXRsZXQ9XCJjb250ZW50XCI+PC9uZy1jb250YWluZXI+XHJcbiAgICA8L2E+XHJcbiAgPC9uZy1jb250YWluZXI+XHJcbjwvZGl2PlxyXG5cclxuXHJcbjxuZy10ZW1wbGF0ZSAjY29udGVudD5cclxuICA8aSAqbmdJZj1cImludGVybmFsVmFsdWU/Lmljb25cIiBjbGFzcz1cImVjLWljb24ge3tpbnRlcm5hbFZhbHVlPy5pY29ufX1cIj48L2k+XHJcbiAgPHNwYW4+e3soaW50ZXJuYWxWYWx1ZT8udmFsdWUgfHwgaW50ZXJuYWxWYWx1ZT8ubm9WYWx1ZVRleHQpIHwgdHJhbnNsYXRlfX08L3NwYW4+XHJcbiAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxyXG48L25nLXRlbXBsYXRlPlxyXG4iXX0=

package/esm2022/lib/display/json-display/json-display.component.mjs

@@ -0,0 +1,47 @@
+import { Component, HostBinding, Input } from '@angular/core';
+import { UntypedFormControl } from '@angular/forms';
+import { JsonHelper } from '../../shared/json-helper';
+import * as i0 from "@angular/core";
+import * as i1 from "@ngx-translate/core";
+import * as i2 from "@angular/common";
+import * as i3 from "../../controls/button/button.component";
+import * as i4 from "../../controls/button/copy-button.directive";
+export class JsonDisplayComponent {
+    constructor(translate) {
+        this.translate = translate;
+        this.maxLength = 10000;
+        this.jsonDisplay = new UntypedFormControl('');
+    }
+    ngOnChanges() {
+        if (this.id) {
+            this.attrId = this.id;
+        }
+        if (this.jsonString) {
+            let display = this.jsonString;
+            let parsedJson = JsonHelper.tryParseJSON(this.jsonString);
+            if (parsedJson) {
+                display = JSON.stringify(parsedJson, null, 2);
+            }
+            if (display.length > this.maxLength) {
+                display = display.substr(0, this.maxLength) + `\r\n${this.translate.instant('MessageTooLong_Truncated_SC')}`;
+            }
+            this.jsonDisplay.patchValue(display);
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: JsonDisplayComponent, deps: [{ token: i1.TranslateService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: JsonDisplayComponent, selector: "ec-json-display", inputs: { id: "id", jsonString: "jsonString", maxLength: "maxLength" }, host: { properties: { "attr.id": "this.attrId" } }, usesOnChanges: true, ngImport: i0, template: "<ec-button id=\"{{id}}_copy\"\r\n           class=\"copy-button\"\r\n           *ngIf=\"jsonDisplay.value\"\r\n           type=\"icon\"\r\n           icon=\"icon-copy\"\r\n           [ecCopyButton]=\"jsonDisplay\">\r\n</ec-button>\r\n<pre><code>{{jsonDisplay.value}}</code></pre>", styles: [":host{display:block;position:relative;color:var(--ec-color-primary-light);background:#354751;max-height:15rem;min-height:2.125rem;font-size:var(--ec-font-size-label);border-radius:var(--ec-border-radius-card);overflow-x:auto;overflow-y:auto;text-align:right}pre{margin-bottom:0;margin-top:-2rem;text-align:left}pre code{display:block;padding:.5rem}.copy-button{position:sticky;top:0}.copy-button ::ng-deep .ec-icon{color:var(--ec-color-secondary-light)!important}.copy-button ::ng-deep button:hover{background-color:transparent!important}.copy-button ::ng-deep button:hover .ec-icon{color:var(--ec-color-primary-light)!important}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.ButtonComponent, selector: "ec-button", inputs: ["id", "disabled", "icon", "label", "badge", "tabindex", "type", "pending", "pendingIcon", "customTemplate", "isSubmit", "autofocus"], outputs: ["clicked"] }, { kind: "directive", type: i4.CopyButtonDirective, selector: "[ecCopyButton]", inputs: ["ecCopyButton"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: JsonDisplayComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ec-json-display', template: "<ec-button id=\"{{id}}_copy\"\r\n           class=\"copy-button\"\r\n           *ngIf=\"jsonDisplay.value\"\r\n           type=\"icon\"\r\n           icon=\"icon-copy\"\r\n           [ecCopyButton]=\"jsonDisplay\">\r\n</ec-button>\r\n<pre><code>{{jsonDisplay.value}}</code></pre>", styles: [":host{display:block;position:relative;color:var(--ec-color-primary-light);background:#354751;max-height:15rem;min-height:2.125rem;font-size:var(--ec-font-size-label);border-radius:var(--ec-border-radius-card);overflow-x:auto;overflow-y:auto;text-align:right}pre{margin-bottom:0;margin-top:-2rem;text-align:left}pre code{display:block;padding:.5rem}.copy-button{position:sticky;top:0}.copy-button ::ng-deep .ec-icon{color:var(--ec-color-secondary-light)!important}.copy-button ::ng-deep button:hover{background-color:transparent!important}.copy-button ::ng-deep button:hover .ec-icon{color:var(--ec-color-primary-light)!important}\n"] }]
+        }], ctorParameters: () => [{ type: i1.TranslateService }], propDecorators: { id: [{
+                type: Input
+            }], attrId: [{
+                type: HostBinding,
+                args: ['attr.id']
+            }], jsonString: [{
+                type: Input
+            }], maxLength: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoianNvbi1kaXNwbGF5LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvbXBvbmVudHMvc3JjL2xpYi9kaXNwbGF5L2pzb24tZGlzcGxheS9qc29uLWRpc3BsYXkuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tcG9uZW50cy9zcmMvbGliL2Rpc3BsYXkvanNvbi1kaXNwbGF5L2pzb24tZGlzcGxheS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFdBQVcsRUFBRSxLQUFLLEVBQWEsTUFBTSxlQUFlLENBQUM7QUFDekUsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFFcEQsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLDBCQUEwQixDQUFDOzs7Ozs7QUFPdEQsTUFBTSxPQUFPLG9CQUFvQjtJQVEvQixZQUFvQixTQUEyQjtRQUEzQixjQUFTLEdBQVQsU0FBUyxDQUFrQjtRQUh0QyxjQUFTLEdBQVcsS0FBSyxDQUFDO1FBQzVCLGdCQUFXLEdBQUcsSUFBSSxrQkFBa0IsQ0FBQyxFQUFFLENBQUMsQ0FBQztJQUVHLENBQUM7SUFFcEQsV0FBVztRQUNULElBQUksSUFBSSxDQUFDLEVBQUUsRUFBRSxDQUFDO1lBQ1osSUFBSSxDQUFDLE1BQU0sR0FBRyxJQUFJLENBQUMsRUFBRSxDQUFDO1FBQ3hCLENBQUM7UUFFRCxJQUFJLElBQUksQ0FBQyxVQUFVLEVBQUUsQ0FBQztZQUNwQixJQUFJLE9BQU8sR0FBRyxJQUFJLENBQUMsVUFBVSxDQUFDO1lBRTlCLElBQUksVUFBVSxHQUF3QixVQUFVLENBQUMsWUFBWSxDQUFDLElBQUksQ0FBQyxVQUFVLENBQUMsQ0FBQztZQUMvRSxJQUFJLFVBQVUsRUFBRSxDQUFDO2dCQUNmLE9BQU8sR0FBRyxJQUFJLENBQUMsU0FBUyxDQUFDLFVBQVUsRUFBRSxJQUFJLEVBQUUsQ0FBQyxDQUFDLENBQUM7WUFDaEQsQ0FBQztZQUVELElBQUksT0FBTyxDQUFDLE1BQU0sR0FBRyxJQUFJLENBQUMsU0FBUyxFQUFFLENBQUM7Z0JBQ3BDLE9BQU8sR0FBRyxPQUFPLENBQUMsTUFBTSxDQUFDLENBQUMsRUFBRSxJQUFJLENBQUMsU0FBUyxDQUFDLEdBQUcsT0FBTyxJQUFJLENBQUMsU0FBUyxDQUFDLE9BQU8sQ0FBQyw2QkFBNkIsQ0FBQyxFQUFFLENBQUM7WUFDL0csQ0FBQztZQUVELElBQUksQ0FBQyxXQUFXLENBQUMsVUFBVSxDQUFDLE9BQU8sQ0FBQyxDQUFDO1FBQ3ZDLENBQUM7SUFDSCxDQUFDOytHQTdCVSxvQkFBb0I7bUdBQXBCLG9CQUFvQix3TUNWakMseVJBTzZDOzs0RkRHaEMsb0JBQW9CO2tCQUxoQyxTQUFTOytCQUNFLGlCQUFpQjtxRkFNbEIsRUFBRTtzQkFBVixLQUFLO2dCQUNrQixNQUFNO3NCQUE3QixXQUFXO3VCQUFDLFNBQVM7Z0JBQ2IsVUFBVTtzQkFBbEIsS0FBSztnQkFDRyxTQUFTO3NCQUFqQixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBIb3N0QmluZGluZywgSW5wdXQsIE9uQ2hhbmdlcyB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBVbnR5cGVkRm9ybUNvbnRyb2wgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XHJcbmltcG9ydCB7IFRyYW5zbGF0ZVNlcnZpY2UgfSBmcm9tICdAbmd4LXRyYW5zbGF0ZS9jb3JlJztcclxuaW1wb3J0IHsgSnNvbkhlbHBlciB9IGZyb20gJy4uLy4uL3NoYXJlZC9qc29uLWhlbHBlcic7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2VjLWpzb24tZGlzcGxheScsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL2pzb24tZGlzcGxheS5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vanNvbi1kaXNwbGF5LmNvbXBvbmVudC5zY3NzJ11cclxufSlcclxuZXhwb3J0IGNsYXNzIEpzb25EaXNwbGF5Q29tcG9uZW50IGltcGxlbWVudHMgT25DaGFuZ2VzIHtcclxuXHJcbiAgQElucHV0KCkgaWQ/OiBzdHJpbmc7XHJcbiAgQEhvc3RCaW5kaW5nKCdhdHRyLmlkJykgYXR0cklkPzogc3RyaW5nO1xyXG4gIEBJbnB1dCgpIGpzb25TdHJpbmc/OiBzdHJpbmc7XHJcbiAgQElucHV0KCkgbWF4TGVuZ3RoOiBudW1iZXIgPSAxMDAwMDtcclxuICBwdWJsaWMganNvbkRpc3BsYXkgPSBuZXcgVW50eXBlZEZvcm1Db250cm9sKCcnKTtcclxuXHJcbiAgY29uc3RydWN0b3IocHJpdmF0ZSB0cmFuc2xhdGU6IFRyYW5zbGF0ZVNlcnZpY2UpIHsgfVxyXG5cclxuICBuZ09uQ2hhbmdlcygpIHtcclxuICAgIGlmICh0aGlzLmlkKSB7XHJcbiAgICAgIHRoaXMuYXR0cklkID0gdGhpcy5pZDtcclxuICAgIH1cclxuXHJcbiAgICBpZiAodGhpcy5qc29uU3RyaW5nKSB7XHJcbiAgICAgIGxldCBkaXNwbGF5ID0gdGhpcy5qc29uU3RyaW5nO1xyXG5cclxuICAgICAgbGV0IHBhcnNlZEpzb246IHVua25vd24gfCB1bmRlZmluZWQgPSBKc29uSGVscGVyLnRyeVBhcnNlSlNPTih0aGlzLmpzb25TdHJpbmcpO1xyXG4gICAgICBpZiAocGFyc2VkSnNvbikge1xyXG4gICAgICAgIGRpc3BsYXkgPSBKU09OLnN0cmluZ2lmeShwYXJzZWRKc29uLCBudWxsLCAyKTtcclxuICAgICAgfVxyXG5cclxuICAgICAgaWYgKGRpc3BsYXkubGVuZ3RoID4gdGhpcy5tYXhMZW5ndGgpIHtcclxuICAgICAgICBkaXNwbGF5ID0gZGlzcGxheS5zdWJzdHIoMCwgdGhpcy5tYXhMZW5ndGgpICsgYFxcclxcbiR7dGhpcy50cmFuc2xhdGUuaW5zdGFudCgnTWVzc2FnZVRvb0xvbmdfVHJ1bmNhdGVkX1NDJyl9YDtcclxuICAgICAgfVxyXG5cclxuICAgICAgdGhpcy5qc29uRGlzcGxheS5wYXRjaFZhbHVlKGRpc3BsYXkpO1xyXG4gICAgfVxyXG4gIH1cclxufVxyXG4iLCI8ZWMtYnV0dG9uIGlkPVwie3tpZH19X2NvcHlcIlxyXG4gICAgICAgICAgIGNsYXNzPVwiY29weS1idXR0b25cIlxyXG4gICAgICAgICAgICpuZ0lmPVwianNvbkRpc3BsYXkudmFsdWVcIlxyXG4gICAgICAgICAgIHR5cGU9XCJpY29uXCJcclxuICAgICAgICAgICBpY29uPVwiaWNvbi1jb3B5XCJcclxuICAgICAgICAgICBbZWNDb3B5QnV0dG9uXT1cImpzb25EaXNwbGF5XCI+XHJcbjwvZWMtYnV0dG9uPlxyXG48cHJlPjxjb2RlPnt7anNvbkRpc3BsYXkudmFsdWV9fTwvY29kZT48L3ByZT4iXX0=

package/esm2022/lib/display/resizable/resizable-base.mjs

@@ -0,0 +1,120 @@
+import { Inject, Input, Directive } from '@angular/core';
+import { DOCUMENT } from '@angular/common';
+import * as i0 from "@angular/core";
+import * as i1 from "../../core/cache.service";
+/**
+ * Base class for handling click and drag resizing of elements with a mouse.
+ * Derived classes must provide the element to be resized and implement the setWidth function.
+ */
+export class ResizableBase {
+    ngAfterViewInit() {
+        if (this.rememberWidth && this.id) {
+            let cached = this.cacheService.getItem('resizable-' + this.id);
+            if (cached && cached.widths && cached.widths.length > 0) {
+                this.restoreWidths(cached.widths);
+            }
+        }
+    }
+    constructor(renderer, cacheService, document) {
+        this.renderer = renderer;
+        this.cacheService = cacheService;
+        this.document = document;
+        /**Set to true if the resizable should remember its width. Requires the element to have an ID*/
+        this.rememberWidth = false;
+        /**The id of the resizable, used for GI and for remembering the width  */
+        this.id = '';
+        /** The element that is current being resized */
+        this.currentEl = null;
+        /** The x position of the mouse when dragging starts. Relative to the viewport. */
+        this.startScreenX = 0;
+        /** The width of the current element when dragging starts. */
+        this.startElWidth = 0;
+    }
+    /**
+     * On a mousedown event
+     * * store the width of the current element to calculate the new width
+     * * store the horizontal position of the pointer to calculate the new width.
+     * * add the 'is-active' class to the current element
+     * * set up listeners on the document to know when dragging starts and stops.
+     * Mouse event listeners are added to the document because the cursor may move
+     * off the current element while dragging.
+     */
+    startDrag(event) {
+        if (this.currentEl) {
+            this.startElWidth = this.currentEl.offsetWidth;
+            this.startScreenX = event.screenX;
+            this.renderer.addClass(this.currentEl, 'is-active');
+            this.renderer.setStyle(this.document.body, 'cursor', 'col-resize');
+            // Remove any listeners that may have not been cleaned up before we register new listeners.
+            if (this.mouseupListener) {
+                this.mouseupListener();
+                this.mouseupListener = undefined;
+            }
+            if (this.mousemoveListener) {
+                this.mousemoveListener();
+                this.mousemoveListener = undefined;
+            }
+            this.mouseupListener = this.renderer.listen(this.document, 'mouseup', this.stopDrag.bind(this));
+            this.mousemoveListener = this.renderer.listen(this.document, 'mousemove', this.drag.bind(this));
+        }
+        else {
+            throw new Error(`currentEl is ${this.currentEl}. currentEl must be assigned before startDrag() is called.`);
+        }
+    }
+    /**
+     * On a mousemove event, calculate the new width of the current element by
+     * adding the difference of the start pageX position and the current pageX
+     * position to the width of the element when we started dragging. Pass the
+     * calculated with to the setWidth method.
+     */
+    drag(event) {
+        this.setWidth(this.startElWidth + (event.screenX - this.startScreenX));
+    }
+    /**
+     * On a mouseup event
+     * * remove the mouse event listeners on the document.
+     * * remove the 'is-active' class from the current element
+     * * reset the cursor style on the body
+     */
+    stopDrag(event) {
+        if (this.mousemoveListener) {
+            this.mousemoveListener();
+            this.mousemoveListener = undefined;
+        }
+        if (this.mouseupListener) {
+            this.mouseupListener();
+            this.mouseupListener = undefined;
+        }
+        if (this.currentEl) {
+            this.renderer.removeClass(this.currentEl, 'is-active');
+        }
+        this.renderer.removeStyle(this.document.body, 'cursor');
+    }
+    /**Called after the view initializes if the component supports restoring widths and there are cached widths to restore.
+     * To be overridden in a derived class if it supports restoring widths, defaults to a no-op*/
+    restoreWidths(widths) { }
+    /** Store the provided widths in cache so they can be retrieved later */
+    saveWidths(widths) {
+        if (this.rememberWidth && this.id) {
+            this.cacheService.setItem('resizable-' + this.id, {
+                widths: widths
+            });
+        }
+        else if (this.rememberWidth) {
+            console.error('rememberWidth is set but will not take effect unless ID is also set');
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ResizableBase, deps: [{ token: i0.Renderer2 }, { token: i1.CacheService }, { token: DOCUMENT }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.12", type: ResizableBase, inputs: { rememberWidth: "rememberWidth", id: "id" }, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ResizableBase, decorators: [{
+            type: Directive
+        }], ctorParameters: () => [{ type: i0.Renderer2 }, { type: i1.CacheService }, { type: Document, decorators: [{
+                    type: Inject,
+                    args: [DOCUMENT]
+                }] }], propDecorators: { rememberWidth: [{
+                type: Input
+            }], id: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmVzaXphYmxlLWJhc2UuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb21wb25lbnRzL3NyYy9saWIvZGlzcGxheS9yZXNpemFibGUvcmVzaXphYmxlLWJhc2UudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFhLE1BQU0sRUFBRSxLQUFLLEVBQWlCLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUNuRixPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0saUJBQWlCLENBQUM7OztBQUszQzs7O0dBR0c7QUFFSCxNQUFNLE9BQWdCLGFBQWE7SUFDakMsZUFBZTtRQUNiLElBQUcsSUFBSSxDQUFDLGFBQWEsSUFBSSxJQUFJLENBQUMsRUFBRSxFQUFDLENBQUM7WUFDaEMsSUFBSSxNQUFNLEdBQUcsSUFBSSxDQUFDLFlBQVksQ0FBQyxPQUFPLENBQW1CLFlBQVksR0FBRyxJQUFJLENBQUMsRUFBRSxDQUFDLENBQUM7WUFDakYsSUFBRyxNQUFNLElBQUksTUFBTSxDQUFDLE1BQU0sSUFBSSxNQUFNLENBQUMsTUFBTSxDQUFDLE1BQU0sR0FBRyxDQUFDLEVBQUMsQ0FBQztnQkFDdEQsSUFBSSxDQUFDLGFBQWEsQ0FBQyxNQUFNLENBQUMsTUFBTSxDQUFDLENBQUM7WUFDcEMsQ0FBQztRQUNILENBQUM7SUFDSCxDQUFDO0lBeUJELFlBQ1ksUUFBbUIsRUFDckIsWUFBMEIsRUFDTixRQUFrQjtRQUZwQyxhQUFRLEdBQVIsUUFBUSxDQUFXO1FBQ3JCLGlCQUFZLEdBQVosWUFBWSxDQUFjO1FBQ04sYUFBUSxHQUFSLFFBQVEsQ0FBVTtRQTFCaEQsK0ZBQStGO1FBRXhGLGtCQUFhLEdBQVksS0FBSyxDQUFDO1FBRXRDLHlFQUF5RTtRQUVsRSxPQUFFLEdBQVcsRUFBRSxDQUFDO1FBRXZCLGdEQUFnRDtRQUN0QyxjQUFTLEdBQXVCLElBQUksQ0FBQztRQUUvQyxrRkFBa0Y7UUFDeEUsaUJBQVksR0FBVyxDQUFDLENBQUM7UUFFbEMsNkRBQTZEO1FBQ3BELGlCQUFZLEdBQVcsQ0FBQyxDQUFDO0lBWWpDLENBQUM7SUFFSDs7Ozs7Ozs7T0FRRztJQUNJLFNBQVMsQ0FBQyxLQUFpQjtRQUNoQyxJQUFJLElBQUksQ0FBQyxTQUFTLEVBQUUsQ0FBQztZQUNuQixJQUFJLENBQUMsWUFBWSxHQUFHLElBQUksQ0FBQyxTQUFTLENBQUMsV0FBVyxDQUFDO1lBQy9DLElBQUksQ0FBQyxZQUFZLEdBQUcsS0FBSyxDQUFDLE9BQU8sQ0FBQztZQUNsQyxJQUFJLENBQUMsUUFBUSxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUMsU0FBUyxFQUFFLFdBQVcsQ0FBQyxDQUFDO1lBQ3BELElBQUksQ0FBQyxRQUFRLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxRQUFRLENBQUMsSUFBSSxFQUFFLFFBQVEsRUFBRSxZQUFZLENBQUMsQ0FBQztZQUVuRSwyRkFBMkY7WUFDM0YsSUFBSSxJQUFJLENBQUMsZUFBZSxFQUFFLENBQUM7Z0JBQ3pCLElBQUksQ0FBQyxlQUFlLEVBQUUsQ0FBQztnQkFDdkIsSUFBSSxDQUFDLGVBQWUsR0FBRyxTQUFTLENBQUM7WUFDbkMsQ0FBQztZQUNELElBQUksSUFBSSxDQUFDLGlCQUFpQixFQUFFLENBQUM7Z0JBQzNCLElBQUksQ0FBQyxpQkFBaUIsRUFBRSxDQUFDO2dCQUN6QixJQUFJLENBQUMsaUJBQWlCLEdBQUcsU0FBUyxDQUFDO1lBQ3JDLENBQUM7WUFFRCxJQUFJLENBQUMsZUFBZSxHQUFHLElBQUksQ0FBQyxRQUFRLENBQUMsTUFBTSxDQUFDLElBQUksQ0FBQyxRQUFRLEVBQUUsU0FBUyxFQUFFLElBQUksQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUM7WUFDaEcsSUFBSSxDQUFDLGlCQUFpQixHQUFHLElBQUksQ0FBQyxRQUFRLENBQUMsTUFBTSxDQUFDLElBQUksQ0FBQyxRQUFRLEVBQUUsV0FBVyxFQUFFLElBQUksQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUM7UUFDbEcsQ0FBQzthQUFNLENBQUM7WUFDTixNQUFNLElBQUksS0FBSyxDQUFDLGdCQUFnQixJQUFJLENBQUMsU0FBUyw0REFBNEQsQ0FBQyxDQUFDO1FBQzlHLENBQUM7SUFDSCxDQUFDO0lBRUQ7Ozs7O09BS0c7SUFDTyxJQUFJLENBQUMsS0FBaUI7UUFDOUIsSUFBSSxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUMsWUFBWSxHQUFHLENBQUMsS0FBSyxDQUFDLE9BQU8sR0FBRyxJQUFJLENBQUMsWUFBWSxDQUFDLENBQUMsQ0FBQztJQUN6RSxDQUFDO0lBT0Q7Ozs7O09BS0c7SUFDTyxRQUFRLENBQUMsS0FBaUI7UUFDbEMsSUFBSSxJQUFJLENBQUMsaUJBQWlCLEVBQUUsQ0FBQztZQUMzQixJQUFJLENBQUMsaUJBQWlCLEVBQUUsQ0FBQztZQUN6QixJQUFJLENBQUMsaUJBQWlCLEdBQUcsU0FBUyxDQUFDO1FBQ3JDLENBQUM7UUFFRCxJQUFJLElBQUksQ0FBQyxlQUFlLEVBQUUsQ0FBQztZQUN6QixJQUFJLENBQUMsZUFBZSxFQUFFLENBQUM7WUFDdkIsSUFBSSxDQUFDLGVBQWUsR0FBRyxTQUFTLENBQUM7UUFDbkMsQ0FBQztRQUVELElBQUksSUFBSSxDQUFDLFNBQVMsRUFBRSxDQUFDO1lBQ25CLElBQUksQ0FBQyxRQUFRLENBQUMsV0FBVyxDQUFDLElBQUksQ0FBQyxTQUFTLEVBQUUsV0FBVyxDQUFDLENBQUM7UUFDekQsQ0FBQztRQUVELElBQUksQ0FBQyxRQUFRLENBQUMsV0FBVyxDQUFDLElBQUksQ0FBQyxRQUFRLENBQUMsSUFBSSxFQUFFLFFBQVEsQ0FBQyxDQUFDO0lBQzFELENBQUM7SUFFRDtpR0FDNkY7SUFDbkYsYUFBYSxDQUFDLE1BQWdCLElBQVUsQ0FBQztJQUVuRCx3RUFBd0U7SUFDOUQsVUFBVSxDQUFDLE1BQWdCO1FBQ25DLElBQUcsSUFBSSxDQUFDLGFBQWEsSUFBSSxJQUFJLENBQUMsRUFBRSxFQUFDLENBQUM7WUFDaEMsSUFBSSxDQUFDLFlBQVksQ0FBQyxPQUFPLENBQUMsWUFBWSxHQUFHLElBQUksQ0FBQyxFQUFFLEVBQXFCO2dCQUNuRSxNQUFNLEVBQUUsTUFBTTthQUNmLENBQUMsQ0FBQztRQUNMLENBQUM7YUFBTSxJQUFHLElBQUksQ0FBQyxhQUFhLEVBQUMsQ0FBQztZQUM1QixPQUFPLENBQUMsS0FBSyxDQUFDLHFFQUFxRSxDQUFDLENBQUM7UUFDdkYsQ0FBQztJQUNILENBQUM7K0dBNUhtQixhQUFhLHVFQW9DdkIsUUFBUTttR0FwQ0UsYUFBYTs7NEZBQWIsYUFBYTtrQkFEbEMsU0FBUzs7MEJBcUNMLE1BQU07MkJBQUMsUUFBUTt5Q0F4QlgsYUFBYTtzQkFEbkIsS0FBSztnQkFLQyxFQUFFO3NCQURSLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBSZW5kZXJlcjIsIEluamVjdCwgSW5wdXQsIEFmdGVyVmlld0luaXQsIERpcmVjdGl2ZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBET0NVTUVOVCB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XHJcbmltcG9ydCB7IENhY2hlU2VydmljZSB9IGZyb20gJy4uLy4uL2NvcmUvY2FjaGUuc2VydmljZSc7XHJcblxyXG5leHBvcnQgdHlwZSBSZXNpemVDYWNoZUVudHJ5ID0geyB3aWR0aHM6IG51bWJlcltdIH07XHJcblxyXG4vKipcclxuICogQmFzZSBjbGFzcyBmb3IgaGFuZGxpbmcgY2xpY2sgYW5kIGRyYWcgcmVzaXppbmcgb2YgZWxlbWVudHMgd2l0aCBhIG1vdXNlLiBcclxuICogRGVyaXZlZCBjbGFzc2VzIG11c3QgcHJvdmlkZSB0aGUgZWxlbWVudCB0byBiZSByZXNpemVkIGFuZCBpbXBsZW1lbnQgdGhlIHNldFdpZHRoIGZ1bmN0aW9uLlxyXG4gKi9cclxuQERpcmVjdGl2ZSgpXHJcbmV4cG9ydCBhYnN0cmFjdCBjbGFzcyBSZXNpemFibGVCYXNlIGltcGxlbWVudHMgQWZ0ZXJWaWV3SW5pdCB7XHJcbiAgbmdBZnRlclZpZXdJbml0KCk6IHZvaWQge1xyXG4gICAgaWYodGhpcy5yZW1lbWJlcldpZHRoICYmIHRoaXMuaWQpe1xyXG4gICAgICBsZXQgY2FjaGVkID0gdGhpcy5jYWNoZVNlcnZpY2UuZ2V0SXRlbTxSZXNpemVDYWNoZUVudHJ5PigncmVzaXphYmxlLScgKyB0aGlzLmlkKTtcclxuICAgICAgaWYoY2FjaGVkICYmIGNhY2hlZC53aWR0aHMgJiYgY2FjaGVkLndpZHRocy5sZW5ndGggPiAwKXtcclxuICAgICAgICB0aGlzLnJlc3RvcmVXaWR0aHMoY2FjaGVkLndpZHRocyk7XHJcbiAgICAgIH1cclxuICAgIH1cclxuICB9XHJcblxyXG4gIC8qKlNldCB0byB0cnVlIGlmIHRoZSByZXNpemFibGUgc2hvdWxkIHJlbWVtYmVyIGl0cyB3aWR0aC4gUmVxdWlyZXMgdGhlIGVsZW1lbnQgdG8gaGF2ZSBhbiBJRCovXHJcbiAgQElucHV0KClcclxuICBwdWJsaWMgcmVtZW1iZXJXaWR0aDogYm9vbGVhbiA9IGZhbHNlO1xyXG5cclxuICAvKipUaGUgaWQgb2YgdGhlIHJlc2l6YWJsZSwgdXNlZCBmb3IgR0kgYW5kIGZvciByZW1lbWJlcmluZyB0aGUgd2lkdGggICovXHJcbiAgQElucHV0KCkgXHJcbiAgcHVibGljIGlkOiBzdHJpbmcgPSAnJztcclxuXHJcbiAgLyoqIFRoZSBlbGVtZW50IHRoYXQgaXMgY3VycmVudCBiZWluZyByZXNpemVkICovXHJcbiAgcHJvdGVjdGVkIGN1cnJlbnRFbDogSFRNTEVsZW1lbnQgfCBudWxsID0gbnVsbDtcclxuXHJcbiAgLyoqIFRoZSB4IHBvc2l0aW9uIG9mIHRoZSBtb3VzZSB3aGVuIGRyYWdnaW5nIHN0YXJ0cy4gUmVsYXRpdmUgdG8gdGhlIHZpZXdwb3J0LiAqL1xyXG4gIHByb3RlY3RlZCBzdGFydFNjcmVlblg6IG51bWJlciA9IDA7XHJcblxyXG4gICAvKiogVGhlIHdpZHRoIG9mIHRoZSBjdXJyZW50IGVsZW1lbnQgd2hlbiBkcmFnZ2luZyBzdGFydHMuICovXHJcbiAgcHJvdGVjdGVkIHN0YXJ0RWxXaWR0aDogbnVtYmVyID0gMDtcclxuXHJcbiAgLyoqIFxyXG4gICAqIFN0b3JlZCAndW5saXN0ZW4nIGZ1bmN0aW9ucyB0aGF0IHJlbW92ZSB0aGVpciByZXNwZWN0aXZlIGxpc3RlbmVycyB3aGVuIGNhbGxlZCBcclxuICAgKi9cclxuICBwcm90ZWN0ZWQgbW91c2V1cExpc3RlbmVyPzogKCkgPT4gdm9pZDtcclxuICBwcm90ZWN0ZWQgbW91c2Vtb3ZlTGlzdGVuZXI/OiAoKSA9PiB2b2lkO1xyXG5cclxuICBjb25zdHJ1Y3RvcihcclxuICAgIHByb3RlY3RlZCByZW5kZXJlcjogUmVuZGVyZXIyLCBcclxuICAgIHByaXZhdGUgY2FjaGVTZXJ2aWNlOiBDYWNoZVNlcnZpY2UsXHJcbiAgICBASW5qZWN0KERPQ1VNRU5UKSBwcm90ZWN0ZWQgZG9jdW1lbnQ6IERvY3VtZW50XHJcbiAgKXt9XHJcblxyXG4gIC8qKiBcclxuICAgKiBPbiBhIG1vdXNlZG93biBldmVudFxyXG4gICAqICogc3RvcmUgdGhlIHdpZHRoIG9mIHRoZSBjdXJyZW50IGVsZW1lbnQgdG8gY2FsY3VsYXRlIHRoZSBuZXcgd2lkdGhcclxuICAgKiAqIHN0b3JlIHRoZSBob3Jpem9udGFsIHBvc2l0aW9uIG9mIHRoZSBwb2ludGVyIHRvIGNhbGN1bGF0ZSB0aGUgbmV3IHdpZHRoLiBcclxuICAgKiAqIGFkZCB0aGUgJ2lzLWFjdGl2ZScgY2xhc3MgdG8gdGhlIGN1cnJlbnQgZWxlbWVudFxyXG4gICAqICogc2V0IHVwIGxpc3RlbmVycyBvbiB0aGUgZG9jdW1lbnQgdG8ga25vdyB3aGVuIGRyYWdnaW5nIHN0YXJ0cyBhbmQgc3RvcHMuIFxyXG4gICAqIE1vdXNlIGV2ZW50IGxpc3RlbmVycyBhcmUgYWRkZWQgdG8gdGhlIGRvY3VtZW50IGJlY2F1c2UgdGhlIGN1cnNvciBtYXkgbW92ZSBcclxuICAgKiBvZmYgdGhlIGN1cnJlbnQgZWxlbWVudCB3aGlsZSBkcmFnZ2luZy5cclxuICAgKi9cclxuICBwdWJsaWMgc3RhcnREcmFnKGV2ZW50OiBNb3VzZUV2ZW50KTogdm9pZCB7XHJcbiAgICBpZiAodGhpcy5jdXJyZW50RWwpIHtcclxuICAgICAgdGhpcy5zdGFydEVsV2lkdGggPSB0aGlzLmN1cnJlbnRFbC5vZmZzZXRXaWR0aDtcclxuICAgICAgdGhpcy5zdGFydFNjcmVlblggPSBldmVudC5zY3JlZW5YO1xyXG4gICAgICB0aGlzLnJlbmRlcmVyLmFkZENsYXNzKHRoaXMuY3VycmVudEVsLCAnaXMtYWN0aXZlJyk7XHJcbiAgICAgIHRoaXMucmVuZGVyZXIuc2V0U3R5bGUodGhpcy5kb2N1bWVudC5ib2R5LCAnY3Vyc29yJywgJ2NvbC1yZXNpemUnKTtcclxuXHJcbiAgICAgIC8vIFJlbW92ZSBhbnkgbGlzdGVuZXJzIHRoYXQgbWF5IGhhdmUgbm90IGJlZW4gY2xlYW5lZCB1cCBiZWZvcmUgd2UgcmVnaXN0ZXIgbmV3IGxpc3RlbmVycy5cclxuICAgICAgaWYgKHRoaXMubW91c2V1cExpc3RlbmVyKSB7XHJcbiAgICAgICAgdGhpcy5tb3VzZXVwTGlzdGVuZXIoKTtcclxuICAgICAgICB0aGlzLm1vdXNldXBMaXN0ZW5lciA9IHVuZGVmaW5lZDtcclxuICAgICAgfVxyXG4gICAgICBpZiAodGhpcy5tb3VzZW1vdmVMaXN0ZW5lcikge1xyXG4gICAgICAgIHRoaXMubW91c2Vtb3ZlTGlzdGVuZXIoKTtcclxuICAgICAgICB0aGlzLm1vdXNlbW92ZUxpc3RlbmVyID0gdW5kZWZpbmVkO1xyXG4gICAgICB9XHJcblxyXG4gICAgICB0aGlzLm1vdXNldXBMaXN0ZW5lciA9IHRoaXMucmVuZGVyZXIubGlzdGVuKHRoaXMuZG9jdW1lbnQsICdtb3VzZXVwJywgdGhpcy5zdG9wRHJhZy5iaW5kKHRoaXMpKTtcclxuICAgICAgdGhpcy5tb3VzZW1vdmVMaXN0ZW5lciA9IHRoaXMucmVuZGVyZXIubGlzdGVuKHRoaXMuZG9jdW1lbnQsICdtb3VzZW1vdmUnLCB0aGlzLmRyYWcuYmluZCh0aGlzKSk7XHJcbiAgICB9IGVsc2Uge1xyXG4gICAgICB0aHJvdyBuZXcgRXJyb3IoYGN1cnJlbnRFbCBpcyAke3RoaXMuY3VycmVudEVsfS4gY3VycmVudEVsIG11c3QgYmUgYXNzaWduZWQgYmVmb3JlIHN0YXJ0RHJhZygpIGlzIGNhbGxlZC5gKTtcclxuICAgIH1cclxuICB9XHJcblxyXG4gIC8qKlxyXG4gICAqIE9uIGEgbW91c2Vtb3ZlIGV2ZW50LCBjYWxjdWxhdGUgdGhlIG5ldyB3aWR0aCBvZiB0aGUgY3VycmVudCBlbGVtZW50IGJ5IFxyXG4gICAqIGFkZGluZyB0aGUgZGlmZmVyZW5jZSBvZiB0aGUgc3RhcnQgcGFnZVggcG9zaXRpb24gYW5kIHRoZSBjdXJyZW50IHBhZ2VYIFxyXG4gICAqIHBvc2l0aW9uIHRvIHRoZSB3aWR0aCBvZiB0aGUgZWxlbWVudCB3aGVuIHdlIHN0YXJ0ZWQgZHJhZ2dpbmcuIFBhc3MgdGhlIFxyXG4gICAqIGNhbGN1bGF0ZWQgd2l0aCB0byB0aGUgc2V0V2lkdGggbWV0aG9kLlxyXG4gICAqL1xyXG4gIHByb3RlY3RlZCBkcmFnKGV2ZW50OiBNb3VzZUV2ZW50KTogdm9pZCB7XHJcbiAgICB0aGlzLnNldFdpZHRoKHRoaXMuc3RhcnRFbFdpZHRoICsgKGV2ZW50LnNjcmVlblggLSB0aGlzLnN0YXJ0U2NyZWVuWCkpO1xyXG4gIH1cclxuXHJcbiAgLyoqXHJcbiAgICogVXBkYXRlIHRoZSBjdXJyZW50IGVsZW1lbnQncyB3aWR0aC4gQ2FsbGVkIGFmdGVyIGEgbW91c2Vtb3ZlIGV2ZW50LlxyXG4gICAqL1xyXG4gIHByb3RlY3RlZCBhYnN0cmFjdCBzZXRXaWR0aCh3aWR0aDogbnVtYmVyKTogdm9pZDtcclxuXHJcbiAgLyoqXHJcbiAgICogT24gYSBtb3VzZXVwIGV2ZW50XHJcbiAgICogKiByZW1vdmUgdGhlIG1vdXNlIGV2ZW50IGxpc3RlbmVycyBvbiB0aGUgZG9jdW1lbnQuXHJcbiAgICogKiByZW1vdmUgdGhlICdpcy1hY3RpdmUnIGNsYXNzIGZyb20gdGhlIGN1cnJlbnQgZWxlbWVudFxyXG4gICAqICogcmVzZXQgdGhlIGN1cnNvciBzdHlsZSBvbiB0aGUgYm9keVxyXG4gICAqL1xyXG4gIHByb3RlY3RlZCBzdG9wRHJhZyhldmVudDogTW91c2VFdmVudCk6IHZvaWQge1xyXG4gICAgaWYgKHRoaXMubW91c2Vtb3ZlTGlzdGVuZXIpIHtcclxuICAgICAgdGhpcy5tb3VzZW1vdmVMaXN0ZW5lcigpO1xyXG4gICAgICB0aGlzLm1vdXNlbW92ZUxpc3RlbmVyID0gdW5kZWZpbmVkO1xyXG4gICAgfVxyXG4gICAgXHJcbiAgICBpZiAodGhpcy5tb3VzZXVwTGlzdGVuZXIpIHtcclxuICAgICAgdGhpcy5tb3VzZXVwTGlzdGVuZXIoKTtcclxuICAgICAgdGhpcy5tb3VzZXVwTGlzdGVuZXIgPSB1bmRlZmluZWQ7XHJcbiAgICB9XHJcbiAgICBcclxuICAgIGlmICh0aGlzLmN1cnJlbnRFbCkge1xyXG4gICAgICB0aGlzLnJlbmRlcmVyLnJlbW92ZUNsYXNzKHRoaXMuY3VycmVudEVsLCAnaXMtYWN0aXZlJyk7XHJcbiAgICB9XHJcblxyXG4gICAgdGhpcy5yZW5kZXJlci5yZW1vdmVTdHlsZSh0aGlzLmRvY3VtZW50LmJvZHksICdjdXJzb3InKTtcclxuICB9XHJcblxyXG4gIC8qKkNhbGxlZCBhZnRlciB0aGUgdmlldyBpbml0aWFsaXplcyBpZiB0aGUgY29tcG9uZW50IHN1cHBvcnRzIHJlc3RvcmluZyB3aWR0aHMgYW5kIHRoZXJlIGFyZSBjYWNoZWQgd2lkdGhzIHRvIHJlc3RvcmUuIFxyXG4gICAqIFRvIGJlIG92ZXJyaWRkZW4gaW4gYSBkZXJpdmVkIGNsYXNzIGlmIGl0IHN1cHBvcnRzIHJlc3RvcmluZyB3aWR0aHMsIGRlZmF1bHRzIHRvIGEgbm8tb3AqL1xyXG4gIHByb3RlY3RlZCByZXN0b3JlV2lkdGhzKHdpZHRoczogbnVtYmVyW10pOiB2b2lkIHsgfVxyXG5cclxuICAvKiogU3RvcmUgdGhlIHByb3ZpZGVkIHdpZHRocyBpbiBjYWNoZSBzbyB0aGV5IGNhbiBiZSByZXRyaWV2ZWQgbGF0ZXIgKi9cclxuICBwcm90ZWN0ZWQgc2F2ZVdpZHRocyh3aWR0aHM6IG51bWJlcltdKXtcclxuICAgIGlmKHRoaXMucmVtZW1iZXJXaWR0aCAmJiB0aGlzLmlkKXtcclxuICAgICAgdGhpcy5jYWNoZVNlcnZpY2Uuc2V0SXRlbSgncmVzaXphYmxlLScgKyB0aGlzLmlkLCA8UmVzaXplQ2FjaGVFbnRyeT4ge1xyXG4gICAgICAgIHdpZHRoczogd2lkdGhzXHJcbiAgICAgIH0pO1xyXG4gICAgfSBlbHNlIGlmKHRoaXMucmVtZW1iZXJXaWR0aCl7XHJcbiAgICAgIGNvbnNvbGUuZXJyb3IoJ3JlbWVtYmVyV2lkdGggaXMgc2V0IGJ1dCB3aWxsIG5vdCB0YWtlIGVmZmVjdCB1bmxlc3MgSUQgaXMgYWxzbyBzZXQnKTtcclxuICAgIH1cclxuICB9XHJcbn0iXX0=

package/{esm2020 → esm2022}/lib/display/resizable/resizable.component.mjs

@@ -1,57 +1,57 @@
-import { DOCUMENT } from '@angular/common';
-import { Component, Inject } from '@angular/core';
-import { ResizableBase } from './resizable-base';
-import * as i0 from "@angular/core";
-import * as i1 from "../../core/cache.service";
-/**
- * Make an element resizable horizontally by wrapping it in the ResizableComponent.
- * Default widths / limits are applied but you can optionally override them
- * with min-width and max-width with style attributes
- * @example
- * <ec-resizable [style.width.px]="200"
- *               [style.min-width.px]="75"
- *               [style.max-width.px]="300">
- *    <div> ... </div>
- * </ec-resizable>
- */
-export class ResizableComponent extends ResizableBase {
-    constructor(el, renderer, cacheService, document) {
-        super(renderer, cacheService, document);
-        this.el = el;
-        //default rememberWidth to true for standard resizable, resizable tables default to false
-        this.rememberWidth = true;
-    }
-    /** Store the host element to reference later */
-    ngOnInit() {
-        this.currentEl = this.el.nativeElement;
-    }
-    /**
-     * Set the new width of the element and emit the new width to subscribers
-     */
-    setWidth(width) {
-        this.renderer.setStyle(this.currentEl, 'width', width + 'px');
-        this.saveWidths([width]);
-    }
-    /**Called from the base class when cached widths are available and restoring
-     * width is enabled. We only care about the first one because we only have one width
-     */
-    restoreWidths(widths) {
-        this.setWidth(widths[0]);
-    }
-}
-ResizableComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ResizableComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i1.CacheService }, { token: DOCUMENT }], target: i0.ɵɵFactoryTarget.Component });
-ResizableComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: ResizableComponent, selector: "ec-resizable", usesInheritance: true, ngImport: i0, template: `<div class="content">
+import { DOCUMENT } from '@angular/common';
+import { Component, Inject } from '@angular/core';
+import { ResizableBase } from './resizable-base';
+import * as i0 from "@angular/core";
+import * as i1 from "../../core/cache.service";
+/**
+ * Make an element resizable horizontally by wrapping it in the ResizableComponent.
+ * Default widths / limits are applied but you can optionally override them
+ * with min-width and max-width with style attributes
+ * @example
+ * <ec-resizable [style.width.px]="200"
+ *               [style.min-width.px]="75"
+ *               [style.max-width.px]="300">
+ *    <div> ... </div>
+ * </ec-resizable>
+ */
+export class ResizableComponent extends ResizableBase {
+    constructor(el, renderer, cacheService, document) {
+        super(renderer, cacheService, document);
+        this.el = el;
+        //default rememberWidth to true for standard resizable, resizable tables default to false
+        this.rememberWidth = true;
+    }
+    /** Store the host element to reference later */
+    ngOnInit() {
+        this.currentEl = this.el.nativeElement;
+    }
+    /**
+     * Set the new width of the element and emit the new width to subscribers
+     */
+    setWidth(width) {
+        this.renderer.setStyle(this.currentEl, 'width', width + 'px');
+        this.saveWidths([width]);
+    }
+    /**Called from the base class when cached widths are available and restoring
+     * width is enabled. We only care about the first one because we only have one width
+     */
+    restoreWidths(widths) {
+        this.setWidth(widths[0]);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ResizableComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i1.CacheService }, { token: DOCUMENT }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: ResizableComponent, selector: "ec-resizable", usesInheritance: true, ngImport: i0, template: `<div class="content">
               <ng-content></ng-content>
             </div>
-            <div class="handle" (mousedown)="startDrag($event)"></div>`, isInline: true, styles: [":host{width:240px;max-width:480px;min-width:100px;position:relative;border-right:1px solid var(--ec-border-color);display:flex}:host.is-active{-webkit-user-select:none;user-select:none}:host.is-active .handle:after{background-color:var(--ec-color-interactive)}.handle{position:absolute;right:-7px;width:13px;height:100%;top:0;padding:0 5px;z-index:var(--ec-z-index-splitter)}.handle:after{content:\"\";display:block;transition:background-color .3s ease;height:100%;position:relative}.handle:hover{cursor:col-resize}.handle:hover:after{background-color:var(--ec-color-interactive)}.content{overflow:hidden;display:flex;flex:1 1;min-height:0;min-width:0}.content ::ng-deep>*{flex:1 1;min-height:0;min-width:0}\n"] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ResizableComponent, decorators: [{
-            type: Component,
+            <div class="handle" (mousedown)="startDrag($event)"></div>`, isInline: true, styles: [":host{width:240px;max-width:480px;min-width:100px;position:relative;border-right:1px solid var(--ec-border-color);display:flex}:host.is-active{-webkit-user-select:none;user-select:none}:host.is-active .handle:after{background-color:var(--ec-color-interactive)}.handle{position:absolute;right:-7px;width:13px;height:100%;top:0;padding:0 5px;z-index:var(--ec-z-index-splitter)}.handle:after{content:\"\";display:block;transition:background-color .3s ease;height:100%;position:relative}.handle:hover{cursor:col-resize}.handle:hover:after{background-color:var(--ec-color-interactive)}.content{overflow:hidden;display:flex;flex:1 1;min-height:0;min-width:0}.content ::ng-deep>*{flex:1 1;min-height:0;min-width:0}\n"] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ResizableComponent, decorators: [{
+            type: Component,
             args: [{ selector: 'ec-resizable', template: `<div class="content">
               <ng-content></ng-content>
             </div>
-            <div class="handle" (mousedown)="startDrag($event)"></div>`, styles: [":host{width:240px;max-width:480px;min-width:100px;position:relative;border-right:1px solid var(--ec-border-color);display:flex}:host.is-active{-webkit-user-select:none;user-select:none}:host.is-active .handle:after{background-color:var(--ec-color-interactive)}.handle{position:absolute;right:-7px;width:13px;height:100%;top:0;padding:0 5px;z-index:var(--ec-z-index-splitter)}.handle:after{content:\"\";display:block;transition:background-color .3s ease;height:100%;position:relative}.handle:hover{cursor:col-resize}.handle:hover:after{background-color:var(--ec-color-interactive)}.content{overflow:hidden;display:flex;flex:1 1;min-height:0;min-width:0}.content ::ng-deep>*{flex:1 1;min-height:0;min-width:0}\n"] }]
-        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i1.CacheService }, { type: Document, decorators: [{
-                    type: Inject,
-                    args: [DOCUMENT]
-                }] }]; } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmVzaXphYmxlLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvbXBvbmVudHMvc3JjL2xpYi9kaXNwbGF5L3Jlc2l6YWJsZS9yZXNpemFibGUuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMzQyxPQUFPLEVBQUUsU0FBUyxFQUFjLE1BQU0sRUFBcUIsTUFBTSxlQUFlLENBQUM7QUFHakYsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGtCQUFrQixDQUFDOzs7QUFHakQ7Ozs7Ozs7Ozs7R0FVRztBQVNILE1BQU0sT0FBTyxrQkFBbUIsU0FBUSxhQUFhO0lBQ25ELFlBQ1UsRUFBYyxFQUN0QixRQUFtQixFQUNuQixZQUEwQixFQUNSLFFBQWtCO1FBRXBDLEtBQUssQ0FBQyxRQUFRLEVBQUUsWUFBWSxFQUFFLFFBQVEsQ0FBQyxDQUFDO1FBTGhDLE9BQUUsR0FBRixFQUFFLENBQVk7UUFPdEIseUZBQXlGO1FBQ3pGLElBQUksQ0FBQyxhQUFhLEdBQUcsSUFBSSxDQUFDO0lBQzVCLENBQUM7SUFFRCxnREFBZ0Q7SUFDekMsUUFBUTtRQUNiLElBQUksQ0FBQyxTQUFTLEdBQUcsSUFBSSxDQUFDLEVBQUUsQ0FBQyxhQUFhLENBQUM7SUFDekMsQ0FBQztJQUVEOztPQUVHO0lBQ08sUUFBUSxDQUFDLEtBQWE7UUFDOUIsSUFBSSxDQUFDLFFBQVEsQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLFNBQVMsRUFBRSxPQUFPLEVBQUUsS0FBSyxHQUFHLElBQUksQ0FBQyxDQUFDO1FBQzlELElBQUksQ0FBQyxVQUFVLENBQUMsQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDO0lBQzNCLENBQUM7SUFFRDs7T0FFRztJQUNPLGFBQWEsQ0FBQyxNQUFnQjtRQUN0QyxJQUFJLENBQUMsUUFBUSxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDO0lBQzNCLENBQUM7OytHQS9CVSxrQkFBa0IsaUdBS25CLFFBQVE7bUdBTFAsa0JBQWtCLDJFQU5uQjs7O3VFQUcyRDsyRkFHMUQsa0JBQWtCO2tCQVI5QixTQUFTOytCQUNFLGNBQWMsWUFDZDs7O3VFQUcyRDs7MEJBUWxFLE1BQU07MkJBQUMsUUFBUSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IERPQ1VNRU5UIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcclxuaW1wb3J0IHsgQ29tcG9uZW50LCBFbGVtZW50UmVmLCBJbmplY3QsIE9uSW5pdCwgUmVuZGVyZXIyIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcblxyXG5pbXBvcnQgeyBDYWNoZVNlcnZpY2UgfSBmcm9tICcuLi8uLi9jb3JlL2NhY2hlLnNlcnZpY2UnO1xyXG5pbXBvcnQgeyBSZXNpemFibGVCYXNlIH0gZnJvbSAnLi9yZXNpemFibGUtYmFzZSc7XHJcblxyXG5cclxuLyoqXHJcbiAqIE1ha2UgYW4gZWxlbWVudCByZXNpemFibGUgaG9yaXpvbnRhbGx5IGJ5IHdyYXBwaW5nIGl0IGluIHRoZSBSZXNpemFibGVDb21wb25lbnQuXHJcbiAqIERlZmF1bHQgd2lkdGhzIC8gbGltaXRzIGFyZSBhcHBsaWVkIGJ1dCB5b3UgY2FuIG9wdGlvbmFsbHkgb3ZlcnJpZGUgdGhlbVxyXG4gKiB3aXRoIG1pbi13aWR0aCBhbmQgbWF4LXdpZHRoIHdpdGggc3R5bGUgYXR0cmlidXRlc1xyXG4gKiBAZXhhbXBsZVxyXG4gKiA8ZWMtcmVzaXphYmxlIFtzdHlsZS53aWR0aC5weF09XCIyMDBcIlxyXG4gKiAgICAgICAgICAgICAgIFtzdHlsZS5taW4td2lkdGgucHhdPVwiNzVcIlxyXG4gKiAgICAgICAgICAgICAgIFtzdHlsZS5tYXgtd2lkdGgucHhdPVwiMzAwXCI+XHJcbiAqICAgIDxkaXY+IC4uLiA8L2Rpdj5cclxuICogPC9lYy1yZXNpemFibGU+XHJcbiAqL1xyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2VjLXJlc2l6YWJsZScsXHJcbiAgdGVtcGxhdGU6IGA8ZGl2IGNsYXNzPVwiY29udGVudFwiPlxyXG4gICAgICAgICAgICAgIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cclxuICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJoYW5kbGVcIiAobW91c2Vkb3duKT1cInN0YXJ0RHJhZygkZXZlbnQpXCI+PC9kaXY+YCxcclxuICBzdHlsZVVybHM6IFsnLi9yZXNpemFibGUuY29tcG9uZW50LnNjc3MnXVxyXG59KVxyXG5leHBvcnQgY2xhc3MgUmVzaXphYmxlQ29tcG9uZW50IGV4dGVuZHMgUmVzaXphYmxlQmFzZSBpbXBsZW1lbnRzIE9uSW5pdCB7XHJcbiAgY29uc3RydWN0b3IoXHJcbiAgICBwcml2YXRlIGVsOiBFbGVtZW50UmVmLFxyXG4gICAgcmVuZGVyZXI6IFJlbmRlcmVyMixcclxuICAgIGNhY2hlU2VydmljZTogQ2FjaGVTZXJ2aWNlLFxyXG4gICAgQEluamVjdChET0NVTUVOVCkgZG9jdW1lbnQ6IERvY3VtZW50KVxyXG4gIHtcclxuICAgIHN1cGVyKHJlbmRlcmVyLCBjYWNoZVNlcnZpY2UsIGRvY3VtZW50KTtcclxuXHJcbiAgICAvL2RlZmF1bHQgcmVtZW1iZXJXaWR0aCB0byB0cnVlIGZvciBzdGFuZGFyZCByZXNpemFibGUsIHJlc2l6YWJsZSB0YWJsZXMgZGVmYXVsdCB0byBmYWxzZVxyXG4gICAgdGhpcy5yZW1lbWJlcldpZHRoID0gdHJ1ZTtcclxuICB9XHJcblxyXG4gIC8qKiBTdG9yZSB0aGUgaG9zdCBlbGVtZW50IHRvIHJlZmVyZW5jZSBsYXRlciAqL1xyXG4gIHB1YmxpYyBuZ09uSW5pdCgpOiB2b2lkIHtcclxuICAgIHRoaXMuY3VycmVudEVsID0gdGhpcy5lbC5uYXRpdmVFbGVtZW50O1xyXG4gIH1cclxuXHJcbiAgLyoqXHJcbiAgICogU2V0IHRoZSBuZXcgd2lkdGggb2YgdGhlIGVsZW1lbnQgYW5kIGVtaXQgdGhlIG5ldyB3aWR0aCB0byBzdWJzY3JpYmVyc1xyXG4gICAqL1xyXG4gIHByb3RlY3RlZCBzZXRXaWR0aCh3aWR0aDogbnVtYmVyKTogdm9pZCB7XHJcbiAgICB0aGlzLnJlbmRlcmVyLnNldFN0eWxlKHRoaXMuY3VycmVudEVsLCAnd2lkdGgnLCB3aWR0aCArICdweCcpO1xyXG4gICAgdGhpcy5zYXZlV2lkdGhzKFt3aWR0aF0pO1xyXG4gIH1cclxuXHJcbiAgLyoqQ2FsbGVkIGZyb20gdGhlIGJhc2UgY2xhc3Mgd2hlbiBjYWNoZWQgd2lkdGhzIGFyZSBhdmFpbGFibGUgYW5kIHJlc3RvcmluZ1xyXG4gICAqIHdpZHRoIGlzIGVuYWJsZWQuIFdlIG9ubHkgY2FyZSBhYm91dCB0aGUgZmlyc3Qgb25lIGJlY2F1c2Ugd2Ugb25seSBoYXZlIG9uZSB3aWR0aFxyXG4gICAqL1xyXG4gIHByb3RlY3RlZCByZXN0b3JlV2lkdGhzKHdpZHRoczogbnVtYmVyW10pe1xyXG4gICAgdGhpcy5zZXRXaWR0aCh3aWR0aHNbMF0pO1xyXG4gIH1cclxufVxyXG4iXX0=
+            <div class="handle" (mousedown)="startDrag($event)"></div>`, styles: [":host{width:240px;max-width:480px;min-width:100px;position:relative;border-right:1px solid var(--ec-border-color);display:flex}:host.is-active{-webkit-user-select:none;user-select:none}:host.is-active .handle:after{background-color:var(--ec-color-interactive)}.handle{position:absolute;right:-7px;width:13px;height:100%;top:0;padding:0 5px;z-index:var(--ec-z-index-splitter)}.handle:after{content:\"\";display:block;transition:background-color .3s ease;height:100%;position:relative}.handle:hover{cursor:col-resize}.handle:hover:after{background-color:var(--ec-color-interactive)}.content{overflow:hidden;display:flex;flex:1 1;min-height:0;min-width:0}.content ::ng-deep>*{flex:1 1;min-height:0;min-width:0}\n"] }]
+        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i1.CacheService }, { type: Document, decorators: [{
+                    type: Inject,
+                    args: [DOCUMENT]
+                }] }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmVzaXphYmxlLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvbXBvbmVudHMvc3JjL2xpYi9kaXNwbGF5L3Jlc2l6YWJsZS9yZXNpemFibGUuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMzQyxPQUFPLEVBQUUsU0FBUyxFQUFjLE1BQU0sRUFBcUIsTUFBTSxlQUFlLENBQUM7QUFHakYsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGtCQUFrQixDQUFDOzs7QUFHakQ7Ozs7Ozs7Ozs7R0FVRztBQVNILE1BQU0sT0FBTyxrQkFBbUIsU0FBUSxhQUFhO0lBQ25ELFlBQ1UsRUFBYyxFQUN0QixRQUFtQixFQUNuQixZQUEwQixFQUNSLFFBQWtCO1FBRXBDLEtBQUssQ0FBQyxRQUFRLEVBQUUsWUFBWSxFQUFFLFFBQVEsQ0FBQyxDQUFDO1FBTGhDLE9BQUUsR0FBRixFQUFFLENBQVk7UUFPdEIseUZBQXlGO1FBQ3pGLElBQUksQ0FBQyxhQUFhLEdBQUcsSUFBSSxDQUFDO0lBQzVCLENBQUM7SUFFRCxnREFBZ0Q7SUFDekMsUUFBUTtRQUNiLElBQUksQ0FBQyxTQUFTLEdBQUcsSUFBSSxDQUFDLEVBQUUsQ0FBQyxhQUFhLENBQUM7SUFDekMsQ0FBQztJQUVEOztPQUVHO0lBQ08sUUFBUSxDQUFDLEtBQWE7UUFDOUIsSUFBSSxDQUFDLFFBQVEsQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLFNBQVMsRUFBRSxPQUFPLEVBQUUsS0FBSyxHQUFHLElBQUksQ0FBQyxDQUFDO1FBQzlELElBQUksQ0FBQyxVQUFVLENBQUMsQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDO0lBQzNCLENBQUM7SUFFRDs7T0FFRztJQUNPLGFBQWEsQ0FBQyxNQUFnQjtRQUN0QyxJQUFJLENBQUMsUUFBUSxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDO0lBQzNCLENBQUM7K0dBL0JVLGtCQUFrQixpR0FLbkIsUUFBUTttR0FMUCxrQkFBa0IsMkVBTm5COzs7dUVBRzJEOzs0RkFHMUQsa0JBQWtCO2tCQVI5QixTQUFTOytCQUNFLGNBQWMsWUFDZDs7O3VFQUcyRDs7MEJBUWxFLE1BQU07MkJBQUMsUUFBUSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IERPQ1VNRU5UIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcclxuaW1wb3J0IHsgQ29tcG9uZW50LCBFbGVtZW50UmVmLCBJbmplY3QsIE9uSW5pdCwgUmVuZGVyZXIyIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcblxyXG5pbXBvcnQgeyBDYWNoZVNlcnZpY2UgfSBmcm9tICcuLi8uLi9jb3JlL2NhY2hlLnNlcnZpY2UnO1xyXG5pbXBvcnQgeyBSZXNpemFibGVCYXNlIH0gZnJvbSAnLi9yZXNpemFibGUtYmFzZSc7XHJcblxyXG5cclxuLyoqXHJcbiAqIE1ha2UgYW4gZWxlbWVudCByZXNpemFibGUgaG9yaXpvbnRhbGx5IGJ5IHdyYXBwaW5nIGl0IGluIHRoZSBSZXNpemFibGVDb21wb25lbnQuXHJcbiAqIERlZmF1bHQgd2lkdGhzIC8gbGltaXRzIGFyZSBhcHBsaWVkIGJ1dCB5b3UgY2FuIG9wdGlvbmFsbHkgb3ZlcnJpZGUgdGhlbVxyXG4gKiB3aXRoIG1pbi13aWR0aCBhbmQgbWF4LXdpZHRoIHdpdGggc3R5bGUgYXR0cmlidXRlc1xyXG4gKiBAZXhhbXBsZVxyXG4gKiA8ZWMtcmVzaXphYmxlIFtzdHlsZS53aWR0aC5weF09XCIyMDBcIlxyXG4gKiAgICAgICAgICAgICAgIFtzdHlsZS5taW4td2lkdGgucHhdPVwiNzVcIlxyXG4gKiAgICAgICAgICAgICAgIFtzdHlsZS5tYXgtd2lkdGgucHhdPVwiMzAwXCI+XHJcbiAqICAgIDxkaXY+IC4uLiA8L2Rpdj5cclxuICogPC9lYy1yZXNpemFibGU+XHJcbiAqL1xyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2VjLXJlc2l6YWJsZScsXHJcbiAgdGVtcGxhdGU6IGA8ZGl2IGNsYXNzPVwiY29udGVudFwiPlxyXG4gICAgICAgICAgICAgIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cclxuICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJoYW5kbGVcIiAobW91c2Vkb3duKT1cInN0YXJ0RHJhZygkZXZlbnQpXCI+PC9kaXY+YCxcclxuICBzdHlsZVVybHM6IFsnLi9yZXNpemFibGUuY29tcG9uZW50LnNjc3MnXVxyXG59KVxyXG5leHBvcnQgY2xhc3MgUmVzaXphYmxlQ29tcG9uZW50IGV4dGVuZHMgUmVzaXphYmxlQmFzZSBpbXBsZW1lbnRzIE9uSW5pdCB7XHJcbiAgY29uc3RydWN0b3IoXHJcbiAgICBwcml2YXRlIGVsOiBFbGVtZW50UmVmLFxyXG4gICAgcmVuZGVyZXI6IFJlbmRlcmVyMixcclxuICAgIGNhY2hlU2VydmljZTogQ2FjaGVTZXJ2aWNlLFxyXG4gICAgQEluamVjdChET0NVTUVOVCkgZG9jdW1lbnQ6IERvY3VtZW50KVxyXG4gIHtcclxuICAgIHN1cGVyKHJlbmRlcmVyLCBjYWNoZVNlcnZpY2UsIGRvY3VtZW50KTtcclxuXHJcbiAgICAvL2RlZmF1bHQgcmVtZW1iZXJXaWR0aCB0byB0cnVlIGZvciBzdGFuZGFyZCByZXNpemFibGUsIHJlc2l6YWJsZSB0YWJsZXMgZGVmYXVsdCB0byBmYWxzZVxyXG4gICAgdGhpcy5yZW1lbWJlcldpZHRoID0gdHJ1ZTtcclxuICB9XHJcblxyXG4gIC8qKiBTdG9yZSB0aGUgaG9zdCBlbGVtZW50IHRvIHJlZmVyZW5jZSBsYXRlciAqL1xyXG4gIHB1YmxpYyBuZ09uSW5pdCgpOiB2b2lkIHtcclxuICAgIHRoaXMuY3VycmVudEVsID0gdGhpcy5lbC5uYXRpdmVFbGVtZW50O1xyXG4gIH1cclxuXHJcbiAgLyoqXHJcbiAgICogU2V0IHRoZSBuZXcgd2lkdGggb2YgdGhlIGVsZW1lbnQgYW5kIGVtaXQgdGhlIG5ldyB3aWR0aCB0byBzdWJzY3JpYmVyc1xyXG4gICAqL1xyXG4gIHByb3RlY3RlZCBzZXRXaWR0aCh3aWR0aDogbnVtYmVyKTogdm9pZCB7XHJcbiAgICB0aGlzLnJlbmRlcmVyLnNldFN0eWxlKHRoaXMuY3VycmVudEVsLCAnd2lkdGgnLCB3aWR0aCArICdweCcpO1xyXG4gICAgdGhpcy5zYXZlV2lkdGhzKFt3aWR0aF0pO1xyXG4gIH1cclxuXHJcbiAgLyoqQ2FsbGVkIGZyb20gdGhlIGJhc2UgY2xhc3Mgd2hlbiBjYWNoZWQgd2lkdGhzIGFyZSBhdmFpbGFibGUgYW5kIHJlc3RvcmluZ1xyXG4gICAqIHdpZHRoIGlzIGVuYWJsZWQuIFdlIG9ubHkgY2FyZSBhYm91dCB0aGUgZmlyc3Qgb25lIGJlY2F1c2Ugd2Ugb25seSBoYXZlIG9uZSB3aWR0aFxyXG4gICAqL1xyXG4gIHByb3RlY3RlZCByZXN0b3JlV2lkdGhzKHdpZHRoczogbnVtYmVyW10pe1xyXG4gICAgdGhpcy5zZXRXaWR0aCh3aWR0aHNbMF0pO1xyXG4gIH1cclxufVxyXG4iXX0=

package/{esm2020 → esm2022}/lib/display/spinner/spinner.component.mjs

@@ -1,12 +1,12 @@
-import { Component } from '@angular/core';
-import * as i0 from "@angular/core";
-/** Exposes the markup and styles that represent the spinner. No inputs or outputs defined because it is just a visual component*/
-export class SpinnerComponent {
-}
-SpinnerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SpinnerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-SpinnerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: SpinnerComponent, selector: "ec-spinner", ngImport: i0, template: "<div class=\"spinner\">\r\n  <span class=\"spinner-dot\"></span>\r\n  <span class=\"spinner-dot\"></span>\r\n  <span class=\"spinner-dot\"></span>\r\n  <span class=\"spinner-dot\"></span>\r\n</div>", styles: ["@keyframes sk-bouncedelay{0%,80%,to{opacity:0}40%{opacity:1}}.spinner{display:flex}.spinner-dot{width:.75rem;height:.75rem;background-color:var(--ec-spinner-color, var(--ec-color-purple-5));animation:sk-bouncedelay 1.7s infinite ease-in-out both;margin-right:.25rem}.spinner-dot:nth-child(1){animation-delay:-.6s}.spinner-dot:nth-child(2){animation-delay:-.4s}.spinner-dot:nth-child(3){animation-delay:-.2s}:host(.spinner-small) .spinner-dot{width:.5rem;height:.5rem;background-color:var(--ec-spinner-color, var(--ec-color-purple-5));animation:sk-bouncedelay 1.7s infinite ease-in-out both;margin-right:.1666666667rem}:host(.spinner-small) .spinner-dot:nth-child(1){animation-delay:-.6s}:host(.spinner-small) .spinner-dot:nth-child(2){animation-delay:-.4s}:host(.spinner-small) .spinner-dot:nth-child(3){animation-delay:-.2s}\n"] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SpinnerComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'ec-spinner', template: "<div class=\"spinner\">\r\n  <span class=\"spinner-dot\"></span>\r\n  <span class=\"spinner-dot\"></span>\r\n  <span class=\"spinner-dot\"></span>\r\n  <span class=\"spinner-dot\"></span>\r\n</div>", styles: ["@keyframes sk-bouncedelay{0%,80%,to{opacity:0}40%{opacity:1}}.spinner{display:flex}.spinner-dot{width:.75rem;height:.75rem;background-color:var(--ec-spinner-color, var(--ec-color-purple-5));animation:sk-bouncedelay 1.7s infinite ease-in-out both;margin-right:.25rem}.spinner-dot:nth-child(1){animation-delay:-.6s}.spinner-dot:nth-child(2){animation-delay:-.4s}.spinner-dot:nth-child(3){animation-delay:-.2s}:host(.spinner-small) .spinner-dot{width:.5rem;height:.5rem;background-color:var(--ec-spinner-color, var(--ec-color-purple-5));animation:sk-bouncedelay 1.7s infinite ease-in-out both;margin-right:.1666666667rem}:host(.spinner-small) .spinner-dot:nth-child(1){animation-delay:-.6s}:host(.spinner-small) .spinner-dot:nth-child(2){animation-delay:-.4s}:host(.spinner-small) .spinner-dot:nth-child(3){animation-delay:-.2s}\n"] }]
-        }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3Bpbm5lci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb21wb25lbnRzL3NyYy9saWIvZGlzcGxheS9zcGlubmVyL3NwaW5uZXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tcG9uZW50cy9zcmMvbGliL2Rpc3BsYXkvc3Bpbm5lci9zcGlubmVyLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUM7O0FBUTFDLGtJQUFrSTtBQUNsSSxNQUFNLE9BQU8sZ0JBQWdCOzs2R0FBaEIsZ0JBQWdCO2lHQUFoQixnQkFBZ0Isa0RDVDdCLHVNQUtNOzJGRElPLGdCQUFnQjtrQkFQNUIsU0FBUzsrQkFDRSxZQUFZIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2VjLXNwaW5uZXInLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9zcGlubmVyLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi9zcGlubmVyLmNvbXBvbmVudC5zY3NzJ11cclxufSlcclxuXHJcbi8qKiBFeHBvc2VzIHRoZSBtYXJrdXAgYW5kIHN0eWxlcyB0aGF0IHJlcHJlc2VudCB0aGUgc3Bpbm5lci4gTm8gaW5wdXRzIG9yIG91dHB1dHMgZGVmaW5lZCBiZWNhdXNlIGl0IGlzIGp1c3QgYSB2aXN1YWwgY29tcG9uZW50Ki9cclxuZXhwb3J0IGNsYXNzIFNwaW5uZXJDb21wb25lbnQgeyB9XHJcbiIsIjxkaXYgY2xhc3M9XCJzcGlubmVyXCI+XHJcbiAgPHNwYW4gY2xhc3M9XCJzcGlubmVyLWRvdFwiPjwvc3Bhbj5cclxuICA8c3BhbiBjbGFzcz1cInNwaW5uZXItZG90XCI+PC9zcGFuPlxyXG4gIDxzcGFuIGNsYXNzPVwic3Bpbm5lci1kb3RcIj48L3NwYW4+XHJcbiAgPHNwYW4gY2xhc3M9XCJzcGlubmVyLWRvdFwiPjwvc3Bhbj5cclxuPC9kaXY+Il19
+import { Component } from '@angular/core';
+import * as i0 from "@angular/core";
+/** Exposes the markup and styles that represent the spinner. No inputs or outputs defined because it is just a visual component*/
+export class SpinnerComponent {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SpinnerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: SpinnerComponent, selector: "ec-spinner", ngImport: i0, template: "<div class=\"spinner\">\r\n  <span class=\"spinner-dot\"></span>\r\n  <span class=\"spinner-dot\"></span>\r\n  <span class=\"spinner-dot\"></span>\r\n  <span class=\"spinner-dot\"></span>\r\n</div>", styles: ["@keyframes sk-bouncedelay{0%,80%,to{opacity:0}40%{opacity:1}}.spinner{display:flex}.spinner-dot{width:.75rem;height:.75rem;background-color:var(--ec-spinner-color, var(--ec-color-purple-5));animation:sk-bouncedelay 1.7s infinite ease-in-out both;margin-right:.25rem}.spinner-dot:nth-child(1){animation-delay:-.6s}.spinner-dot:nth-child(2){animation-delay:-.4s}.spinner-dot:nth-child(3){animation-delay:-.2s}:host(.spinner-small) .spinner-dot{width:.5rem;height:.5rem;background-color:var(--ec-spinner-color, var(--ec-color-purple-5));animation:sk-bouncedelay 1.7s infinite ease-in-out both;margin-right:.1666666667rem}:host(.spinner-small) .spinner-dot:nth-child(1){animation-delay:-.6s}:host(.spinner-small) .spinner-dot:nth-child(2){animation-delay:-.4s}:host(.spinner-small) .spinner-dot:nth-child(3){animation-delay:-.2s}\n"] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SpinnerComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ec-spinner', template: "<div class=\"spinner\">\r\n  <span class=\"spinner-dot\"></span>\r\n  <span class=\"spinner-dot\"></span>\r\n  <span class=\"spinner-dot\"></span>\r\n  <span class=\"spinner-dot\"></span>\r\n</div>", styles: ["@keyframes sk-bouncedelay{0%,80%,to{opacity:0}40%{opacity:1}}.spinner{display:flex}.spinner-dot{width:.75rem;height:.75rem;background-color:var(--ec-spinner-color, var(--ec-color-purple-5));animation:sk-bouncedelay 1.7s infinite ease-in-out both;margin-right:.25rem}.spinner-dot:nth-child(1){animation-delay:-.6s}.spinner-dot:nth-child(2){animation-delay:-.4s}.spinner-dot:nth-child(3){animation-delay:-.2s}:host(.spinner-small) .spinner-dot{width:.5rem;height:.5rem;background-color:var(--ec-spinner-color, var(--ec-color-purple-5));animation:sk-bouncedelay 1.7s infinite ease-in-out both;margin-right:.1666666667rem}:host(.spinner-small) .spinner-dot:nth-child(1){animation-delay:-.6s}:host(.spinner-small) .spinner-dot:nth-child(2){animation-delay:-.4s}:host(.spinner-small) .spinner-dot:nth-child(3){animation-delay:-.2s}\n"] }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3Bpbm5lci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb21wb25lbnRzL3NyYy9saWIvZGlzcGxheS9zcGlubmVyL3NwaW5uZXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tcG9uZW50cy9zcmMvbGliL2Rpc3BsYXkvc3Bpbm5lci9zcGlubmVyLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUM7O0FBUTFDLGtJQUFrSTtBQUNsSSxNQUFNLE9BQU8sZ0JBQWdCOytHQUFoQixnQkFBZ0I7bUdBQWhCLGdCQUFnQixrRENUN0IsdU1BS007OzRGRElPLGdCQUFnQjtrQkFQNUIsU0FBUzsrQkFDRSxZQUFZIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2VjLXNwaW5uZXInLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9zcGlubmVyLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi9zcGlubmVyLmNvbXBvbmVudC5zY3NzJ11cclxufSlcclxuXHJcbi8qKiBFeHBvc2VzIHRoZSBtYXJrdXAgYW5kIHN0eWxlcyB0aGF0IHJlcHJlc2VudCB0aGUgc3Bpbm5lci4gTm8gaW5wdXRzIG9yIG91dHB1dHMgZGVmaW5lZCBiZWNhdXNlIGl0IGlzIGp1c3QgYSB2aXN1YWwgY29tcG9uZW50Ki9cclxuZXhwb3J0IGNsYXNzIFNwaW5uZXJDb21wb25lbnQgeyB9XHJcbiIsIjxkaXYgY2xhc3M9XCJzcGlubmVyXCI+XHJcbiAgPHNwYW4gY2xhc3M9XCJzcGlubmVyLWRvdFwiPjwvc3Bhbj5cclxuICA8c3BhbiBjbGFzcz1cInNwaW5uZXItZG90XCI+PC9zcGFuPlxyXG4gIDxzcGFuIGNsYXNzPVwic3Bpbm5lci1kb3RcIj48L3NwYW4+XHJcbiAgPHNwYW4gY2xhc3M9XCJzcGlubmVyLWRvdFwiPjwvc3Bhbj5cclxuPC9kaXY+Il19

package/esm2022/lib/display/splash/splash.component.mjs

@@ -0,0 +1,42 @@
+import { Component } from '@angular/core';
+import { Subject, timer } from 'rxjs';
+import { takeUntil, tap } from 'rxjs/operators';
+import * as i0 from "@angular/core";
+import * as i1 from "./splash.service";
+export class SplashComponent {
+    constructor(splashService) {
+        this.splashService = splashService;
+        /** Sets the visibility of the splash display */
+        this.isVisible = true;
+        this.stopAnimation = false;
+        /** Emits when the service is destroyed */
+        this.destroyed = new Subject();
+    }
+    ngOnInit() {
+        this.splashService.splashVisibility.pipe(takeUntil(this.destroyed), tap(async (value) => {
+            if (value) {
+                this.stopAnimation = false;
+            }
+            else {
+                // Prevent animation from continuing after splash screen is hidden
+                // but if we hide it then show while the timer is running, don't stop the animation after all
+                timer(1000).pipe(takeUntil(this.splashService.splashVisibility)).subscribe(() => {
+                    this.stopAnimation = true;
+                });
+            }
+        })).subscribe(showSplash => {
+            this.isVisible = showSplash;
+        });
+    }
+    ngOnDestroy() {
+        this.destroyed.next();
+        this.destroyed.unsubscribe();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SplashComponent, deps: [{ token: i1.SplashService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: SplashComponent, selector: "ec-splash", ngImport: i0, template: "<div class=\"app-splash\" [class.app-loaded]=\"!isVisible\">\r\n    <img src=\"/assets/images/splash.gif\">\r\n</div>" }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SplashComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ec-splash', template: "<div class=\"app-splash\" [class.app-loaded]=\"!isVisible\">\r\n    <img src=\"/assets/images/splash.gif\">\r\n</div>" }]
+        }], ctorParameters: () => [{ type: i1.SplashService }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3BsYXNoLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvbXBvbmVudHMvc3JjL2xpYi9kaXNwbGF5L3NwbGFzaC9zcGxhc2guY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tcG9uZW50cy9zcmMvbGliL2Rpc3BsYXkvc3BsYXNoL3NwbGFzaC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFxQixNQUFNLGVBQWUsQ0FBQztBQUM3RCxPQUFPLEVBQUUsT0FBTyxFQUFFLEtBQUssRUFBRSxNQUFNLE1BQU0sQ0FBQztBQUV0QyxPQUFPLEVBQUUsU0FBUyxFQUFFLEdBQUcsRUFBRSxNQUFNLGdCQUFnQixDQUFDOzs7QUFNaEQsTUFBTSxPQUFPLGVBQWU7SUFRMUIsWUFBb0IsYUFBNEI7UUFBNUIsa0JBQWEsR0FBYixhQUFhLENBQWU7UUFQaEQsZ0RBQWdEO1FBQ3pDLGNBQVMsR0FBWSxJQUFJLENBQUM7UUFDMUIsa0JBQWEsR0FBWSxLQUFLLENBQUM7UUFFdEMsMENBQTBDO1FBQ2xDLGNBQVMsR0FBa0IsSUFBSSxPQUFPLEVBQUUsQ0FBQztJQUVHLENBQUM7SUFFckQsUUFBUTtRQUNOLElBQUksQ0FBQyxhQUFhLENBQUMsZ0JBQWdCLENBQUMsSUFBSSxDQUN0QyxTQUFTLENBQUMsSUFBSSxDQUFDLFNBQVMsQ0FBQyxFQUN6QixHQUFHLENBQUMsS0FBSyxFQUFDLEtBQUssRUFBQyxFQUFFO1lBQ2hCLElBQUksS0FBSyxFQUFFLENBQUM7Z0JBQ1YsSUFBSSxDQUFDLGFBQWEsR0FBRyxLQUFLLENBQUM7WUFDN0IsQ0FBQztpQkFBTSxDQUFDO2dCQUNOLGtFQUFrRTtnQkFDbEUsNkZBQTZGO2dCQUM3RixLQUFLLENBQUMsSUFBSSxDQUFDLENBQUMsSUFBSSxDQUFDLFNBQVMsQ0FBQyxJQUFJLENBQUMsYUFBYSxDQUFDLGdCQUFnQixDQUFDLENBQUMsQ0FBQyxTQUFTLENBQUMsR0FBRSxFQUFFO29CQUM3RSxJQUFJLENBQUMsYUFBYSxHQUFHLElBQUksQ0FBQztnQkFDNUIsQ0FBQyxDQUFDLENBQUM7WUFDTCxDQUFDO1FBQ0gsQ0FBQyxDQUFDLENBQ0gsQ0FBQyxTQUFTLENBQUMsVUFBVSxDQUFDLEVBQUU7WUFDdkIsSUFBSSxDQUFDLFNBQVMsR0FBRyxVQUFVLENBQUM7UUFDOUIsQ0FBQyxDQUFDLENBQUM7SUFDTCxDQUFDO0lBRUQsV0FBVztRQUNULElBQUksQ0FBQyxTQUFTLENBQUMsSUFBSSxFQUFFLENBQUM7UUFDdEIsSUFBSSxDQUFDLFNBQVMsQ0FBQyxXQUFXLEVBQUUsQ0FBQztJQUMvQixDQUFDOytHQWhDVSxlQUFlO21HQUFmLGVBQWUsaURDVDVCLHVIQUVNOzs0RkRPTyxlQUFlO2tCQUozQixTQUFTOytCQUNFLFdBQVciLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIE9uSW5pdCwgT25EZXN0cm95IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IFN1YmplY3QsIHRpbWVyIH0gZnJvbSAncnhqcyc7XHJcbmltcG9ydCB7IFNwbGFzaFNlcnZpY2UgfSBmcm9tICcuL3NwbGFzaC5zZXJ2aWNlJztcclxuaW1wb3J0IHsgdGFrZVVudGlsLCB0YXAgfSBmcm9tICdyeGpzL29wZXJhdG9ycyc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2VjLXNwbGFzaCcsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL3NwbGFzaC5jb21wb25lbnQuaHRtbCdcclxufSlcclxuZXhwb3J0IGNsYXNzIFNwbGFzaENvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCwgT25EZXN0cm95IHtcclxuICAvKiogU2V0cyB0aGUgdmlzaWJpbGl0eSBvZiB0aGUgc3BsYXNoIGRpc3BsYXkgKi9cclxuICBwdWJsaWMgaXNWaXNpYmxlOiBib29sZWFuID0gdHJ1ZTtcclxuICBwdWJsaWMgc3RvcEFuaW1hdGlvbjogYm9vbGVhbiA9IGZhbHNlO1xyXG5cclxuICAvKiogRW1pdHMgd2hlbiB0aGUgc2VydmljZSBpcyBkZXN0cm95ZWQgKi9cclxuICBwcml2YXRlIGRlc3Ryb3llZDogU3ViamVjdDx2b2lkPiA9IG5ldyBTdWJqZWN0KCk7XHJcblxyXG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgc3BsYXNoU2VydmljZTogU3BsYXNoU2VydmljZSkgeyB9XHJcblxyXG4gIG5nT25Jbml0KCkge1xyXG4gICAgdGhpcy5zcGxhc2hTZXJ2aWNlLnNwbGFzaFZpc2liaWxpdHkucGlwZShcclxuICAgICAgdGFrZVVudGlsKHRoaXMuZGVzdHJveWVkKSxcclxuICAgICAgdGFwKGFzeW5jIHZhbHVlID0+IHtcclxuICAgICAgICBpZiAodmFsdWUpIHtcclxuICAgICAgICAgIHRoaXMuc3RvcEFuaW1hdGlvbiA9IGZhbHNlO1xyXG4gICAgICAgIH0gZWxzZSB7XHJcbiAgICAgICAgICAvLyBQcmV2ZW50IGFuaW1hdGlvbiBmcm9tIGNvbnRpbnVpbmcgYWZ0ZXIgc3BsYXNoIHNjcmVlbiBpcyBoaWRkZW5cclxuICAgICAgICAgIC8vIGJ1dCBpZiB3ZSBoaWRlIGl0IHRoZW4gc2hvdyB3aGlsZSB0aGUgdGltZXIgaXMgcnVubmluZywgZG9uJ3Qgc3RvcCB0aGUgYW5pbWF0aW9uIGFmdGVyIGFsbFxyXG4gICAgICAgICAgdGltZXIoMTAwMCkucGlwZSh0YWtlVW50aWwodGhpcy5zcGxhc2hTZXJ2aWNlLnNwbGFzaFZpc2liaWxpdHkpKS5zdWJzY3JpYmUoKCk9PntcclxuICAgICAgICAgICAgdGhpcy5zdG9wQW5pbWF0aW9uID0gdHJ1ZTtcclxuICAgICAgICAgIH0pO1xyXG4gICAgICAgIH1cclxuICAgICAgfSlcclxuICAgICkuc3Vic2NyaWJlKHNob3dTcGxhc2ggPT4ge1xyXG4gICAgICB0aGlzLmlzVmlzaWJsZSA9IHNob3dTcGxhc2g7XHJcbiAgICB9KTtcclxuICB9XHJcblxyXG4gIG5nT25EZXN0cm95KCkge1xyXG4gICAgdGhpcy5kZXN0cm95ZWQubmV4dCgpO1xyXG4gICAgdGhpcy5kZXN0cm95ZWQudW5zdWJzY3JpYmUoKTtcclxuICB9XHJcbn1cclxuIiwiPGRpdiBjbGFzcz1cImFwcC1zcGxhc2hcIiBbY2xhc3MuYXBwLWxvYWRlZF09XCIhaXNWaXNpYmxlXCI+XHJcbiAgICA8aW1nIHNyYz1cIi9hc3NldHMvaW1hZ2VzL3NwbGFzaC5naWZcIj5cclxuPC9kaXY+Il19

package/{esm2020 → esm2022}/lib/display/splash/splash.service.mjs

@@ -1,35 +1,35 @@
-import { Injectable } from '@angular/core';
-import { Subject } from 'rxjs';
-import * as i0 from "@angular/core";
-export class SplashService {
-    constructor() {
-        /** Used to interact with the splash component
-         *  The splash component will subscribe to this and any components
-         *  that wish to bring the splash visible can use this to communicate
-         *  with the splash component.
-         */
-        this._splashVisibility = new Subject();
-        this.splashVisibility = this._splashVisibility;
-    }
-    /**
-     * Shows the splash screen
-     */
-    showSplash() {
-        this._splashVisibility.next(true);
-    }
-    /**
-     * Hides the splash screen
-     */
-    hideSplash() {
-        this._splashVisibility.next(false);
-    }
-}
-SplashService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SplashService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-SplashService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SplashService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SplashService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root'
-                }]
-        }], ctorParameters: function () { return []; } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3BsYXNoLnNlcnZpY2UuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb21wb25lbnRzL3NyYy9saWIvZGlzcGxheS9zcGxhc2gvc3BsYXNoLnNlcnZpY2UudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUMzQyxPQUFPLEVBQUUsT0FBTyxFQUFjLE1BQU0sTUFBTSxDQUFDOztBQUszQyxNQUFNLE9BQU8sYUFBYTtJQVN4QjtRQVJBOzs7O1dBSUc7UUFDSyxzQkFBaUIsR0FBcUIsSUFBSSxPQUFPLEVBQUUsQ0FBQztRQUNyRCxxQkFBZ0IsR0FBd0IsSUFBSSxDQUFDLGlCQUFpQixDQUFDO0lBRXRELENBQUM7SUFFakI7O09BRUc7SUFDSSxVQUFVO1FBQ2YsSUFBSSxDQUFDLGlCQUFpQixDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQztJQUNwQyxDQUFDO0lBRUQ7O09BRUc7SUFDSSxVQUFVO1FBQ2YsSUFBSSxDQUFDLGlCQUFpQixDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUNyQyxDQUFDOzswR0F2QlUsYUFBYTs4R0FBYixhQUFhLGNBRlosTUFBTTsyRkFFUCxhQUFhO2tCQUh6QixVQUFVO21CQUFDO29CQUNWLFVBQVUsRUFBRSxNQUFNO2lCQUNuQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEluamVjdGFibGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgU3ViamVjdCwgT2JzZXJ2YWJsZSB9IGZyb20gJ3J4anMnO1xyXG5cclxuQEluamVjdGFibGUoe1xyXG4gIHByb3ZpZGVkSW46ICdyb290J1xyXG59KVxyXG5leHBvcnQgY2xhc3MgU3BsYXNoU2VydmljZSB7XHJcbiAgLyoqIFVzZWQgdG8gaW50ZXJhY3Qgd2l0aCB0aGUgc3BsYXNoIGNvbXBvbmVudFxyXG4gICAqICBUaGUgc3BsYXNoIGNvbXBvbmVudCB3aWxsIHN1YnNjcmliZSB0byB0aGlzIGFuZCBhbnkgY29tcG9uZW50c1xyXG4gICAqICB0aGF0IHdpc2ggdG8gYnJpbmcgdGhlIHNwbGFzaCB2aXNpYmxlIGNhbiB1c2UgdGhpcyB0byBjb21tdW5pY2F0ZVxyXG4gICAqICB3aXRoIHRoZSBzcGxhc2ggY29tcG9uZW50LlxyXG4gICAqL1xyXG4gIHByaXZhdGUgX3NwbGFzaFZpc2liaWxpdHk6IFN1YmplY3Q8Ym9vbGVhbj4gPSBuZXcgU3ViamVjdCgpO1xyXG4gIHB1YmxpYyBzcGxhc2hWaXNpYmlsaXR5OiBPYnNlcnZhYmxlPGJvb2xlYW4+ID0gdGhpcy5fc3BsYXNoVmlzaWJpbGl0eTtcclxuICBcclxuICBjb25zdHJ1Y3RvcigpIHsgfVxyXG5cclxuICAvKipcclxuICAgKiBTaG93cyB0aGUgc3BsYXNoIHNjcmVlblxyXG4gICAqL1xyXG4gIHB1YmxpYyBzaG93U3BsYXNoKCk6IHZvaWQge1xyXG4gICAgdGhpcy5fc3BsYXNoVmlzaWJpbGl0eS5uZXh0KHRydWUpO1xyXG4gIH1cclxuXHJcbiAgLyoqXHJcbiAgICogSGlkZXMgdGhlIHNwbGFzaCBzY3JlZW5cclxuICAgKi9cclxuICBwdWJsaWMgaGlkZVNwbGFzaCgpOiB2b2lkIHtcclxuICAgIHRoaXMuX3NwbGFzaFZpc2liaWxpdHkubmV4dChmYWxzZSk7XHJcbiAgfVxyXG59XHJcbiJdfQ==
+import { Injectable } from '@angular/core';
+import { Subject } from 'rxjs';
+import * as i0 from "@angular/core";
+export class SplashService {
+    constructor() {
+        /** Used to interact with the splash component
+         *  The splash component will subscribe to this and any components
+         *  that wish to bring the splash visible can use this to communicate
+         *  with the splash component.
+         */
+        this._splashVisibility = new Subject();
+        this.splashVisibility = this._splashVisibility;
+    }
+    /**
+     * Shows the splash screen
+     */
+    showSplash() {
+        this._splashVisibility.next(true);
+    }
+    /**
+     * Hides the splash screen
+     */
+    hideSplash() {
+        this._splashVisibility.next(false);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SplashService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SplashService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SplashService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }], ctorParameters: () => [] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3BsYXNoLnNlcnZpY2UuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb21wb25lbnRzL3NyYy9saWIvZGlzcGxheS9zcGxhc2gvc3BsYXNoLnNlcnZpY2UudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUMzQyxPQUFPLEVBQUUsT0FBTyxFQUFjLE1BQU0sTUFBTSxDQUFDOztBQUszQyxNQUFNLE9BQU8sYUFBYTtJQVN4QjtRQVJBOzs7O1dBSUc7UUFDSyxzQkFBaUIsR0FBcUIsSUFBSSxPQUFPLEVBQUUsQ0FBQztRQUNyRCxxQkFBZ0IsR0FBd0IsSUFBSSxDQUFDLGlCQUFpQixDQUFDO0lBRXRELENBQUM7SUFFakI7O09BRUc7SUFDSSxVQUFVO1FBQ2YsSUFBSSxDQUFDLGlCQUFpQixDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQztJQUNwQyxDQUFDO0lBRUQ7O09BRUc7SUFDSSxVQUFVO1FBQ2YsSUFBSSxDQUFDLGlCQUFpQixDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUNyQyxDQUFDOytHQXZCVSxhQUFhO21IQUFiLGFBQWEsY0FGWixNQUFNOzs0RkFFUCxhQUFhO2tCQUh6QixVQUFVO21CQUFDO29CQUNWLFVBQVUsRUFBRSxNQUFNO2lCQUNuQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEluamVjdGFibGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgU3ViamVjdCwgT2JzZXJ2YWJsZSB9IGZyb20gJ3J4anMnO1xyXG5cclxuQEluamVjdGFibGUoe1xyXG4gIHByb3ZpZGVkSW46ICdyb290J1xyXG59KVxyXG5leHBvcnQgY2xhc3MgU3BsYXNoU2VydmljZSB7XHJcbiAgLyoqIFVzZWQgdG8gaW50ZXJhY3Qgd2l0aCB0aGUgc3BsYXNoIGNvbXBvbmVudFxyXG4gICAqICBUaGUgc3BsYXNoIGNvbXBvbmVudCB3aWxsIHN1YnNjcmliZSB0byB0aGlzIGFuZCBhbnkgY29tcG9uZW50c1xyXG4gICAqICB0aGF0IHdpc2ggdG8gYnJpbmcgdGhlIHNwbGFzaCB2aXNpYmxlIGNhbiB1c2UgdGhpcyB0byBjb21tdW5pY2F0ZVxyXG4gICAqICB3aXRoIHRoZSBzcGxhc2ggY29tcG9uZW50LlxyXG4gICAqL1xyXG4gIHByaXZhdGUgX3NwbGFzaFZpc2liaWxpdHk6IFN1YmplY3Q8Ym9vbGVhbj4gPSBuZXcgU3ViamVjdCgpO1xyXG4gIHB1YmxpYyBzcGxhc2hWaXNpYmlsaXR5OiBPYnNlcnZhYmxlPGJvb2xlYW4+ID0gdGhpcy5fc3BsYXNoVmlzaWJpbGl0eTtcclxuICBcclxuICBjb25zdHJ1Y3RvcigpIHsgfVxyXG5cclxuICAvKipcclxuICAgKiBTaG93cyB0aGUgc3BsYXNoIHNjcmVlblxyXG4gICAqL1xyXG4gIHB1YmxpYyBzaG93U3BsYXNoKCk6IHZvaWQge1xyXG4gICAgdGhpcy5fc3BsYXNoVmlzaWJpbGl0eS5uZXh0KHRydWUpO1xyXG4gIH1cclxuXHJcbiAgLyoqXHJcbiAgICogSGlkZXMgdGhlIHNwbGFzaCBzY3JlZW5cclxuICAgKi9cclxuICBwdWJsaWMgaGlkZVNwbGFzaCgpOiB2b2lkIHtcclxuICAgIHRoaXMuX3NwbGFzaFZpc2liaWxpdHkubmV4dChmYWxzZSk7XHJcbiAgfVxyXG59XHJcbiJdfQ==