@testgorilla/tgo-ui 11.16.0 → 11.17.0

package/fesm2022/testgorilla-tgo-ui-components-side-panel.mjs

@@ -1,6 +1,6 @@
-import { AsyncPipe, NgClass } from '@angular/common';
+import { NgTemplateOutlet, AsyncPipe, NgClass } from '@angular/common';
 import * as i0 from '@angular/core';
-import { InjectionToken, inject, EnvironmentInjector, ApplicationRef, TemplateRef, Injector, createComponent, Injectable, signal, viewChild, ViewContainerRef, computed, ChangeDetectionStrategy, Component } from '@angular/core';
+import { InjectionToken, inject, EnvironmentInjector, ApplicationRef, TemplateRef, Injector, createComponent, Injectable, signal, viewChild, ViewContainerRef, computed, ChangeDetectionStrategy, Component, Directive, booleanAttribute, input, output, contentChild, DestroyRef } from '@angular/core';
 import * as i1 from '@testgorilla/tgo-ui/components/button';
 import { ButtonComponentModule } from '@testgorilla/tgo-ui/components/button';
 import { LanguageService, UiTranslatePipe } from '@testgorilla/tgo-ui/components/core';
@@ -184,6 +184,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.19", ngImpo
 
 class SidePanelComponent {
     constructor() {
+        this.sidePanelService = inject(SidePanelService);
+        this.sidePanelConfig = inject(SidePanelConfig);
         this.sidePanelPosition = signal('right', ...(ngDevMode ? [{ debugName: "sidePanelPosition" }] : /* istanbul ignore next */ []));
         this.sidePanelContainer = viewChild.required('sidePanelContainer', { read: ViewContainerRef });
         this.sidePanel = viewChild.required('sidePanel');
@@ -194,6 +196,15 @@ class SidePanelComponent {
         this.isSmall = computed(() => this.size() === 'small', ...(ngDevMode ? [{ debugName: "isSmall" }] : /* istanbul ignore next */ []));
         this.isLarge = computed(() => this.size() === 'large', ...(ngDevMode ? [{ debugName: "isLarge" }] : /* istanbul ignore next */ []));
         this.isXLarge = computed(() => this.size() === 'x-large', ...(ngDevMode ? [{ debugName: "isXLarge" }] : /* istanbul ignore next */ []));
+        this.activeView = signal(null, ...(ngDevMode ? [{ debugName: "activeView" }] : /* istanbul ignore next */ []));
+        // The active view owns the header and the footer while it is registered, falling back to the config.
+        this.headerTitle = computed(() => this.activeView()?.title() ?? this.sidePanelConfig.title, ...(ngDevMode ? [{ debugName: "headerTitle" }] : /* istanbul ignore next */ []));
+        this.showBackButton = computed(() => this.activeView()?.showBackButton() ?? this.sidePanelConfig.showBackButton, ...(ngDevMode ? [{ debugName: "showBackButton" }] : /* istanbul ignore next */ []));
+        this.footerTemplate = computed(() => this.activeView()?.footerTemplate() ?? null, ...(ngDevMode ? [{ debugName: "footerTemplate" }] : /* istanbul ignore next */ []));
+        /** A view owns the back button only when it asked for one; otherwise the config did. */
+        this.viewOwnsBackButton = computed(() => this.activeView()?.showBackButton() !== undefined, ...(ngDevMode ? [{ debugName: "viewOwnsBackButton" }] : /* istanbul ignore next */ []));
+        this.footerDivider = computed(() => this.activeView()?.footerDivider() ?? false, ...(ngDevMode ? [{ debugName: "footerDivider" }] : /* istanbul ignore next */ []));
+        this.fillHeight = computed(() => this.activeView()?.fillHeight() ?? false, ...(ngDevMode ? [{ debugName: "fillHeight" }] : /* istanbul ignore next */ []));
         this.animation = computed(() => {
             if (this.isOpen()) {
                 return SidePanelAnimationState.Open;
@@ -202,8 +213,6 @@ class SidePanelComponent {
                 ? SidePanelAnimationState.ClosedLeft
                 : SidePanelAnimationState.ClosedRight;
         }, ...(ngDevMode ? [{ debugName: "animation" }] : /* istanbul ignore next */ []));
-        this.sidePanelService = inject(SidePanelService);
-        this.sidePanelConfig = inject(SidePanelConfig);
         // The config is injected once per panel and never mutated, so plain readonly fields suffice.
         this.closeButtonTestId = this.sidePanelConfig.testId ? `${this.sidePanelConfig.testId}-close` : null;
         this.backButtonTestId = this.sidePanelConfig.testId ? `${this.sidePanelConfig.testId}-back` : null;
@@ -211,6 +220,28 @@ class SidePanelComponent {
         this.sidePanelPosition.set(position);
         this.size.set(size);
     }
+    /** The last view to register wins, so a control-flow swap in either order ends up correct. */
+    registerView(view) {
+        this.activeView.set(view);
+    }
+    /** Guarded by identity so a view destroyed after its successor was created cannot unseat it. */
+    unregisterView(view) {
+        if (this.activeView() === view) {
+            this.activeView.set(null);
+        }
+    }
+    /**
+     * The action follows whoever asked for the button, so that a consumer who leaves the flag in the
+     * config and adopts a view for its footer gets the old close behaviour rather than a dead button.
+     */
+    onBack() {
+        const view = this.activeView();
+        if (view && this.viewOwnsBackButton()) {
+            view.back.emit();
+            return;
+        }
+        this.close();
+    }
     open() {
         setTimeout(() => {
             this.isOpen.set(true);
@@ -223,16 +254,76 @@ class SidePanelComponent {
         }, sidePanelAnimationDuration);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.19", ngImport: i0, type: SidePanelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.19", 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\n  class=\"side-panel-backdrop\"\n  #sidePanelBackdrop\n  tabindex=\"0\"\n  (click)=\"close()\"\n  (keydown.enter)=\"close()\"\n  [@fadeInOut]=\"isOpen() ? 'open' : 'closed'\"\n></div>\n<div\n  class=\"side-panel\"\n  [class]=\"sidePanelConfig.panelClass\"\n  [class.side-panel-small]=\"isSmall()\"\n  [class.side-panel-large]=\"isLarge()\"\n  [class.side-panel-x-large]=\"isXLarge()\"\n  #sidePanel\n  [@slideInOut]=\"animation()\"\n  [attr.data-testid]=\"sidePanelConfig.testId ?? null\"\n>\n  @if (sidePanelConfig.showHeader) {\n    <div class=\"side-panel-header\">\n      <div class=\"side-panel-title-container\">\n        @if (sidePanelConfig.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            [ariaLabel]=\"('COMMON.BACK' | uiTranslate | async)!\"\n            [testId]=\"backButtonTestId\"\n            size=\"medium\"\n          ></ui-button>\n        }\n        <span class=\"side-panel-title h3 bold\">{{ sidePanelConfig.title }}</span>\n      </div>\n      @if (sidePanelConfig.showCloseButton) {\n        <ui-button\n          class=\"side-panel-action side-panel-action-close\"\n          [variant]=\"'icon-button'\"\n          [iconName]=\"'Close'\"\n          [tooltip]=\"('COMMON.CLOSE' | uiTranslate | async)!\"\n          [ariaLabel]=\"('COMMON.CLOSE' | uiTranslate | async)!\"\n          [testId]=\"closeButtonTestId\"\n          (click)=\"close()\"\n          size=\"medium\"\n        ></ui-button>\n      }\n    </div>\n  }\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;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%)}.side-panel.side-panel-small{width:600px}@media(max-width:600px){.side-panel.side-panel-small{width:100%}}.side-panel.side-panel-large{width:956px}@media(max-width:600px){.side-panel.side-panel-large{width:100%}}@media(max-width:960px){.side-panel.side-panel-large{width:100%}}.side-panel.side-panel-x-large{width:1200px}@media(max-width:1280px){.side-panel.side-panel-x-large{width:100%}}.side-panel-action-close{margin-left:8px}.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{display:block;display:-webkit-box;max-height:3em;line-height:1.6em;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;white-space:normal}.side-panel-content{overflow:auto;flex:1}.side-panel-header{position:sticky;min-height:30px;display:flex;justify-content:space-between;margin-bottom:32px}\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", "trailingIconName", "trailingIconFilled", "disabled", "loading", "loadingWithLabel", "fullWidth", "url", "urlTarget", "value", "tooltip", "isPremium", "type", "companyColor", "buttonBadgeConfig", "applicationTheme", "disabledScaleOnClick", "ariaLabel", "ariaExpanded", "ariaControls", "ariaPressed", "ariaRequired", "ariaLabelledby", "ariaDescribedby", "preventDefault", "hasBackground", "tooltipPosition", "role", "iconFilled", "testId"], outputs: ["buttonClickEvent", "buttonHoverEvent"] }, { kind: "pipe", type: UiTranslatePipe, name: "uiTranslate" }, { kind: "pipe", type: AsyncPipe, name: "async" }], animations: [sidePanelAnimation, backdropAnimation], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.19", 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\n  class=\"side-panel-backdrop\"\n  #sidePanelBackdrop\n  tabindex=\"0\"\n  (click)=\"close()\"\n  (keydown.enter)=\"close()\"\n  [@fadeInOut]=\"isOpen() ? 'open' : 'closed'\"\n></div>\n<div\n  class=\"side-panel\"\n  [class]=\"sidePanelConfig.panelClass\"\n  [class.side-panel-small]=\"isSmall()\"\n  [class.side-panel-large]=\"isLarge()\"\n  [class.side-panel-x-large]=\"isXLarge()\"\n  #sidePanel\n  [@slideInOut]=\"animation()\"\n  [attr.data-testid]=\"sidePanelConfig.testId ?? null\"\n>\n  @if (sidePanelConfig.showHeader) {\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)=\"onBack()\"\n            [tooltip]=\"('COMMON.BACK' | uiTranslate | async)!\"\n            [ariaLabel]=\"('COMMON.BACK' | uiTranslate | async)!\"\n            [testId]=\"backButtonTestId\"\n            size=\"medium\"\n          ></ui-button>\n        }\n        <span class=\"side-panel-title h3 bold\">{{ headerTitle() }}</span>\n      </div>\n      @if (sidePanelConfig.showCloseButton) {\n        <ui-button\n          class=\"side-panel-action side-panel-action-close\"\n          [variant]=\"'icon-button'\"\n          [iconName]=\"'Close'\"\n          [tooltip]=\"('COMMON.CLOSE' | uiTranslate | async)!\"\n          [ariaLabel]=\"('COMMON.CLOSE' | uiTranslate | async)!\"\n          [testId]=\"closeButtonTestId\"\n          (click)=\"close()\"\n          size=\"medium\"\n        ></ui-button>\n      }\n    </div>\n  }\n\n  <div class=\"side-panel-content\" [class.side-panel-content-fill]=\"fillHeight()\">\n    <ng-container #sidePanelContainer></ng-container>\n  </div>\n\n  @if (footerTemplate(); as footer) {\n    <div class=\"side-panel-footer\" [class.side-panel-footer-divided]=\"footerDivider()\">\n      <ng-container [ngTemplateOutlet]=\"footer\"></ng-container>\n    </div>\n  }\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;height:100vh;height:100dvh;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%)}.side-panel.side-panel-small{width:600px}@media(max-width:600px){.side-panel.side-panel-small{width:100%}}.side-panel.side-panel-large{width:956px}@media(max-width:600px){.side-panel.side-panel-large{width:100%}}@media(max-width:960px){.side-panel.side-panel-large{width:100%}}.side-panel.side-panel-x-large{width:1200px}@media(max-width:1280px){.side-panel.side-panel-x-large{width:100%}}.side-panel-action-close{margin-left:8px}.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{display:block;display:-webkit-box;max-height:3em;line-height:1.6em;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;white-space:normal}.side-panel-content{overflow:auto;min-height:0;flex:1;padding-right:16px;margin-right:-16px}.side-panel-content-fill{position:relative;overflow:hidden;padding-right:0;margin-right:0}.side-panel-footer{display:flex;align-items:center;justify-content:flex-end;column-gap:16px;flex:0 0 auto;min-height:48px;margin:0 -32px -32px;padding:16px 32px;background-color:#fff}.side-panel-footer-divided{border-top:1px solid #e9e9e9}.side-panel-header{position:sticky;min-height:30px;display:flex;justify-content:space-between;margin-bottom:32px}\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", "trailingIconName", "trailingIconFilled", "disabled", "loading", "loadingWithLabel", "fullWidth", "url", "urlTarget", "value", "tooltip", "isPremium", "type", "companyColor", "buttonBadgeConfig", "applicationTheme", "disabledScaleOnClick", "ariaLabel", "ariaExpanded", "ariaControls", "ariaPressed", "ariaRequired", "ariaLabelledby", "ariaDescribedby", "preventDefault", "hasBackground", "tooltipPosition", "role", "iconFilled", "testId"], outputs: ["buttonClickEvent", "buttonHoverEvent"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { 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: "21.2.19", ngImport: i0, type: SidePanelComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ui-side-panel', animations: [sidePanelAnimation, backdropAnimation], changeDetection: ChangeDetectionStrategy.OnPush, imports: [TooltipComponentModule, ButtonComponentModule, UiTranslatePipe, AsyncPipe, NgClass], template: "<div\n  class=\"side-panel-backdrop\"\n  #sidePanelBackdrop\n  tabindex=\"0\"\n  (click)=\"close()\"\n  (keydown.enter)=\"close()\"\n  [@fadeInOut]=\"isOpen() ? 'open' : 'closed'\"\n></div>\n<div\n  class=\"side-panel\"\n  [class]=\"sidePanelConfig.panelClass\"\n  [class.side-panel-small]=\"isSmall()\"\n  [class.side-panel-large]=\"isLarge()\"\n  [class.side-panel-x-large]=\"isXLarge()\"\n  #sidePanel\n  [@slideInOut]=\"animation()\"\n  [attr.data-testid]=\"sidePanelConfig.testId ?? null\"\n>\n  @if (sidePanelConfig.showHeader) {\n    <div class=\"side-panel-header\">\n      <div class=\"side-panel-title-container\">\n        @if (sidePanelConfig.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            [ariaLabel]=\"('COMMON.BACK' | uiTranslate | async)!\"\n            [testId]=\"backButtonTestId\"\n            size=\"medium\"\n          ></ui-button>\n        }\n        <span class=\"side-panel-title h3 bold\">{{ sidePanelConfig.title }}</span>\n      </div>\n      @if (sidePanelConfig.showCloseButton) {\n        <ui-button\n          class=\"side-panel-action side-panel-action-close\"\n          [variant]=\"'icon-button'\"\n          [iconName]=\"'Close'\"\n          [tooltip]=\"('COMMON.CLOSE' | uiTranslate | async)!\"\n          [ariaLabel]=\"('COMMON.CLOSE' | uiTranslate | async)!\"\n          [testId]=\"closeButtonTestId\"\n          (click)=\"close()\"\n          size=\"medium\"\n        ></ui-button>\n      }\n    </div>\n  }\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;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%)}.side-panel.side-panel-small{width:600px}@media(max-width:600px){.side-panel.side-panel-small{width:100%}}.side-panel.side-panel-large{width:956px}@media(max-width:600px){.side-panel.side-panel-large{width:100%}}@media(max-width:960px){.side-panel.side-panel-large{width:100%}}.side-panel.side-panel-x-large{width:1200px}@media(max-width:1280px){.side-panel.side-panel-x-large{width:100%}}.side-panel-action-close{margin-left:8px}.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{display:block;display:-webkit-box;max-height:3em;line-height:1.6em;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;white-space:normal}.side-panel-content{overflow:auto;flex:1}.side-panel-header{position:sticky;min-height:30px;display:flex;justify-content:space-between;margin-bottom:32px}\n"] }]
+            args: [{ selector: 'ui-side-panel', animations: [sidePanelAnimation, backdropAnimation], changeDetection: ChangeDetectionStrategy.OnPush, imports: [TooltipComponentModule, ButtonComponentModule, UiTranslatePipe, AsyncPipe, NgClass, NgTemplateOutlet], template: "<div\n  class=\"side-panel-backdrop\"\n  #sidePanelBackdrop\n  tabindex=\"0\"\n  (click)=\"close()\"\n  (keydown.enter)=\"close()\"\n  [@fadeInOut]=\"isOpen() ? 'open' : 'closed'\"\n></div>\n<div\n  class=\"side-panel\"\n  [class]=\"sidePanelConfig.panelClass\"\n  [class.side-panel-small]=\"isSmall()\"\n  [class.side-panel-large]=\"isLarge()\"\n  [class.side-panel-x-large]=\"isXLarge()\"\n  #sidePanel\n  [@slideInOut]=\"animation()\"\n  [attr.data-testid]=\"sidePanelConfig.testId ?? null\"\n>\n  @if (sidePanelConfig.showHeader) {\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)=\"onBack()\"\n            [tooltip]=\"('COMMON.BACK' | uiTranslate | async)!\"\n            [ariaLabel]=\"('COMMON.BACK' | uiTranslate | async)!\"\n            [testId]=\"backButtonTestId\"\n            size=\"medium\"\n          ></ui-button>\n        }\n        <span class=\"side-panel-title h3 bold\">{{ headerTitle() }}</span>\n      </div>\n      @if (sidePanelConfig.showCloseButton) {\n        <ui-button\n          class=\"side-panel-action side-panel-action-close\"\n          [variant]=\"'icon-button'\"\n          [iconName]=\"'Close'\"\n          [tooltip]=\"('COMMON.CLOSE' | uiTranslate | async)!\"\n          [ariaLabel]=\"('COMMON.CLOSE' | uiTranslate | async)!\"\n          [testId]=\"closeButtonTestId\"\n          (click)=\"close()\"\n          size=\"medium\"\n        ></ui-button>\n      }\n    </div>\n  }\n\n  <div class=\"side-panel-content\" [class.side-panel-content-fill]=\"fillHeight()\">\n    <ng-container #sidePanelContainer></ng-container>\n  </div>\n\n  @if (footerTemplate(); as footer) {\n    <div class=\"side-panel-footer\" [class.side-panel-footer-divided]=\"footerDivider()\">\n      <ng-container [ngTemplateOutlet]=\"footer\"></ng-container>\n    </div>\n  }\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;height:100vh;height:100dvh;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%)}.side-panel.side-panel-small{width:600px}@media(max-width:600px){.side-panel.side-panel-small{width:100%}}.side-panel.side-panel-large{width:956px}@media(max-width:600px){.side-panel.side-panel-large{width:100%}}@media(max-width:960px){.side-panel.side-panel-large{width:100%}}.side-panel.side-panel-x-large{width:1200px}@media(max-width:1280px){.side-panel.side-panel-x-large{width:100%}}.side-panel-action-close{margin-left:8px}.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{display:block;display:-webkit-box;max-height:3em;line-height:1.6em;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;white-space:normal}.side-panel-content{overflow:auto;min-height:0;flex:1;padding-right:16px;margin-right:-16px}.side-panel-content-fill{position:relative;overflow:hidden;padding-right:0;margin-right:0}.side-panel-footer{display:flex;align-items:center;justify-content:flex-end;column-gap:16px;flex:0 0 auto;min-height:48px;margin:0 -32px -32px;padding:16px 32px;background-color:#fff}.side-panel-footer-divided{border-top:1px solid #e9e9e9}.side-panel-header{position:sticky;min-height:30px;display:flex;justify-content:space-between;margin-bottom:32px}\n"] }]
         }], ctorParameters: () => [], propDecorators: { sidePanelContainer: [{ type: i0.ViewChild, args: ['sidePanelContainer', { ...{ read: ViewContainerRef }, isSignal: true }] }], sidePanel: [{ type: i0.ViewChild, args: ['sidePanel', { isSignal: true }] }], backdrop: [{ type: i0.ViewChild, args: ['sidePanelBackdrop', { isSignal: true }] }] } });
 
