npm - @testgorilla/tgo-ui - Versions diffs - 2.31.1 → 2.31.3-beta.0 - Mend

@testgorilla/tgo-ui 2.31.1 → 2.31.3-beta.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1254) hide show

package/esm2022/components/side-panel/side-panel.animations.mjs ADDED Viewed

@@ -0,0 +1,26 @@
+import { animate, state, style, transition, trigger } from '@angular/animations';
+import { SidePanelAnimationState } from './side-panel.model';
+export const sidePanelAnimationDuration = 150;
+export const sidePanelAnimation = [
+    trigger('slideInOut', [
+        state(`${SidePanelAnimationState.Open}`, style({ transform: 'translateX(0)' })),
+        state(`${SidePanelAnimationState.ClosedRight}`, style({ transform: 'translateX(100%)' })),
+        state(`${SidePanelAnimationState.ClosedLeft}`, style({ transform: 'translateX(-100%)' })),
+        transition(`${SidePanelAnimationState.Open} <=> ${SidePanelAnimationState.ClosedRight}`, [
+            animate(`${sidePanelAnimationDuration}ms ease-in-out`),
+        ]),
+        transition(`${SidePanelAnimationState.Open} <=> ${SidePanelAnimationState.ClosedLeft}`, [
+            animate(`${sidePanelAnimationDuration}ms ease-in-out`),
+        ]),
+    ]),
+];
+export const backdropAnimation = [
+    trigger('fadeInOut', [
+        state(`${SidePanelAnimationState.Open}`, style({ opacity: 0.25 })),
+        state(`${SidePanelAnimationState.Closed}`, style({ opacity: 0 })),
+        transition(`${SidePanelAnimationState.Open} <=> ${SidePanelAnimationState.Closed}`, [
+            animate(`${sidePanelAnimationDuration}ms ease-in-out`),
+        ]),
+    ]),
+];
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2lkZS1wYW5lbC5hbmltYXRpb25zLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdGdvLWNhbm9weS11aS9jb21wb25lbnRzL3NpZGUtcGFuZWwvc2lkZS1wYW5lbC5hbmltYXRpb25zLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxPQUFPLEVBQUUsS0FBSyxFQUFFLEtBQUssRUFBRSxVQUFVLEVBQUUsT0FBTyxFQUFFLE1BQU0scUJBQXFCLENBQUM7QUFDakYsT0FBTyxFQUFFLHVCQUF1QixFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUFFN0QsTUFBTSxDQUFDLE1BQU0sMEJBQTBCLEdBQUcsR0FBRyxDQUFDO0FBRTlDLE1BQU0sQ0FBQyxNQUFNLGtCQUFrQixHQUFHO0lBQ2hDLE9BQU8sQ0FBQyxZQUFZLEVBQUU7UUFDcEIsS0FBSyxDQUFDLEdBQUcsdUJBQXVCLENBQUMsSUFBSSxFQUFFLEVBQUUsS0FBSyxDQUFDLEVBQUUsU0FBUyxFQUFFLGVBQWUsRUFBRSxDQUFDLENBQUM7UUFDL0UsS0FBSyxDQUFDLEdBQUcsdUJBQXVCLENBQUMsV0FBVyxFQUFFLEVBQUUsS0FBSyxDQUFDLEVBQUUsU0FBUyxFQUFFLGtCQUFrQixFQUFFLENBQUMsQ0FBQztRQUN6RixLQUFLLENBQUMsR0FBRyx1QkFBdUIsQ0FBQyxVQUFVLEVBQUUsRUFBRSxLQUFLLENBQUMsRUFBRSxTQUFTLEVBQUUsbUJBQW1CLEVBQUUsQ0FBQyxDQUFDO1FBQ3pGLFVBQVUsQ0FBQyxHQUFHLHVCQUF1QixDQUFDLElBQUksUUFBUSx1QkFBdUIsQ0FBQyxXQUFXLEVBQUUsRUFBRTtZQUN2RixPQUFPLENBQUMsR0FBRywwQkFBMEIsZ0JBQWdCLENBQUM7U0FDdkQsQ0FBQztRQUNGLFVBQVUsQ0FBQyxHQUFHLHVCQUF1QixDQUFDLElBQUksUUFBUSx1QkFBdUIsQ0FBQyxVQUFVLEVBQUUsRUFBRTtZQUN0RixPQUFPLENBQUMsR0FBRywwQkFBMEIsZ0JBQWdCLENBQUM7U0FDdkQsQ0FBQztLQUNILENBQUM7Q0FDSCxDQUFDO0FBRUYsTUFBTSxDQUFDLE1BQU0saUJBQWlCLEdBQUc7SUFDL0IsT0FBTyxDQUFDLFdBQVcsRUFBRTtRQUNuQixLQUFLLENBQUMsR0FBRyx1QkFBdUIsQ0FBQyxJQUFJLEVBQUUsRUFBRSxLQUFLLENBQUMsRUFBRSxPQUFPLEVBQUUsSUFBSSxFQUFFLENBQUMsQ0FBQztRQUNsRSxLQUFLLENBQUMsR0FBRyx1QkFBdUIsQ0FBQyxNQUFNLEVBQUUsRUFBRSxLQUFLLENBQUMsRUFBRSxPQUFPLEVBQUUsQ0FBQyxFQUFFLENBQUMsQ0FBQztRQUNqRSxVQUFVLENBQUMsR0FBRyx1QkFBdUIsQ0FBQyxJQUFJLFFBQVEsdUJBQXVCLENBQUMsTUFBTSxFQUFFLEVBQUU7WUFDbEYsT0FBTyxDQUFDLEdBQUcsMEJBQTBCLGdCQUFnQixDQUFDO1NBQ3ZELENBQUM7S0FDSCxDQUFDO0NBQ0gsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGFuaW1hdGUsIHN0YXRlLCBzdHlsZSwgdHJhbnNpdGlvbiwgdHJpZ2dlciB9IGZyb20gJ0Bhbmd1bGFyL2FuaW1hdGlvbnMnO1xuaW1wb3J0IHsgU2lkZVBhbmVsQW5pbWF0aW9uU3RhdGUgfSBmcm9tICcuL3NpZGUtcGFuZWwubW9kZWwnO1xuXG5leHBvcnQgY29uc3Qgc2lkZVBhbmVsQW5pbWF0aW9uRHVyYXRpb24gPSAxNTA7XG5cbmV4cG9ydCBjb25zdCBzaWRlUGFuZWxBbmltYXRpb24gPSBbXG4gIHRyaWdnZXIoJ3NsaWRlSW5PdXQnLCBbXG4gICAgc3RhdGUoYCR7U2lkZVBhbmVsQW5pbWF0aW9uU3RhdGUuT3Blbn1gLCBzdHlsZSh7IHRyYW5zZm9ybTogJ3RyYW5zbGF0ZVgoMCknIH0pKSxcbiAgICBzdGF0ZShgJHtTaWRlUGFuZWxBbmltYXRpb25TdGF0ZS5DbG9zZWRSaWdodH1gLCBzdHlsZSh7IHRyYW5zZm9ybTogJ3RyYW5zbGF0ZVgoMTAwJSknIH0pKSxcbiAgICBzdGF0ZShgJHtTaWRlUGFuZWxBbmltYXRpb25TdGF0ZS5DbG9zZWRMZWZ0fWAsIHN0eWxlKHsgdHJhbnNmb3JtOiAndHJhbnNsYXRlWCgtMTAwJSknIH0pKSxcbiAgICB0cmFuc2l0aW9uKGAke1NpZGVQYW5lbEFuaW1hdGlvblN0YXRlLk9wZW59IDw9PiAke1NpZGVQYW5lbEFuaW1hdGlvblN0YXRlLkNsb3NlZFJpZ2h0fWAsIFtcbiAgICAgIGFuaW1hdGUoYCR7c2lkZVBhbmVsQW5pbWF0aW9uRHVyYXRpb259bXMgZWFzZS1pbi1vdXRgKSxcbiAgICBdKSxcbiAgICB0cmFuc2l0aW9uKGAke1NpZGVQYW5lbEFuaW1hdGlvblN0YXRlLk9wZW59IDw9PiAke1NpZGVQYW5lbEFuaW1hdGlvblN0YXRlLkNsb3NlZExlZnR9YCwgW1xuICAgICAgYW5pbWF0ZShgJHtzaWRlUGFuZWxBbmltYXRpb25EdXJhdGlvbn1tcyBlYXNlLWluLW91dGApLFxuICAgIF0pLFxuICBdKSxcbl07XG5cbmV4cG9ydCBjb25zdCBiYWNrZHJvcEFuaW1hdGlvbiA9IFtcbiAgdHJpZ2dlcignZmFkZUluT3V0JywgW1xuICAgIHN0YXRlKGAke1NpZGVQYW5lbEFuaW1hdGlvblN0YXRlLk9wZW59YCwgc3R5bGUoeyBvcGFjaXR5OiAwLjI1IH0pKSxcbiAgICBzdGF0ZShgJHtTaWRlUGFuZWxBbmltYXRpb25TdGF0ZS5DbG9zZWR9YCwgc3R5bGUoeyBvcGFjaXR5OiAwIH0pKSxcbiAgICB0cmFuc2l0aW9uKGAke1NpZGVQYW5lbEFuaW1hdGlvblN0YXRlLk9wZW59IDw9PiAke1NpZGVQYW5lbEFuaW1hdGlvblN0YXRlLkNsb3NlZH1gLCBbXG4gICAgICBhbmltYXRlKGAke3NpZGVQYW5lbEFuaW1hdGlvbkR1cmF0aW9ufW1zIGVhc2UtaW4tb3V0YCksXG4gICAgXSksXG4gIF0pLFxuXTtcbiJdfQ==

package/esm2022/components/side-panel/side-panel.component.mjs ADDED Viewed

@@ -0,0 +1,55 @@
+import { AsyncPipe } from '@angular/common';
+import { ChangeDetectionStrategy, Component, computed, inject, signal, viewChild, ViewContainerRef } from '@angular/core';
+import { UiTranslatePipe } from '../../pipes/ui-translate.pipe';
+import { LanguageService } from '../../utils/localization/language.service';
+import { ButtonComponentModule } from '../button/button.component.module';
+import { TooltipComponentModule } from '../tooltip/tooltip.component.module';
+import { backdropAnimation, sidePanelAnimation, sidePanelAnimationDuration } from './side-panel.animations';
+import { SidePanelAnimationState, SidePanelConfig } from './side-panel.model';
+import { SidePanelService } from './side-panel.service';
+import * as i0 from "@angular/core";
+import * as i1 from "../button/button.component";
+export class SidePanelComponent {
+    constructor() {
+        this.title = '';
+        this.showBackButton = false;
+        this.sidePanelPosition = signal('right');
+        this.sidePanelContainer = viewChild.required('sidePanelContainer', { read: ViewContainerRef });
+        this.sidePanel = viewChild.required('sidePanel');
+        this.backdrop = viewChild.required('sidePanelBackdrop');
+        this.language = LanguageService.defaultLanguage;
+        this.isOpen = signal(false);
+        this.animation = computed(() => {
+            if (this.isOpen()) {
+                return SidePanelAnimationState.Open;
+            }
+            return this.sidePanelPosition() === 'left'
+                ? SidePanelAnimationState.ClosedLeft
+                : SidePanelAnimationState.ClosedRight;
+        });
+        this.sidePanelService = inject(SidePanelService);
+        this.sidePanelConfig = inject(SidePanelConfig);
+        const { position, showBackButton, title } = this.sidePanelConfig;
+        this.sidePanelPosition.set(position);
+        this.showBackButton = showBackButton;
+        this.title = title;
+    }
+    open() {
+        setTimeout(() => {
+            this.isOpen.set(true);
+        });
+    }
+    close() {
+        this.isOpen.set(false);
+        setTimeout(() => {
+            this.sidePanelService.destroyComponent();
+        }, sidePanelAnimationDuration);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SidePanelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: SidePanelComponent, isStandalone: true, selector: "ui-side-panel", viewQueries: [{ propertyName: "sidePanelContainer", first: true, predicate: ["sidePanelContainer"], descendants: true, read: ViewContainerRef, isSignal: true }, { propertyName: "sidePanel", first: true, predicate: ["sidePanel"], descendants: true, isSignal: true }, { propertyName: "backdrop", first: true, predicate: ["sidePanelBackdrop"], descendants: true, isSignal: true }], ngImport: i0, template: "<div class=\"side-panel-backdrop\" #sidePanelBackdrop (click)=\"close()\" [@fadeInOut]=\"isOpen() ? 'open' : 'closed'\"></div>\n<div class=\"side-panel\" #sidePanel [@slideInOut]=\"animation()\">\n  <div class=\"side-panel-header\">\n    <div class=\"side-panel-title-container\">\n      @if (showBackButton) {\n        <ui-button\n          class=\"side-panel-action\"\n          [variant]=\"'icon-button'\"\n          [iconName]=\"'Arrow-chevron-left-filled'\"\n          (click)=\"close()\"\n          [tooltip]=\"(('COMMON.BACK') | uiTranslate | async)!\"\n          size=\"medium\"\n        ></ui-button>\n      }\n      <span class=\"side-panel-title\">{{ title }}</span>\n    </div>\n\n    <ui-button\n      class=\"side-panel-action\"\n      [variant]=\"'icon-button'\"\n      [iconName]=\"'Close'\"\n      [tooltip]=\"(('COMMON.CLOSE') | uiTranslate | async)!\"\n      (click)=\"close()\"\n      size=\"medium\"\n    ></ui-button>\n  </div>\n\n  <div class=\"side-panel-content\">\n    <ng-container #sidePanelContainer></ng-container>\n  </div>\n</div>\n", styles: [".bg-teal-60b{background:#1c443c}.bg-teal-30b{background:#31766a}.bg-teal-default{background:#46a997}.bg-teal-30w{background:#7ec3b6}.bg-teal-60w{background:#b5ddd5}.bg-teal-secondary{background:#cbd6cb}.bg-teal-90w{background:#ecf6f5}.bg-petrol-60b{background:#102930}.bg-petrol-30b{background:#1b4754}.bg-petrol-default{background:#276678}.bg-petrol-30w{background:#6894a0}.bg-petrol-60w{background:#a9c2c9}.bg-petrol-secondary{background:#c8d7de}.bg-petrol-90w{background:#e9f0f1}.bg-error-60b{background:#513131}.bg-error-30b{background:#8e5655}.bg-error-60w{background:#e3c3c6}.bg-error-secondary{background:#f0dad9}.bg-error-default{background:#cb7b7a}.bg-warning-secondary{background:#f0d6bb}.bg-warning-default{background:#cca45f}.bg-black{background:#000}.bg-dark{background:#888}.bg-medium{background:#e0e0e0}.bg-grey{background:#ededed}.bg-light{background:#f6f6f6}.bg-white{background:#fff}.bg-box-shadow{background:#00000014}.bg-navigation-subtitle{background:#528593}.bgc-teal-60b{background-color:#1c443c}.bgc-teal-30b{background-color:#31766a}.bgc-teal-default{background-color:#46a997}.bgc-teal-30w{background-color:#7ec3b6}.bgc-teal-60w{background-color:#b5ddd5}.bgc-teal-secondary{background-color:#cbd6cb}.bgc-teal-90w{background-color:#ecf6f5}.bgc-petrol-60b{background-color:#102930}.bgc-petrol-30b{background-color:#1b4754}.bgc-petrol-default{background-color:#276678}.bgc-petrol-30w{background-color:#6894a0}.bgc-petrol-60w{background-color:#a9c2c9}.bgc-petrol-secondary{background-color:#c8d7de}.bgc-petrol-90w{background-color:#e9f0f1}.bgc-error-60b{background-color:#513131}.bgc-error-30b{background-color:#8e5655}.bgc-error-60w{background-color:#e3c3c6}.bgc-error-secondary{background-color:#f0dad9}.bgc-error-default{background-color:#cb7b7a}.bgc-warning-secondary{background-color:#f0d6bb}.bgc-warning-default{background-color:#cca45f}.bgc-black{background-color:#000}.bgc-dark{background-color:#888}.bgc-medium{background-color:#e0e0e0}.bgc-grey{background-color:#ededed}.bgc-light{background-color:#f6f6f6}.bgc-white{background-color:#fff}.bgc-box-shadow{background-color:#00000014}.bgc-navigation-subtitle{background-color:#528593}.side-panel{position:fixed;top:0;bottom:0;width:600px;background-color:#fff;padding:32px;box-shadow:2px 24px 48px 8px #00000014;z-index:999999;display:flex;flex-direction:column;will-change:transform;transform:translate(100%)}@media (max-width: 600px){.side-panel{width:100%}}.side-panel-action{margin-top:1px}.side-panel-title-container{display:flex;gap:8px}.side-panel.left{left:0}.side-panel.right{right:0}.side-panel-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background:#000;z-index:899;opacity:0}.side-panel-title{font-weight:900;font-size:24px;display:block;display:-webkit-box;max-height:3em;line-height:1.5em;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;white-space:normal}.side-panel-content{margin-top:40px;overflow:auto}.side-panel-header{position:sticky;min-height:30px;display:flex;justify-content:space-between}\n"], dependencies: [{ kind: "ngmodule", type: TooltipComponentModule }, { kind: "ngmodule", type: ButtonComponentModule }, { kind: "component", type: i1.ButtonComponent, selector: "ui-button", inputs: ["size", "variant", "label", "iconPosition", "justIcon", "iconName", "disabled", "loading", "fullWidth", "url", "urlTarget", "value", "tooltip", "isPremium", "type", "companyColor", "buttonBadgeConfig", "applicationTheme", "disabledScaleOnClick", "ariaLabel", "ariaRequired", "ariaLabelledby", "ariaDescribedby", "preventDefault", "hasBackground", "tooltipPosition", "role"], outputs: ["buttonClickEvent", "buttonHoverEvent"] }, { kind: "pipe", type: UiTranslatePipe, name: "uiTranslate" }, { kind: "pipe", type: AsyncPipe, name: "async" }], animations: [sidePanelAnimation, backdropAnimation], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SidePanelComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ui-side-panel', animations: [sidePanelAnimation, backdropAnimation], changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [TooltipComponentModule, ButtonComponentModule, UiTranslatePipe, AsyncPipe], template: "<div class=\"side-panel-backdrop\" #sidePanelBackdrop (click)=\"close()\" [@fadeInOut]=\"isOpen() ? 'open' : 'closed'\"></div>\n<div class=\"side-panel\" #sidePanel [@slideInOut]=\"animation()\">\n  <div class=\"side-panel-header\">\n    <div class=\"side-panel-title-container\">\n      @if (showBackButton) {\n        <ui-button\n          class=\"side-panel-action\"\n          [variant]=\"'icon-button'\"\n          [iconName]=\"'Arrow-chevron-left-filled'\"\n          (click)=\"close()\"\n          [tooltip]=\"(('COMMON.BACK') | uiTranslate | async)!\"\n          size=\"medium\"\n        ></ui-button>\n      }\n      <span class=\"side-panel-title\">{{ title }}</span>\n    </div>\n\n    <ui-button\n      class=\"side-panel-action\"\n      [variant]=\"'icon-button'\"\n      [iconName]=\"'Close'\"\n      [tooltip]=\"(('COMMON.CLOSE') | uiTranslate | async)!\"\n      (click)=\"close()\"\n      size=\"medium\"\n    ></ui-button>\n  </div>\n\n  <div class=\"side-panel-content\">\n    <ng-container #sidePanelContainer></ng-container>\n  </div>\n</div>\n", styles: [".bg-teal-60b{background:#1c443c}.bg-teal-30b{background:#31766a}.bg-teal-default{background:#46a997}.bg-teal-30w{background:#7ec3b6}.bg-teal-60w{background:#b5ddd5}.bg-teal-secondary{background:#cbd6cb}.bg-teal-90w{background:#ecf6f5}.bg-petrol-60b{background:#102930}.bg-petrol-30b{background:#1b4754}.bg-petrol-default{background:#276678}.bg-petrol-30w{background:#6894a0}.bg-petrol-60w{background:#a9c2c9}.bg-petrol-secondary{background:#c8d7de}.bg-petrol-90w{background:#e9f0f1}.bg-error-60b{background:#513131}.bg-error-30b{background:#8e5655}.bg-error-60w{background:#e3c3c6}.bg-error-secondary{background:#f0dad9}.bg-error-default{background:#cb7b7a}.bg-warning-secondary{background:#f0d6bb}.bg-warning-default{background:#cca45f}.bg-black{background:#000}.bg-dark{background:#888}.bg-medium{background:#e0e0e0}.bg-grey{background:#ededed}.bg-light{background:#f6f6f6}.bg-white{background:#fff}.bg-box-shadow{background:#00000014}.bg-navigation-subtitle{background:#528593}.bgc-teal-60b{background-color:#1c443c}.bgc-teal-30b{background-color:#31766a}.bgc-teal-default{background-color:#46a997}.bgc-teal-30w{background-color:#7ec3b6}.bgc-teal-60w{background-color:#b5ddd5}.bgc-teal-secondary{background-color:#cbd6cb}.bgc-teal-90w{background-color:#ecf6f5}.bgc-petrol-60b{background-color:#102930}.bgc-petrol-30b{background-color:#1b4754}.bgc-petrol-default{background-color:#276678}.bgc-petrol-30w{background-color:#6894a0}.bgc-petrol-60w{background-color:#a9c2c9}.bgc-petrol-secondary{background-color:#c8d7de}.bgc-petrol-90w{background-color:#e9f0f1}.bgc-error-60b{background-color:#513131}.bgc-error-30b{background-color:#8e5655}.bgc-error-60w{background-color:#e3c3c6}.bgc-error-secondary{background-color:#f0dad9}.bgc-error-default{background-color:#cb7b7a}.bgc-warning-secondary{background-color:#f0d6bb}.bgc-warning-default{background-color:#cca45f}.bgc-black{background-color:#000}.bgc-dark{background-color:#888}.bgc-medium{background-color:#e0e0e0}.bgc-grey{background-color:#ededed}.bgc-light{background-color:#f6f6f6}.bgc-white{background-color:#fff}.bgc-box-shadow{background-color:#00000014}.bgc-navigation-subtitle{background-color:#528593}.side-panel{position:fixed;top:0;bottom:0;width:600px;background-color:#fff;padding:32px;box-shadow:2px 24px 48px 8px #00000014;z-index:999999;display:flex;flex-direction:column;will-change:transform;transform:translate(100%)}@media (max-width: 600px){.side-panel{width:100%}}.side-panel-action{margin-top:1px}.side-panel-title-container{display:flex;gap:8px}.side-panel.left{left:0}.side-panel.right{right:0}.side-panel-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background:#000;z-index:899;opacity:0}.side-panel-title{font-weight:900;font-size:24px;display:block;display:-webkit-box;max-height:3em;line-height:1.5em;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;white-space:normal}.side-panel-content{margin-top:40px;overflow:auto}.side-panel-header{position:sticky;min-height:30px;display:flex;justify-content:space-between}\n"] }]
+        }], ctorParameters: () => [] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2lkZS1wYW5lbC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy90Z28tY2Fub3B5LXVpL2NvbXBvbmVudHMvc2lkZS1wYW5lbC9zaWRlLXBhbmVsLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3Rnby1jYW5vcHktdWkvY29tcG9uZW50cy9zaWRlLXBhbmVsL3NpZGUtcGFuZWwuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQzVDLE9BQU8sRUFDTCx1QkFBdUIsRUFDdkIsU0FBUyxFQUNULFFBQVEsRUFFUixNQUFNLEVBQ04sTUFBTSxFQUNOLFNBQVMsRUFDVCxnQkFBZ0IsRUFDakIsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLCtCQUErQixDQUFDO0FBQ2hFLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSwyQ0FBMkMsQ0FBQztBQUM1RSxPQUFPLEVBQUUscUJBQXFCLEVBQUUsTUFBTSxtQ0FBbUMsQ0FBQztBQUMxRSxPQUFPLEVBQUUsc0JBQXNCLEVBQUUsTUFBTSxxQ0FBcUMsQ0FBQztBQUM3RSxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsa0JBQWtCLEVBQUUsMEJBQTBCLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQztBQUM1RyxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsZUFBZSxFQUFxQixNQUFNLG9CQUFvQixDQUFDO0FBQ2pHLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLHNCQUFzQixDQUFDOzs7QUFXeEQsTUFBTSxPQUFPLGtCQUFrQjtJQXdCN0I7UUF2QkEsVUFBSyxHQUFHLEVBQUUsQ0FBQztRQUNYLG1CQUFjLEdBQUcsS0FBSyxDQUFDO1FBQ3ZCLHNCQUFpQixHQUFHLE1BQU0sQ0FBb0IsT0FBTyxDQUFDLENBQUM7UUFFdkQsdUJBQWtCLEdBQUcsU0FBUyxDQUFDLFFBQVEsQ0FBQyxvQkFBb0IsRUFBRSxFQUFFLElBQUksRUFBRSxnQkFBZ0IsRUFBRSxDQUFDLENBQUM7UUFDMUYsY0FBUyxHQUFHLFNBQVMsQ0FBQyxRQUFRLENBQTZCLFdBQVcsQ0FBQyxDQUFDO1FBQ3hFLGFBQVEsR0FBRyxTQUFTLENBQUMsUUFBUSxDQUE2QixtQkFBbUIsQ0FBQyxDQUFDO1FBQy9FLGFBQVEsR0FBRyxlQUFlLENBQUMsZUFBZSxDQUFDO1FBQzNDLFdBQU0sR0FBRyxNQUFNLENBQVUsS0FBSyxDQUFDLENBQUM7UUFFaEMsY0FBUyxHQUFHLFFBQVEsQ0FBQyxHQUFHLEVBQUU7WUFDeEIsSUFBSSxJQUFJLENBQUMsTUFBTSxFQUFFLEVBQUUsQ0FBQztnQkFDbEIsT0FBTyx1QkFBdUIsQ0FBQyxJQUFJLENBQUM7WUFDdEMsQ0FBQztZQUVELE9BQU8sSUFBSSxDQUFDLGlCQUFpQixFQUFFLEtBQUssTUFBTTtnQkFDeEMsQ0FBQyxDQUFDLHVCQUF1QixDQUFDLFVBQVU7Z0JBQ3BDLENBQUMsQ0FBQyx1QkFBdUIsQ0FBQyxXQUFXLENBQUM7UUFDMUMsQ0FBQyxDQUFDLENBQUM7UUFFSyxxQkFBZ0IsR0FBRyxNQUFNLENBQUMsZ0JBQWdCLENBQUMsQ0FBQztRQUM1QyxvQkFBZSxHQUFHLE1BQU0sQ0FBQyxlQUFlLENBQUMsQ0FBQztRQUdoRCxNQUFNLEVBQUUsUUFBUSxFQUFFLGNBQWMsRUFBRSxLQUFLLEVBQUUsR0FBRyxJQUFJLENBQUMsZUFBZSxDQUFDO1FBQ2pFLElBQUksQ0FBQyxpQkFBaUIsQ0FBQyxHQUFHLENBQUMsUUFBUSxDQUFDLENBQUM7UUFDckMsSUFBSSxDQUFDLGNBQWMsR0FBRyxjQUFjLENBQUM7UUFDckMsSUFBSSxDQUFDLEtBQUssR0FBRyxLQUFLLENBQUM7SUFDckIsQ0FBQztJQUVELElBQUk7UUFDRixVQUFVLENBQUMsR0FBRyxFQUFFO1lBQ2QsSUFBSSxDQUFDLE1BQU0sQ0FBQyxHQUFHLENBQUMsSUFBSSxDQUFDLENBQUM7UUFDeEIsQ0FBQyxDQUFDLENBQUM7SUFDTCxDQUFDO0lBRUQsS0FBSztRQUNILElBQUksQ0FBQyxNQUFNLENBQUMsR0FBRyxDQUFDLEtBQUssQ0FBQyxDQUFDO1FBQ3ZCLFVBQVUsQ0FBQyxHQUFHLEVBQUU7WUFDZCxJQUFJLENBQUMsZ0JBQWdCLENBQUMsZ0JBQWdCLEVBQUUsQ0FBQztRQUMzQyxDQUFDLEVBQUUsMEJBQTBCLENBQUMsQ0FBQztJQUNqQyxDQUFDOytHQTFDVSxrQkFBa0I7bUdBQWxCLGtCQUFrQiw4S0FLeUMsZ0JBQWdCLHNRQ2pDeEYsMGlDQStCQSxpakdETFksc0JBQXNCLDhCQUFFLHFCQUFxQixxaEJBQUUsZUFBZSwrQ0FBRSxTQUFTLGdDQUh2RSxDQUFDLGtCQUFrQixFQUFFLGlCQUFpQixDQUFDOzs0RkFLeEMsa0JBQWtCO2tCQVQ5QixTQUFTOytCQUNFLGVBQWUsY0FHYixDQUFDLGtCQUFrQixFQUFFLGlCQUFpQixDQUFDLG1CQUNsQyx1QkFBdUIsQ0FBQyxNQUFNLGNBQ25DLElBQUksV0FDUCxDQUFDLHNCQUFzQixFQUFFLHFCQUFxQixFQUFFLGVBQWUsRUFBRSxTQUFTLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBBc3luY1BpcGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHtcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gIENvbXBvbmVudCxcbiAgY29tcHV0ZWQsXG4gIEVsZW1lbnRSZWYsXG4gIGluamVjdCxcbiAgc2lnbmFsLFxuICB2aWV3Q2hpbGQsXG4gIFZpZXdDb250YWluZXJSZWZcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBVaVRyYW5zbGF0ZVBpcGUgfSBmcm9tICcuLi8uLi9waXBlcy91aS10cmFuc2xhdGUucGlwZSc7XG5pbXBvcnQgeyBMYW5ndWFnZVNlcnZpY2UgfSBmcm9tICcuLi8uLi91dGlscy9sb2NhbGl6YXRpb24vbGFuZ3VhZ2Uuc2VydmljZSc7XG5pbXBvcnQgeyBCdXR0b25Db21wb25lbnRNb2R1bGUgfSBmcm9tICcuLi9idXR0b24vYnV0dG9uLmNvbXBvbmVudC5tb2R1bGUnO1xuaW1wb3J0IHsgVG9vbHRpcENvbXBvbmVudE1vZHVsZSB9IGZyb20gJy4uL3Rvb2x0aXAvdG9vbHRpcC5jb21wb25lbnQubW9kdWxlJztcbmltcG9ydCB7IGJhY2tkcm9wQW5pbWF0aW9uLCBzaWRlUGFuZWxBbmltYXRpb24sIHNpZGVQYW5lbEFuaW1hdGlvbkR1cmF0aW9uIH0gZnJvbSAnLi9zaWRlLXBhbmVsLmFuaW1hdGlvbnMnO1xuaW1wb3J0IHsgU2lkZVBhbmVsQW5pbWF0aW9uU3RhdGUsIFNpZGVQYW5lbENvbmZpZywgU2lkZVBhbmVsUG9zaXRpb24gfSBmcm9tICcuL3NpZGUtcGFuZWwubW9kZWwnO1xuaW1wb3J0IHsgU2lkZVBhbmVsU2VydmljZSB9IGZyb20gJy4vc2lkZS1wYW5lbC5zZXJ2aWNlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAndWktc2lkZS1wYW5lbCcsXG4gIHRlbXBsYXRlVXJsOiAnLi9zaWRlLXBhbmVsLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vc2lkZS1wYW5lbC5jb21wb25lbnQuc2NzcyddLFxuICBhbmltYXRpb25zOiBbc2lkZVBhbmVsQW5pbWF0aW9uLCBiYWNrZHJvcEFuaW1hdGlvbl0sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbVG9vbHRpcENvbXBvbmVudE1vZHVsZSwgQnV0dG9uQ29tcG9uZW50TW9kdWxlLCBVaVRyYW5zbGF0ZVBpcGUsIEFzeW5jUGlwZV0sXG59KVxuZXhwb3J0IGNsYXNzIFNpZGVQYW5lbENvbXBvbmVudCB7XG4gIHRpdGxlID0gJyc7XG4gIHNob3dCYWNrQnV0dG9uID0gZmFsc2U7XG4gIHNpZGVQYW5lbFBvc2l0aW9uID0gc2lnbmFsPFNpZGVQYW5lbFBvc2l0aW9uPigncmlnaHQnKTtcblxuICBzaWRlUGFuZWxDb250YWluZXIgPSB2aWV3Q2hpbGQucmVxdWlyZWQoJ3NpZGVQYW5lbENvbnRhaW5lcicsIHsgcmVhZDogVmlld0NvbnRhaW5lclJlZiB9KTtcbiAgc2lkZVBhbmVsID0gdmlld0NoaWxkLnJlcXVpcmVkPEVsZW1lbnRSZWY8SFRNTERpdkVsZW1lbnQ+Pignc2lkZVBhbmVsJyk7XG4gIGJhY2tkcm9wID0gdmlld0NoaWxkLnJlcXVpcmVkPEVsZW1lbnRSZWY8SFRNTERpdkVsZW1lbnQ+Pignc2lkZVBhbmVsQmFja2Ryb3AnKTtcbiAgbGFuZ3VhZ2UgPSBMYW5ndWFnZVNlcnZpY2UuZGVmYXVsdExhbmd1YWdlO1xuICBpc09wZW4gPSBzaWduYWw8Ym9vbGVhbj4oZmFsc2UpO1xuXG4gIGFuaW1hdGlvbiA9IGNvbXB1dGVkKCgpID0+IHtcbiAgICBpZiAodGhpcy5pc09wZW4oKSkge1xuICAgICAgcmV0dXJuIFNpZGVQYW5lbEFuaW1hdGlvblN0YXRlLk9wZW47XG4gICAgfVxuXG4gICAgcmV0dXJuIHRoaXMuc2lkZVBhbmVsUG9zaXRpb24oKSA9PT0gJ2xlZnQnXG4gICAgICA/IFNpZGVQYW5lbEFuaW1hdGlvblN0YXRlLkNsb3NlZExlZnRcbiAgICAgIDogU2lkZVBhbmVsQW5pbWF0aW9uU3RhdGUuQ2xvc2VkUmlnaHQ7XG4gIH0pO1xuXG4gIHByaXZhdGUgc2lkZVBhbmVsU2VydmljZSA9IGluamVjdChTaWRlUGFuZWxTZXJ2aWNlKTtcbiAgcHJpdmF0ZSBzaWRlUGFuZWxDb25maWcgPSBpbmplY3QoU2lkZVBhbmVsQ29uZmlnKTtcblxuICBjb25zdHJ1Y3RvcigpIHtcbiAgICBjb25zdCB7IHBvc2l0aW9uLCBzaG93QmFja0J1dHRvbiwgdGl0bGUgfSA9IHRoaXMuc2lkZVBhbmVsQ29uZmlnO1xuICAgIHRoaXMuc2lkZVBhbmVsUG9zaXRpb24uc2V0KHBvc2l0aW9uKTtcbiAgICB0aGlzLnNob3dCYWNrQnV0dG9uID0gc2hvd0JhY2tCdXR0b247XG4gICAgdGhpcy50aXRsZSA9IHRpdGxlO1xuICB9XG5cbiAgb3BlbigpOiB2b2lkIHtcbiAgICBzZXRUaW1lb3V0KCgpID0+IHtcbiAgICAgIHRoaXMuaXNPcGVuLnNldCh0cnVlKTtcbiAgICB9KTtcbiAgfVxuXG4gIGNsb3NlKCk6IHZvaWQge1xuICAgIHRoaXMuaXNPcGVuLnNldChmYWxzZSk7XG4gICAgc2V0VGltZW91dCgoKSA9PiB7XG4gICAgICB0aGlzLnNpZGVQYW5lbFNlcnZpY2UuZGVzdHJveUNvbXBvbmVudCgpO1xuICAgIH0sIHNpZGVQYW5lbEFuaW1hdGlvbkR1cmF0aW9uKTtcbiAgfVxufVxuIiwiPGRpdiBjbGFzcz1cInNpZGUtcGFuZWwtYmFja2Ryb3BcIiAjc2lkZVBhbmVsQmFja2Ryb3AgKGNsaWNrKT1cImNsb3NlKClcIiBbQGZhZGVJbk91dF09XCJpc09wZW4oKSA/ICdvcGVuJyA6ICdjbG9zZWQnXCI+PC9kaXY+XG48ZGl2IGNsYXNzPVwic2lkZS1wYW5lbFwiICNzaWRlUGFuZWwgW0BzbGlkZUluT3V0XT1cImFuaW1hdGlvbigpXCI+XG4gIDxkaXYgY2xhc3M9XCJzaWRlLXBhbmVsLWhlYWRlclwiPlxuICAgIDxkaXYgY2xhc3M9XCJzaWRlLXBhbmVsLXRpdGxlLWNvbnRhaW5lclwiPlxuICAgICAgQGlmIChzaG93QmFja0J1dHRvbikge1xuICAgICAgICA8dWktYnV0dG9uXG4gICAgICAgICAgY2xhc3M9XCJzaWRlLXBhbmVsLWFjdGlvblwiXG4gICAgICAgICAgW3ZhcmlhbnRdPVwiJ2ljb24tYnV0dG9uJ1wiXG4gICAgICAgICAgW2ljb25OYW1lXT1cIidBcnJvdy1jaGV2cm9uLWxlZnQtZmlsbGVkJ1wiXG4gICAgICAgICAgKGNsaWNrKT1cImNsb3NlKClcIlxuICAgICAgICAgIFt0b29sdGlwXT1cIigoJ0NPTU1PTi5CQUNLJykgfCB1aVRyYW5zbGF0ZSB8IGFzeW5jKSFcIlxuICAgICAgICAgIHNpemU9XCJtZWRpdW1cIlxuICAgICAgICA+PC91aS1idXR0b24+XG4gICAgICB9XG4gICAgICA8c3BhbiBjbGFzcz1cInNpZGUtcGFuZWwtdGl0bGVcIj57eyB0aXRsZSB9fTwvc3Bhbj5cbiAgICA8L2Rpdj5cblxuICAgIDx1aS1idXR0b25cbiAgICAgIGNsYXNzPVwic2lkZS1wYW5lbC1hY3Rpb25cIlxuICAgICAgW3ZhcmlhbnRdPVwiJ2ljb24tYnV0dG9uJ1wiXG4gICAgICBbaWNvbk5hbWVdPVwiJ0Nsb3NlJ1wiXG4gICAgICBbdG9vbHRpcF09XCIoKCdDT01NT04uQ0xPU0UnKSB8IHVpVHJhbnNsYXRlIHwgYXN5bmMpIVwiXG4gICAgICAoY2xpY2spPVwiY2xvc2UoKVwiXG4gICAgICBzaXplPVwibWVkaXVtXCJcbiAgICA+PC91aS1idXR0b24+XG4gIDwvZGl2PlxuXG4gIDxkaXYgY2xhc3M9XCJzaWRlLXBhbmVsLWNvbnRlbnRcIj5cbiAgICA8bmctY29udGFpbmVyICNzaWRlUGFuZWxDb250YWluZXI+PC9uZy1jb250YWluZXI+XG4gIDwvZGl2PlxuPC9kaXY+XG4iXX0=