+/** Marks the `ng-template` inside a `ui-side-panel-view` that holds the view's footer. */
+class SidePanelFooterDirective {
+    constructor() {
+        this.templateRef = inject(TemplateRef);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.19", ngImport: i0, type: SidePanelFooterDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.19", type: SidePanelFooterDirective, isStandalone: true, selector: "ng-template[uiSidePanelFooter]", ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.19", ngImport: i0, type: SidePanelFooterDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'ng-template[uiSidePanelFooter]',
+                    standalone: true,
+                }]
+        }] });
+
+// `undefined` has to survive so the panel can tell "not set by this view" apart from an
+// explicit `false` and fall back to `SidePanelConfig`.
+function optionalBooleanAttribute(value) {
+    return value === undefined ? undefined : booleanAttribute(value);
+}
+/**
+ * One view inside a side panel: its body, its header title and its footer. Render a different
+ * one per step to switch views without reopening the panel.
+ */
+class SidePanelViewComponent {
+    constructor() {
+        /** Left unset, the panel keeps the title from `SidePanelConfig`. */
+        this.title = input(...(ngDevMode ? [undefined, { debugName: "title" }] : /* istanbul ignore next */ []));
+        /** Left unset, the panel falls back to `SidePanelConfig.showBackButton`. */
+        this.showBackButton = input(undefined, { ...(ngDevMode ? { debugName: "showBackButton" } : /* istanbul ignore next */ {}), transform: optionalBooleanAttribute });
+        /** Draws a rule above the footer, separating it from content that scrolls underneath. */
+        this.footerDivider = input(false, { ...(ngDevMode ? { debugName: "footerDivider" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+        /**
+         * Makes the view fill the panel body instead of growing with its content, and stops the panel
+         * scrolling. Content then owns its own overflow — give the element that should scroll
+         * `flex: 1; min-height: 0; overflow: auto`, or `height: 100%`.
+         */
+        this.fillHeight = input(false, { ...(ngDevMode ? { debugName: "fillHeight" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+        /** The panel does not close itself — move to the previous view, or close it yourself. */
+        this.back = output();
+        this.footer = contentChild(SidePanelFooterDirective, ...(ngDevMode ? [{ debugName: "footer" }] : /* istanbul ignore next */ []));
+        this.footerTemplate = computed(() => this.footer()?.templateRef ?? null, ...(ngDevMode ? [{ debugName: "footerTemplate" }] : /* istanbul ignore next */ []));
+        this.panel = inject(SidePanelComponent, { optional: true });
+        this.panel?.registerView(this);
+        inject(DestroyRef).onDestroy(() => this.panel?.unregisterView(this));
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.19", ngImport: i0, type: SidePanelViewComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.19", type: SidePanelViewComponent, isStandalone: true, selector: "ui-side-panel-view", inputs: { title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, showBackButton: { classPropertyName: "showBackButton", publicName: "showBackButton", isSignal: true, isRequired: false, transformFunction: null }, footerDivider: { classPropertyName: "footerDivider", publicName: "footerDivider", isSignal: true, isRequired: false, transformFunction: null }, fillHeight: { classPropertyName: "fillHeight", publicName: "fillHeight", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { back: "back" }, host: { properties: { "class.side-panel-view-fill": "fillHeight()", "attr.title": "null" } }, queries: [{ propertyName: "footer", first: true, predicate: SidePanelFooterDirective, descendants: true, isSignal: true }], ngImport: i0, template: "<ng-content></ng-content>\n", styles: [":host{display:block}:host(.side-panel-view-fill){position:absolute;inset:0;display:flex;flex-direction:column}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.19", ngImport: i0, type: SidePanelViewComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ui-side-panel-view', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, host: {
+                        '[class.side-panel-view-fill]': 'fillHeight()',
+                        // `title` is a global HTML attribute and Angular keeps a statically set one on the host, so
+                        // `<ui-side-panel-view title="...">` would hang a native tooltip over the whole view body.
+                        '[attr.title]': 'null',
+                    }, template: "<ng-content></ng-content>\n", styles: [":host{display:block}:host(.side-panel-view-fill){position:absolute;inset:0;display:flex;flex-direction:column}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { title: [{ type: i0.Input, args: [{ isSignal: true, alias: "title", required: false }] }], showBackButton: [{ type: i0.Input, args: [{ isSignal: true, alias: "showBackButton", required: false }] }], footerDivider: [{ type: i0.Input, args: [{ isSignal: true, alias: "footerDivider", required: false }] }], fillHeight: [{ type: i0.Input, args: [{ isSignal: true, alias: "fillHeight", required: false }] }], back: [{ type: i0.Output, args: ["back"] }], footer: [{ type: i0.ContentChild, args: [i0.forwardRef(() => SidePanelFooterDirective), { isSignal: true }] }] } });
+
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { SIDE_PANEL_CONFIG, SIDE_PANEL_DATA, SidePanelAnimationState, SidePanelComponent, SidePanelConfig, SidePanelRef, SidePanelService, backdropAnimation, defaultSidePanelConfig, sidePanelAnimation, sidePanelAnimationDuration };
+export { SIDE_PANEL_CONFIG, SIDE_PANEL_DATA, SidePanelAnimationState, SidePanelComponent, SidePanelConfig, SidePanelFooterDirective, SidePanelRef, SidePanelService, SidePanelViewComponent, backdropAnimation, defaultSidePanelConfig, sidePanelAnimation, sidePanelAnimationDuration };
 //# sourceMappingURL=testgorilla-tgo-ui-components-side-panel.mjs.map

package/fesm2022/testgorilla-tgo-ui-components-side-panel.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"testgorilla-tgo-ui-components-side-panel.mjs","sources":["../../../components/side-panel/side-panel.model.ts","../../../components/side-panel/side-panel.animations.ts","../../../components/side-panel/side-panel-data-injection-token.ts","../../../components/side-panel/side-panel.service.ts","../../../components/side-panel/side-panel.component.ts","../../../components/side-panel/side-panel.component.html","../../../components/side-panel/testgorilla-tgo-ui-components-side-panel.ts"],"sourcesContent":["import { InjectionToken } from '@angular/core';\nimport { Observable, Subject } from 'rxjs';\n\nexport type SidePanelPosition = 'left' | 'right';\n\nexport enum SidePanelAnimationState {\n  Open = 'open',\n  Closed = 'closed',\n  ClosedRight = 'closedRight',\n  ClosedLeft = 'closedLeft',\n}\n\nexport type SidePanelSize = 'small' | 'large' | 'x-large';\n\nexport class SidePanelConfig {\n  title: string;\n  position: SidePanelPosition;\n  showBackButton: boolean;\n  data?: unknown;\n  showCloseButton?: boolean;\n  showHeader?: boolean;\n  panelClass?: string;\n  size?: SidePanelSize;\n  testId?: string;\n}\n\nexport const defaultSidePanelConfig: SidePanelConfig = {\n  position: 'right',\n  showBackButton: false,\n  title: '',\n  data: undefined,\n  showHeader: true,\n  showCloseButton: true,\n  size: 'small',\n};\n\nexport const SIDE_PANEL_CONFIG = new InjectionToken<SidePanelConfig>('SIDE_PANEL_CONFIG', {\n  providedIn: 'root',\n  factory: () => defaultSidePanelConfig,\n});\n\n/**\n * Reference to a side panel opened via the SidePanelService.\n * Similar to MatDialogRef from Angular Material.\n */\n// eslint-disable-next-line @typescript-eslint/no-explicit-any -- mirrors MatDialogRef<T, R = any>: untyped-by-default result/component types for consumer ergonomics; the ref is invariant in T/R so `unknown` defaults would break internal ref storage in SidePanelService\nexport class SidePanelRef<T = any, R = any> {\n  private readonly _afterClosed = new Subject<T | undefined>();\n\n  /**\n   * Instance of the component loaded into the side panel.\n   * Will be undefined if a TemplateRef was used instead of a component.\n   */\n  componentInstance?: R;\n\n  /**\n   * Observable that emits when the side panel is closed.\n   * Emits the result passed to the close method, or undefined if no result was provided.\n   */\n  afterClosed(): Observable<T | undefined> {\n    return this._afterClosed.asObservable();\n  }\n\n  /**\n   * Closes the side panel with an optional result.\n   * @param result Optional data to be emitted via afterClosed()\n   */\n  close(_result?: T): void {\n    // This will be overridden by the service\n  }\n\n  /** @internal */\n  _emitClose(result?: T): void {\n    this._afterClosed.next(result);\n    this._afterClosed.complete();\n  }\n}\n","/* eslint-disable @typescript-eslint/no-deprecated -- the @angular/animations trigger/state/style/animate/transition DSL is deprecated in 20.2 in favor of template-level animate.enter/animate.leave; migrating every Material/component animation is out of scope for this lint pass */\nimport { animate, state, style, transition, trigger } from '@angular/animations';\n\nimport { SidePanelAnimationState } from './side-panel.model';\n\nexport const sidePanelAnimationDuration = 150;\n\nexport const sidePanelAnimation = [\n  trigger('slideInOut', [\n    state(`${SidePanelAnimationState.Open}`, style({ transform: 'translateX(0)' })),\n    state(`${SidePanelAnimationState.ClosedRight}`, style({ transform: 'translateX(100%)' })),\n    state(`${SidePanelAnimationState.ClosedLeft}`, style({ transform: 'translateX(-100%)' })),\n    transition(`${SidePanelAnimationState.Open} <=> ${SidePanelAnimationState.ClosedRight}`, [\n      animate(`${sidePanelAnimationDuration}ms ease-in-out`),\n    ]),\n    transition(`${SidePanelAnimationState.Open} <=> ${SidePanelAnimationState.ClosedLeft}`, [\n      animate(`${sidePanelAnimationDuration}ms ease-in-out`),\n    ]),\n  ]),\n];\n\nexport const backdropAnimation = [\n  trigger('fadeInOut', [\n    state(`${SidePanelAnimationState.Open}`, style({ opacity: 0.25 })),\n    state(`${SidePanelAnimationState.Closed}`, style({ opacity: 0 })),\n    transition(`${SidePanelAnimationState.Open} <=> ${SidePanelAnimationState.Closed}`, [\n      animate(`${sidePanelAnimationDuration}ms ease-in-out`),\n    ]),\n  ]),\n];\n","import { InjectionToken } from '@angular/core';\n\nexport const SIDE_PANEL_DATA = new InjectionToken<unknown>('SIDE_PANEL_DATA');\n","import {\n  ApplicationRef,\n  ComponentRef,\n  createComponent,\n  EmbeddedViewRef,\n  EnvironmentInjector,\n  inject,\n  Injectable,\n  Injector,\n  TemplateRef,\n  Type,\n} from '@angular/core';\n\nimport { SIDE_PANEL_DATA } from './side-panel-data-injection-token';\nimport { SidePanelComponent } from './side-panel.component';\nimport { SIDE_PANEL_CONFIG, SidePanelConfig, SidePanelPosition, SidePanelRef } from './side-panel.model';\n\n@Injectable({\n  providedIn: 'root',\n})\nexport class SidePanelService {\n  private SidePanelComponentRef?: ComponentRef<SidePanelComponent>;\n  private contentComponentRef?: ComponentRef<unknown>;\n  private embeddedViewRef?: EmbeddedViewRef<unknown>;\n  private currentSidePanelRef?: SidePanelRef;\n  private readonly defaultSidePanelConfig: SidePanelConfig = inject(SIDE_PANEL_CONFIG);\n  private readonly injector = inject(EnvironmentInjector);\n  private readonly appRef = inject(ApplicationRef);\n\n  constructor() {}\n\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any -- mirrors MatDialog.open<T, R = any>: the returned ref's data/component types are untyped-by-default for consumer ergonomics\n  open<T = any, R = any>(\n    content: Type<R> | TemplateRef<unknown>,\n    config: Partial<SidePanelConfig>,\n    parentInjector?: Injector\n  ): SidePanelRef<T, R> {\n    const panelConfig: SidePanelConfig = { ...this.defaultSidePanelConfig, ...config };\n\n    const sidePanelRef = new SidePanelRef<T, R>();\n    this.currentSidePanelRef = sidePanelRef;\n\n    sidePanelRef.close = (result?: T) => {\n      this.close(result);\n    };\n\n    if (!this.SidePanelComponentRef) {\n      const injector = this.createSidePanelInjector(panelConfig, parentInjector);\n      const SidePanelComponentRef = this.createSidePanelComponent(panelConfig.position, injector);\n      this.SidePanelComponentRef = SidePanelComponentRef;\n    }\n\n    if (content instanceof TemplateRef) {\n      this.loadTemplate(content);\n    } else {\n      this.loadComponent(content, sidePanelRef);\n    }\n\n    this.SidePanelComponentRef.instance.open();\n\n    return sidePanelRef;\n  }\n\n  close(result?: unknown): void {\n    if (this.SidePanelComponentRef) {\n      this.SidePanelComponentRef.instance.close(result);\n    }\n  }\n\n  destroyComponent(result?: unknown): void {\n    if (this.currentSidePanelRef) {\n      // eslint-disable-next-line no-underscore-dangle -- _emitClose is SidePanelRef's @internal API (mirrors MatDialogRef internals)\n      this.currentSidePanelRef._emitClose(result);\n      this.currentSidePanelRef = undefined;\n    }\n\n    if (this.SidePanelComponentRef) {\n      this.appRef.detachView(this.SidePanelComponentRef.hostView);\n      this.SidePanelComponentRef.destroy();\n      this.SidePanelComponentRef = undefined;\n    }\n\n    if (this.contentComponentRef) {\n      this.contentComponentRef.destroy();\n      this.contentComponentRef = undefined;\n    }\n  }\n\n  private createSidePanelInjector(config: SidePanelConfig, parentInjector?: Injector): Injector {\n    return Injector.create({\n      parent: parentInjector,\n      providers: [\n        { provide: SidePanelConfig, useValue: config },\n        { provide: SIDE_PANEL_DATA, useValue: config.data },\n      ],\n    });\n  }\n\n  private createSidePanelComponent(position: SidePanelPosition, injector: Injector): ComponentRef<SidePanelComponent> {\n    const sidePanelComponentRef = createComponent(SidePanelComponent, {\n      environmentInjector: this.injector,\n      elementInjector: injector,\n    });\n\n    this.appRef.attachView(sidePanelComponentRef.hostView);\n\n    const sidePanelEl = (sidePanelComponentRef.hostView as EmbeddedViewRef<unknown>).rootNodes[0] as HTMLElement;\n    sidePanelEl.querySelector('.side-panel')?.classList.add(position);\n\n    document.body.appendChild(sidePanelEl);\n\n    return sidePanelComponentRef;\n  }\n\n  private loadComponent<T, R>(component: Type<R>, sidePanelRef: SidePanelRef<T, R>): void {\n    const viewContainerRef = this.SidePanelComponentRef?.instance.sidePanelContainer;\n    if (viewContainerRef) {\n      viewContainerRef().clear();\n      this.contentComponentRef = viewContainerRef().createComponent(component);\n      // Set the component instance on the SidePanelRef\n      sidePanelRef.componentInstance = this.contentComponentRef.instance as R;\n    }\n  }\n\n  private loadTemplate(template: TemplateRef<unknown>): void {\n    const viewContainerRef = this.SidePanelComponentRef?.instance.sidePanelContainer;\n    if (viewContainerRef) {\n      viewContainerRef().clear();\n      this.embeddedViewRef = viewContainerRef().createEmbeddedView(template);\n    }\n  }\n}\n","import { AsyncPipe, NgClass } from '@angular/common';\nimport {\n  ChangeDetectionStrategy,\n  Component,\n  computed,\n  ElementRef,\n  inject,\n  signal,\n  viewChild,\n  ViewContainerRef,\n} from '@angular/core';\n\nimport { ButtonComponentModule } from '@testgorilla/tgo-ui/components/button';\nimport { UiTranslatePipe, LanguageService } from '@testgorilla/tgo-ui/components/core';\nimport { TooltipComponentModule } from '@testgorilla/tgo-ui/components/tooltip';\n\nimport { backdropAnimation, sidePanelAnimation, sidePanelAnimationDuration } from './side-panel.animations';\nimport { SidePanelAnimationState, SidePanelConfig, SidePanelPosition, SidePanelSize } from './side-panel.model';\nimport { SidePanelService } from './side-panel.service';\n\n@Component({\n  selector: 'ui-side-panel',\n  templateUrl: './side-panel.component.html',\n  styleUrls: ['./side-panel.component.scss'],\n  animations: [sidePanelAnimation, backdropAnimation],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [TooltipComponentModule, ButtonComponentModule, UiTranslatePipe, AsyncPipe, NgClass],\n})\nexport class SidePanelComponent {\n  sidePanelPosition = signal<SidePanelPosition>('right');\n\n  sidePanelContainer = viewChild.required('sidePanelContainer', { read: ViewContainerRef });\n  sidePanel = viewChild.required<ElementRef<HTMLDivElement>>('sidePanel');\n  backdrop = viewChild.required<ElementRef<HTMLDivElement>>('sidePanelBackdrop');\n  language = LanguageService.defaultLanguage;\n  isOpen = signal<boolean>(false);\n  size = signal<SidePanelSize | undefined>(undefined);\n  isSmall = computed(() => this.size() === 'small');\n  isLarge = computed(() => this.size() === 'large');\n  isXLarge = computed(() => this.size() === 'x-large');\n\n  animation = computed(() => {\n    if (this.isOpen()) {\n      return SidePanelAnimationState.Open;\n    }\n\n    return this.sidePanelPosition() === 'left'\n      ? SidePanelAnimationState.ClosedLeft\n      : SidePanelAnimationState.ClosedRight;\n  });\n\n  private readonly sidePanelService = inject(SidePanelService);\n  public sidePanelConfig = inject(SidePanelConfig);\n\n  // The config is injected once per panel and never mutated, so plain readonly fields suffice.\n  protected readonly closeButtonTestId = this.sidePanelConfig.testId ? `${this.sidePanelConfig.testId}-close` : null;\n  protected readonly backButtonTestId = this.sidePanelConfig.testId ? `${this.sidePanelConfig.testId}-back` : null;\n\n  constructor() {\n    const { position, size } = this.sidePanelConfig;\n    this.sidePanelPosition.set(position);\n    this.size.set(size);\n  }\n\n  open(): void {\n    setTimeout(() => {\n      this.isOpen.set(true);\n    });\n  }\n\n  close(result?: unknown): void {\n    this.isOpen.set(false);\n    setTimeout(() => {\n      this.sidePanelService.destroyComponent(result);\n    }, sidePanelAnimationDuration);\n  }\n}\n","<div\n  class=\"side-panel-backdrop\"\n  #sidePanelBackdrop\n  tabindex=\"0\"\n  (click)=\"close()\"\n  (keydown.enter)=\"close()\"\n  [@fadeInOut]=\"isOpen() ? 'open' : 'closed'\"\n></div>\n<div\n  class=\"side-panel\"\n  [class]=\"sidePanelConfig.panelClass\"\n  [class.side-panel-small]=\"isSmall()\"\n  [class.side-panel-large]=\"isLarge()\"\n  [class.side-panel-x-large]=\"isXLarge()\"\n  #sidePanel\n  [@slideInOut]=\"animation()\"\n  [attr.data-testid]=\"sidePanelConfig.testId ?? null\"\n>\n  @if (sidePanelConfig.showHeader) {\n    <div class=\"side-panel-header\">\n      <div class=\"side-panel-title-container\">\n        @if (sidePanelConfig.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            [ariaLabel]=\"('COMMON.BACK' | uiTranslate | async)!\"\n            [testId]=\"backButtonTestId\"\n            size=\"medium\"\n          ></ui-button>\n        }\n        <span class=\"side-panel-title h3 bold\">{{ sidePanelConfig.title }}</span>\n      </div>\n      @if (sidePanelConfig.showCloseButton) {\n        <ui-button\n          class=\"side-panel-action side-panel-action-close\"\n          [variant]=\"'icon-button'\"\n          [iconName]=\"'Close'\"\n          [tooltip]=\"('COMMON.CLOSE' | uiTranslate | async)!\"\n          [ariaLabel]=\"('COMMON.CLOSE' | uiTranslate | async)!\"\n          [testId]=\"closeButtonTestId\"\n          (click)=\"close()\"\n          size=\"medium\"\n        ></ui-button>\n      }\n    </div>\n  }\n\n  <div class=\"side-panel-content\">\n    <ng-container #sidePanelContainer></ng-container>\n  </div>\n</div>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"testgorilla-tgo-ui-components-side-panel.mjs","sources":["../../../components/side-panel/side-panel.model.ts","../../../components/side-panel/side-panel.animations.ts","../../../components/side-panel/side-panel-data-injection-token.ts","../../../components/side-panel/side-panel.service.ts","../../../components/side-panel/side-panel.component.ts","../../../components/side-panel/side-panel.component.html","../../../components/side-panel/side-panel-footer.directive.ts","../../../components/side-panel/side-panel-view.component.ts","../../../components/side-panel/side-panel-view.component.html","../../../components/side-panel/testgorilla-tgo-ui-components-side-panel.ts"],"sourcesContent":["import { InjectionToken, OutputEmitterRef, Signal, TemplateRef } from '@angular/core';\nimport { Observable, Subject } from 'rxjs';\n\nexport type SidePanelPosition = 'left' | 'right';\n\nexport enum SidePanelAnimationState {\n  Open = 'open',\n  Closed = 'closed',\n  ClosedRight = 'closedRight',\n  ClosedLeft = 'closedLeft',\n}\n\nexport type SidePanelSize = 'small' | 'large' | 'x-large';\n\n/**\n * What a `ui-side-panel-view` registers with the surrounding `SidePanelComponent`. The panel\n * types its registration against this rather than importing the view component, which keeps\n * the two files free of a runtime import cycle. `undefined` means \"falls back to the config\".\n */\nexport interface SidePanelViewRef {\n  readonly title: Signal<string | undefined>;\n  readonly showBackButton: Signal<boolean | undefined>;\n  readonly footerTemplate: Signal<TemplateRef<unknown> | null>;\n  readonly footerDivider: Signal<boolean>;\n  readonly fillHeight: Signal<boolean>;\n  readonly back: OutputEmitterRef<void>;\n}\n\nexport class SidePanelConfig {\n  title: string;\n  position: SidePanelPosition;\n  showBackButton: boolean;\n  data?: unknown;\n  showCloseButton?: boolean;\n  showHeader?: boolean;\n  panelClass?: string;\n  size?: SidePanelSize;\n  testId?: string;\n}\n\nexport const defaultSidePanelConfig: SidePanelConfig = {\n  position: 'right',\n  showBackButton: false,\n  title: '',\n  data: undefined,\n  showHeader: true,\n  showCloseButton: true,\n  size: 'small',\n};\n\nexport const SIDE_PANEL_CONFIG = new InjectionToken<SidePanelConfig>('SIDE_PANEL_CONFIG', {\n  providedIn: 'root',\n  factory: () => defaultSidePanelConfig,\n});\n\n/**\n * Reference to a side panel opened via the SidePanelService.\n * Similar to MatDialogRef from Angular Material.\n */\n// eslint-disable-next-line @typescript-eslint/no-explicit-any -- mirrors MatDialogRef<T, R = any>: untyped-by-default result/component types for consumer ergonomics; the ref is invariant in T/R so `unknown` defaults would break internal ref storage in SidePanelService\nexport class SidePanelRef<T = any, R = any> {\n  private readonly _afterClosed = new Subject<T | undefined>();\n\n  /**\n   * Instance of the component loaded into the side panel.\n   * Will be undefined if a TemplateRef was used instead of a component.\n   */\n  componentInstance?: R;\n\n  /**\n   * Observable that emits when the side panel is closed.\n   * Emits the result passed to the close method, or undefined if no result was provided.\n   */\n  afterClosed(): Observable<T | undefined> {\n    return this._afterClosed.asObservable();\n  }\n\n  /**\n   * Closes the side panel with an optional result.\n   * @param result Optional data to be emitted via afterClosed()\n   */\n  close(_result?: T): void {\n    // This will be overridden by the service\n  }\n\n  /** @internal */\n  _emitClose(result?: T): void {\n    this._afterClosed.next(result);\n    this._afterClosed.complete();\n  }\n}\n","/* eslint-disable @typescript-eslint/no-deprecated -- the @angular/animations trigger/state/style/animate/transition DSL is deprecated in 20.2 in favor of template-level animate.enter/animate.leave; migrating every Material/component animation is out of scope for this lint pass */\nimport { animate, state, style, transition, trigger } from '@angular/animations';\n\nimport { SidePanelAnimationState } from './side-panel.model';\n\nexport const sidePanelAnimationDuration = 150;\n\nexport const sidePanelAnimation = [\n  trigger('slideInOut', [\n    state(`${SidePanelAnimationState.Open}`, style({ transform: 'translateX(0)' })),\n    state(`${SidePanelAnimationState.ClosedRight}`, style({ transform: 'translateX(100%)' })),\n    state(`${SidePanelAnimationState.ClosedLeft}`, style({ transform: 'translateX(-100%)' })),\n    transition(`${SidePanelAnimationState.Open} <=> ${SidePanelAnimationState.ClosedRight}`, [\n      animate(`${sidePanelAnimationDuration}ms ease-in-out`),\n    ]),\n    transition(`${SidePanelAnimationState.Open} <=> ${SidePanelAnimationState.ClosedLeft}`, [\n      animate(`${sidePanelAnimationDuration}ms ease-in-out`),\n    ]),\n  ]),\n];\n\nexport const backdropAnimation = [\n  trigger('fadeInOut', [\n    state(`${SidePanelAnimationState.Open}`, style({ opacity: 0.25 })),\n    state(`${SidePanelAnimationState.Closed}`, style({ opacity: 0 })),\n    transition(`${SidePanelAnimationState.Open} <=> ${SidePanelAnimationState.Closed}`, [\n      animate(`${sidePanelAnimationDuration}ms ease-in-out`),\n    ]),\n  ]),\n];\n","import { InjectionToken } from '@angular/core';\n\nexport const SIDE_PANEL_DATA = new InjectionToken<unknown>('SIDE_PANEL_DATA');\n","import {\n  ApplicationRef,\n  ComponentRef,\n  createComponent,\n  EmbeddedViewRef,\n  EnvironmentInjector,\n  inject,\n  Injectable,\n  Injector,\n  TemplateRef,\n  Type,\n} from '@angular/core';\n\nimport { SIDE_PANEL_DATA } from './side-panel-data-injection-token';\nimport { SidePanelComponent } from './side-panel.component';\nimport { SIDE_PANEL_CONFIG, SidePanelConfig, SidePanelPosition, SidePanelRef } from './side-panel.model';\n\n@Injectable({\n  providedIn: 'root',\n})\nexport class SidePanelService {\n  private SidePanelComponentRef?: ComponentRef<SidePanelComponent>;\n  private contentComponentRef?: ComponentRef<unknown>;\n  private embeddedViewRef?: EmbeddedViewRef<unknown>;\n  private currentSidePanelRef?: SidePanelRef;\n  private readonly defaultSidePanelConfig: SidePanelConfig = inject(SIDE_PANEL_CONFIG);\n  private readonly injector = inject(EnvironmentInjector);\n  private readonly appRef = inject(ApplicationRef);\n\n  constructor() {}\n\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any -- mirrors MatDialog.open<T, R = any>: the returned ref's data/component types are untyped-by-default for consumer ergonomics\n  open<T = any, R = any>(\n    content: Type<R> | TemplateRef<unknown>,\n    config: Partial<SidePanelConfig>,\n    parentInjector?: Injector\n  ): SidePanelRef<T, R> {\n    const panelConfig: SidePanelConfig = { ...this.defaultSidePanelConfig, ...config };\n\n    const sidePanelRef = new SidePanelRef<T, R>();\n    this.currentSidePanelRef = sidePanelRef;\n\n    sidePanelRef.close = (result?: T) => {\n      this.close(result);\n    };\n\n    if (!this.SidePanelComponentRef) {\n      const injector = this.createSidePanelInjector(panelConfig, parentInjector);\n      const SidePanelComponentRef = this.createSidePanelComponent(panelConfig.position, injector);\n      this.SidePanelComponentRef = SidePanelComponentRef;\n    }\n\n    if (content instanceof TemplateRef) {\n      this.loadTemplate(content);\n    } else {\n      this.loadComponent(content, sidePanelRef);\n    }\n\n    this.SidePanelComponentRef.instance.open();\n\n    return sidePanelRef;\n  }\n\n  close(result?: unknown): void {\n    if (this.SidePanelComponentRef) {\n      this.SidePanelComponentRef.instance.close(result);\n    }\n  }\n\n  destroyComponent(result?: unknown): void {\n    if (this.currentSidePanelRef) {\n      // eslint-disable-next-line no-underscore-dangle -- _emitClose is SidePanelRef's @internal API (mirrors MatDialogRef internals)\n      this.currentSidePanelRef._emitClose(result);\n      this.currentSidePanelRef = undefined;\n    }\n\n    if (this.SidePanelComponentRef) {\n      this.appRef.detachView(this.SidePanelComponentRef.hostView);\n      this.SidePanelComponentRef.destroy();\n      this.SidePanelComponentRef = undefined;\n    }\n\n    if (this.contentComponentRef) {\n      this.contentComponentRef.destroy();\n      this.contentComponentRef = undefined;\n    }\n  }\n\n  private createSidePanelInjector(config: SidePanelConfig, parentInjector?: Injector): Injector {\n    return Injector.create({\n      parent: parentInjector,\n      providers: [\n        { provide: SidePanelConfig, useValue: config },\n        { provide: SIDE_PANEL_DATA, useValue: config.data },\n      ],\n    });\n  }\n\n  private createSidePanelComponent(position: SidePanelPosition, injector: Injector): ComponentRef<SidePanelComponent> {\n    const sidePanelComponentRef = createComponent(SidePanelComponent, {\n      environmentInjector: this.injector,\n      elementInjector: injector,\n    });\n\n    this.appRef.attachView(sidePanelComponentRef.hostView);\n\n    const sidePanelEl = (sidePanelComponentRef.hostView as EmbeddedViewRef<unknown>).rootNodes[0] as HTMLElement;\n    sidePanelEl.querySelector('.side-panel')?.classList.add(position);\n\n    document.body.appendChild(sidePanelEl);\n\n    return sidePanelComponentRef;\n  }\n\n  private loadComponent<T, R>(component: Type<R>, sidePanelRef: SidePanelRef<T, R>): void {\n    const viewContainerRef = this.SidePanelComponentRef?.instance.sidePanelContainer;\n    if (viewContainerRef) {\n      viewContainerRef().clear();\n      this.contentComponentRef = viewContainerRef().createComponent(component);\n      // Set the component instance on the SidePanelRef\n      sidePanelRef.componentInstance = this.contentComponentRef.instance as R;\n    }\n  }\n\n  private loadTemplate(template: TemplateRef<unknown>): void {\n    const viewContainerRef = this.SidePanelComponentRef?.instance.sidePanelContainer;\n    if (viewContainerRef) {\n      viewContainerRef().clear();\n      this.embeddedViewRef = viewContainerRef().createEmbeddedView(template);\n    }\n  }\n}\n","import { AsyncPipe, NgClass, NgTemplateOutlet } from '@angular/common';\nimport {\n  ChangeDetectionStrategy,\n  Component,\n  computed,\n  ElementRef,\n  inject,\n  signal,\n  viewChild,\n  ViewContainerRef,\n} from '@angular/core';\n\nimport { ButtonComponentModule } from '@testgorilla/tgo-ui/components/button';\nimport { UiTranslatePipe, LanguageService } from '@testgorilla/tgo-ui/components/core';\nimport { TooltipComponentModule } from '@testgorilla/tgo-ui/components/tooltip';\n\nimport { backdropAnimation, sidePanelAnimation, sidePanelAnimationDuration } from './side-panel.animations';\nimport {\n  SidePanelAnimationState,\n  SidePanelConfig,\n  SidePanelPosition,\n  SidePanelSize,\n  SidePanelViewRef,\n} from './side-panel.model';\nimport { SidePanelService } from './side-panel.service';\n\n@Component({\n  selector: 'ui-side-panel',\n  templateUrl: './side-panel.component.html',\n  styleUrls: ['./side-panel.component.scss'],\n  animations: [sidePanelAnimation, backdropAnimation],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [TooltipComponentModule, ButtonComponentModule, UiTranslatePipe, AsyncPipe, NgClass, NgTemplateOutlet],\n})\nexport class SidePanelComponent {\n  private readonly sidePanelService = inject(SidePanelService);\n  public sidePanelConfig = inject(SidePanelConfig);\n\n  sidePanelPosition = signal<SidePanelPosition>('right');\n\n  sidePanelContainer = viewChild.required('sidePanelContainer', { read: ViewContainerRef });\n  sidePanel = viewChild.required<ElementRef<HTMLDivElement>>('sidePanel');\n  backdrop = viewChild.required<ElementRef<HTMLDivElement>>('sidePanelBackdrop');\n  language = LanguageService.defaultLanguage;\n  isOpen = signal<boolean>(false);\n  size = signal<SidePanelSize | undefined>(undefined);\n  isSmall = computed(() => this.size() === 'small');\n  isLarge = computed(() => this.size() === 'large');\n  isXLarge = computed(() => this.size() === 'x-large');\n\n  private readonly activeView = signal<SidePanelViewRef | null>(null);\n\n  // The active view owns the header and the footer while it is registered, falling back to the config.\n  protected readonly headerTitle = computed(() => this.activeView()?.title() ?? this.sidePanelConfig.title);\n\n  protected readonly showBackButton = computed(\n    () => this.activeView()?.showBackButton() ?? this.sidePanelConfig.showBackButton\n  );\n\n  protected readonly footerTemplate = computed(() => this.activeView()?.footerTemplate() ?? null);\n\n  /** A view owns the back button only when it asked for one; otherwise the config did. */\n  private readonly viewOwnsBackButton = computed(() => this.activeView()?.showBackButton() !== undefined);\n\n  protected readonly footerDivider = computed(() => this.activeView()?.footerDivider() ?? false);\n\n  protected readonly fillHeight = computed(() => this.activeView()?.fillHeight() ?? false);\n\n  animation = computed(() => {\n    if (this.isOpen()) {\n      return SidePanelAnimationState.Open;\n    }\n\n    return this.sidePanelPosition() === 'left'\n      ? SidePanelAnimationState.ClosedLeft\n      : SidePanelAnimationState.ClosedRight;\n  });\n\n  // The config is injected once per panel and never mutated, so plain readonly fields suffice.\n  protected readonly closeButtonTestId = this.sidePanelConfig.testId ? `${this.sidePanelConfig.testId}-close` : null;\n  protected readonly backButtonTestId = this.sidePanelConfig.testId ? `${this.sidePanelConfig.testId}-back` : null;\n\n  constructor() {\n    const { position, size } = this.sidePanelConfig;\n    this.sidePanelPosition.set(position);\n    this.size.set(size);\n  }\n\n  /** The last view to register wins, so a control-flow swap in either order ends up correct. */\n  registerView(view: SidePanelViewRef): void {\n    this.activeView.set(view);\n  }\n\n  /** Guarded by identity so a view destroyed after its successor was created cannot unseat it. */\n  unregisterView(view: SidePanelViewRef): void {\n    if (this.activeView() === view) {\n      this.activeView.set(null);\n    }\n  }\n\n  /**\n   * The action follows whoever asked for the button, so that a consumer who leaves the flag in the\n   * config and adopts a view for its footer gets the old close behaviour rather than a dead button.\n   */\n  protected onBack(): void {\n    const view = this.activeView();\n    if (view && this.viewOwnsBackButton()) {\n      view.back.emit();\n\n      return;\n    }\n\n    this.close();\n  }\n\n  open(): void {\n    setTimeout(() => {\n      this.isOpen.set(true);\n    });\n  }\n\n  close(result?: unknown): void {\n    this.isOpen.set(false);\n    setTimeout(() => {\n      this.sidePanelService.destroyComponent(result);\n    }, sidePanelAnimationDuration);\n  }\n}\n","<div\n  class=\"side-panel-backdrop\"\n  #sidePanelBackdrop\n  tabindex=\"0\"\n  (click)=\"close()\"\n  (keydown.enter)=\"close()\"\n  [@fadeInOut]=\"isOpen() ? 'open' : 'closed'\"\n></div>\n<div\n  class=\"side-panel\"\n  [class]=\"sidePanelConfig.panelClass\"\n  [class.side-panel-small]=\"isSmall()\"\n  [class.side-panel-large]=\"isLarge()\"\n  [class.side-panel-x-large]=\"isXLarge()\"\n  #sidePanel\n  [@slideInOut]=\"animation()\"\n  [attr.data-testid]=\"sidePanelConfig.testId ?? null\"\n>\n  @if (sidePanelConfig.showHeader) {\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)=\"onBack()\"\n            [tooltip]=\"('COMMON.BACK' | uiTranslate | async)!\"\n            [ariaLabel]=\"('COMMON.BACK' | uiTranslate | async)!\"\n            [testId]=\"backButtonTestId\"\n            size=\"medium\"\n          ></ui-button>\n        }\n        <span class=\"side-panel-title h3 bold\">{{ headerTitle() }}</span>\n      </div>\n      @if (sidePanelConfig.showCloseButton) {\n        <ui-button\n          class=\"side-panel-action side-panel-action-close\"\n          [variant]=\"'icon-button'\"\n          [iconName]=\"'Close'\"\n          [tooltip]=\"('COMMON.CLOSE' | uiTranslate | async)!\"\n          [ariaLabel]=\"('COMMON.CLOSE' | uiTranslate | async)!\"\n          [testId]=\"closeButtonTestId\"\n          (click)=\"close()\"\n          size=\"medium\"\n        ></ui-button>\n      }\n    </div>\n  }\n\n  <div class=\"side-panel-content\" [class.side-panel-content-fill]=\"fillHeight()\">\n    <ng-container #sidePanelContainer></ng-container>\n  </div>\n\n  @if (footerTemplate(); as footer) {\n    <div class=\"side-panel-footer\" [class.side-panel-footer-divided]=\"footerDivider()\">\n      <ng-container [ngTemplateOutlet]=\"footer\"></ng-container>\n    </div>\n  }\n</div>\n","import { Directive, inject, TemplateRef } from '@angular/core';\n\n/** Marks the `ng-template` inside a `ui-side-panel-view` that holds the view's footer. */\n@Directive({\n  selector: 'ng-template[uiSidePanelFooter]',\n  standalone: true,\n})\nexport class SidePanelFooterDirective {\n  readonly templateRef = inject<TemplateRef<unknown>>(TemplateRef);\n}\n","import {\n  booleanAttribute,\n  ChangeDetectionStrategy,\n  Component,\n  computed,\n  contentChild,\n  DestroyRef,\n  inject,\n  input,\n  output,\n} from '@angular/core';\n\nimport { SidePanelFooterDirective } from './side-panel-footer.directive';\nimport { SidePanelComponent } from './side-panel.component';\nimport { SidePanelViewRef } from './side-panel.model';\n\n// `undefined` has to survive so the panel can tell \"not set by this view\" apart from an\n// explicit `false` and fall back to `SidePanelConfig`.\nfunction optionalBooleanAttribute(value: unknown): boolean | undefined {\n  return value === undefined ? undefined : booleanAttribute(value);\n}\n\n/**\n * One view inside a side panel: its body, its header title and its footer. Render a different\n * one per step to switch views without reopening the panel.\n */\n@Component({\n  selector: 'ui-side-panel-view',\n  templateUrl: './side-panel-view.component.html',\n  styleUrls: ['./side-panel-view.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  standalone: true,\n  host: {\n    '[class.side-panel-view-fill]': 'fillHeight()',\n    // `title` is a global HTML attribute and Angular keeps a statically set one on the host, so\n    // `<ui-side-panel-view title=\"...\">` would hang a native tooltip over the whole view body.\n    '[attr.title]': 'null',\n  },\n})\nexport class SidePanelViewComponent implements SidePanelViewRef {\n  /** Left unset, the panel keeps the title from `SidePanelConfig`. */\n  readonly title = input<string>();\n\n  /** Left unset, the panel falls back to `SidePanelConfig.showBackButton`. */\n  readonly showBackButton = input(undefined, { transform: optionalBooleanAttribute });\n\n  /** Draws a rule above the footer, separating it from content that scrolls underneath. */\n  readonly footerDivider = input(false, { transform: booleanAttribute });\n\n  /**\n   * Makes the view fill the panel body instead of growing with its content, and stops the panel\n   * scrolling. Content then owns its own overflow — give the element that should scroll\n   * `flex: 1; min-height: 0; overflow: auto`, or `height: 100%`.\n   */\n  readonly fillHeight = input(false, { transform: booleanAttribute });\n\n  /** The panel does not close itself — move to the previous view, or close it yourself. */\n  readonly back = output<void>();\n\n  private readonly footer = contentChild(SidePanelFooterDirective);\n\n  readonly footerTemplate = computed(() => this.footer()?.templateRef ?? null);\n\n  private readonly panel = inject(SidePanelComponent, { optional: true });\n\n  constructor() {\n    this.panel?.registerView(this);\n    inject(DestroyRef).onDestroy(() => this.panel?.unregisterView(this));\n  }\n}\n","<ng-content></ng-content>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;;;;;;IAKY;AAAZ,CAAA,UAAY,uBAAuB,EAAA;AACjC,IAAA,uBAAA,CAAA,MAAA,CAAA,GAAA,MAAa;AACb,IAAA,uBAAA,CAAA,QAAA,CAAA,GAAA,QAAiB;AACjB,IAAA,uBAAA,CAAA,aAAA,CAAA,GAAA,aAA2B;AAC3B,IAAA,uBAAA,CAAA,YAAA,CAAA,GAAA,YAAyB;AAC3B,CAAC,EALW,uBAAuB,KAAvB,uBAAuB,GAAA,EAAA,CAAA,CAAA;MAuBtB,eAAe,CAAA;AAU3B;AAEM,MAAM,sBAAsB,GAAoB;AACrD,IAAA,QAAQ,EAAE,OAAO;AACjB,IAAA,cAAc,EAAE,KAAK;AACrB,IAAA,KAAK,EAAE,EAAE;AACT,IAAA,IAAI,EAAE,SAAS;AACf,IAAA,UAAU,EAAE,IAAI;AAChB,IAAA,eAAe,EAAE,IAAI;AACrB,IAAA,IAAI,EAAE,OAAO;;MAGF,iBAAiB,GAAG,IAAI,cAAc,CAAkB,mBAAmB,EAAE;AACxF,IAAA,UAAU,EAAE,MAAM;AAClB,IAAA,OAAO,EAAE,MAAM,sBAAsB;AACtC,CAAA;AAED;;;AAGG;AACH;MACa,YAAY,CAAA;AAAzB,IAAA,WAAA,GAAA;AACmB,QAAA,IAAA,CAAA,YAAY,GAAG,IAAI,OAAO,EAAiB;IA6B9D;AArBE;;;AAGG;IACH,WAAW,GAAA;AACT,QAAA,OAAO,IAAI,CAAC,YAAY,CAAC,YAAY,EAAE;IACzC;AAEA;;;AAGG;AACH,IAAA,KAAK,CAAC,OAAW,EAAA;;IAEjB;;AAGA,IAAA,UAAU,CAAC,MAAU,EAAA;AACnB,QAAA,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,MAAM,CAAC;AAC9B,QAAA,IAAI,CAAC,YAAY,CAAC,QAAQ,EAAE;IAC9B;AACD;;AC1FD;AAKO,MAAM,0BAA0B,GAAG;AAEnC,MAAM,kBAAkB,GAAG;IAChC,OAAO,CAAC,YAAY,EAAE;AACpB,QAAA,KAAK,CAAC,CAAA,EAAG,uBAAuB,CAAC,IAAI,CAAA,CAAE,EAAE,KAAK,CAAC,EAAE,SAAS,EAAE,eAAe,EAAE,CAAC,CAAC;AAC/E,QAAA,KAAK,CAAC,CAAA,EAAG,uBAAuB,CAAC,WAAW,CAAA,CAAE,EAAE,KAAK,CAAC,EAAE,SAAS,EAAE,kBAAkB,EAAE,CAAC,CAAC;AACzF,QAAA,KAAK,CAAC,CAAA,EAAG,uBAAuB,CAAC,UAAU,CAAA,CAAE,EAAE,KAAK,CAAC,EAAE,SAAS,EAAE,mBAAmB,EAAE,CAAC,CAAC;QACzF,UAAU,CAAC,CAAA,EAAG,uBAAuB,CAAC,IAAI,QAAQ,uBAAuB,CAAC,WAAW,CAAA,CAAE,EAAE;AACvF,YAAA,OAAO,CAAC,CAAA,EAAG,0BAA0B,CAAA,cAAA,CAAgB,CAAC;SACvD,CAAC;QACF,UAAU,CAAC,CAAA,EAAG,uBAAuB,CAAC,IAAI,QAAQ,uBAAuB,CAAC,UAAU,CAAA,CAAE,EAAE;AACtF,YAAA,OAAO,CAAC,CAAA,EAAG,0BAA0B,CAAA,cAAA,CAAgB,CAAC;SACvD,CAAC;KACH,CAAC;;AAGG,MAAM,iBAAiB,GAAG;IAC/B,OAAO,CAAC,WAAW,EAAE;AACnB,QAAA,KAAK,CAAC,CAAA,EAAG,uBAAuB,CAAC,IAAI,CAAA,CAAE,EAAE,KAAK,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC;AAClE,QAAA,KAAK,CAAC,CAAA,EAAG,uBAAuB,CAAC,MAAM,CAAA,CAAE,EAAE,KAAK,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC,CAAC;QACjE,UAAU,CAAC,CAAA,EAAG,uBAAuB,CAAC,IAAI,QAAQ,uBAAuB,CAAC,MAAM,CAAA,CAAE,EAAE;AAClF,YAAA,OAAO,CAAC,CAAA,EAAG,0BAA0B,CAAA,cAAA,CAAgB,CAAC;SACvD,CAAC;KACH,CAAC;;;MC1BS,eAAe,GAAG,IAAI,cAAc,CAAU,iBAAiB;;MCkB/D,gBAAgB,CAAA;AAS3B,IAAA,WAAA,GAAA;AAJiB,QAAA,IAAA,CAAA,sBAAsB,GAAoB,MAAM,CAAC,iBAAiB,CAAC;AACnE,QAAA,IAAA,CAAA,QAAQ,GAAG,MAAM,CAAC,mBAAmB,CAAC;AACtC,QAAA,IAAA,CAAA,MAAM,GAAG,MAAM,CAAC,cAAc,CAAC;IAEjC;;AAGf,IAAA,IAAI,CACF,OAAuC,EACvC,MAAgC,EAChC,cAAyB,EAAA;QAEzB,MAAM,WAAW,GAAoB,EAAE,GAAG,IAAI,CAAC,sBAAsB,EAAE,GAAG,MAAM,EAAE;AAElF,QAAA,MAAM,YAAY,GAAG,IAAI,YAAY,EAAQ;AAC7C,QAAA,IAAI,CAAC,mBAAmB,GAAG,YAAY;AAEvC,QAAA,YAAY,CAAC,KAAK,GAAG,CAAC,MAAU,KAAI;AAClC,YAAA,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC;AACpB,QAAA,CAAC;AAED,QAAA,IAAI,CAAC,IAAI,CAAC,qBAAqB,EAAE;YAC/B,MAAM,QAAQ,GAAG,IAAI,CAAC,uBAAuB,CAAC,WAAW,EAAE,cAAc,CAAC;AAC1E,YAAA,MAAM,qBAAqB,GAAG,IAAI,CAAC,wBAAwB,CAAC,WAAW,CAAC,QAAQ,EAAE,QAAQ,CAAC;AAC3F,YAAA,IAAI,CAAC,qBAAqB,GAAG,qBAAqB;QACpD;AAEA,QAAA,IAAI,OAAO,YAAY,WAAW,EAAE;AAClC,YAAA,IAAI,CAAC,YAAY,CAAC,OAAO,CAAC;QAC5B;aAAO;AACL,YAAA,IAAI,CAAC,aAAa,CAAC,OAAO,EAAE,YAAY,CAAC;QAC3C;AAEA,QAAA,IAAI,CAAC,qBAAqB,CAAC,QAAQ,CAAC,IAAI,EAAE;AAE1C,QAAA,OAAO,YAAY;IACrB;AAEA,IAAA,KAAK,CAAC,MAAgB,EAAA;AACpB,QAAA,IAAI,IAAI,CAAC,qBAAqB,EAAE;YAC9B,IAAI,CAAC,qBAAqB,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC;QACnD;IACF;AAEA,IAAA,gBAAgB,CAAC,MAAgB,EAAA;AAC/B,QAAA,IAAI,IAAI,CAAC,mBAAmB,EAAE;;AAE5B,YAAA,IAAI,CAAC,mBAAmB,CAAC,UAAU,CAAC,MAAM,CAAC;AAC3C,YAAA,IAAI,CAAC,mBAAmB,GAAG,SAAS;QACtC;AAEA,QAAA,IAAI,IAAI,CAAC,qBAAqB,EAAE;YAC9B,IAAI,CAAC,MAAM,CAAC,UAAU,CAAC,IAAI,CAAC,qBAAqB,CAAC,QAAQ,CAAC;AAC3D,YAAA,IAAI,CAAC,qBAAqB,CAAC,OAAO,EAAE;AACpC,YAAA,IAAI,CAAC,qBAAqB,GAAG,SAAS;QACxC;AAEA,QAAA,IAAI,IAAI,CAAC,mBAAmB,EAAE;AAC5B,YAAA,IAAI,CAAC,mBAAmB,CAAC,OAAO,EAAE;AAClC,YAAA,IAAI,CAAC,mBAAmB,GAAG,SAAS;QACtC;IACF;IAEQ,uBAAuB,CAAC,MAAuB,EAAE,cAAyB,EAAA;QAChF,OAAO,QAAQ,CAAC,MAAM,CAAC;AACrB,YAAA,MAAM,EAAE,cAAc;AACtB,YAAA,SAAS,EAAE;AACT,gBAAA,EAAE,OAAO,EAAE,eAAe,EAAE,QAAQ,EAAE,MAAM,EAAE;gBAC9C,EAAE,OAAO,EAAE,eAAe,EAAE,QAAQ,EAAE,MAAM,CAAC,IAAI,EAAE;AACpD,aAAA;AACF,SAAA,CAAC;IACJ;IAEQ,wBAAwB,CAAC,QAA2B,EAAE,QAAkB,EAAA;AAC9E,QAAA,MAAM,qBAAqB,GAAG,eAAe,CAAC,kBAAkB,EAAE;YAChE,mBAAmB,EAAE,IAAI,CAAC,QAAQ;AAClC,YAAA,eAAe,EAAE,QAAQ;AAC1B,SAAA,CAAC;QAEF,IAAI,CAAC,MAAM,CAAC,UAAU,CAAC,qBAAqB,CAAC,QAAQ,CAAC;QAEtD,MAAM,WAAW,GAAI,qBAAqB,CAAC,QAAqC,CAAC,SAAS,CAAC,CAAC,CAAgB;AAC5G,QAAA,WAAW,CAAC,aAAa,CAAC,aAAa,CAAC,EAAE,SAAS,CAAC,GAAG,CAAC,QAAQ,CAAC;AAEjE,QAAA,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,WAAW,CAAC;AAEtC,QAAA,OAAO,qBAAqB;IAC9B;IAEQ,aAAa,CAAO,SAAkB,EAAE,YAAgC,EAAA;QAC9E,MAAM,gBAAgB,GAAG,IAAI,CAAC,qBAAqB,EAAE,QAAQ,CAAC,kBAAkB;QAChF,IAAI,gBAAgB,EAAE;AACpB,YAAA,gBAAgB,EAAE,CAAC,KAAK,EAAE;YAC1B,IAAI,CAAC,mBAAmB,GAAG,gBAAgB,EAAE,CAAC,eAAe,CAAC,SAAS,CAAC;;YAExE,YAAY,CAAC,iBAAiB,GAAG,IAAI,CAAC,mBAAmB,CAAC,QAAa;QACzE;IACF;AAEQ,IAAA,YAAY,CAAC,QAA8B,EAAA;QACjD,MAAM,gBAAgB,GAAG,IAAI,CAAC,qBAAqB,EAAE,QAAQ,CAAC,kBAAkB;QAChF,IAAI,gBAAgB,EAAE;AACpB,YAAA,gBAAgB,EAAE,CAAC,KAAK,EAAE;YAC1B,IAAI,CAAC,eAAe,GAAG,gBAAgB,EAAE,CAAC,kBAAkB,CAAC,QAAQ,CAAC;QACxE;IACF;+GA9GW,gBAAgB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,UAAA,EAAA,CAAA,CAAA;AAAhB,IAAA,SAAA,IAAA,CAAA,KAAA,GAAA,EAAA,CAAA,qBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,gBAAgB,cAFf,MAAM,EAAA,CAAA,CAAA;;4FAEP,gBAAgB,EAAA,UAAA,EAAA,CAAA;kBAH5B,UAAU;AAAC,YAAA,IAAA,EAAA,CAAA;AACV,oBAAA,UAAU,EAAE,MAAM;AACnB,iBAAA;;;MCeY,kBAAkB,CAAA;AAgD7B,IAAA,WAAA,GAAA;AA/CiB,QAAA,IAAA,CAAA,gBAAgB,GAAG,MAAM,CAAC,gBAAgB,CAAC;AACrD,QAAA,IAAA,CAAA,eAAe,GAAG,MAAM,CAAC,eAAe,CAAC;AAEhD,QAAA,IAAA,CAAA,iBAAiB,GAAG,MAAM,CAAoB,OAAO,wFAAC;AAEtD,QAAA,IAAA,CAAA,kBAAkB,GAAG,SAAS,CAAC,QAAQ,CAAC,oBAAoB,EAAE,EAAE,IAAI,EAAE,gBAAgB,EAAE,CAAC;AACzF,QAAA,IAAA,CAAA,SAAS,GAAG,SAAS,CAAC,QAAQ,CAA6B,WAAW,CAAC;AACvE,QAAA,IAAA,CAAA,QAAQ,GAAG,SAAS,CAAC,QAAQ,CAA6B,mBAAmB,CAAC;AAC9E,QAAA,IAAA,CAAA,QAAQ,GAAG,eAAe,CAAC,eAAe;AAC1C,QAAA,IAAA,CAAA,MAAM,GAAG,MAAM,CAAU,KAAK,6EAAC;AAC/B,QAAA,IAAA,CAAA,IAAI,GAAG,MAAM,CAA4B,SAAS,2EAAC;AACnD,QAAA,IAAA,CAAA,OAAO,GAAG,QAAQ,CAAC,MAAM,IAAI,CAAC,IAAI,EAAE,KAAK,OAAO,8EAAC;AACjD,QAAA,IAAA,CAAA,OAAO,GAAG,QAAQ,CAAC,MAAM,IAAI,CAAC,IAAI,EAAE,KAAK,OAAO,8EAAC;AACjD,QAAA,IAAA,CAAA,QAAQ,GAAG,QAAQ,CAAC,MAAM,IAAI,CAAC,IAAI,EAAE,KAAK,SAAS,+EAAC;AAEnC,QAAA,IAAA,CAAA,UAAU,GAAG,MAAM,CAA0B,IAAI,iFAAC;;QAGhD,IAAA,CAAA,WAAW,GAAG,QAAQ,CAAC,MAAM,IAAI,CAAC,UAAU,EAAE,EAAE,KAAK,EAAE,IAAI,IAAI,CAAC,eAAe,CAAC,KAAK,kFAAC;QAEtF,IAAA,CAAA,cAAc,GAAG,QAAQ,CAC1C,MAAM,IAAI,CAAC,UAAU,EAAE,EAAE,cAAc,EAAE,IAAI,IAAI,CAAC,eAAe,CAAC,cAAc,qFACjF;AAEkB,QAAA,IAAA,CAAA,cAAc,GAAG,QAAQ,CAAC,MAAM,IAAI,CAAC,UAAU,EAAE,EAAE,cAAc,EAAE,IAAI,IAAI,qFAAC;;AAG9E,QAAA,IAAA,CAAA,kBAAkB,GAAG,QAAQ,CAAC,MAAM,IAAI,CAAC,UAAU,EAAE,EAAE,cAAc,EAAE,KAAK,SAAS,yFAAC;AAEpF,QAAA,IAAA,CAAA,aAAa,GAAG,QAAQ,CAAC,MAAM,IAAI,CAAC,UAAU,EAAE,EAAE,aAAa,EAAE,IAAI,KAAK,oFAAC;AAE3E,QAAA,IAAA,CAAA,UAAU,GAAG,QAAQ,CAAC,MAAM,IAAI,CAAC,UAAU,EAAE,EAAE,UAAU,EAAE,IAAI,KAAK,iFAAC;AAExF,QAAA,IAAA,CAAA,SAAS,GAAG,QAAQ,CAAC,MAAK;AACxB,YAAA,IAAI,IAAI,CAAC,MAAM,EAAE,EAAE;gBACjB,OAAO,uBAAuB,CAAC,IAAI;YACrC;AAEA,YAAA,OAAO,IAAI,CAAC,iBAAiB,EAAE,KAAK;kBAChC,uBAAuB,CAAC;AAC1B,kBAAE,uBAAuB,CAAC,WAAW;AACzC,QAAA,CAAC,gFAAC;;QAGiB,IAAA,CAAA,iBAAiB,GAAG,IAAI,CAAC,eAAe,CAAC,MAAM,GAAG,CAAA,EAAG,IAAI,CAAC,eAAe,CAAC,MAAM,CAAA,MAAA,CAAQ,GAAG,IAAI;QAC/F,IAAA,CAAA,gBAAgB,GAAG,IAAI,CAAC,eAAe,CAAC,MAAM,GAAG,CAAA,EAAG,IAAI,CAAC,eAAe,CAAC,MAAM,CAAA,KAAA,CAAO,GAAG,IAAI;QAG9G,MAAM,EAAE,QAAQ,EAAE,IAAI,EAAE,GAAG,IAAI,CAAC,eAAe;AAC/C,QAAA,IAAI,CAAC,iBAAiB,CAAC,GAAG,CAAC,QAAQ,CAAC;AACpC,QAAA,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC;IACrB;;AAGA,IAAA,YAAY,CAAC,IAAsB,EAAA;AACjC,QAAA,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,IAAI,CAAC;IAC3B;;AAGA,IAAA,cAAc,CAAC,IAAsB,EAAA;AACnC,QAAA,IAAI,IAAI,CAAC,UAAU,EAAE,KAAK,IAAI,EAAE;AAC9B,YAAA,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,IAAI,CAAC;QAC3B;IACF;AAEA;;;AAGG;IACO,MAAM,GAAA;AACd,QAAA,MAAM,IAAI,GAAG,IAAI,CAAC,UAAU,EAAE;AAC9B,QAAA,IAAI,IAAI,IAAI,IAAI,CAAC,kBAAkB,EAAE,EAAE;AACrC,YAAA,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE;YAEhB;QACF;QAEA,IAAI,CAAC,KAAK,EAAE;IACd;IAEA,IAAI,GAAA;QACF,UAAU,CAAC,MAAK;AACd,YAAA,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,IAAI,CAAC;AACvB,QAAA,CAAC,CAAC;IACJ;AAEA,IAAA,KAAK,CAAC,MAAgB,EAAA;AACpB,QAAA,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,KAAK,CAAC;QACtB,UAAU,CAAC,MAAK;AACd,YAAA,IAAI,CAAC,gBAAgB,CAAC,gBAAgB,CAAC,MAAM,CAAC;QAChD,CAAC,EAAE,0BAA0B,CAAC;IAChC;+GA5FW,kBAAkB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAlB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,kBAAkB,8KAMyC,gBAAgB,EAAA,QAAA,EAAA,IAAA,EAAA,EAAA,EAAA,YAAA,EAAA,WAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAAA,CAAA,WAAA,CAAA,EAAA,WAAA,EAAA,IAAA,EAAA,QAAA,EAAA,IAAA,EAAA,EAAA,EAAA,YAAA,EAAA,UAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,WAAA,EAAA,IAAA,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECxCxF,qgEA4DA,EAAA,MAAA,EAAA,CAAA,isHAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,ED5BY,sBAAsB,8BAAE,qBAAqB,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,eAAA,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,SAAA,EAAA,OAAA,EAAA,cAAA,EAAA,UAAA,EAAA,UAAA,EAAA,kBAAA,EAAA,oBAAA,EAAA,UAAA,EAAA,SAAA,EAAA,kBAAA,EAAA,WAAA,EAAA,KAAA,EAAA,WAAA,EAAA,OAAA,EAAA,SAAA,EAAA,WAAA,EAAA,MAAA,EAAA,cAAA,EAAA,mBAAA,EAAA,kBAAA,EAAA,sBAAA,EAAA,WAAA,EAAA,cAAA,EAAA,cAAA,EAAA,aAAA,EAAA,cAAA,EAAA,gBAAA,EAAA,iBAAA,EAAA,gBAAA,EAAA,eAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,YAAA,EAAA,QAAA,CAAA,EAAA,OAAA,EAAA,CAAA,kBAAA,EAAA,kBAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAuC,gBAAgB,EAAA,QAAA,EAAA,oBAAA,EAAA,MAAA,EAAA,CAAA,yBAAA,EAAA,kBAAA,EAAA,0BAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,MAAA,EAAA,IAAA,EAArD,eAAe,+CAAE,SAAS,EAAA,IAAA,EAAA,OAAA,EAAA,CAAA,EAAA,UAAA,EAFvE,CAAC,kBAAkB,EAAE,iBAAiB,CAAC,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;;4FAIxC,kBAAkB,EAAA,UAAA,EAAA,CAAA;kBAR9B,SAAS;+BACE,eAAe,EAAA,UAAA,EAGb,CAAC,kBAAkB,EAAE,iBAAiB,CAAC,EAAA,eAAA,EAClC,uBAAuB,CAAC,MAAM,EAAA,OAAA,EACtC,CAAC,sBAAsB,EAAE,qBAAqB,EAAE,eAAe,EAAE,SAAS,EAAE,OAAO,EAAE,gBAAgB,CAAC,EAAA,QAAA,EAAA,qgEAAA,EAAA,MAAA,EAAA,CAAA,isHAAA,CAAA,EAAA;0GAQvE,oBAAoB,EAAA,EAAA,GAAE,EAAE,IAAI,EAAE,gBAAgB,EAAE,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,CAAA,EAAA,SAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,SAAA,EAAA,IAAA,EAAA,CAC7B,WAAW,EAAA,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,CAAA,EAAA,QAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,SAAA,EAAA,IAAA,EAAA,CACZ,mBAAmB,EAAA,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,CAAA,EAAA,EAAA,CAAA;;AExC/E;MAKa,wBAAwB,CAAA;AAJrC,IAAA,WAAA,GAAA;AAKW,QAAA,IAAA,CAAA,WAAW,GAAG,MAAM,CAAuB,WAAW,CAAC;AACjE,IAAA;+GAFY,wBAAwB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;mGAAxB,wBAAwB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,gCAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;;4FAAxB,wBAAwB,EAAA,UAAA,EAAA,CAAA;kBAJpC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,gCAAgC;AAC1C,oBAAA,UAAU,EAAE,IAAI;AACjB,iBAAA;;;ACUD;AACA;AACA,SAAS,wBAAwB,CAAC,KAAc,EAAA;AAC9C,IAAA,OAAO,KAAK,KAAK,SAAS,GAAG,SAAS,GAAG,gBAAgB,CAAC,KAAK,CAAC;AAClE;AAEA;;;AAGG;MAcU,sBAAsB,CAAA;AA0BjC,IAAA,WAAA,GAAA;;QAxBS,IAAA,CAAA,KAAK,GAAG,KAAK,CAAA,IAAA,SAAA,GAAA,CAAA,SAAA,EAAA,EAAA,SAAA,EAAA,OAAA,EAAA,CAAA,8BAAA,EAAA,CAAA,CAAU;;QAGvB,IAAA,CAAA,cAAc,GAAG,KAAK,CAAC,SAAS,sFAAI,SAAS,EAAE,wBAAwB,EAAA,CAAG;;QAG1E,IAAA,CAAA,aAAa,GAAG,KAAK,CAAC,KAAK,qFAAI,SAAS,EAAE,gBAAgB,EAAA,CAAG;AAEtE;;;;AAIG;QACM,IAAA,CAAA,UAAU,GAAG,KAAK,CAAC,KAAK,kFAAI,SAAS,EAAE,gBAAgB,EAAA,CAAG;;QAG1D,IAAA,CAAA,IAAI,GAAG,MAAM,EAAQ;AAEb,QAAA,IAAA,CAAA,MAAM,GAAG,YAAY,CAAC,wBAAwB,6EAAC;AAEvD,QAAA,IAAA,CAAA,cAAc,GAAG,QAAQ,CAAC,MAAM,IAAI,CAAC,MAAM,EAAE,EAAE,WAAW,IAAI,IAAI,qFAAC;QAE3D,IAAA,CAAA,KAAK,GAAG,MAAM,CAAC,kBAAkB,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC;AAGrE,QAAA,IAAI,CAAC,KAAK,EAAE,YAAY,CAAC,IAAI,CAAC;AAC9B,QAAA,MAAM,CAAC,UAAU,CAAC,CAAC,SAAS,CAAC,MAAM,IAAI,CAAC,KAAK,EAAE,cAAc,CAAC,IAAI,CAAC,CAAC;IACtE;+GA7BW,sBAAsB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;mGAAtB,sBAAsB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,oBAAA,EAAA,MAAA,EAAA,EAAA,KAAA,EAAA,EAAA,iBAAA,EAAA,OAAA,EAAA,UAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,cAAA,EAAA,EAAA,iBAAA,EAAA,gBAAA,EAAA,UAAA,EAAA,gBAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,aAAA,EAAA,EAAA,iBAAA,EAAA,eAAA,EAAA,UAAA,EAAA,eAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,iBAAA,EAAA,YAAA,EAAA,UAAA,EAAA,YAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,OAAA,EAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,4BAAA,EAAA,cAAA,EAAA,YAAA,EAAA,MAAA,EAAA,EAAA,EAAA,OAAA,EAAA,CAAA,EAAA,YAAA,EAAA,QAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAoBM,wBAAwB,EAAA,WAAA,EAAA,IAAA,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EC3DjE,6BACA,EAAA,MAAA,EAAA,CAAA,kHAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;;4FDsCa,sBAAsB,EAAA,UAAA,EAAA,CAAA;kBAblC,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,oBAAoB,mBAGb,uBAAuB,CAAC,MAAM,EAAA,UAAA,EACnC,IAAI,EAAA,IAAA,EACV;AACJ,wBAAA,8BAA8B,EAAE,cAAc;;;AAG9C,wBAAA,cAAc,EAAE,MAAM;AACvB,qBAAA,EAAA,QAAA,EAAA,6BAAA,EAAA,MAAA,EAAA,CAAA,kHAAA,CAAA,EAAA;sjBAsBsC,wBAAwB,CAAA,EAAA,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,CAAA,EAAA,EAAA,CAAA;;AE3DjE;;AAEG;;;;"}