package/esm2022/components/side-panel/side-panel.model.mjs ADDED Viewed

@@ -0,0 +1,20 @@
+import { InjectionToken } from "@angular/core";
+export var SidePanelAnimationState;
+(function (SidePanelAnimationState) {
+    SidePanelAnimationState["Open"] = "open";
+    SidePanelAnimationState["Closed"] = "closed";
+    SidePanelAnimationState["ClosedRight"] = "closedRight";
+    SidePanelAnimationState["ClosedLeft"] = "closedLeft";
+})(SidePanelAnimationState || (SidePanelAnimationState = {}));
+export class SidePanelConfig {
+}
+export const defaultSidePanelConfig = {
+    position: 'right',
+    showBackButton: false,
+    title: '',
+};
+export const SIDE_PANEL_CONFIG = new InjectionToken('SIDE_PANEL_CONFIG', {
+    providedIn: 'root',
+    factory: () => defaultSidePanelConfig,
+});
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2lkZS1wYW5lbC5tb2RlbC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3Rnby1jYW5vcHktdWkvY29tcG9uZW50cy9zaWRlLXBhbmVsL3NpZGUtcGFuZWwubW9kZWwudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUkvQyxNQUFNLENBQU4sSUFBWSx1QkFLWDtBQUxELFdBQVksdUJBQXVCO0lBQ2pDLHdDQUFhLENBQUE7SUFDYiw0Q0FBaUIsQ0FBQTtJQUNqQixzREFBMkIsQ0FBQTtJQUMzQixvREFBeUIsQ0FBQTtBQUMzQixDQUFDLEVBTFcsdUJBQXVCLEtBQXZCLHVCQUF1QixRQUtsQztBQUVELE1BQU0sT0FBTyxlQUFlO0NBSTNCO0FBRUQsTUFBTSxDQUFDLE1BQU0sc0JBQXNCLEdBQW9CO0lBQ3JELFFBQVEsRUFBRSxPQUFPO0lBQ2pCLGNBQWMsRUFBRSxLQUFLO0lBQ3JCLEtBQUssRUFBRSxFQUFFO0NBQ1YsQ0FBQztBQUVGLE1BQU0sQ0FBQyxNQUFNLGlCQUFpQixHQUFHLElBQUksY0FBYyxDQUFrQixtQkFBbUIsRUFBRTtJQUN4RixVQUFVLEVBQUUsTUFBTTtJQUNsQixPQUFPLEVBQUUsR0FBRyxFQUFFLENBQUMsc0JBQXNCO0NBQ3RDLENBQUMsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEluamVjdGlvblRva2VuIH0gZnJvbSBcIkBhbmd1bGFyL2NvcmVcIjtcblxuZXhwb3J0IHR5cGUgU2lkZVBhbmVsUG9zaXRpb24gPSAnbGVmdCcgfCAncmlnaHQnO1xuXG5leHBvcnQgZW51bSBTaWRlUGFuZWxBbmltYXRpb25TdGF0ZSB7XG4gIE9wZW4gPSAnb3BlbicsXG4gIENsb3NlZCA9ICdjbG9zZWQnLFxuICBDbG9zZWRSaWdodCA9ICdjbG9zZWRSaWdodCcsXG4gIENsb3NlZExlZnQgPSAnY2xvc2VkTGVmdCcsXG59XG5cbmV4cG9ydCBjbGFzcyBTaWRlUGFuZWxDb25maWcge1xuICB0aXRsZTogc3RyaW5nO1xuICBwb3NpdGlvbjogU2lkZVBhbmVsUG9zaXRpb247XG4gIHNob3dCYWNrQnV0dG9uOiBib29sZWFuO1xufVxuXG5leHBvcnQgY29uc3QgZGVmYXVsdFNpZGVQYW5lbENvbmZpZzogU2lkZVBhbmVsQ29uZmlnID0ge1xuICBwb3NpdGlvbjogJ3JpZ2h0JyxcbiAgc2hvd0JhY2tCdXR0b246IGZhbHNlLFxuICB0aXRsZTogJycsXG59O1xuXG5leHBvcnQgY29uc3QgU0lERV9QQU5FTF9DT05GSUcgPSBuZXcgSW5qZWN0aW9uVG9rZW48U2lkZVBhbmVsQ29uZmlnPignU0lERV9QQU5FTF9DT05GSUcnLCB7XG4gIHByb3ZpZGVkSW46ICdyb290JyxcbiAgZmFjdG9yeTogKCkgPT4gZGVmYXVsdFNpZGVQYW5lbENvbmZpZyxcbn0pO1xuIl19

package/esm2022/components/side-panel/side-panel.service.mjs ADDED Viewed

@@ -0,0 +1,76 @@
+import { ApplicationRef, createComponent, EnvironmentInjector, inject, Injectable, Injector, TemplateRef, } from '@angular/core';
+import { SidePanelComponent } from './side-panel.component';
+import { SIDE_PANEL_CONFIG, SidePanelConfig } from './side-panel.model';
+import * as i0 from "@angular/core";
+export class SidePanelService {
+    constructor() {
+        this.defaultSidePanelConfig = inject(SIDE_PANEL_CONFIG);
+        this.injector = inject(EnvironmentInjector);
+        this.appRef = inject(ApplicationRef);
+    }
+    open(content, config, providers = []) {
+        const panelConfig = { ...this.defaultSidePanelConfig, ...config };
+        if (!this.SidePanelComponentRef) {
+            const injector = this.createSidePanelInjector(panelConfig, providers);
+            const SidePanelComponentRef = this.createSidePanelComponent(panelConfig.position, injector);
+            this.SidePanelComponentRef = SidePanelComponentRef;
+        }
+        if (content instanceof TemplateRef) {
+            this.loadTemplate(content);
+        }
+        else {
+            this.loadComponent(content);
+        }
+        this.SidePanelComponentRef.instance.open();
+    }
+    destroyComponent() {
+        if (this.SidePanelComponentRef) {
+            this.appRef.detachView(this.SidePanelComponentRef.hostView);
+            this.SidePanelComponentRef.destroy();
+            this.SidePanelComponentRef = undefined;
+        }
+        if (this.contentComponentRef) {
+            this.contentComponentRef.destroy();
+            this.contentComponentRef = undefined;
+        }
+    }
+    createSidePanelInjector(config, providers = []) {
+        return Injector.create({
+            providers: [{ provide: SidePanelConfig, useValue: config }, ...providers],
+        });
+    }
+    createSidePanelComponent(position, injector) {
+        const sidePanelComponentRef = createComponent(SidePanelComponent, {
+            environmentInjector: this.injector,
+            elementInjector: injector,
+        });
+        this.appRef.attachView(sidePanelComponentRef.hostView);
+        const sidePanelEl = sidePanelComponentRef.hostView.rootNodes[0];
+        sidePanelEl.querySelector('.side-panel')?.classList.add(position);
+        document.body.appendChild(sidePanelEl);
+        return sidePanelComponentRef;
+    }
+    loadComponent(component) {
+        const viewContainerRef = this.SidePanelComponentRef?.instance.sidePanelContainer;
+        if (viewContainerRef) {
+            viewContainerRef().clear();
+            this.contentComponentRef = viewContainerRef().createComponent(component);
+        }
+    }
+    loadTemplate(template) {
+        const viewContainerRef = this.SidePanelComponentRef?.instance.sidePanelContainer;
+        if (viewContainerRef) {
+            viewContainerRef().clear();
+            this.embeddedViewRef = viewContainerRef().createEmbeddedView(template);
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SidePanelService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SidePanelService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SidePanelService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }], ctorParameters: () => [] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2lkZS1wYW5lbC5zZXJ2aWNlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdGdvLWNhbm9weS11aS9jb21wb25lbnRzL3NpZGUtcGFuZWwvc2lkZS1wYW5lbC5zZXJ2aWNlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCxjQUFjLEVBRWQsZUFBZSxFQUVmLG1CQUFtQixFQUNuQixNQUFNLEVBQ04sVUFBVSxFQUNWLFFBQVEsRUFFUixXQUFXLEdBRVosTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0sd0JBQXdCLENBQUM7QUFDNUQsT0FBTyxFQUFFLGlCQUFpQixFQUFFLGVBQWUsRUFBcUIsTUFBTSxvQkFBb0IsQ0FBQzs7QUFLM0YsTUFBTSxPQUFPLGdCQUFnQjtJQVEzQjtRQUpRLDJCQUFzQixHQUFvQixNQUFNLENBQUMsaUJBQWlCLENBQUMsQ0FBQztRQUNwRSxhQUFRLEdBQUcsTUFBTSxDQUFDLG1CQUFtQixDQUFDLENBQUM7UUFDdkMsV0FBTSxHQUFHLE1BQU0sQ0FBQyxjQUFjLENBQUMsQ0FBQztJQUV6QixDQUFDO0lBRWhCLElBQUksQ0FBQyxPQUFxQyxFQUFFLE1BQWdDLEVBQUUsWUFBd0IsRUFBRTtRQUN0RyxNQUFNLFdBQVcsR0FBb0IsRUFBRSxHQUFHLElBQUksQ0FBQyxzQkFBc0IsRUFBRSxHQUFHLE1BQU0sRUFBRSxDQUFDO1FBRW5GLElBQUksQ0FBQyxJQUFJLENBQUMscUJBQXFCLEVBQUUsQ0FBQztZQUNoQyxNQUFNLFFBQVEsR0FBRyxJQUFJLENBQUMsdUJBQXVCLENBQUMsV0FBVyxFQUFFLFNBQVMsQ0FBQyxDQUFDO1lBQ3RFLE1BQU0scUJBQXFCLEdBQUcsSUFBSSxDQUFDLHdCQUF3QixDQUFDLFdBQVcsQ0FBQyxRQUFRLEVBQUUsUUFBUSxDQUFDLENBQUM7WUFDNUYsSUFBSSxDQUFDLHFCQUFxQixHQUFHLHFCQUFx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Y2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBBcHBsaWNhdGlvblJlZixcbiAgQ29tcG9uZW50UmVmLFxuICBjcmVhdGVDb21wb25lbnQsXG4gIEVtYmVkZGVkVmlld1JlZixcbiAgRW52aXJvbm1lbnRJbmplY3RvcixcbiAgaW5qZWN0LFxuICBJbmplY3RhYmxlLFxuICBJbmplY3RvcixcbiAgUHJvdmlkZXIsXG4gIFRlbXBsYXRlUmVmLFxuICBUeXBlLFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFNpZGVQYW5lbENvbXBvbmVudCB9IGZyb20gJy4vc2lkZS1wYW5lbC5jb21wb25lbnQnO1xuaW1wb3J0IHsgU0lERV9QQU5FTF9DT05GSUcsIFNpZGVQYW5lbENvbmZpZywgU2lkZVBhbmVsUG9zaXRpb24gfSBmcm9tICcuL3NpZGUtcGFuZWwubW9kZWwnO1xuXG5ASW5qZWN0YWJsZSh7XG4gIHByb3ZpZGVkSW46ICdyb290Jyxcbn0pXG5leHBvcnQgY2xhc3MgU2lkZVBhbmVsU2VydmljZSB7XG4gIHByaXZhdGUgU2lkZVBhbmVsQ29tcG9uZW50UmVmPzogQ29tcG9uZW50UmVmPFNpZGVQYW5lbENvbXBvbmVudD47XG4gIHByaXZhdGUgY29udGVudENvbXBvbmVudFJlZj86IENvbXBvbmVudFJlZjxhbnk+O1xuICBwcml2YXRlIGVtYmVkZGVkVmlld1JlZj86IEVtYmVkZGVkVmlld1JlZjxhbnk+O1xuICBwcml2YXRlIGRlZmF1bHRTaWRlUGFuZWxDb25maWc6IFNpZGVQYW5lbENvbmZpZyA9IGluamVjdChTSURFX1BBTkVMX0NPTkZJRyk7XG4gIHByaXZhdGUgaW5qZWN0b3IgPSBpbmplY3QoRW52aXJvbm1lbnRJbmplY3Rvcik7XG4gIHByaXZhdGUgYXBwUmVmID0gaW5qZWN0KEFwcGxpY2F0aW9uUmVmKTtcblxuICBjb25zdHJ1Y3RvcigpIHt9XG5cbiAgb3Blbihjb250ZW50OiBUeXBlPGFueT4gfCBUZW1wbGF0ZVJlZjxhbnk+LCBjb25maWc6IFBhcnRpYWw8U2lkZVBhbmVsQ29uZmlnPiwgcHJvdmlkZXJzOiBQcm92aWRlcltdID0gW10pOiB2b2lkIHtcbiAgICBjb25zdCBwYW5lbENvbmZpZzogU2lkZVBhbmVsQ29uZmlnID0geyAuLi50aGlzLmRlZmF1bHRTaWRlUGFuZWxDb25maWcsIC4uLmNvbmZpZyB9O1xuXG4gICAgaWYgKCF0aGlzLlNpZGVQYW5lbENvbXBvbmVudFJlZikge1xuICAgICAgY29uc3QgaW5qZWN0b3IgPSB0aGlzLmNyZWF0ZVNpZGVQYW5lbEluamVjdG9yKHBhbmVsQ29uZmlnLCBwcm92aWRlcnMpO1xuICAgICAgY29uc3QgU2lkZVBhbmVsQ29tcG9uZW50UmVmID0gdGhpcy5jcmVhdGVTaWRlUGFuZWxDb21wb25lbnQocGFuZWxDb25maWcucG9zaXRpb24sIGluamVjdG9yKTtcbiAgICAgIHRoaXMuU2lkZVBhbmVsQ29tcG9uZW50UmVmID0gU2lkZVBhbmVsQ29tcG9uZW50UmVmO1xuICAgIH1cblxuICAgIGlmIChjb250ZW50IGluc3RhbmNlb2YgVGVtcGxhdGVSZWYpIHtcbiAgICAgIHRoaXMubG9hZFRlbXBsYXRlKGNvbnRlbnQpO1xuICAgIH0gZWxzZSB7XG4gICAgICB0aGlzLmxvYWRDb21wb25lbnQoY29udGVudCk7XG4gICAgfVxuXG4gICAgdGhpcy5TaWRlUGFuZWxDb21wb25lbnRSZWYuaW5zdGFuY2Uub3BlbigpO1xuICB9XG5cbiAgZGVzdHJveUNvbXBvbmVudCgpOiB2b2lkIHtcbiAgICBpZiAodGhpcy5TaWRlUGFuZWxDb21wb25lbnRSZWYpIHtcbiAgICAgIHRoaXMuYXBwUmVmLmRldGFjaFZpZXcodGhpcy5TaWRlUGFuZWxDb21wb25lbnRSZWYuaG9zdFZpZXcpO1xuICAgICAgdGhpcy5TaWRlUGFuZWxDb21wb25lbnRSZWYuZGVzdHJveSgpO1xuICAgICAgdGhpcy5TaWRlUGFuZWxDb21wb25lbnRSZWYgPSB1bmRlZmluZWQ7XG4gICAgfVxuXG4gICAgaWYgKHRoaXMuY29udGVudENvbXBvbmVudFJlZikge1xuICAgICAgdGhpcy5jb250ZW50Q29tcG9uZW50UmVmLmRlc3Ryb3koKTtcbiAgICAgIHRoaXMuY29udGVudENvbXBvbmVudFJlZiA9IHVuZGVmaW5lZDtcbiAgICB9XG4gIH1cblxuICBwcml2YXRlIGNyZWF0ZVNpZGVQYW5lbEluamVjdG9yKGNvbmZpZzogU2lkZVBhbmVsQ29uZmlnLCBwcm92aWRlcnM6IFByb3ZpZGVyW10gPSBbXSk6IEluamVjdG9yIHtcbiAgICByZXR1cm4gSW5qZWN0b3IuY3JlYXRlKHtcbiAgICAgIHByb3ZpZGVyczogW3sgcHJvdmlkZTogU2lkZVBhbmVsQ29uZmlnLCB1c2VWYWx1ZTogY29uZmlnIH0sIC4uLnByb3ZpZGVyc10sXG4gICAgfSk7XG4gIH1cblxuICBwcml2YXRlIGNyZWF0ZVNpZGVQYW5lbENvbXBvbmVudChwb3NpdGlvbjogU2lkZVBhbmVsUG9zaXRpb24sIGluamVjdG9yOiBJbmplY3Rvcik6IENvbXBvbmVudFJlZjxTaWRlUGFuZWxDb21wb25lbnQ+IHtcbiAgICBjb25zdCBzaWRlUGFuZWxDb21wb25lbnRSZWYgPSBjcmVhdGVDb21wb25lbnQoU2lkZVBhbmVsQ29tcG9uZW50LCB7XG4gICAgICBlbnZpcm9ubWVudEluamVjdG9yOiB0aGlzLmluamVjdG9yLFxuICAgICAgZWxlbWVudEluamVjdG9yOiBpbmplY3RvcixcbiAgICB9KTtcblxuICAgIHRoaXMuYXBwUmVmLmF0dGFjaFZpZXcoc2lkZVBhbmVsQ29tcG9uZW50UmVmLmhvc3RWaWV3KTtcblxuICAgIGNvbnN0IHNpZGVQYW5lbEVsID0gKHNpZGVQYW5lbENvbXBvbmVudFJlZi5ob3N0VmlldyBhcyBFbWJlZGRlZFZpZXdSZWY8YW55Pikucm9vdE5vZGVzWzBdIGFzIEhUTUxFbGVtZW50O1xuICAgIHNpZGVQYW5lbEVsLnF1ZXJ5U2VsZWN0b3IoJy5zaWRlLXBhbmVsJyk/LmNsYXNzTGlzdC5hZGQocG9zaXRpb24pO1xuXG4gICAgZG9jdW1lbnQuYm9keS5hcHBlbmRDaGlsZChzaWRlUGFuZWxFbCk7XG5cbiAgICByZXR1cm4gc2lkZVBhbmVsQ29tcG9uZW50UmVmO1xuICB9XG5cbiAgcHJpdmF0ZSBsb2FkQ29tcG9uZW50KGNvbXBvbmVudDogVHlwZTxhbnk+KTogdm9pZCB7XG4gICAgY29uc3Qgdmlld0NvbnRhaW5lclJlZiA9IHRoaXMuU2lkZVBhbmVsQ29tcG9uZW50UmVmPy5pbnN0YW5jZS5zaWRlUGFuZWxDb250YWluZXI7XG4gICAgaWYgKHZpZXdDb250YWluZXJSZWYpIHtcbiAgICAgIHZpZXdDb250YWluZXJSZWYoKS5jbGVhcigpO1xuICAgICAgdGhpcy5jb250ZW50Q29tcG9uZW50UmVmID0gdmlld0NvbnRhaW5lclJlZigpLmNyZWF0ZUNvbXBvbmVudChjb21wb25lbnQpO1xuICAgIH1cbiAgfVxuXG4gIHByaXZhdGUgbG9hZFRlbXBsYXRlKHRlbXBsYXRlOiBUZW1wbGF0ZVJlZjxhbnk+KTogdm9pZCB7XG4gICAgY29uc3Qgdmlld0NvbnRhaW5lclJlZiA9IHRoaXMuU2lkZVBhbmVsQ29tcG9uZW50UmVmPy5pbnN0YW5jZS5zaWRlUGFuZWxDb250YWluZXI7XG4gICAgaWYgKHZpZXdDb250YWluZXJSZWYpIHtcbiAgICAgIHZpZXdDb250YWluZXJSZWYoKS5jbGVhcigpO1xuICAgICAgdGhpcy5lbWJlZGRlZFZpZXdSZWYgPSB2aWV3Q29udGFpbmVyUmVmKCkuY3JlYXRlRW1iZWRkZWRWaWV3KHRlbXBsYXRlKTtcbiAgICB9XG4gIH1cbn1cbiJdfQ==

package/esm2022/components/side-sheet/side-sheet.component.mjs ADDED Viewed

@@ -0,0 +1,105 @@
+import { Component, EventEmitter, HostListener, Inject, Input, Optional, Output, ViewChild, ViewContainerRef, } from '@angular/core';
+import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
+import * as i0 from "@angular/core";
+import * as i1 from "./side-sheet.service";
+import * as i2 from "@angular/common";
+import * as i3 from "../button/button.component";
+import * as i4 from "@angular/material/tooltip";
+import * as i5 from "@angular/material/sidenav";
+import * as i6 from "../logo/logo.component";
+import * as i7 from "../../pipes/ui-translate.pipe";
+export class SideSheetComponent {
+    onEscPress(_) {
+        void this.drawer.close();
+    }
+    constructor(defaultAppTheme, sideSheetService, destroyRef) {
+        this.defaultAppTheme = defaultAppTheme;
+        this.sideSheetService = sideSheetService;
+        this.destroyRef = destroyRef;
+        /**
+         * Set position. Defaults "end"
+         *
+         * @type {SideSheetPosition}
+         * @memberof SideSheetComponent
+         */
+        this.position = 'end';
+        /**
+         *
+         * Defines the application theme
+         *
+         * @type {ApplicationTheme}
+         * @memberof SideSheetComponent
+         */
+        this.applicationTheme = 'light';
+        this.openChange = new EventEmitter();
+        this.title = '';
+        this.showBackButton = false;
+        this.showTitleTooltip = false;
+        this.showLogo = false;
+        this.componentRef$ = this.sideSheetService.getComponentRef();
+        if (defaultAppTheme) {
+            this.applicationTheme = defaultAppTheme;
+        }
+    }
+    ngOnInit() {
+        this.setComponentRef();
+    }
+    setComponentRef() {
+        this.componentRef$.pipe(takeUntilDestroyed(this.destroyRef)).subscribe(config => {
+            if (config && config.componentRef && this.container && this.drawer) {
+                this.setConfig(config);
+                this.drawer.toggle();
+                this.container.clear();
+                this.container.insert(config.componentRef.hostView);
+            }
+            else if (!config) {
+                this.drawer.toggle();
+                this.container.clear();
+            }
+        });
+    }
+    setConfig(config) {
+        this.title = config.title ?? '';
+        this.showLogo = config.showLogo ?? false;
+        this.showBackButton = config.showBackButton ?? false;
+        this.showTitleTooltip = config.showTitleTooltip ?? false;
+        if (config.closed) {
+            config.closed.pipe(takeUntilDestroyed(this.destroyRef)).subscribe(() => {
+                void this.drawer.close();
+            });
+        }
+    }
+    onClose() {
+        this.drawer.toggle();
+    }
+    onOpenChange(isOpened) {
+        this.openChange.emit(isOpened);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SideSheetComponent, deps: [{ token: 'CANOPYUI_DEFAULT_APPLICATION_THEME', optional: true }, { token: i1.SideSheetService }, { token: i0.DestroyRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: SideSheetComponent, selector: "ui-side-sheet", inputs: { position: "position", applicationTheme: "applicationTheme" }, outputs: { openChange: "openChange" }, host: { listeners: { "keydown.esc": "onEscPress($event)" } }, viewQueries: [{ propertyName: "drawer", first: true, predicate: ["drawer"], descendants: true }, { propertyName: "container", first: true, predicate: ["container"], descendants: true, read: ViewContainerRef }], ngImport: i0, template: "<ng-container>\n  <mat-drawer-container class=\"side-sheet-container\" [attr.theme]=\"applicationTheme\" [hasBackdrop]=\"true\">\n    <mat-drawer (closedStart)=\"onOpenChange(false)\" (openedStart)=\"onOpenChange(true)\" #drawer [mode]=\"'over'\" [autoFocus]=\"false\"  class=\"side-sheet-content\" [position]=\"position\">\n      <div class=\"header\">\n        <div class=\"title\">\n          <ui-button\n            *ngIf=\"showBackButton\"\n            [variant]=\"'icon-button'\"\n            [iconName]=\"applicationTheme === 'classic' ? 'Arrow_left' : 'Arrow-chevron-left-filled'\"\n            [companyColor]=\"applicationTheme === 'classic' ? '#000' : '#242424'\"\n            [applicationTheme]=\"applicationTheme\"\n            [tooltip]=\"(('COMMON.BACK') | uiTranslate | async)!\"\n            (click)=\"onClose()\"\n          ></ui-button>\n          <span\n            *ngIf=\"title\"\n            [matTooltip]=\"showTitleTooltip ? title : ''\"\n            [matTooltipClass]=\"applicationTheme\"\n          >{{ title }}</span>\n          <ui-logo *ngIf=\"showLogo\"></ui-logo>\n        </div>\n        <ui-button\n          [variant]=\"'icon-button'\"\n          [iconName]=\"'Close'\"\n          [companyColor]=\"applicationTheme === 'classic' ? '#000' : '#242424'\"\n          [applicationTheme]=\"applicationTheme\"\n          [tooltip]=\"(('COMMON.CLOSE') | uiTranslate | async)!\"\n          (click)=\"onClose()\"\n        ></ui-button>\n      </div>\n      <ng-container #container></ng-container>\n    </mat-drawer>\n    <mat-drawer-content>\n      <ng-content></ng-content>\n    </mat-drawer-content>\n  </mat-drawer-container>\n</ng-container>\n", styles: ["@import\"https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap\";.bg-teal-60b{background:#1c443c}.bg-teal-30b{background:#31766a}.bg-teal-default{background:#46a997}.bg-teal-30w{background:#7ec3b6}.bg-teal-60w{background:#b5ddd5}.bg-teal-secondary{background:#cbd6cb}.bg-teal-90w{background:#ecf6f5}.bg-petrol-60b{background:#102930}.bg-petrol-30b{background:#1b4754}.bg-petrol-default{background:#276678}.bg-petrol-30w{background:#6894a0}.bg-petrol-60w{background:#a9c2c9}.bg-petrol-secondary{background:#c8d7de}.bg-petrol-90w{background:#e9f0f1}.bg-error-60b{background:#513131}.bg-error-30b{background:#8e5655}.bg-error-60w{background:#e3c3c6}.bg-error-secondary{background:#f0dad9}.bg-error-default{background:#cb7b7a}.bg-warning-secondary{background:#f0d6bb}.bg-warning-default{background:#cca45f}.bg-black{background:#000}.bg-dark{background:#888}.bg-medium{background:#e0e0e0}.bg-grey{background:#ededed}.bg-light{background:#f6f6f6}.bg-white{background:#fff}.bg-box-shadow{background:#00000014}.bg-navigation-subtitle{background:#528593}.bgc-teal-60b{background-color:#1c443c}.bgc-teal-30b{background-color:#31766a}.bgc-teal-default{background-color:#46a997}.bgc-teal-30w{background-color:#7ec3b6}.bgc-teal-60w{background-color:#b5ddd5}.bgc-teal-secondary{background-color:#cbd6cb}.bgc-teal-90w{background-color:#ecf6f5}.bgc-petrol-60b{background-color:#102930}.bgc-petrol-30b{background-color:#1b4754}.bgc-petrol-default{background-color:#276678}.bgc-petrol-30w{background-color:#6894a0}.bgc-petrol-60w{background-color:#a9c2c9}.bgc-petrol-secondary{background-color:#c8d7de}.bgc-petrol-90w{background-color:#e9f0f1}.bgc-error-60b{background-color:#513131}.bgc-error-30b{background-color:#8e5655}.bgc-error-60w{background-color:#e3c3c6}.bgc-error-secondary{background-color:#f0dad9}.bgc-error-default{background-color:#cb7b7a}.bgc-warning-secondary{background-color:#f0d6bb}.bgc-warning-default{background-color:#cca45f}.bgc-black{background-color:#000}.bgc-dark{background-color:#888}.bgc-medium{background-color:#e0e0e0}.bgc-grey{background-color:#ededed}.bgc-light{background-color:#f6f6f6}.bgc-white{background-color:#fff}.bgc-box-shadow{background-color:#00000014}.bgc-navigation-subtitle{background-color:#528593}.side-sheet-container{position:absolute;inset:0;background:transparent}.side-sheet-container ::ng-deep .mat-drawer-backdrop{background-color:#000;opacity:25%}.side-sheet-container .side-sheet-content{width:600px;box-shadow:2px 24px 48px 8px #00000014;padding:0 32px 32px;align-items:flex-start;flex-direction:column;z-index:3;background:#f6f6f6}.side-sheet-container .side-sheet-content .header{background:#f6f6f6;padding:32px 5px;width:100%;display:flex;top:0;position:sticky;justify-content:center}.side-sheet-container .side-sheet-content .header ui-button{margin-top:-5px}.side-sheet-container .side-sheet-content .header .title{display:flex;justify-content:left;margin-right:8px;width:100%;gap:8px}.side-sheet-container .side-sheet-content .header .title span{line-height:28px;font-size:20px;font-weight:700;-webkit-user-select:none;user-select:none;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}@media (max-width: 600px){.side-sheet-container .side-sheet-content{padding:0 16px 16px;width:100%}.side-sheet-container .side-sheet-content .header{padding:32px 16px}}.side-sheet-container[theme=dark] .side-sheet-content,.side-sheet-container[theme=light] .side-sheet-content{box-shadow:0 4px 100px #24242414}.side-sheet-container[theme=dark] .side-sheet-content .header .title span,.side-sheet-container[theme=light] .side-sheet-content .header .title span{color:#242424}::ng-deep .mat-mdc-tooltip{background-color:#a9c2c9;font-family:Open Sans,serif;font-weight:400;font-size:12px;border-radius:4px;overflow:visible;max-width:248px;padding:6px 2px;--mdc-plain-tooltip-container-color: none;--mdc-plain-tooltip-supporting-text-color: $tgo-black}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.ButtonComponent, selector: "ui-button", inputs: ["size", "variant", "label", "iconPosition", "justIcon", "iconName", "disabled", "loading", "fullWidth", "url", "urlTarget", "value", "tooltip", "isPremium", "type", "companyColor", "buttonBadgeConfig", "applicationTheme", "disabledScaleOnClick", "ariaLabel", "ariaRequired", "ariaLabelledby", "ariaDescribedby", "preventDefault", "hasBackground", "tooltipPosition", "role"], outputs: ["buttonClickEvent", "buttonHoverEvent"] }, { kind: "directive", type: i4.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }, { kind: "component", type: i5.MatDrawer, selector: "mat-drawer", inputs: ["position", "mode", "disableClose", "autoFocus", "opened"], outputs: ["openedChange", "opened", "openedStart", "closed", "closedStart", "positionChanged"], exportAs: ["matDrawer"] }, { kind: "component", type: i5.MatDrawerContainer, selector: "mat-drawer-container", inputs: ["autosize", "hasBackdrop"], outputs: ["backdropClick"], exportAs: ["matDrawerContainer"] }, { kind: "component", type: i5.MatDrawerContent, selector: "mat-drawer-content" }, { kind: "component", type: i6.LogoComponent, selector: "ui-logo", inputs: ["type", "applicationTheme", "label", "width", "allowResizing"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "pipe", type: i7.UiTranslatePipe, name: "uiTranslate" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SideSheetComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ui-side-sheet', template: "<ng-container>\n  <mat-drawer-container class=\"side-sheet-container\" [attr.theme]=\"applicationTheme\" [hasBackdrop]=\"true\">\n    <mat-drawer (closedStart)=\"onOpenChange(false)\" (openedStart)=\"onOpenChange(true)\" #drawer [mode]=\"'over'\" [autoFocus]=\"false\"  class=\"side-sheet-content\" [position]=\"position\">\n      <div class=\"header\">\n        <div class=\"title\">\n          <ui-button\n            *ngIf=\"showBackButton\"\n            [variant]=\"'icon-button'\"\n            [iconName]=\"applicationTheme === 'classic' ? 'Arrow_left' : 'Arrow-chevron-left-filled'\"\n            [companyColor]=\"applicationTheme === 'classic' ? '#000' : '#242424'\"\n            [applicationTheme]=\"applicationTheme\"\n            [tooltip]=\"(('COMMON.BACK') | uiTranslate | async)!\"\n            (click)=\"onClose()\"\n          ></ui-button>\n          <span\n            *ngIf=\"title\"\n            [matTooltip]=\"showTitleTooltip ? title : ''\"\n            [matTooltipClass]=\"applicationTheme\"\n          >{{ title }}</span>\n          <ui-logo *ngIf=\"showLogo\"></ui-logo>\n        </div>\n        <ui-button\n          [variant]=\"'icon-button'\"\n          [iconName]=\"'Close'\"\n          [companyColor]=\"applicationTheme === 'classic' ? '#000' : '#242424'\"\n          [applicationTheme]=\"applicationTheme\"\n          [tooltip]=\"(('COMMON.CLOSE') | uiTranslate | async)!\"\n          (click)=\"onClose()\"\n        ></ui-button>\n      </div>\n      <ng-container #container></ng-container>\n    </mat-drawer>\n    <mat-drawer-content>\n      <ng-content></ng-content>\n    </mat-drawer-content>\n  </mat-drawer-container>\n</ng-container>\n", styles: ["@import\"https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap\";.bg-teal-60b{background:#1c443c}.bg-teal-30b{background:#31766a}.bg-teal-default{background:#46a997}.bg-teal-30w{background:#7ec3b6}.bg-teal-60w{background:#b5ddd5}.bg-teal-secondary{background:#cbd6cb}.bg-teal-90w{background:#ecf6f5}.bg-petrol-60b{background:#102930}.bg-petrol-30b{background:#1b4754}.bg-petrol-default{background:#276678}.bg-petrol-30w{background:#6894a0}.bg-petrol-60w{background:#a9c2c9}.bg-petrol-secondary{background:#c8d7de}.bg-petrol-90w{background:#e9f0f1}.bg-error-60b{background:#513131}.bg-error-30b{background:#8e5655}.bg-error-60w{background:#e3c3c6}.bg-error-secondary{background:#f0dad9}.bg-error-default{background:#cb7b7a}.bg-warning-secondary{background:#f0d6bb}.bg-warning-default{background:#cca45f}.bg-black{background:#000}.bg-dark{background:#888}.bg-medium{background:#e0e0e0}.bg-grey{background:#ededed}.bg-light{background:#f6f6f6}.bg-white{background:#fff}.bg-box-shadow{background:#00000014}.bg-navigation-subtitle{background:#528593}.bgc-teal-60b{background-color:#1c443c}.bgc-teal-30b{background-color:#31766a}.bgc-teal-default{background-color:#46a997}.bgc-teal-30w{background-color:#7ec3b6}.bgc-teal-60w{background-color:#b5ddd5}.bgc-teal-secondary{background-color:#cbd6cb}.bgc-teal-90w{background-color:#ecf6f5}.bgc-petrol-60b{background-color:#102930}.bgc-petrol-30b{background-color:#1b4754}.bgc-petrol-default{background-color:#276678}.bgc-petrol-30w{background-color:#6894a0}.bgc-petrol-60w{background-color:#a9c2c9}.bgc-petrol-secondary{background-color:#c8d7de}.bgc-petrol-90w{background-color:#e9f0f1}.bgc-error-60b{background-color:#513131}.bgc-error-30b{background-color:#8e5655}.bgc-error-60w{background-color:#e3c3c6}.bgc-error-secondary{background-color:#f0dad9}.bgc-error-default{background-color:#cb7b7a}.bgc-warning-secondary{background-color:#f0d6bb}.bgc-warning-default{background-color:#cca45f}.bgc-black{background-color:#000}.bgc-dark{background-color:#888}.bgc-medium{background-color:#e0e0e0}.bgc-grey{background-color:#ededed}.bgc-light{background-color:#f6f6f6}.bgc-white{background-color:#fff}.bgc-box-shadow{background-color:#00000014}.bgc-navigation-subtitle{background-color:#528593}.side-sheet-container{position:absolute;inset:0;background:transparent}.side-sheet-container ::ng-deep .mat-drawer-backdrop{background-color:#000;opacity:25%}.side-sheet-container .side-sheet-content{width:600px;box-shadow:2px 24px 48px 8px #00000014;padding:0 32px 32px;align-items:flex-start;flex-direction:column;z-index:3;background:#f6f6f6}.side-sheet-container .side-sheet-content .header{background:#f6f6f6;padding:32px 5px;width:100%;display:flex;top:0;position:sticky;justify-content:center}.side-sheet-container .side-sheet-content .header ui-button{margin-top:-5px}.side-sheet-container .side-sheet-content .header .title{display:flex;justify-content:left;margin-right:8px;width:100%;gap:8px}.side-sheet-container .side-sheet-content .header .title span{line-height:28px;font-size:20px;font-weight:700;-webkit-user-select:none;user-select:none;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}@media (max-width: 600px){.side-sheet-container .side-sheet-content{padding:0 16px 16px;width:100%}.side-sheet-container .side-sheet-content .header{padding:32px 16px}}.side-sheet-container[theme=dark] .side-sheet-content,.side-sheet-container[theme=light] .side-sheet-content{box-shadow:0 4px 100px #24242414}.side-sheet-container[theme=dark] .side-sheet-content .header .title span,.side-sheet-container[theme=light] .side-sheet-content .header .title span{color:#242424}::ng-deep .mat-mdc-tooltip{background-color:#a9c2c9;font-family:Open Sans,serif;font-weight:400;font-size:12px;border-radius:4px;overflow:visible;max-width:248px;padding:6px 2px;--mdc-plain-tooltip-container-color: none;--mdc-plain-tooltip-supporting-text-color: $tgo-black}\n"] }]
+        }], ctorParameters: () => [{ type: undefined, decorators: [{
+                    type: Optional
+                }, {
+                    type: Inject,
+                    args: ['CANOPYUI_DEFAULT_APPLICATION_THEME']
+                }] }, { type: i1.SideSheetService }, { type: i0.DestroyRef }], propDecorators: { position: [{
+                type: Input
+            }], applicationTheme: [{
+                type: Input
+            }], openChange: [{
+                type: Output
+            }], drawer: [{
+                type: ViewChild,
+                args: ['drawer']
+            }], container: [{
+                type: ViewChild,
+                args: ['container', { read: ViewContainerRef, static: false }]
+            }], onEscPress: [{
+                type: HostListener,
+                args: ['keydown.esc', ['$event']]
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2lkZS1zaGVldC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy90Z28tY2Fub3B5LXVpL2NvbXBvbmVudHMvc2lkZS1zaGVldC9zaWRlLXNoZWV0LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3Rnby1jYW5vcHktdWkvY29tcG9uZW50cy9zaWRlLXNoZWV0L3NpZGUtc2hlZXQuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLFNBQVMsRUFFVCxZQUFZLEVBQUUsWUFBWSxFQUMxQixNQUFNLEVBQ04sS0FBSyxFQUVMLFFBQVEsRUFDUixNQUFNLEVBQ04sU0FBUyxFQUNULGdCQUFnQixHQUNqQixNQUFNLGVBQWUsQ0FBQztBQUl2QixPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQzs7Ozs7Ozs7O0FBUWhFLE1BQU0sT0FBTyxrQkFBa0I7SUF3QjdCLFVBQVUsQ0FBQyxDQUFnQjtRQUN6QixLQUFLLElBQUksQ0FBQyxNQUFNLENBQUMsS0FBSyxFQUFFLENBQUM7SUFDM0IsQ0FBQztJQVFELFlBQzZFLGVBQWlDLEVBQ3BHLGdCQUFrQyxFQUNsQyxVQUFzQjtRQUY2QyxvQkFBZSxHQUFmLGVBQWUsQ0FBa0I7UUFDcEcscUJBQWdCLEdBQWhCLGdCQUFnQixDQUFrQjtRQUNsQyxlQUFVLEdBQVYsVUFBVSxDQUFZO1FBcENoQzs7Ozs7V0FLRztRQUNNLGFBQVEsR0FBc0IsS0FBSyxDQUFDO1FBRTdDOzs7Ozs7V0FNRztRQUNNLHFCQUFnQixHQUFxQixPQUFPLENBQUM7UUFFNUMsZUFBVSxHQUFHLElBQUksWUFBWSxFQUFXLENBQUM7UUFVekMsVUFBSyxHQUFHLEVBQUUsQ0FBQztRQUNYLG1CQUFjLEdBQUcsS0FBSyxDQUFDO1FBQ3ZCLHFCQUFnQixHQUFHLEtBQUssQ0FBQztRQUN6QixhQUFRLEdBQUcsS0FB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e1xuICBDb21wb25lbnQsXG4gIERlc3Ryb3lSZWYsXG4gIEV2ZW50RW1pdHRlciwgSG9zdExpc3RlbmVyLFxuICBJbmplY3QsXG4gIElucHV0LFxuICBPbkluaXQsXG4gIE9wdGlvbmFsLFxuICBPdXRwdXQsXG4gIFZpZXdDaGlsZCxcbiAgVmlld0NvbnRhaW5lclJlZixcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBTaWRlU2hlZXRTZXJ2aWNlIH0gZnJvbSAnLi9zaWRlLXNoZWV0LnNlcnZpY2UnO1xuaW1wb3J0IHsgU2lkZVNoZWV0Q29uZmlnLCBTaWRlU2hlZXRQb3NpdGlvbiB9IGZyb20gJy4vc2lkZS1zaGVldC5tb2RlbCc7XG5pbXBvcnQgeyBNYXREcmF3ZXIgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9zaWRlbmF2JztcbmltcG9ydCB7IHRha2VVbnRpbERlc3Ryb3llZCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUvcnhqcy1pbnRlcm9wJztcbmltcG9ydCB7IEFwcGxpY2F0aW9uVGhlbWUgfSBmcm9tICcuLi8uLi9tb2RlbHMvYXBwbGljYXRpb24tdGhlbWUubW9kZWwnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICd1aS1zaWRlLXNoZWV0JyxcbiAgdGVtcGxhdGVVcmw6ICcuL3NpZGUtc2hlZXQuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9zaWRlLXNoZWV0LmNvbXBvbmVudC5zY3NzJ10sXG59KVxuZXhwb3J0IGNsYXNzIFNpZGVTaGVldENvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG4gIC8qKlxuICAgKiBTZXQgcG9zaXRpb24uIERlZmF1bHRzIFwiZW5kXCJcbiAgICpcbiAgICogQHR5cGUge1NpZGVTaGVldFBvc2l0aW9ufVxuICAgKiBAbWVtYmVyb2YgU2lkZVNoZWV0Q29tcG9uZW50XG4gICAqL1xuICBASW5wdXQoKSBwb3NpdGlvbjogU2lkZVNoZWV0UG9zaXRpb24gPSAnZW5kJztcblxuICAvKipcbiAgICpcbiAgICogRGVmaW5lcyB0aGUgYXBwbGljYXRpb24gdGhlbWVcbiAgICpcbiAgICogQHR5cGUge0FwcGxpY2F0aW9uVGhlbWV9XG4gICAqIEBtZW1iZXJvZiBTaWRlU2hlZXRDb21wb25lbnRcbiAgICovXG4gIEBJbnB1dCgpIGFwcGxpY2F0aW9uVGhlbWU6IEFwcGxpY2F0aW9uVGhlbWUgPSAnbGlnaHQnO1xuXG4gIEBPdXRwdXQoKSBvcGVuQ2hhbmdlID0gbmV3IEV2ZW50RW1pdHRlcjxib29sZWFuPigpO1xuXG4gIEBWaWV3Q2hpbGQoJ2RyYXdlcicpIGRyYXdlcjogTWF0RHJhd2VyO1xuICBAVmlld0NoaWxkKCdjb250YWluZXInLCB7IHJlYWQ6IFZpZXdDb250YWluZXJSZWYsIHN0YXRpYzogZmFsc2UgfSkgY29udGFpbmVyOiBWaWV3Q29udGFpbmVyUmVmO1xuXG4gIEBIb3N0TGlzdGVuZXIoJ2tleWRvd24uZXNjJywgWyckZXZlbnQnXSlcbiAgb25Fc2NQcmVzcyhfOiBLZXlib2FyZEV2ZW50KTogdm9pZCB7XG4gICAgdm9pZCB0aGlzLmRyYXdlci5jbG9zZSgpO1xuICB9XG5cbiAgcHJvdGVjdGVkIHRpdGxlID0gJyc7XG4gIHByb3RlY3RlZCBzaG93QmFja0J1dHRvbiA9IGZhbHNlO1xuICBwcm90ZWN0ZWQgc2hvd1RpdGxlVG9vbHRpcCA9IGZhbHNlO1xuICBwcm90ZWN0ZWQgc2hvd0xvZ28gPSBmYWxzZTtcbiAgcHJvdGVjdGVkIGNvbXBvbmVudFJlZiQgPSB0aGlzLnNpZGVTaGVldFNlcnZpY2UuZ2V0Q29tcG9uZW50UmVmKCk7XG5cbiAgY29uc3RydWN0b3IoXG4gICAgQE9wdGlvbmFsKCkgQEluamVjdCgnQ0FOT1BZVUlfREVGQVVMVF9BUFBMSUNBVElPTl9USEVNRScpIHByaXZhdGUgcmVhZG9ubHkgZGVmYXVsdEFwcFRoZW1lOiBBcHBsaWNhdGlvblRoZW1lLFxuICAgIHByaXZhdGUgc2lkZVNoZWV0U2VydmljZTogU2lkZVNoZWV0U2VydmljZSxcbiAgICBwcml2YXRlIGRlc3Ryb3lSZWY6IERlc3Ryb3lSZWYsXG4gICkge1xuICAgIGlmIChkZWZhdWx0QXBwVGhlbWUpIHtcbiAgICAgIHRoaXMuYXBwbGljYXRpb25UaGVtZSA9IGRlZmF1bHRBcHBUaGVtZTtcbiAgICB9XG4gIH1cblxuICBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgICB0aGlzLnNldENvbXBvbmVudFJlZigpO1xuICB9XG5cbiAgcHJpdmF0ZSBzZXRDb21wb25lbnRSZWYoKTogdm9pZCB7XG4gICAgdGhpcy5jb21wb25lbnRSZWYkLnBpcGUodGFrZVVudGlsRGVzdHJveWVkKHRoaXMuZGVzdHJveVJlZikpLnN1YnNjcmliZShjb25maWcgPT4ge1xuICAgICAgaWYgKGNvbmZpZyAmJiBjb25maWcuY29tcG9uZW50UmVmICYmIHRoaXMuY29udGFpbmVyICYmIHRoaXMuZHJhd2VyKSB7XG4gICAgICAgIHRoaXMuc2V0Q29uZmlnKGNvbmZpZyk7XG4gICAgICAgIHRoaXMuZHJhd2VyLnRvZ2dsZSgpO1xuICAgICAgICB0aGlzLmNvbnRhaW5lci5jbGVhcigpO1xuICAgICAgICB0aGlzLmNvbnRhaW5lci5pbnNlcnQoY29uZmlnLmNvbXBvbmVudFJlZi5ob3N0Vmlldyk7XG4gICAgICB9IGVsc2UgaWYgKCFjb25maWcpIHtcbiAgICAgICAgdGhpcy5kcmF3ZXIudG9nZ2xlKCk7XG4gICAgICAgIHRoaXMuY29udGFpbmVyLmNsZWFyKCk7XG4gICAgICB9XG4gICAgfSk7XG4gIH1cblxuICBwcml2YXRlIHNldENvbmZpZyhjb25maWc6IFNpZGVTaGVldENvbmZpZyk6IHZvaWQge1xuICAgIHRoaXMudGl0bGUgPSBjb25maWcudGl0bGUgPz8gJyc7XG4gICAgdGhpcy5zaG93TG9nbyA9IGNvbmZpZy5zaG93TG9nbyA/PyBmYWxzZTtcbiAgICB0aGlzLnNob3dCYWNrQnV0dG9uID0gY29uZmlnLnNob3dCYWNrQnV0dG9uID8/IGZhbHNlO1xuICAgIHRoaXMuc2hvd1RpdGxlVG9vbHRpcCA9IGNvbmZpZy5zaG93VGl0bGVUb29sdGlwID8/IGZhbHNlO1xuXG4gICAgaWYgKGNvbmZpZy5jbG9zZWQpIHtcbiAgICAgIGNvbmZpZy5jbG9zZWQucGlwZSh0YWtlVW50aWxEZXN0cm95ZWQodGhpcy5kZXN0cm95UmVmKSkuc3Vic2NyaWJlKCgpID0+IHtcbiAgICAgICAgdm9pZCB0aGlzLmRyYXdlci5jbG9zZSgpO1xuICAgICAgfSk7XG4gICAgfVxuICB9XG5cbiAgcHJvdGVjdGVkIG9uQ2xvc2UoKTogdm9pZCB7XG4gICAgdGhpcy5kcmF3ZXIudG9nZ2xlKCk7XG4gIH1cblxuICBvbk9wZW5DaGFuZ2UoaXNPcGVuZWQ6IGJvb2xlYW4pOiB2b2lkIHtcbiAgICB0aGlzLm9wZW5DaGFuZ2UuZW1pdChpc09wZW5lZCk7XG4gIH1cbn1cbiIsIjxuZy1jb250YWluZXI+XG4gIDxtYXQtZHJhd2VyLWNvbnRhaW5lciBjbGFzcz1cInNpZGUtc2hlZXQtY29udGFpbmVyXCIgW2F0dHIudGhlbWVdPVwiYXBwbGljYXRpb25UaGVtZVwiIFtoYXNCYWNrZHJvcF09XCJ0cnVlXCI+XG4gICAgPG1hdC1kcmF3ZXIgKGNsb3NlZFN0YXJ0KT1cIm9uT3BlbkNoYW5nZShmYWxzZSlcIiAob3BlbmVkU3RhcnQpPVwib25PcGVuQ2hhbmdlKHRydWUpXCIgI2RyYXdlciBbbW9kZV09XCInb3ZlcidcIiBbYXV0b0ZvY3VzXT1cImZhbHNlXCIgIGNsYXNzPVwic2lkZS1zaGVldC1jb250ZW50XCIgW3Bvc2l0aW9uXT1cInBvc2l0aW9uXCI+XG4gICAgICA8ZGl2IGNsYXNzPVwiaGVhZGVyXCI+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJ0aXRsZVwiPlxuICAgICAgICAgIDx1aS1idXR0b25cbiAgICAgICAgICAgICpuZ0lmPVwic2hvd0JhY2tCdXR0b25cIlxuICAgICAgICAgICAgW3ZhcmlhbnRdPVwiJ2ljb24tYnV0dG9uJ1wiXG4gICAgICAgICAgICBbaWNvbk5hbWVdPVwiYXBwbGljYXRpb25UaGVtZSA9PT0gJ2NsYXNzaWMnID8gJ0Fycm93X2xlZnQnIDogJ0Fycm93LWNoZXZyb24tbGVmdC1maWxsZWQnXCJcbiAgICAgICAgICAgIFtjb21wYW55Q29sb3JdPVwiYXBwbGljYXRpb25UaGVtZSA9PT0gJ2NsYXNzaWMnID8gJyMwMDAnIDogJyMyNDI0MjQnXCJcbiAgICAgICAgICAgIFthcHBsaWNhdGlvblRoZW1lXT1cImFwcGxpY2F0aW9uVGhlbWVcIlxuICAgICAgICAgICAgW3Rvb2x0aXBdPVwiKCgnQ09NTU9OLkJBQ0snKSB8IHVpVHJhbnNsYXRlIHwgYXN5bmMpIVwiXG4gICAgICAgICAgICAoY2xpY2spPVwib25DbG9zZSgpXCJcbiAgICAgICAgICA+PC91aS1idXR0b24+XG4gICAgICAgICAgPHNwYW5cbiAgICAgICAgICAgICpuZ0lmPVwidGl0bGVcIlxuICAgICAgICAgICAgW21hdFRvb2x0aXBdPVwic2hvd1RpdGxlVG9vbHRpcCA/IHRpdGxlIDogJydcIlxuICAgICAgICAgICAgW21hdFRvb2x0aXBDbGFzc109XCJhcHBsaWNhdGlvblRoZW1lXCJcbiAgICAgICAgICA+e3sgdGl0bGUgfX08L3NwYW4+XG4gICAgICAgICAgPHVpLWxvZ28gKm5nSWY9XCJzaG93TG9nb1wiPjwvdWktbG9nbz5cbiAgICAgICAgPC9kaXY+XG4gICAgICAgIDx1aS1idXR0b25cbiAgICAgICAgICBbdmFyaWFudF09XCInaWNvbi1idXR0b24nXCJcbiAgICAgICAgICBbaWNvbk5hbWVdPVwiJ0Nsb3NlJ1wiXG4gICAgICAgICAgW2NvbXBhbnlDb2xvcl09XCJhcHBsaWNhdGlvblRoZW1lID09PSAnY2xhc3NpYycgPyAnIzAwMCcgOiAnIzI0MjQyNCdcIlxuICAgICAgICAgIFthcHBsaWNhdGlvblRoZW1lXT1cImFwcGxpY2F0aW9uVGhlbWVcIlxuICAgICAgICAgIFt0b29sdGlwXT1cIigoJ0NPTU1PTi5DTE9TRScpIHwgdWlUcmFuc2xhdGUgfCBhc3luYykhXCJcbiAgICAgICAgICAoY2xpY2spPVwib25DbG9zZSgpXCJcbiAgICAgICAgPjwvdWktYnV0dG9uPlxuICAgICAgPC9kaXY+XG4gICAgICA8bmctY29udGFpbmVyICNjb250YWluZXI+PC9uZy1jb250YWluZXI+XG4gICAgPC9tYXQtZHJhd2VyPlxuICAgIDxtYXQtZHJhd2VyLWNvbnRlbnQ+XG4gICAgICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG4gICAgPC9tYXQtZHJhd2VyLWNvbnRlbnQ+XG4gIDwvbWF0LWRyYXdlci1jb250YWluZXI+XG48L25nLWNvbnRhaW5lcj5cbiJdfQ==

package/esm2022/components/side-sheet/side-sheet.component.module.mjs ADDED Viewed

@@ -0,0 +1,43 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { SideSheetComponent } from './side-sheet.component';
+import { IconComponentModule } from '../icon/icon.component.module';
+import { ButtonComponentModule } from '../button/button.component.module';
+import { MatTooltipModule } from '@angular/material/tooltip';
+import { MatSidenavModule } from '@angular/material/sidenav';
+import { UiTranslatePipe } from '../../pipes/ui-translate.pipe';
+import { LogoComponentModule } from "../logo/logo.component.module";
+import * as i0 from "@angular/core";
+export class SideSheetComponentModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SideSheetComponentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.12", ngImport: i0, type: SideSheetComponentModule, declarations: [SideSheetComponent], imports: [CommonModule,
+            IconComponentModule,
+            ButtonComponentModule,
+            MatTooltipModule,
+            MatSidenavModule,
+            UiTranslatePipe,
+            LogoComponentModule], exports: [SideSheetComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SideSheetComponentModule, imports: [CommonModule,
+            IconComponentModule,
+            ButtonComponentModule,
+            MatTooltipModule,
+            MatSidenavModule,
+            LogoComponentModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SideSheetComponentModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [SideSheetComponent],
+                    exports: [SideSheetComponent],
+                    imports: [
+                        CommonModule,
+                        IconComponentModule,
+                        ButtonComponentModule,
+                        MatTooltipModule,
+                        MatSidenavModule,
+                        UiTranslatePipe,
+                        LogoComponentModule,
+                    ],
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2lkZS1zaGVldC5jb21wb25lbnQubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdGdvLWNhbm9weS11aS9jb21wb25lbnRzL3NpZGUtc2hlZXQvc2lkZS1zaGVldC5jb21wb25lbnQubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLHdCQUF3QixDQUFDO0FBQzVELE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLCtCQUErQixDQUFDO0FBQ3BFLE9BQU8sRUFBRSxxQkFBcUIsRUFBRSxNQUFNLG1DQUFtQyxDQUFDO0FBQzFFLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLDJCQUEyQixDQUFDO0FBQzdELE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLDJCQUEyQixDQUFDO0FBQzdELE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSwrQkFBK0IsQ0FBQztBQUNoRSxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSwrQkFBK0IsQ0FBQzs7QUFlcEUsTUFBTSxPQUFPLHdCQUF3QjsrR0FBeEIsd0JBQXdCO2dIQUF4Qix3QkFBd0IsaUJBWnBCLGtCQUFrQixhQUczQixZQUFZO1lBQ1osbUJBQW1CO1lBQ25CLHFCQUFxQjtZQUNyQixnQkFBZ0I7WUFDaEIsZ0JBQWdCO1lBQ2hCLGVBQWU7WUFDZixtQkFBbUIsYUFSZixrQkFBa0I7Z0hBV2pCLHdCQUF3QixZQVQ3QixZQUFZO1lBQ1osbUJBQW1CO1lBQ25CLHFCQUFxQjtZQUNyQixnQkFBZ0I7WUFDaEIsZ0JBQWdCO1lBRWhCLG1CQUFtQjs7NEZBR2Qsd0JBQXdCO2tCQWJwQyxRQUFRO21CQUFDO29CQUNSLFlBQVksRUFBRSxDQUFDLGtCQUFrQixDQUFDO29CQUNsQyxPQUFPLEVBQUUsQ0FBQyxrQkFBa0IsQ0FBQztvQkFDM0IsT0FBTyxFQUFFO3dCQUNMLFlBQVk7d0JBQ1osbUJBQW1CO3dCQUNuQixxQkFBcUI7d0JBQ3JCLGdCQUFnQjt3QkFDaEIsZ0JBQWdCO3dCQUNoQixlQUFlO3dCQUNmLG1CQUFtQjtxQkFDdEI7aUJBQ0oiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IFNpZGVTaGVldENvbXBvbmVudCB9IGZyb20gJy4vc2lkZS1zaGVldC5jb21wb25lbnQnO1xuaW1wb3J0IHsgSWNvbkNvbXBvbmVudE1vZHVsZSB9IGZyb20gJy4uL2ljb24vaWNvbi5jb21wb25lbnQubW9kdWxlJztcbmltcG9ydCB7IEJ1dHRvbkNvbXBvbmVudE1vZHVsZSB9IGZyb20gJy4uL2J1dHRvbi9idXR0b24uY29tcG9uZW50Lm1vZHVsZSc7XG5pbXBvcnQgeyBNYXRUb29sdGlwTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvdG9vbHRpcCc7XG5pbXBvcnQgeyBNYXRTaWRlbmF2TW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvc2lkZW5hdic7XG5pbXBvcnQgeyBVaVRyYW5zbGF0ZVBpcGUgfSBmcm9tICcuLi8uLi9waXBlcy91aS10cmFuc2xhdGUucGlwZSc7XG5pbXBvcnQgeyBMb2dvQ29tcG9uZW50TW9kdWxlIH0gZnJvbSBcIi4uL2xvZ28vbG9nby5jb21wb25lbnQubW9kdWxlXCI7XG5cbkBOZ01vZHVsZSh7XG4gIGRlY2xhcmF0aW9uczogW1NpZGVTaGVldENvbXBvbmVudF0sXG4gIGV4cG9ydHM6IFtTaWRlU2hlZXRDb21wb25lbnRdLFxuICAgIGltcG9ydHM6IFtcbiAgICAgICAgQ29tbW9uTW9kdWxlLFxuICAgICAgICBJY29uQ29tcG9uZW50TW9kdWxlLFxuICAgICAgICBCdXR0b25Db21wb25lbnRNb2R1bGUsXG4gICAgICAgIE1hdFRvb2x0aXBNb2R1bGUsXG4gICAgICAgIE1hdFNpZGVuYXZNb2R1bGUsXG4gICAgICAgIFVpVHJhbnNsYXRlUGlwZSxcbiAgICAgICAgTG9nb0NvbXBvbmVudE1vZHVsZSxcbiAgICBdLFxufSlcbmV4cG9ydCBjbGFzcyBTaWRlU2hlZXRDb21wb25lbnRNb2R1bGUge31cbiJdfQ==

package/esm2022/components/side-sheet/side-sheet.model.mjs ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ export {};
2	+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2lkZS1zaGVldC5tb2RlbC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3Rnby1jYW5vcHktdWkvY29tcG9uZW50cy9zaWRlLXNoZWV0L3NpZGUtc2hlZXQubW9kZWwudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE9ic2VydmFibGUgfSBmcm9tICdyeGpzJztcblxuZXhwb3J0IGludGVyZmFjZSBTaWRlU2hlZXRDb25maWcge1xuICBjb21wb25lbnRSZWY6IGFueTtcbiAgdGl0bGU/OiBzdHJpbmc7XG4gIHNob3dMb2dvPzogYm9vbGVhbjtcbiAgc2hvd0JhY2tCdXR0b24/OiBib29sZWFuO1xuICBzaG93VGl0bGVUb29sdGlwPzogYm9vbGVhbjtcbiAgY2xvc2VkPzogT2JzZXJ2YWJsZTx2b2lkPjtcbn1cblxuZXhwb3J0IHR5cGUgU2lkZVNoZWV0UG9zaXRpb24gPSAnc3RhcnQnIHwgJ2VuZCc7XG4iXX0=

package/esm2022/components/side-sheet/side-sheet.service.mjs ADDED Viewed

@@ -0,0 +1,31 @@
+import { Injectable, ViewContainerRef } from '@angular/core';
+import { Subject } from 'rxjs';
+import * as i0 from "@angular/core";
+export class SideSheetService {
+    constructor(applicationRef) {
+        this.applicationRef = applicationRef;
+        this.componentRef$ = new Subject();
+    }
+    open(config) {
+        const { componentRef, ...configFields } = config;
+        const rootViewContainerRef = this.applicationRef.components[0].injector.get(ViewContainerRef);
+        const componentReference = rootViewContainerRef.createComponent(config.componentRef);
+        this.componentRef$.next({ ...configFields, componentRef: componentReference });
+        return componentReference.instance;
+    }
+    close() {
+        this.componentRef$.next(null);
+    }
+    getComponentRef() {
+        return this.componentRef$.asObservable();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SideSheetService, deps: [{ token: i0.ApplicationRef }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SideSheetService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SideSheetService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }], ctorParameters: () => [{ type: i0.ApplicationRef }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2lkZS1zaGVldC5zZXJ2aWNlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdGdvLWNhbm9weS11aS9jb21wb25lbnRzL3NpZGUtc2hlZXQvc2lkZS1zaGVldC5zZXJ2aWNlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBa0IsVUFBVSxFQUFFLGdCQUFnQixFQUFFLE1BQU0sZUFBZSxDQUFDO0FBRTdFLE9BQU8sRUFBYyxPQUFPLEVBQUUsTUFBTSxNQUFNLENBQUM7O0FBSzNDLE1BQU0sT0FBTyxnQkFBZ0I7SUFHM0IsWUFBb0IsY0FBOEI7UUFBOUIsbUJBQWMsR0FBZCxjQUFjLENBQWdCO1FBRjFDLGtCQUFhLEdBQUcsSUFBSSxPQUFPLEVBQTBCLENBQUM7SUFFVCxDQUFDO0lBRXRELElBQUksQ0FBSSxNQUF1QjtRQUM3QixNQUFNLEVBQUUsWUFBWSxFQUFFLEdBQUcsWUFBWSxFQUFFLEdBQUcsTUFBTSxDQUFDO1FBQ2pELE1BQU0sb0JBQW9CLEdBQUcsSUFBSSxDQUFDLGNBQWMsQ0FBQyxVQUFVLENBQUMsQ0FBQyxDQUFDLENBQUMsUUFBUSxDQUFDLEdBQUcsQ0FBQyxnQkFBZ0IsQ0FBQyxDQUFDO1FBQzlGLE1BQU0sa0JBQWtCLEdBQUcsb0JBQW9CLENBQUMsZUFBZSxDQUFDLE1BQU0sQ0FBQyxZQUFZLENBQUMsQ0FBQztRQUNyRixJQUFJLENBQUMsYUFBYSxDQUFDLElBQUksQ0FBQyxFQUFFLEdBQUcsWUFBWSxFQUFFLFlBQVksRUFBRSxrQkFBa0IsRUFBRSxDQUFDLENBQUM7UUFDL0UsT0FBTyxrQkFBa0IsQ0FBQyxRQUFhLENBQUM7SUFDMUMsQ0FBQztJQUVELEtBQUs7UUFDSCxJQUFJLENBQUMsYUFBYSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQztJQUNoQyxDQUFDO0lBRUQsZUFBZTtRQUNiLE9BQU8sSUFBSSxDQUFDLGFBQWEsQ0FBQyxZQUFZLEVBQUUsQ0FBQztJQUMzQyxDQUFDOytHQW5CVSxnQkFBZ0I7bUhBQWhCLGdCQUFnQixjQUZmLE1BQU07OzRGQUVQLGdCQUFnQjtrQkFINUIsVUFBVTttQkFBQztvQkFDVixVQUFVLEVBQUUsTUFBTTtpQkFDbkIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBBcHBsaWNhdGlvblJlZiwgSW5qZWN0YWJsZSwgVmlld0NvbnRhaW5lclJlZiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgU2lkZVNoZWV0Q29uZmlnIH0gZnJvbSAnLi9zaWRlLXNoZWV0Lm1vZGVsJztcbmltcG9ydCB7IE9ic2VydmFibGUsIFN1YmplY3QgfSBmcm9tICdyeGpzJztcblxuQEluamVjdGFibGUoe1xuICBwcm92aWRlZEluOiAncm9vdCcsXG59KVxuZXhwb3J0IGNsYXNzIFNpZGVTaGVldFNlcnZpY2Uge1xuICBwcml2YXRlIGNvbXBvbmVudFJlZiQgPSBuZXcgU3ViamVjdDxTaWRlU2hlZXRDb25maWcgfCBudWxsPigpO1xuXG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgYXBwbGljYXRpb25SZWY6IEFwcGxpY2F0aW9uUmVmKSB7fVxuXG4gIG9wZW48VD4oY29uZmlnOiBTaWRlU2hlZXRDb25maWcpOiBUIHtcbiAgICBjb25zdCB7IGNvbXBvbmVudFJlZiwgLi4uY29uZmlnRmllbGRzIH0gPSBjb25maWc7XG4gICAgY29uc3Qgcm9vdFZpZXdDb250YWluZXJSZWYgPSB0aGlzLmFwcGxpY2F0aW9uUmVmLmNvbXBvbmVudHNbMF0uaW5qZWN0b3IuZ2V0KFZpZXdDb250YWluZXJSZWYpO1xuICAgIGNvbnN0IGNvbXBvbmVudFJlZmVyZW5jZSA9IHJvb3RWaWV3Q29udGFpbmVyUmVmLmNyZWF0ZUNvbXBvbmVudChjb25maWcuY29tcG9uZW50UmVmKTtcbiAgICB0aGlzLmNvbXBvbmVudFJlZiQubmV4dCh7IC4uLmNvbmZpZ0ZpZWxkcywgY29tcG9uZW50UmVmOiBjb21wb25lbnRSZWZlcmVuY2UgfSk7XG4gICAgcmV0dXJuIGNvbXBvbmVudFJlZmVyZW5jZS5pbnN0YW5jZSBhcyBUO1xuICB9XG5cbiAgY2xvc2UoKTogdm9pZCB7XG4gICAgdGhpcy5jb21wb25lbnRSZWYkLm5leHQobnVsbCk7XG4gIH1cblxuICBnZXRDb21wb25lbnRSZWYoKTogT2JzZXJ2YWJsZTxTaWRlU2hlZXRDb25maWcgfCBudWxsPiB7XG4gICAgcmV0dXJuIHRoaXMuY29tcG9uZW50UmVmJC5hc09ic2VydmFibGUoKTtcbiAgfVxufVxuIl19

package/esm2022/components/skeleton/skeleton.component.mjs ADDED Viewed

@@ -0,0 +1,71 @@
+import { Component, Inject, Input, Optional } from '@angular/core';
+import { NgxSkeletonLoaderModule } from 'ngx-skeleton-loader';
+import { CommonModule } from '@angular/common';
+import { BehaviorSubject, combineLatest, map } from 'rxjs';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "ngx-skeleton-loader";
+export class SkeletonComponent {
+    set theme(value) {
+        this.theme$.next(value ?? {});
+    }
+    set appearance(value) {
+        this.appearance$.next(value ?? 'line');
+    }
+    constructor(defaultAppTheme) {
+        this.defaultAppTheme = defaultAppTheme;
+        this.count = '';
+        /**
+         *
+         * Defines the application theme
+         *
+         * @type {ApplicationTheme}
+         * @memberof SkeletonComponent
+         */
+        this.applicationTheme = 'light';
+        this.theme$ = new BehaviorSubject({});
+        this.appearance$ = new BehaviorSubject('line');
+        this.currentTheme$ = combineLatest([this.theme$, this.appearance$]).pipe(map(([theme, appearance]) => this.getThemeWithDefaultValues(theme, appearance)));
+        if (defaultAppTheme) {
+            this.applicationTheme = defaultAppTheme;
+        }
+    }
+    getThemeWithDefaultValues(theme, appearance) {
+        if (theme && appearance === 'circle') {
+            return {
+                ...theme,
+                height: theme['height'] || theme['width'] || '48px',
+                width: theme['width'] || theme['height'] || '48px',
+            };
+        }
+        else if (theme && appearance !== 'circle' && !theme['height']) {
+            return {
+                ...theme,
+                height: '24px',
+            };
+        }
+        else {
+            return theme;
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SkeletonComponent, deps: [{ token: 'CANOPYUI_DEFAULT_APPLICATION_THEME', optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: SkeletonComponent, isStandalone: true, selector: "ui-skeleton", inputs: { count: "count", theme: "theme", appearance: "appearance", applicationTheme: "applicationTheme" }, ngImport: i0, template: "<ngx-skeleton-loader\n  [count]=\"count\"\n  [theme]=\"currentTheme$ | async\"\n  [appearance]=\"(appearance$ | async) || 'line'\"\n></ngx-skeleton-loader>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "ngmodule", type: NgxSkeletonLoaderModule }, { kind: "component", type: i2.NgxSkeletonLoaderComponent, selector: "ngx-skeleton-loader", inputs: ["count", "loadingText", "appearance", "animation", "ariaLabel", "theme"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SkeletonComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ui-skeleton', standalone: true, imports: [CommonModule, NgxSkeletonLoaderModule], template: "<ngx-skeleton-loader\n  [count]=\"count\"\n  [theme]=\"currentTheme$ | async\"\n  [appearance]=\"(appearance$ | async) || 'line'\"\n></ngx-skeleton-loader>\n" }]
+        }], ctorParameters: () => [{ type: undefined, decorators: [{
+                    type: Optional
+                }, {
+                    type: Inject,
+                    args: ['CANOPYUI_DEFAULT_APPLICATION_THEME']
+                }] }], propDecorators: { count: [{
+                type: Input
+            }], theme: [{
+                type: Input
+            }], appearance: [{
+                type: Input
+            }], applicationTheme: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2tlbGV0b24uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdGdvLWNhbm9weS11aS9jb21wb25lbnRzL3NrZWxldG9uL3NrZWxldG9uLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3Rnby1jYW5vcHktdWkvY29tcG9uZW50cy9za2VsZXRvbi9za2VsZXRvbi5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sRUFBRSxLQUFLLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ25FLE9BQU8sRUFBZ0MsdUJBQXVCLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQztBQUM1RixPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLGVBQWUsRUFBRSxhQUFhLEVBQUUsR0FBRyxFQUFFLE1BQU0sTUFBTSxDQUFDOzs7O0FBVzNELE1BQU0sT0FBTyxpQkFBaUI7SUFFNUIsSUFBYSxLQUFLLENBQUMsS0FBbUM7UUFDcEQsSUFBSSxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsS0FBSyxJQUFJLEVBQUUsQ0FBQyxDQUFDO0lBQ2hDLENBQUM7SUFDRCxJQUFhLFVBQVUsQ0FBQyxLQUFpQjtRQUN2QyxJQUFJLENBQUMsV0FBVyxDQUFDLElBQUksQ0FBQyxLQUFLLElBQUksTUFBTSxDQUFDLENBQUM7SUFDekMsQ0FBQztJQVdELFlBQzZFLGVBQWlDO1FBQWpDLG9CQUFlLEdBQWYsZUFBZSxDQUFrQjtRQWxCckcsVUFBSyxHQUFvQixFQUFFLENBQUM7UUFRckM7Ozs7OztXQU1HO1FBQ00scUJBQWdCLEdBQXFCLE9BQU8sQ0FBQztRQVVuQyxXQUFNLEdBQUcsSUFBSSxlQUFlLENBQStCLEVBQUUsQ0FBQyxDQUFDO1FBQy9ELGdCQUFXLEdBQUcsSUFBSSxlQUFlLENBQWEsTUFBTSxDQUFDLENBQUM7UUFDdEQsa0JBQWEsR0FBRyxhQUFhLENBQUMsQ0FBQyxJQUFJLENBQUMsTUFBTSxFQUFFLElBQUksQ0FBQyxXQUFXLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FDcEYsR0FBRyxDQUFDLENBQUMsQ0FBQyxLQUFLLEVBQUUsVUFBVSxDQUFDLEVBQUUsRUFBRSxDQUFDLElBQUksQ0FBQyx5QkFBeUIsQ0FBQyxLQUFLLEVBQUUsVUFBVSxDQUFDLENBQUMsQ0FDaEYsQ0FBQztRQVRBLElBQUksZUFBZSxFQUFFLENBQUM7WUFDcEIsSUFBSSxDQUFDLGdCQUFnQixHQUFHLGVBQWUsQ0FBQztRQUMxQyxDQUFDO0lBQ0gsQ0FBQztJQVFPLHlCQUF5QixDQUMvQixLQUFtQyxFQUNuQyxVQUFzQjtRQUV0QixJQUFJLEtBQUssSUFBSSxVQUFVLEtBQUssUUFBUSxFQUFFLENBQUM7WUFDckMsT0FBTztnQkFDTCxHQUFHLEtBQUs7Z0JBQ1IsTUFBTSxFQUFFLEtBQUssQ0FBQyxRQUFRLENBQUMsSUFBSSxLQUFLLENBQUMsT0FBTyxDQUFDLElBQUksTUFBTTtnQkFDbkQsS0FBSyxFQUFFLEtBQUssQ0FBQyxPQUFPLENBQUMsSUFBSSxLQUFLLENBQUMsUUFBUSxDQUFDLElBQUksTUFBTTthQUNuRCxDQUFDO1FBQ0osQ0FBQzthQUFNLElBQUksS0FBSyxJQUFJLFVBQVUsS0FBSyxRQUFRLElBQUksQ0FBQyxLQUFLLENBQUMsUUFBUSxDQUFDLEVBQUUsQ0FBQztZQUNoRSxPQUFPO2dCQUNMLEdBQUcsS0FBSztnQkFDUixNQUFNLEVBQUUsTUFBTTthQUNmLENBQUM7UUFDSixDQUFDO2FBQU0sQ0FBQztZQUNOLE9BQU8sS0FBSyxDQUFDO1FBQ2YsQ0FBQztJQUNILENBQUM7K0dBbERVLGlCQUFpQixrQkFtQk4sb0NBQW9DO21HQW5CL0MsaUJBQWlCLG1MQ2Q5QiwrSkFLQSx5RERPWSxZQUFZLG1GQUFFLHVCQUF1Qjs7NEZBRXBDLGlCQUFpQjtrQkFQN0IsU0FBUzsrQkFDRSxhQUFhLGNBR1gsSUFBSSxXQUNQLENBQUMsWUFBWSxFQUFFLHVCQUF1QixDQUFDOzswQkFxQjdDLFFBQVE7OzBCQUFJLE1BQU07MkJBQUMsb0NBQW9DO3lDQWxCakQsS0FBSztzQkFBYixLQUFLO2dCQUNPLEtBQUs7c0JBQWpCLEtBQUs7Z0JBR08sVUFBVTtzQkFBdEIsS0FBSztnQkFXRyxnQkFBZ0I7c0JBQXhCLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEluamVjdCwgSW5wdXQsIE9wdGlvbmFsIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBOZ3hTa2VsZXRvbkxvYWRlckNvbmZpZ1RoZW1lLCBOZ3hTa2VsZXRvbkxvYWRlck1vZHVsZSB9IGZyb20gJ25neC1za2VsZXRvbi1sb2FkZXInO1xuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IEJlaGF2aW9yU3ViamVjdCwgY29tYmluZUxhdGVzdCwgbWFwIH0gZnJvbSAncnhqcyc7XG5pbXBvcnQgeyBBcHBlYXJhbmNlIH0gZnJvbSAnLi9za2VsZXRvbi5tb2RlbCc7XG5pbXBvcnQgeyBBcHBsaWNhdGlvblRoZW1lIH0gZnJvbSBcIi4uLy4uL21vZGVscy9hcHBsaWNhdGlvbi10aGVtZS5tb2RlbFwiO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICd1aS1za2VsZXRvbicsXG4gIHRlbXBsYXRlVXJsOiAnLi9za2VsZXRvbi5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL3NrZWxldG9uLmNvbXBvbmVudC5zY3NzJ10sXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtDb21tb25Nb2R1bGUsIE5neFNrZWxldG9uTG9hZGVyTW9kdWxlXSxcbn0pXG5leHBvcnQgY2xhc3MgU2tlbGV0b25Db21wb25lbnQge1xuICBASW5wdXQoKSBjb3VudDogbnVtYmVyIHwgc3RyaW5nID0gJyc7XG4gIEBJbnB1dCgpIHNldCB0aGVtZSh2YWx1ZTogTmd4U2tlbGV0b25Mb2FkZXJDb25maWdUaGVtZSkge1xuICAgIHRoaXMudGhlbWUkLm5leHQodmFsdWUgPz8ge30pO1xuICB9XG4gIEBJbnB1dCgpIHNldCBhcHBlYXJhbmNlKHZhbHVlOiBBcHBlYXJhbmNlKSB7XG4gICAgdGhpcy5hcHBlYXJhbmNlJC5uZXh0KHZhbHVlID8/ICdsaW5lJyk7XG4gIH1cblxuICAvKipcbiAgICpcbiAgICogRGVmaW5lcyB0aGUgYXBwbGljYXRpb24gdGhlbWVcbiAgICpcbiAgICogQHR5cGUge0FwcGxpY2F0aW9uVGhlbWV9XG4gICAqIEBtZW1iZXJvZiBTa2VsZXRvbkNvbXBvbmVudFxuICAgKi9cbiAgQElucHV0KCkgYXBwbGljYXRpb25UaGVtZTogQXBwbGljYXRpb25UaGVtZSA9ICdsaWdodCc7XG5cbiAgY29uc3RydWN0b3IoXG4gICAgQE9wdGlvbmFsKCkgQEluamVjdCgnQ0FOT1BZVUlfREVGQVVMVF9BUFBMSUNBVElPTl9USEVNRScpIHByaXZhdGUgcmVhZG9ubHkgZGVmYXVsdEFwcFRoZW1lOiBBcHBsaWNhdGlvblRoZW1lLFxuICApIHtcbiAgICBpZiAoZGVmYXVsdEFwcFRoZW1lKSB7XG4gICAgICB0aGlzLmFwcGxpY2F0aW9uVGhlbWUgPSBkZWZhdWx0QXBwVGhlbWU7XG4gICAgfVxuICB9XG5cbiAgcHJvdGVjdGVkIHJlYWRvbmx5IHRoZW1lJCA9IG5ldyBCZWhhdmlvclN1YmplY3Q8Tmd4U2tlbGV0b25Mb2FkZXJDb25maWdUaGVtZT4oe30pO1xuICBwcm90ZWN0ZWQgcmVhZG9ubHkgYXBwZWFyYW5jZSQgPSBuZXcgQmVoYXZpb3JTdWJqZWN0PEFwcGVhcmFuY2U+KCdsaW5lJyk7XG4gIHByb3RlY3RlZCByZWFkb25seSBjdXJyZW50VGhlbWUkID0gY29tYmluZUxhdGVzdChbdGhpcy50aGVtZSQsIHRoaXMuYXBwZWFyYW5jZSRdKS5waXBlKFxuICAgIG1hcCgoW3RoZW1lLCBhcHBlYXJhbmNlXSkgPT4gdGhpcy5nZXRUaGVtZVdpdGhEZWZhdWx0VmFsdWVzKHRoZW1lLCBhcHBlYXJhbmNlKSlcbiAgKTtcblxuICBwcml2YXRlIGdldFRoZW1lV2l0aERlZmF1bHRWYWx1ZXMoXG4gICAgdGhlbWU6IE5neFNrZWxldG9uTG9hZGVyQ29uZmlnVGhlbWUsXG4gICAgYXBwZWFyYW5jZTogQXBwZWFyYW5jZVxuICApOiBOZ3hTa2VsZXRvbkxvYWRlckNvbmZpZ1RoZW1lIHtcbiAgICBpZiAodGhlbWUgJiYgYXBwZWFyYW5jZSA9PT0gJ2NpcmNsZScpIHtcbiAgICAgIHJldHVybiB7XG4gICAgICAgIC4uLnRoZW1lLFxuICAgICAgICBoZWlnaHQ6IHRoZW1lWydoZWlnaHQnXSB8fCB0aGVtZVsnd2lkdGgnXSB8fCAnNDhweCcsXG4gICAgICAgIHdpZHRoOiB0aGVtZVsnd2lkdGgnXSB8fCB0aGVtZVsnaGVpZ2h0J10gfHwgJzQ4cHgnLFxuICAgICAgfTtcbiAgICB9IGVsc2UgaWYgKHRoZW1lICYmIGFwcGVhcmFuY2UgIT09ICdjaXJjbGUnICYmICF0aGVtZVsnaGVpZ2h0J10pIHtcbiAgICAgIHJldHVybiB7XG4gICAgICAgIC4uLnRoZW1lLFxuICAgICAgICBoZWlnaHQ6ICcyNHB4JyxcbiAgICAgIH07XG4gICAgfSBlbHNlIHtcbiAgICAgIHJldHVybiB0aGVtZTtcbiAgICB9XG4gIH1cbn1cbiIsIjxuZ3gtc2tlbGV0b24tbG9hZGVyXG4gIFtjb3VudF09XCJjb3VudFwiXG4gIFt0aGVtZV09XCJjdXJyZW50VGhlbWUkIHwgYXN5bmNcIlxuICBbYXBwZWFyYW5jZV09XCIoYXBwZWFyYW5jZSQgfCBhc3luYykgfHwgJ2xpbmUnXCJcbj48L25neC1za2VsZXRvbi1sb2FkZXI+XG4iXX0=

package/esm2022/components/skeleton/skeleton.model.mjs ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ export {};
2	+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2tlbGV0b24ubW9kZWwuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy90Z28tY2Fub3B5LXVpL2NvbXBvbmVudHMvc2tlbGV0b24vc2tlbGV0b24ubW9kZWwudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5neFNrZWxldG9uTG9hZGVyQ29uZmlnIH0gZnJvbSAnbmd4LXNrZWxldG9uLWxvYWRlcic7XG5cbmV4cG9ydCB0eXBlIEFwcGVhcmFuY2UgPSBOZ3hTa2VsZXRvbkxvYWRlckNvbmZpZ1snYXBwZWFyYW5jZSddO1xuIl19