@siemens/element-ng 51.0.0 → 51.0.1

package/fesm2022/siemens-element-ng-side-panel.mjs

@@ -466,7 +466,7 @@ class SiSidePanelComponent {
         }
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: SiSidePanelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: SiSidePanelComponent, isStandalone: true, selector: "si-side-panel", inputs: { collapsible: { classPropertyName: "collapsible", publicName: "collapsible", isSignal: true, isRequired: false, transformFunction: null }, collapsed: { classPropertyName: "collapsed", publicName: "collapsed", isSignal: true, isRequired: false, transformFunction: null }, mode: { classPropertyName: "mode", publicName: "mode", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, toggleItemLabel: { classPropertyName: "toggleItemLabel", publicName: "toggleItemLabel", isSignal: true, isRequired: false, transformFunction: null }, breakpoints: { classPropertyName: "breakpoints", publicName: "breakpoints", isSignal: true, isRequired: false, transformFunction: null }, enableMobile: { classPropertyName: "enableMobile", publicName: "enableMobile", isSignal: true, isRequired: false, transformFunction: null }, disableBackdrop: { classPropertyName: "disableBackdrop", publicName: "disableBackdrop", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { collapsed: "collapsedChange", closed: "closed", contentResize: "contentResize" }, host: { properties: { "class.enable-mobile": "enableMobile()", "class.rpanel-size--regular": "this.size() === \"regular\"", "class.rpanel-size--wide": "this.size() === \"wide\"", "class.rpanel-size--extended": "this.size() === \"extended\"", "class.rpanel-mode--over": "isOverMode()", "class.rpanel-mode--scroll": "isScrollMode()", "class.rpanel-collapsed": "isCollapsed()", "class.ready": "ready()", "class.collapsible": "collapsible() && !this.showTempContent()", "class.collapsible-temp": "collapsible() && this.showTempContent()", "class.rpanel-hidden": "isHidden()", "class.rpanel-fullscreen-overlay": "isFullscreenOverlay()", "class.rpanel-resize-xs": "isXs()", "class.rpanel-resize-sm": "isSm()", "class.rpanel-resize-md": "isMd()", "class.rpanel-resize-lg": "isLg()", "class.rpanel-resize-xl": "isXl()", "class.rpanel-resize-xxl": "isXxl()", "class.rpanel-resize-xxxl": "isXxxl()" }, classAttribute: "si-layout-inner" }, viewQueries: [{ propertyName: "panelElement", first: true, predicate: ["sidePanel"], descendants: true, isSignal: true }, { propertyName: "contentElement", first: true, predicate: ["content"], descendants: true, isSignal: true }, { propertyName: "portalOutlet", first: true, predicate: ["portalOutlet"], descendants: true, read: CdkPortalOutlet, isSignal: true }, { propertyName: "tmpPortalOutlet", first: true, predicate: ["tmpPortalOutlet"], descendants: true, read: CdkPortalOutlet, isSignal: true }], usesOnChanges: true, ngImport: i0, template: "@if (showBackdrop()) {\n  <div class=\"modal-backdrop\" animate.leave=\"backdrop-leave\" (click)=\"toggleSidePanel()\"></div>\n}\n<div #sidePanel class=\"side-panel focus-none\" tabindex=\"-1\">\n  <div class=\"inner\" [class.d-none]=\"showTempContent()\">\n    <ng-content select=\"si-side-panel-content, element-side-panel-content\" />\n    <ng-container #portalOutlet cdkPortalOutlet />\n  </div>\n  <div class=\"inner\" [class.d-none]=\"!showTempContent()\">\n    <ng-container #tmpPortalOutlet cdkPortalOutlet />\n  </div>\n</div>\n<div #content class=\"main-content si-layout-inner\">\n  <ng-content />\n</div>\n", styles: [":host{--rpanel-collapsed-padding: 0;--rpanel-size: 390px;display:block;padding-inline-end:var(--rpanel-size)}:host.ready{transition:padding-inline-end calc(.5s * var(--element-animations-enabled, 1))}:host.ready .side-panel,:host.ready .side-panel>.inner{transition:inline-size calc(.5s * var(--element-animations-enabled, 1)),box-shadow calc(.5s * var(--element-animations-enabled, 1))}:host .modal-backdrop{opacity:1;transition:opacity .15s linear;z-index:1029}@starting-style{:host .modal-backdrop{opacity:0}}:host .modal-backdrop.backdrop-leave{opacity:0;transition:opacity .15s linear}:host .side-panel,:host .side-panel>.inner{inline-size:var(--rpanel-width-fullscreen, var(--rpanel-size))}:host.collapsible,:host.collapsible-temp{--rpanel-collapsed-width: calc(var(--si-sys-sizing-icon-md) + 2 * (var(--si-sys-sizing-spacing-x-40) + var(--si-sys-sizing-spacing-x-30)))}:host.rpanel-size--wide{--rpanel-size: 500px}:host.rpanel-size--extended{--rpanel-size: 100vi}:host.rpanel-fullscreen-overlay{--rpanel-width-fullscreen: 100vi}:host.rpanel-mode--over{padding-inline-end:var(--rpanel-collapsed-width)}:host.rpanel-mode--over:not(.rpanel-collapsed) .side-panel{box-shadow:var(--si-sys-effects-shadow-2)}:host.rpanel-resize-md.rpanel-size--extended{--rpanel-size: 480px}:host.rpanel-resize-lg.rpanel-size--extended{--rpanel-size: 480px}:host.rpanel-resize-xl.rpanel-size--extended{--rpanel-size: 640px}:host.rpanel-resize-xxl.rpanel-size--extended{--rpanel-size: 720px}:host.rpanel-resize-xxxl.rpanel-size--extended{--rpanel-size: 912px}:host.rpanel-resize-sm.rpanel-size--extended{--fullscreen-button-display: none}:host.rpanel-resize-xs{--fullscreen-button-display: none;padding-inline-end:var(--rpanel-collapsed-width)}:host.rpanel-resize-xs .side-panel{z-index:1031}:host.rpanel-resize-xs:not(.rpanel-collapsed) .side-panel{box-shadow:var(--si-sys-effects-shadow-2)}:host.rpanel-resize-xs:not(.rpanel-collapsed) .side-panel,:host.rpanel-resize-xs:not(.rpanel-collapsed) .side-panel>.inner{inline-size:100vi}:host.rpanel-hidden:not(.collapsible) .side-panel{display:none}:host.rpanel-collapsed{padding-inline-end:var(--rpanel-collapsed-width)}:host.rpanel-collapsed:not(.collapsible) .side-panel{inline-size:0;overflow:hidden}:host.rpanel-collapsed.collapsible .side-panel{inline-size:var(--rpanel-collapsed-width);overflow:hidden}.side-panel{position:fixed;z-index:1029;inset-block-start:calc(var(--si-sys-sizing-sizing-100) + 1px + var(--element-titlebar-spacing, 0px) + var(--element-system-banner-spacing, 0px));inset-block-end:0;inset-inline-end:0;overflow-x:hidden;background:var(--si-sys-background-1)}.side-panel>.inner{display:flex;flex-direction:column;position:absolute;inset-block:0;inset-inline-start:0}@media(max-width:575.98px){:host.enable-mobile{padding-inline-end:0!important;--si-layout-header-first-element-offset-end: 40px}:host.enable-mobile.rpanel-collapsed .side-panel{inline-size:0!important}}\n"], dependencies: [{ kind: "ngmodule", type: PortalModule }, { kind: "directive", type: i1.CdkPortalOutlet, selector: "[cdkPortalOutlet]", inputs: ["cdkPortalOutlet"], outputs: ["attached"], exportAs: ["cdkPortalOutlet"] }], changeDetection: i0.ChangeDetectionStrategy.Eager });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: SiSidePanelComponent, isStandalone: true, selector: "si-side-panel", inputs: { collapsible: { classPropertyName: "collapsible", publicName: "collapsible", isSignal: true, isRequired: false, transformFunction: null }, collapsed: { classPropertyName: "collapsed", publicName: "collapsed", isSignal: true, isRequired: false, transformFunction: null }, mode: { classPropertyName: "mode", publicName: "mode", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, toggleItemLabel: { classPropertyName: "toggleItemLabel", publicName: "toggleItemLabel", isSignal: true, isRequired: false, transformFunction: null }, breakpoints: { classPropertyName: "breakpoints", publicName: "breakpoints", isSignal: true, isRequired: false, transformFunction: null }, enableMobile: { classPropertyName: "enableMobile", publicName: "enableMobile", isSignal: true, isRequired: false, transformFunction: null }, disableBackdrop: { classPropertyName: "disableBackdrop", publicName: "disableBackdrop", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { collapsed: "collapsedChange", closed: "closed", contentResize: "contentResize" }, host: { properties: { "class.enable-mobile": "enableMobile()", "class.rpanel-size--regular": "this.size() === \"regular\"", "class.rpanel-size--wide": "this.size() === \"wide\"", "class.rpanel-size--extended": "this.size() === \"extended\"", "class.rpanel-mode--over": "isOverMode()", "class.rpanel-mode--scroll": "isScrollMode()", "class.rpanel-collapsed": "isCollapsed()", "class.ready": "ready()", "class.collapsible": "collapsible() && !this.showTempContent()", "class.collapsible-temp": "collapsible() && this.showTempContent()", "class.rpanel-hidden": "isHidden()", "class.rpanel-fullscreen-overlay": "isFullscreenOverlay()", "class.rpanel-resize-xs": "isXs()", "class.rpanel-resize-sm": "isSm()", "class.rpanel-resize-md": "isMd()", "class.rpanel-resize-lg": "isLg()", "class.rpanel-resize-xl": "isXl()", "class.rpanel-resize-xxl": "isXxl()", "class.rpanel-resize-xxxl": "isXxxl()" }, classAttribute: "si-layout-inner" }, viewQueries: [{ propertyName: "panelElement", first: true, predicate: ["sidePanel"], descendants: true, isSignal: true }, { propertyName: "contentElement", first: true, predicate: ["content"], descendants: true, isSignal: true }, { propertyName: "portalOutlet", first: true, predicate: ["portalOutlet"], descendants: true, read: CdkPortalOutlet, isSignal: true }, { propertyName: "tmpPortalOutlet", first: true, predicate: ["tmpPortalOutlet"], descendants: true, read: CdkPortalOutlet, isSignal: true }], usesOnChanges: true, ngImport: i0, template: "@if (showBackdrop()) {\n  <div class=\"modal-backdrop\" animate.leave=\"backdrop-leave\" (click)=\"toggleSidePanel()\"></div>\n}\n<div #sidePanel class=\"side-panel focus-none\" tabindex=\"-1\">\n  <div class=\"inner\" [class.d-none]=\"showTempContent()\">\n    <ng-content select=\"si-side-panel-content, element-side-panel-content\" />\n    <ng-container #portalOutlet cdkPortalOutlet />\n  </div>\n  <div class=\"inner\" [class.d-none]=\"!showTempContent()\">\n    <ng-container #tmpPortalOutlet cdkPortalOutlet />\n  </div>\n</div>\n<div #content class=\"main-content si-layout-inner\">\n  <ng-content />\n</div>\n", styles: [":host{--rpanel-collapsed-padding: 0;--rpanel-size: 390px;display:block;padding-inline-end:var(--rpanel-size)}:host.ready{transition:padding-inline-end calc(.5s * var(--element-animations-enabled, 1))}:host.ready .side-panel,:host.ready .side-panel>.inner{transition:inline-size calc(.5s * var(--element-animations-enabled, 1)),box-shadow calc(.5s * var(--element-animations-enabled, 1))}:host .modal-backdrop{opacity:1;transition:opacity .15s linear;z-index:1029}@starting-style{:host .modal-backdrop{opacity:0}}:host .modal-backdrop.backdrop-leave{opacity:0;transition:opacity .15s linear}:host .side-panel,:host .side-panel>.inner{inline-size:var(--rpanel-width-fullscreen, var(--rpanel-size))}:host.collapsible,:host.collapsible-temp{--rpanel-collapsed-width: calc(var(--si-sys-sizing-icon-md) + 2 * (var(--si-sys-sizing-spacing-x-40) + var(--si-sys-sizing-spacing-x-30)))}:host.rpanel-size--wide{--rpanel-size: 500px}:host.rpanel-size--extended{--rpanel-size: 100vi}:host.rpanel-fullscreen-overlay{--rpanel-width-fullscreen: 100vi}:host.rpanel-mode--over{padding-inline-end:var(--rpanel-collapsed-width)}:host.rpanel-mode--over:not(.rpanel-collapsed) .side-panel{box-shadow:var(--si-sys-color-effects-shadow-2)}:host.rpanel-resize-md.rpanel-size--extended{--rpanel-size: 480px}:host.rpanel-resize-lg.rpanel-size--extended{--rpanel-size: 480px}:host.rpanel-resize-xl.rpanel-size--extended{--rpanel-size: 640px}:host.rpanel-resize-xxl.rpanel-size--extended{--rpanel-size: 720px}:host.rpanel-resize-xxxl.rpanel-size--extended{--rpanel-size: 912px}:host.rpanel-resize-sm.rpanel-size--extended{--fullscreen-button-display: none}:host.rpanel-resize-xs{--fullscreen-button-display: none;padding-inline-end:var(--rpanel-collapsed-width)}:host.rpanel-resize-xs .side-panel{z-index:1031}:host.rpanel-resize-xs:not(.rpanel-collapsed) .side-panel{box-shadow:var(--si-sys-color-effects-shadow-2)}:host.rpanel-resize-xs:not(.rpanel-collapsed) .side-panel,:host.rpanel-resize-xs:not(.rpanel-collapsed) .side-panel>.inner{inline-size:100vi}:host.rpanel-hidden:not(.collapsible) .side-panel{display:none}:host.rpanel-collapsed{padding-inline-end:var(--rpanel-collapsed-width)}:host.rpanel-collapsed:not(.collapsible) .side-panel{inline-size:0;overflow:hidden}:host.rpanel-collapsed.collapsible .side-panel{inline-size:var(--rpanel-collapsed-width);overflow:hidden}.side-panel{position:fixed;z-index:1029;inset-block-start:calc(var(--si-sys-sizing-sizing-100) + 1px + var(--element-titlebar-spacing, 0px) + var(--element-system-banner-spacing, 0px));inset-block-end:0;inset-inline-end:0;overflow-x:hidden;background:var(--si-sys-color-background-1)}.side-panel>.inner{display:flex;flex-direction:column;position:absolute;inset-block:0;inset-inline-start:0}@media(max-width:575.98px){:host.enable-mobile{padding-inline-end:0!important;--si-layout-header-first-element-offset-end: 40px}:host.enable-mobile.rpanel-collapsed .side-panel{inline-size:0!important}}\n"], dependencies: [{ kind: "ngmodule", type: PortalModule }, { kind: "directive", type: i1.CdkPortalOutlet, selector: "[cdkPortalOutlet]", inputs: ["cdkPortalOutlet"], outputs: ["attached"], exportAs: ["cdkPortalOutlet"] }], changeDetection: i0.ChangeDetectionStrategy.Eager });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: SiSidePanelComponent, decorators: [{
             type: Component,
@@ -491,7 +491,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
                         '[class.rpanel-resize-xl]': 'isXl()',
                         '[class.rpanel-resize-xxl]': 'isXxl()',
                         '[class.rpanel-resize-xxxl]': 'isXxxl()'
-                    }, template: "@if (showBackdrop()) {\n  <div class=\"modal-backdrop\" animate.leave=\"backdrop-leave\" (click)=\"toggleSidePanel()\"></div>\n}\n<div #sidePanel class=\"side-panel focus-none\" tabindex=\"-1\">\n  <div class=\"inner\" [class.d-none]=\"showTempContent()\">\n    <ng-content select=\"si-side-panel-content, element-side-panel-content\" />\n    <ng-container #portalOutlet cdkPortalOutlet />\n  </div>\n  <div class=\"inner\" [class.d-none]=\"!showTempContent()\">\n    <ng-container #tmpPortalOutlet cdkPortalOutlet />\n  </div>\n</div>\n<div #content class=\"main-content si-layout-inner\">\n  <ng-content />\n</div>\n", styles: [":host{--rpanel-collapsed-padding: 0;--rpanel-size: 390px;display:block;padding-inline-end:var(--rpanel-size)}:host.ready{transition:padding-inline-end calc(.5s * var(--element-animations-enabled, 1))}:host.ready .side-panel,:host.ready .side-panel>.inner{transition:inline-size calc(.5s * var(--element-animations-enabled, 1)),box-shadow calc(.5s * var(--element-animations-enabled, 1))}:host .modal-backdrop{opacity:1;transition:opacity .15s linear;z-index:1029}@starting-style{:host .modal-backdrop{opacity:0}}:host .modal-backdrop.backdrop-leave{opacity:0;transition:opacity .15s linear}:host .side-panel,:host .side-panel>.inner{inline-size:var(--rpanel-width-fullscreen, var(--rpanel-size))}:host.collapsible,:host.collapsible-temp{--rpanel-collapsed-width: calc(var(--si-sys-sizing-icon-md) + 2 * (var(--si-sys-sizing-spacing-x-40) + var(--si-sys-sizing-spacing-x-30)))}:host.rpanel-size--wide{--rpanel-size: 500px}:host.rpanel-size--extended{--rpanel-size: 100vi}:host.rpanel-fullscreen-overlay{--rpanel-width-fullscreen: 100vi}:host.rpanel-mode--over{padding-inline-end:var(--rpanel-collapsed-width)}:host.rpanel-mode--over:not(.rpanel-collapsed) .side-panel{box-shadow:var(--si-sys-effects-shadow-2)}:host.rpanel-resize-md.rpanel-size--extended{--rpanel-size: 480px}:host.rpanel-resize-lg.rpanel-size--extended{--rpanel-size: 480px}:host.rpanel-resize-xl.rpanel-size--extended{--rpanel-size: 640px}:host.rpanel-resize-xxl.rpanel-size--extended{--rpanel-size: 720px}:host.rpanel-resize-xxxl.rpanel-size--extended{--rpanel-size: 912px}:host.rpanel-resize-sm.rpanel-size--extended{--fullscreen-button-display: none}:host.rpanel-resize-xs{--fullscreen-button-display: none;padding-inline-end:var(--rpanel-collapsed-width)}:host.rpanel-resize-xs .side-panel{z-index:1031}:host.rpanel-resize-xs:not(.rpanel-collapsed) .side-panel{box-shadow:var(--si-sys-effects-shadow-2)}:host.rpanel-resize-xs:not(.rpanel-collapsed) .side-panel,:host.rpanel-resize-xs:not(.rpanel-collapsed) .side-panel>.inner{inline-size:100vi}:host.rpanel-hidden:not(.collapsible) .side-panel{display:none}:host.rpanel-collapsed{padding-inline-end:var(--rpanel-collapsed-width)}:host.rpanel-collapsed:not(.collapsible) .side-panel{inline-size:0;overflow:hidden}:host.rpanel-collapsed.collapsible .side-panel{inline-size:var(--rpanel-collapsed-width);overflow:hidden}.side-panel{position:fixed;z-index:1029;inset-block-start:calc(var(--si-sys-sizing-sizing-100) + 1px + var(--element-titlebar-spacing, 0px) + var(--element-system-banner-spacing, 0px));inset-block-end:0;inset-inline-end:0;overflow-x:hidden;background:var(--si-sys-background-1)}.side-panel>.inner{display:flex;flex-direction:column;position:absolute;inset-block:0;inset-inline-start:0}@media(max-width:575.98px){:host.enable-mobile{padding-inline-end:0!important;--si-layout-header-first-element-offset-end: 40px}:host.enable-mobile.rpanel-collapsed .side-panel{inline-size:0!important}}\n"] }]
+                    }, template: "@if (showBackdrop()) {\n  <div class=\"modal-backdrop\" animate.leave=\"backdrop-leave\" (click)=\"toggleSidePanel()\"></div>\n}\n<div #sidePanel class=\"side-panel focus-none\" tabindex=\"-1\">\n  <div class=\"inner\" [class.d-none]=\"showTempContent()\">\n    <ng-content select=\"si-side-panel-content, element-side-panel-content\" />\n    <ng-container #portalOutlet cdkPortalOutlet />\n  </div>\n  <div class=\"inner\" [class.d-none]=\"!showTempContent()\">\n    <ng-container #tmpPortalOutlet cdkPortalOutlet />\n  </div>\n</div>\n<div #content class=\"main-content si-layout-inner\">\n  <ng-content />\n</div>\n", styles: [":host{--rpanel-collapsed-padding: 0;--rpanel-size: 390px;display:block;padding-inline-end:var(--rpanel-size)}:host.ready{transition:padding-inline-end calc(.5s * var(--element-animations-enabled, 1))}:host.ready .side-panel,:host.ready .side-panel>.inner{transition:inline-size calc(.5s * var(--element-animations-enabled, 1)),box-shadow calc(.5s * var(--element-animations-enabled, 1))}:host .modal-backdrop{opacity:1;transition:opacity .15s linear;z-index:1029}@starting-style{:host .modal-backdrop{opacity:0}}:host .modal-backdrop.backdrop-leave{opacity:0;transition:opacity .15s linear}:host .side-panel,:host .side-panel>.inner{inline-size:var(--rpanel-width-fullscreen, var(--rpanel-size))}:host.collapsible,:host.collapsible-temp{--rpanel-collapsed-width: calc(var(--si-sys-sizing-icon-md) + 2 * (var(--si-sys-sizing-spacing-x-40) + var(--si-sys-sizing-spacing-x-30)))}:host.rpanel-size--wide{--rpanel-size: 500px}:host.rpanel-size--extended{--rpanel-size: 100vi}:host.rpanel-fullscreen-overlay{--rpanel-width-fullscreen: 100vi}:host.rpanel-mode--over{padding-inline-end:var(--rpanel-collapsed-width)}:host.rpanel-mode--over:not(.rpanel-collapsed) .side-panel{box-shadow:var(--si-sys-color-effects-shadow-2)}:host.rpanel-resize-md.rpanel-size--extended{--rpanel-size: 480px}:host.rpanel-resize-lg.rpanel-size--extended{--rpanel-size: 480px}:host.rpanel-resize-xl.rpanel-size--extended{--rpanel-size: 640px}:host.rpanel-resize-xxl.rpanel-size--extended{--rpanel-size: 720px}:host.rpanel-resize-xxxl.rpanel-size--extended{--rpanel-size: 912px}:host.rpanel-resize-sm.rpanel-size--extended{--fullscreen-button-display: none}:host.rpanel-resize-xs{--fullscreen-button-display: none;padding-inline-end:var(--rpanel-collapsed-width)}:host.rpanel-resize-xs .side-panel{z-index:1031}:host.rpanel-resize-xs:not(.rpanel-collapsed) .side-panel{box-shadow:var(--si-sys-color-effects-shadow-2)}:host.rpanel-resize-xs:not(.rpanel-collapsed) .side-panel,:host.rpanel-resize-xs:not(.rpanel-collapsed) .side-panel>.inner{inline-size:100vi}:host.rpanel-hidden:not(.collapsible) .side-panel{display:none}:host.rpanel-collapsed{padding-inline-end:var(--rpanel-collapsed-width)}:host.rpanel-collapsed:not(.collapsible) .side-panel{inline-size:0;overflow:hidden}:host.rpanel-collapsed.collapsible .side-panel{inline-size:var(--rpanel-collapsed-width);overflow:hidden}.side-panel{position:fixed;z-index:1029;inset-block-start:calc(var(--si-sys-sizing-sizing-100) + 1px + var(--element-titlebar-spacing, 0px) + var(--element-system-banner-spacing, 0px));inset-block-end:0;inset-inline-end:0;overflow-x:hidden;background:var(--si-sys-color-background-1)}.side-panel>.inner{display:flex;flex-direction:column;position:absolute;inset-block:0;inset-inline-start:0}@media(max-width:575.98px){:host.enable-mobile{padding-inline-end:0!important;--si-layout-header-first-element-offset-end: 40px}:host.enable-mobile.rpanel-collapsed .side-panel{inline-size:0!important}}\n"] }]
         }], ctorParameters: () => [], propDecorators: { collapsible: [{ type: i0.Input, args: [{ isSignal: true, alias: "collapsible", required: false }] }], collapsed: [{ type: i0.Input, args: [{ isSignal: true, alias: "collapsed", required: false }] }, { type: i0.Output, args: ["collapsedChange"] }], mode: [{ type: i0.Input, args: [{ isSignal: true, alias: "mode", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], toggleItemLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "toggleItemLabel", required: false }] }], breakpoints: [{ type: i0.Input, args: [{ isSignal: true, alias: "breakpoints", required: false }] }], enableMobile: [{ type: i0.Input, args: [{ isSignal: true, alias: "enableMobile", required: false }] }], disableBackdrop: [{ type: i0.Input, args: [{ isSignal: true, alias: "disableBackdrop", required: false }] }], closed: [{ type: i0.Output, args: ["closed"] }], contentResize: [{ type: i0.Output, args: ["contentResize"] }], panelElement: [{ type: i0.ViewChild, args: ['sidePanel', { isSignal: true }] }], contentElement: [{ type: i0.ViewChild, args: ['content', { isSignal: true }] }], portalOutlet: [{ type: i0.ViewChild, args: ['portalOutlet', { ...{
                             read: CdkPortalOutlet
                         }, isSignal: true }] }], tmpPortalOutlet: [{ type: i0.ViewChild, args: ['tmpPortalOutlet', { ...{
@@ -736,7 +736,7 @@ class SiSidePanelContentComponent {
         }
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: SiSidePanelContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: SiSidePanelContentComponent, isStandalone: true, selector: "si-side-panel-content", inputs: { collapsibleInput: { classPropertyName: "collapsibleInput", publicName: "collapsible", isSignal: true, isRequired: false, transformFunction: null }, heading: { classPropertyName: "heading", publicName: "heading", isSignal: true, isRequired: false, transformFunction: null }, primaryActions: { classPropertyName: "primaryActions", publicName: "primaryActions", isSignal: true, isRequired: false, transformFunction: null }, secondaryActions: { classPropertyName: "secondaryActions", publicName: "secondaryActions", isSignal: true, isRequired: false, transformFunction: null }, statusActions: { classPropertyName: "statusActions", publicName: "statusActions", isSignal: true, isRequired: false, transformFunction: null }, searchable: { classPropertyName: "searchable", publicName: "searchable", isSignal: true, isRequired: false, transformFunction: null }, searchPlaceholder: { classPropertyName: "searchPlaceholder", publicName: "searchPlaceholder", isSignal: true, isRequired: false, transformFunction: null }, closeButtonLabel: { classPropertyName: "closeButtonLabel", publicName: "closeButtonLabel", isSignal: true, isRequired: false, transformFunction: null }, toggleItemLabel: { classPropertyName: "toggleItemLabel", publicName: "toggleItemLabel", isSignal: true, isRequired: false, transformFunction: null }, enterFullscreenLabel: { classPropertyName: "enterFullscreenLabel", publicName: "enterFullscreenLabel", isSignal: true, isRequired: false, transformFunction: null }, exitFullscreenLabel: { classPropertyName: "exitFullscreenLabel", publicName: "exitFullscreenLabel", isSignal: true, isRequired: false, transformFunction: null }, showMobileDrawerBadge: { classPropertyName: "showMobileDrawerBadge", publicName: "showMobileDrawerBadge", isSignal: true, isRequired: false, transformFunction: null }, displayMode: { classPropertyName: "displayMode", publicName: "displayMode", isSignal: true, isRequired: false, transformFunction: null }, navigateConfig: { classPropertyName: "navigateConfig", publicName: "navigateConfig", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { searchEvent: "searchEvent" }, host: { properties: { "class.collapsed": "isCollapsed()", "class.expanded": "isExpanded()", "class.enable-mobile": "enableMobile()", "class.rpanel-fullscreen-overlay": "isFullscreen()", "id": "panelContentId" } }, providers: [SiAccordionHCollapseService], ngImport: i0, template: "<div class=\"rpanel-header pt-5\">\n  <div class=\"d-flex align-items-center min-width-0 auto-hide\">\n    <ng-content select=\"[siSidePanelBackButton]\" />\n    <p class=\"si-h5 my-0 auto-hide text-truncate header-title\">\n      {{ heading() | translate }}\n    </p>\n  </div>\n  @if ((primaryActions().length || secondaryActions().length) && focusable()) {\n    <si-content-action-bar\n      class=\"auto-hide ms-auto\"\n      viewType=\"expanded\"\n      [primaryActions]=\"primaryActions()\"\n      [secondaryActions]=\"secondaryActions()\"\n      [toggleItemLabel]=\"toggleItemLabel()\"\n    />\n  }\n  <div class=\"d-flex\">\n    @let navigateConfig = this.navigateConfig();\n    @if (displayMode() === 'navigate' && navigateConfig) {\n      @if (navigateConfig.type === 'router-link') {\n        <a\n          class=\"btn btn-icon btn-tertiary-ghost auto-hide\"\n          [class.ms-4]=\"collapsible()\"\n          [class.mx-4]=\"!collapsible() || service.isTemporaryOpen()\"\n          [routerLink]=\"navigateConfig.routerLink\"\n          [queryParams]=\"navigateConfig.extras?.queryParams\"\n          [queryParamsHandling]=\"navigateConfig.extras?.queryParamsHandling\"\n          [fragment]=\"navigateConfig.extras?.fragment\"\n          [state]=\"navigateConfig.extras?.state\"\n          [relativeTo]=\"navigateConfig.extras?.relativeTo ?? activatedRoute\"\n          [preserveFragment]=\"navigateConfig.extras?.preserveFragment\"\n          [skipLocationChange]=\"navigateConfig.extras?.skipLocationChange\"\n          [replaceUrl]=\"navigateConfig.extras?.replaceUrl\"\n          [attr.aria-label]=\"navigateConfig.label | translate\"\n        >\n          <si-icon class=\"icon\" [icon]=\"icons.elementExport\" />\n          <span class=\"visually-hidden\">\n            {{ navigateConfig.label | translate }}\n          </span></a\n        >\n      } @else if (navigateConfig.type === 'link') {\n        <a\n          class=\"btn btn-icon btn-tertiary-ghost auto-hide\"\n          [class.ms-4]=\"collapsible()\"\n          [class.mx-4]=\"!collapsible()\"\n          [href]=\"navigateConfig.href\"\n          [target]=\"navigateConfig.target\"\n          [attr.rel]=\"navigateConfig.target === '_blank' ? 'noopener noreferrer' : null\"\n          [attr.aria-label]=\"navigateConfig.label | translate\"\n        >\n          <si-icon class=\"icon\" [icon]=\"icons.elementExport\" />\n          <span class=\"visually-hidden\">\n            {{ navigateConfig.label | translate }}\n          </span></a\n        >\n      }\n    }\n    @if (displayMode() === 'overlay') {\n      <button\n        type=\"button\"\n        class=\"fullscreen-button btn btn-icon btn-tertiary-ghost auto-hide\"\n        [class.ms-4]=\"collapsible()\"\n        [class.mx-4]=\"!collapsible() || service.isTemporaryOpen()\"\n        [attr.aria-label]=\"\n          (isFullscreen() ? exitFullscreenLabel() : enterFullscreenLabel()) | translate\n        \"\n        [tabindex]=\"focusable() ? '0' : '-1'\"\n        (click)=\"toggleFullscreen()\"\n      >\n        <si-icon [icon]=\"isFullscreen() ? icons.elementPinch : icons.elementZoom\" />\n      </button>\n    }\n    <button\n      type=\"button\"\n      class=\"close-button btn btn-icon btn-tertiary-ghost me-4\"\n      [attr.aria-label]=\"closeButtonLabel() | translate\"\n      [tabindex]=\"focusable() ? '0' : '-1'\"\n      (click)=\"toggleSidePanel($event)\"\n    >\n      <si-icon [icon]=\"icons.elementCancel\" />\n    </button>\n    <div class=\"collapse-toggle\">\n      <button\n        type=\"button\"\n        class=\"side-panel-collapse-toggle btn btn-icon btn-tertiary-ghost mx-4\"\n        [attr.aria-label]=\"toggleItemLabel() | translate\"\n        [attr.aria-expanded]=\"!isCollapsed() || service.isTemporaryOpen()\"\n        [attr.aria-controls]=\"panelContentId\"\n        (click)=\"toggleSidePanel($event)\"\n      >\n        <si-icon\n          class=\"flip-rtl\"\n          [class.badge-dot]=\"showMobileDrawerBadge()\"\n          [icon]=\"isCollapsed() ? icons.elementDoubleLeft : icons.elementDoubleRight\"\n        />\n      </button>\n    </div>\n  </div>\n</div>\n<div class=\"rpanel-wrapper d-flex flex-column\">\n  @if (statusActions().length && focusable()) {\n    <div class=\"rpanel-header rpanel-statusactions px-6\">\n      @for (dp of statusActions(); track $index) {\n        @if (!dp.disabled) {\n          <a\n            class=\"rpanel-statusaction position-relative focus-inside\"\n            placement=\"start\"\n            [attr.aria-label]=\"!isCollapsed() ? '' : (dp.title | translate)\"\n            [siTooltip]=\"(dp.title | translate) || ''\"\n            [isDisabled]=\"!isCollapsed()\"\n            [siLink]=\"dp\"\n          >\n            <si-icon class=\"icon\" [icon]=\"dp.icon!\" />\n            @if (dp.overlayIcon) {\n              <si-icon class=\"icon position-absolute\" [icon]=\"dp.overlayIcon\" />\n            }\n            <span class=\"ms-2 auto-hide si-body-sm\">{{ dp.title | translate }}</span>\n          </a>\n        } @else {\n          <div class=\"rpanel-statusaction dot-outer\" aria-hidden=\"true\">\n            <div class=\"dot text-disabled text-center\">&bull;</div>\n          </div>\n        }\n      }\n    </div>\n  }\n  <ng-content select=\"si-side-panel-actions\" />\n  @if (searchable() && focusable()) {\n    <div class=\"nav-search px-6 auto-hide\">\n      <si-search-bar\n        #searchBar\n        class=\"m-0\"\n        colorVariant=\"base-0\"\n        prohibitedCharacters=\"*?\"\n        [placeholder]=\"searchPlaceholder() | translate\"\n        [debounceTime]=\"400\"\n        [showIcon]=\"true\"\n        (searchChange)=\"searchEvent.emit($event)\"\n      />\n    </div>\n  }\n  @if (focusable()) {\n    <div class=\"rpanel-content\">\n      <ng-content />\n    </div>\n  }\n</div>\n", styles: [":host{--si-accordion-radius: 0;display:flex;flex-direction:column;flex:1}:host-context(.collapsible) .close-button{display:none}:host-context(.collapsible) .collapse-toggle{display:block}:host-context(.collapsible) .rpanel-wrapper{gap:var(--si-sys-sizing-spacing-y-50) var(--si-sys-sizing-spacing-x-50)}:host-context(.collapsible) :host.collapsed .auto-hide{display:none!important}:host-context(.collapsible) :host.collapsed .rpanel-wrapper{padding-block-start:0;gap:0;inline-size:var(--rpanel-collapsed-width)}:host-context(.collapsible) :host.collapsed .rpanel-content{flex:0 0 auto;margin-block-start:var(--si-sys-sizing-spacing-y-40)}:host-context(.collapsible) :host.collapsed .rpanel-statusactions{order:3;flex-direction:column;align-items:flex-start;padding:0!important}:host-context(.collapsible) :host.collapsed .rpanel-statusaction{padding-block:var(--si-sys-sizing-spacing-y-40);padding-inline:var(--si-sys-sizing-spacing-x-50)}:host-context(.collapsible) :host.collapsed .rpanel-statusaction:not(.dot-outer):hover{background:var(--si-sys-background-hover)}:host-context(.collapsible) :host.collapsed .rpanel-statusaction.dot-outer{inline-size:100%;justify-content:center}:host-context(.collapsible) :host.collapsed .rpanel-statusaction .icon{padding:var(--si-sys-sizing-spacing-y-10) var(--si-sys-sizing-spacing-x-10)}.fullscreen-button{display:var(--fullscreen-button-display, inline-flex)!important}.collapse-toggle{display:none}.collapse-toggle i{vertical-align:bottom}.rpanel-header,.rpanel-statusaction{display:flex;align-items:center}.rpanel-header{justify-content:space-between}.header-title{margin-inline-start:var(--si-sys-sizing-spacing-y-60)}.rpanel-header:has([siSidePanelBackButton]) .header-title{margin-inline-start:var(--si-sys-sizing-spacing-y-20)}.rpanel-wrapper{padding-block-start:var(--si-sys-sizing-spacing-y-50)}.rpanel-wrapper,.rpanel-content{min-block-size:0;flex:1 0 0;overflow-x:hidden;overflow-y:auto}.rpanel-statusaction{text-decoration:none}.rpanel-statusaction .dot{inline-size:24px;line-height:24px}.rpanel-statusaction span{white-space:pre-wrap;color:var(--si-sys-text-primary)}.rpanel-statusaction:hover span{color:var(--si-sys-text-accent)}@media(max-width:575.98px){:host.enable-mobile:not(.collapsed):not(.expanded) si-content-action-bar{margin-inline-end:calc(var(--si-sys-typography-font-size-body) * var(--si-sys-typography-line-height-body) + 2 * var(--si-sys-sizing-spacing-y-40) + 2 * var(--si-sys-sizing-spacing-y-40))}:host.enable-mobile:not(.expanded) .collapse-toggle{position:fixed;border:0;text-align:end;padding-block:4px!important;margin-block-start:8px!important;inset-inline-end:0;inset-block-start:calc(var(--si-sys-sizing-sizing-100) + 1px + var(--element-titlebar-spacing, 0px) + var(--element-system-banner-spacing, 0px));border-start-start-radius:var(--element-radius-2);border-end-start-radius:var(--element-radius-2);border-start-end-radius:0!important;border-end-end-radius:0!important;background:var(--si-sys-background-1);box-shadow:var(--si-sys-effects-shadow-1);z-index:2}}\n"], dependencies: [{ kind: "component", type: SiContentActionBarComponent, selector: "si-content-action-bar", inputs: ["primaryActions", "secondaryActions", "actionParam", "viewType", "toggleItemLabel", "preventIconsInDropdownMenus", "disabled"] }, { kind: "component", type: SiIconComponent, selector: "si-icon", inputs: ["icon"] }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "browserUrl", "routerLink"] }, { kind: "component", type: SiSearchBarComponent, selector: "si-search-bar", inputs: ["debounceTime", "prohibitedCharacters", "placeholder", "showIcon", "value", "readonly", "colorVariant", "disabled", "maxlength", "clearButtonAriaLabel"], outputs: ["searchChange"] }, { kind: "directive", type: SiTooltipDirective, selector: "[siTooltip]", inputs: ["siTooltip", "placement", "isDisabled", "tooltipScrollStrategy", "tooltipContext"] }, { kind: "directive", type: SiLinkDirective, selector: "[siLink]", inputs: ["siLink", "siLinkDefaultTarget", "actionParam", "activeClass", "exactMatch", "ariaCurrent"], outputs: ["activeChange"], exportAs: ["siLink"] }, { kind: "pipe", type: SiTranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.Eager });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: SiSidePanelContentComponent, isStandalone: true, selector: "si-side-panel-content", inputs: { collapsibleInput: { classPropertyName: "collapsibleInput", publicName: "collapsible", isSignal: true, isRequired: false, transformFunction: null }, heading: { classPropertyName: "heading", publicName: "heading", isSignal: true, isRequired: false, transformFunction: null }, primaryActions: { classPropertyName: "primaryActions", publicName: "primaryActions", isSignal: true, isRequired: false, transformFunction: null }, secondaryActions: { classPropertyName: "secondaryActions", publicName: "secondaryActions", isSignal: true, isRequired: false, transformFunction: null }, statusActions: { classPropertyName: "statusActions", publicName: "statusActions", isSignal: true, isRequired: false, transformFunction: null }, searchable: { classPropertyName: "searchable", publicName: "searchable", isSignal: true, isRequired: false, transformFunction: null }, searchPlaceholder: { classPropertyName: "searchPlaceholder", publicName: "searchPlaceholder", isSignal: true, isRequired: false, transformFunction: null }, closeButtonLabel: { classPropertyName: "closeButtonLabel", publicName: "closeButtonLabel", isSignal: true, isRequired: false, transformFunction: null }, toggleItemLabel: { classPropertyName: "toggleItemLabel", publicName: "toggleItemLabel", isSignal: true, isRequired: false, transformFunction: null }, enterFullscreenLabel: { classPropertyName: "enterFullscreenLabel", publicName: "enterFullscreenLabel", isSignal: true, isRequired: false, transformFunction: null }, exitFullscreenLabel: { classPropertyName: "exitFullscreenLabel", publicName: "exitFullscreenLabel", isSignal: true, isRequired: false, transformFunction: null }, showMobileDrawerBadge: { classPropertyName: "showMobileDrawerBadge", publicName: "showMobileDrawerBadge", isSignal: true, isRequired: false, transformFunction: null }, displayMode: { classPropertyName: "displayMode", publicName: "displayMode", isSignal: true, isRequired: false, transformFunction: null }, navigateConfig: { classPropertyName: "navigateConfig", publicName: "navigateConfig", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { searchEvent: "searchEvent" }, host: { properties: { "class.collapsed": "isCollapsed()", "class.expanded": "isExpanded()", "class.enable-mobile": "enableMobile()", "class.rpanel-fullscreen-overlay": "isFullscreen()", "id": "panelContentId" } }, providers: [SiAccordionHCollapseService], ngImport: i0, template: "<div class=\"rpanel-header pt-5\">\n  <div class=\"d-flex align-items-center min-width-0 auto-hide\">\n    <ng-content select=\"[siSidePanelBackButton]\" />\n    <p class=\"si-h5 my-0 auto-hide text-truncate header-title\">\n      {{ heading() | translate }}\n    </p>\n  </div>\n  @if ((primaryActions().length || secondaryActions().length) && focusable()) {\n    <si-content-action-bar\n      class=\"auto-hide ms-auto\"\n      viewType=\"expanded\"\n      [primaryActions]=\"primaryActions()\"\n      [secondaryActions]=\"secondaryActions()\"\n      [toggleItemLabel]=\"toggleItemLabel()\"\n    />\n  }\n  <div class=\"d-flex\">\n    @let navigateConfig = this.navigateConfig();\n    @if (displayMode() === 'navigate' && navigateConfig) {\n      @if (navigateConfig.type === 'router-link') {\n        <a\n          class=\"btn btn-icon btn-tertiary-ghost auto-hide\"\n          [class.ms-4]=\"collapsible()\"\n          [class.mx-4]=\"!collapsible() || service.isTemporaryOpen()\"\n          [routerLink]=\"navigateConfig.routerLink\"\n          [queryParams]=\"navigateConfig.extras?.queryParams\"\n          [queryParamsHandling]=\"navigateConfig.extras?.queryParamsHandling\"\n          [fragment]=\"navigateConfig.extras?.fragment\"\n          [state]=\"navigateConfig.extras?.state\"\n          [relativeTo]=\"navigateConfig.extras?.relativeTo ?? activatedRoute\"\n          [preserveFragment]=\"navigateConfig.extras?.preserveFragment\"\n          [skipLocationChange]=\"navigateConfig.extras?.skipLocationChange\"\n          [replaceUrl]=\"navigateConfig.extras?.replaceUrl\"\n          [attr.aria-label]=\"navigateConfig.label | translate\"\n        >\n          <si-icon class=\"icon\" [icon]=\"icons.elementExport\" />\n          <span class=\"visually-hidden\">\n            {{ navigateConfig.label | translate }}\n          </span></a\n        >\n      } @else if (navigateConfig.type === 'link') {\n        <a\n          class=\"btn btn-icon btn-tertiary-ghost auto-hide\"\n          [class.ms-4]=\"collapsible()\"\n          [class.mx-4]=\"!collapsible()\"\n          [href]=\"navigateConfig.href\"\n          [target]=\"navigateConfig.target\"\n          [attr.rel]=\"navigateConfig.target === '_blank' ? 'noopener noreferrer' : null\"\n          [attr.aria-label]=\"navigateConfig.label | translate\"\n        >\n          <si-icon class=\"icon\" [icon]=\"icons.elementExport\" />\n          <span class=\"visually-hidden\">\n            {{ navigateConfig.label | translate }}\n          </span></a\n        >\n      }\n    }\n    @if (displayMode() === 'overlay') {\n      <button\n        type=\"button\"\n        class=\"fullscreen-button btn btn-icon btn-tertiary-ghost auto-hide\"\n        [class.ms-4]=\"collapsible()\"\n        [class.mx-4]=\"!collapsible() || service.isTemporaryOpen()\"\n        [attr.aria-label]=\"\n          (isFullscreen() ? exitFullscreenLabel() : enterFullscreenLabel()) | translate\n        \"\n        [tabindex]=\"focusable() ? '0' : '-1'\"\n        (click)=\"toggleFullscreen()\"\n      >\n        <si-icon [icon]=\"isFullscreen() ? icons.elementPinch : icons.elementZoom\" />\n      </button>\n    }\n    <button\n      type=\"button\"\n      class=\"close-button btn btn-icon btn-tertiary-ghost me-4\"\n      [attr.aria-label]=\"closeButtonLabel() | translate\"\n      [tabindex]=\"focusable() ? '0' : '-1'\"\n      (click)=\"toggleSidePanel($event)\"\n    >\n      <si-icon [icon]=\"icons.elementCancel\" />\n    </button>\n    <div class=\"collapse-toggle\">\n      <button\n        type=\"button\"\n        class=\"side-panel-collapse-toggle btn btn-icon btn-tertiary-ghost mx-4\"\n        [attr.aria-label]=\"toggleItemLabel() | translate\"\n        [attr.aria-expanded]=\"!isCollapsed() || service.isTemporaryOpen()\"\n        [attr.aria-controls]=\"panelContentId\"\n        (click)=\"toggleSidePanel($event)\"\n      >\n        <si-icon\n          class=\"flip-rtl\"\n          [class.badge-dot]=\"showMobileDrawerBadge()\"\n          [icon]=\"isCollapsed() ? icons.elementDoubleLeft : icons.elementDoubleRight\"\n        />\n      </button>\n    </div>\n  </div>\n</div>\n<div class=\"rpanel-wrapper d-flex flex-column\">\n  @if (statusActions().length && focusable()) {\n    <div class=\"rpanel-header rpanel-statusactions px-6\">\n      @for (dp of statusActions(); track $index) {\n        @if (!dp.disabled) {\n          <a\n            class=\"rpanel-statusaction position-relative focus-inside\"\n            placement=\"start\"\n            [attr.aria-label]=\"!isCollapsed() ? '' : (dp.title | translate)\"\n            [siTooltip]=\"(dp.title | translate) || ''\"\n            [isDisabled]=\"!isCollapsed()\"\n            [siLink]=\"dp\"\n          >\n            <si-icon class=\"icon\" [icon]=\"dp.icon!\" />\n            @if (dp.overlayIcon) {\n              <si-icon class=\"icon position-absolute\" [icon]=\"dp.overlayIcon\" />\n            }\n            <span class=\"ms-2 auto-hide si-body-sm\">{{ dp.title | translate }}</span>\n          </a>\n        } @else {\n          <div class=\"rpanel-statusaction dot-outer\" aria-hidden=\"true\">\n            <div class=\"dot text-disabled text-center\">&bull;</div>\n          </div>\n        }\n      }\n    </div>\n  }\n  <ng-content select=\"si-side-panel-actions\" />\n  @if (searchable() && focusable()) {\n    <div class=\"nav-search px-6 auto-hide\">\n      <si-search-bar\n        #searchBar\n        class=\"m-0\"\n        colorVariant=\"base-0\"\n        prohibitedCharacters=\"*?\"\n        [placeholder]=\"searchPlaceholder() | translate\"\n        [debounceTime]=\"400\"\n        [showIcon]=\"true\"\n        (searchChange)=\"searchEvent.emit($event)\"\n      />\n    </div>\n  }\n  @if (focusable()) {\n    <div class=\"rpanel-content\">\n      <ng-content />\n    </div>\n  }\n</div>\n", styles: [":host{--si-accordion-radius: 0;display:flex;flex-direction:column;flex:1}:host-context(.collapsible) .close-button{display:none}:host-context(.collapsible) .collapse-toggle{display:block}:host-context(.collapsible) .rpanel-wrapper{gap:var(--si-sys-sizing-spacing-y-50) var(--si-sys-sizing-spacing-x-50)}:host-context(.collapsible) :host.collapsed .auto-hide{display:none!important}:host-context(.collapsible) :host.collapsed .rpanel-wrapper{padding-block-start:0;gap:0;inline-size:var(--rpanel-collapsed-width)}:host-context(.collapsible) :host.collapsed .rpanel-content{flex:0 0 auto;margin-block-start:var(--si-sys-sizing-spacing-y-40)}:host-context(.collapsible) :host.collapsed .rpanel-statusactions{order:3;flex-direction:column;align-items:flex-start;padding:0!important}:host-context(.collapsible) :host.collapsed .rpanel-statusaction{padding-block:var(--si-sys-sizing-spacing-y-40);padding-inline:var(--si-sys-sizing-spacing-x-50)}:host-context(.collapsible) :host.collapsed .rpanel-statusaction:not(.dot-outer):hover{background:var(--si-sys-color-background-hover)}:host-context(.collapsible) :host.collapsed .rpanel-statusaction.dot-outer{inline-size:100%;justify-content:center}:host-context(.collapsible) :host.collapsed .rpanel-statusaction .icon{padding:var(--si-sys-sizing-spacing-y-10) var(--si-sys-sizing-spacing-x-10)}.fullscreen-button{display:var(--fullscreen-button-display, inline-flex)!important}.collapse-toggle{display:none}.collapse-toggle i{vertical-align:bottom}.rpanel-header,.rpanel-statusaction{display:flex;align-items:center}.rpanel-header{justify-content:space-between}.header-title{margin-inline-start:var(--si-sys-sizing-spacing-y-60)}.rpanel-header:has([siSidePanelBackButton]) .header-title{margin-inline-start:var(--si-sys-sizing-spacing-y-20)}.rpanel-wrapper{padding-block-start:var(--si-sys-sizing-spacing-y-50)}.rpanel-wrapper,.rpanel-content{min-block-size:0;flex:1 0 0;overflow-x:hidden;overflow-y:auto}.rpanel-statusaction{text-decoration:none}.rpanel-statusaction .dot{inline-size:24px;line-height:24px}.rpanel-statusaction span{white-space:pre-wrap;color:var(--si-sys-color-text-primary)}.rpanel-statusaction:hover span{color:var(--si-sys-color-text-accent)}@media(max-width:575.98px){:host.enable-mobile:not(.collapsed):not(.expanded) si-content-action-bar{margin-inline-end:calc(var(--si-sys-typography-font-size-body) * var(--si-sys-typography-line-height-body) + 2 * var(--si-sys-sizing-spacing-y-40) + 2 * var(--si-sys-sizing-spacing-y-40))}:host.enable-mobile:not(.expanded) .collapse-toggle{position:fixed;border:0;text-align:end;padding-block:4px!important;margin-block-start:8px!important;inset-inline-end:0;inset-block-start:calc(var(--si-sys-sizing-sizing-100) + 1px + var(--element-titlebar-spacing, 0px) + var(--element-system-banner-spacing, 0px));border-start-start-radius:var(--element-radius-2);border-end-start-radius:var(--element-radius-2);border-start-end-radius:0!important;border-end-end-radius:0!important;background:var(--si-sys-color-background-1);box-shadow:var(--si-sys-color-effects-shadow-1);z-index:2}}\n"], dependencies: [{ kind: "component", type: SiContentActionBarComponent, selector: "si-content-action-bar", inputs: ["primaryActions", "secondaryActions", "actionParam", "viewType", "toggleItemLabel", "preventIconsInDropdownMenus", "disabled"] }, { kind: "component", type: SiIconComponent, selector: "si-icon", inputs: ["icon"] }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "browserUrl", "routerLink"] }, { kind: "component", type: SiSearchBarComponent, selector: "si-search-bar", inputs: ["debounceTime", "prohibitedCharacters", "placeholder", "showIcon", "value", "readonly", "colorVariant", "disabled", "maxlength", "clearButtonAriaLabel"], outputs: ["searchChange"] }, { kind: "directive", type: SiTooltipDirective, selector: "[siTooltip]", inputs: ["siTooltip", "placement", "isDisabled", "tooltipScrollStrategy", "tooltipContext"] }, { kind: "directive", type: SiLinkDirective, selector: "[siLink]", inputs: ["siLink", "siLinkDefaultTarget", "actionParam", "activeClass", "exactMatch", "ariaCurrent"], outputs: ["activeChange"], exportAs: ["siLink"] }, { kind: "pipe", type: SiTranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.Eager });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: SiSidePanelContentComponent, decorators: [{
             type: Component,
@@ -754,7 +754,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
                         '[class.enable-mobile]': 'enableMobile()',
                         '[class.rpanel-fullscreen-overlay]': 'isFullscreen()',
                         '[id]': 'panelContentId'
-                    }, template: "<div class=\"rpanel-header pt-5\">\n  <div class=\"d-flex align-items-center min-width-0 auto-hide\">\n    <ng-content select=\"[siSidePanelBackButton]\" />\n    <p class=\"si-h5 my-0 auto-hide text-truncate header-title\">\n      {{ heading() | translate }}\n    </p>\n  </div>\n  @if ((primaryActions().length || secondaryActions().length) && focusable()) {\n    <si-content-action-bar\n      class=\"auto-hide ms-auto\"\n      viewType=\"expanded\"\n      [primaryActions]=\"primaryActions()\"\n      [secondaryActions]=\"secondaryActions()\"\n      [toggleItemLabel]=\"toggleItemLabel()\"\n    />\n  }\n  <div class=\"d-flex\">\n    @let navigateConfig = this.navigateConfig();\n    @if (displayMode() === 'navigate' && navigateConfig) {\n      @if (navigateConfig.type === 'router-link') {\n        <a\n          class=\"btn btn-icon btn-tertiary-ghost auto-hide\"\n          [class.ms-4]=\"collapsible()\"\n          [class.mx-4]=\"!collapsible() || service.isTemporaryOpen()\"\n          [routerLink]=\"navigateConfig.routerLink\"\n          [queryParams]=\"navigateConfig.extras?.queryParams\"\n          [queryParamsHandling]=\"navigateConfig.extras?.queryParamsHandling\"\n          [fragment]=\"navigateConfig.extras?.fragment\"\n          [state]=\"navigateConfig.extras?.state\"\n          [relativeTo]=\"navigateConfig.extras?.relativeTo ?? activatedRoute\"\n          [preserveFragment]=\"navigateConfig.extras?.preserveFragment\"\n          [skipLocationChange]=\"navigateConfig.extras?.skipLocationChange\"\n          [replaceUrl]=\"navigateConfig.extras?.replaceUrl\"\n          [attr.aria-label]=\"navigateConfig.label | translate\"\n        >\n          <si-icon class=\"icon\" [icon]=\"icons.elementExport\" />\n          <span class=\"visually-hidden\">\n            {{ navigateConfig.label | translate }}\n          </span></a\n        >\n      } @else if (navigateConfig.type === 'link') {\n        <a\n          class=\"btn btn-icon btn-tertiary-ghost auto-hide\"\n          [class.ms-4]=\"collapsible()\"\n          [class.mx-4]=\"!collapsible()\"\n          [href]=\"navigateConfig.href\"\n          [target]=\"navigateConfig.target\"\n          [attr.rel]=\"navigateConfig.target === '_blank' ? 'noopener noreferrer' : null\"\n          [attr.aria-label]=\"navigateConfig.label | translate\"\n        >\n          <si-icon class=\"icon\" [icon]=\"icons.elementExport\" />\n          <span class=\"visually-hidden\">\n            {{ navigateConfig.label | translate }}\n          </span></a\n        >\n      }\n    }\n    @if (displayMode() === 'overlay') {\n      <button\n        type=\"button\"\n        class=\"fullscreen-button btn btn-icon btn-tertiary-ghost auto-hide\"\n        [class.ms-4]=\"collapsible()\"\n        [class.mx-4]=\"!collapsible() || service.isTemporaryOpen()\"\n        [attr.aria-label]=\"\n          (isFullscreen() ? exitFullscreenLabel() : enterFullscreenLabel()) | translate\n        \"\n        [tabindex]=\"focusable() ? '0' : '-1'\"\n        (click)=\"toggleFullscreen()\"\n      >\n        <si-icon [icon]=\"isFullscreen() ? icons.elementPinch : icons.elementZoom\" />\n      </button>\n    }\n    <button\n      type=\"button\"\n      class=\"close-button btn btn-icon btn-tertiary-ghost me-4\"\n      [attr.aria-label]=\"closeButtonLabel() | translate\"\n      [tabindex]=\"focusable() ? '0' : '-1'\"\n      (click)=\"toggleSidePanel($event)\"\n    >\n      <si-icon [icon]=\"icons.elementCancel\" />\n    </button>\n    <div class=\"collapse-toggle\">\n      <button\n        type=\"button\"\n        class=\"side-panel-collapse-toggle btn btn-icon btn-tertiary-ghost mx-4\"\n        [attr.aria-label]=\"toggleItemLabel() | translate\"\n        [attr.aria-expanded]=\"!isCollapsed() || service.isTemporaryOpen()\"\n        [attr.aria-controls]=\"panelContentId\"\n        (click)=\"toggleSidePanel($event)\"\n      >\n        <si-icon\n          class=\"flip-rtl\"\n          [class.badge-dot]=\"showMobileDrawerBadge()\"\n          [icon]=\"isCollapsed() ? icons.elementDoubleLeft : icons.elementDoubleRight\"\n        />\n      </button>\n    </div>\n  </div>\n</div>\n<div class=\"rpanel-wrapper d-flex flex-column\">\n  @if (statusActions().length && focusable()) {\n    <div class=\"rpanel-header rpanel-statusactions px-6\">\n      @for (dp of statusActions(); track $index) {\n        @if (!dp.disabled) {\n          <a\n            class=\"rpanel-statusaction position-relative focus-inside\"\n            placement=\"start\"\n            [attr.aria-label]=\"!isCollapsed() ? '' : (dp.title | translate)\"\n            [siTooltip]=\"(dp.title | translate) || ''\"\n            [isDisabled]=\"!isCollapsed()\"\n            [siLink]=\"dp\"\n          >\n            <si-icon class=\"icon\" [icon]=\"dp.icon!\" />\n            @if (dp.overlayIcon) {\n              <si-icon class=\"icon position-absolute\" [icon]=\"dp.overlayIcon\" />\n            }\n            <span class=\"ms-2 auto-hide si-body-sm\">{{ dp.title | translate }}</span>\n          </a>\n        } @else {\n          <div class=\"rpanel-statusaction dot-outer\" aria-hidden=\"true\">\n            <div class=\"dot text-disabled text-center\">&bull;</div>\n          </div>\n        }\n      }\n    </div>\n  }\n  <ng-content select=\"si-side-panel-actions\" />\n  @if (searchable() && focusable()) {\n    <div class=\"nav-search px-6 auto-hide\">\n      <si-search-bar\n        #searchBar\n        class=\"m-0\"\n        colorVariant=\"base-0\"\n        prohibitedCharacters=\"*?\"\n        [placeholder]=\"searchPlaceholder() | translate\"\n        [debounceTime]=\"400\"\n        [showIcon]=\"true\"\n        (searchChange)=\"searchEvent.emit($event)\"\n      />\n    </div>\n  }\n  @if (focusable()) {\n    <div class=\"rpanel-content\">\n      <ng-content />\n    </div>\n  }\n</div>\n", styles: [":host{--si-accordion-radius: 0;display:flex;flex-direction:column;flex:1}:host-context(.collapsible) .close-button{display:none}:host-context(.collapsible) .collapse-toggle{display:block}:host-context(.collapsible) .rpanel-wrapper{gap:var(--si-sys-sizing-spacing-y-50) var(--si-sys-sizing-spacing-x-50)}:host-context(.collapsible) :host.collapsed .auto-hide{display:none!important}:host-context(.collapsible) :host.collapsed .rpanel-wrapper{padding-block-start:0;gap:0;inline-size:var(--rpanel-collapsed-width)}:host-context(.collapsible) :host.collapsed .rpanel-content{flex:0 0 auto;margin-block-start:var(--si-sys-sizing-spacing-y-40)}:host-context(.collapsible) :host.collapsed .rpanel-statusactions{order:3;flex-direction:column;align-items:flex-start;padding:0!important}:host-context(.collapsible) :host.collapsed .rpanel-statusaction{padding-block:var(--si-sys-sizing-spacing-y-40);padding-inline:var(--si-sys-sizing-spacing-x-50)}:host-context(.collapsible) :host.collapsed .rpanel-statusaction:not(.dot-outer):hover{background:var(--si-sys-background-hover)}:host-context(.collapsible) :host.collapsed .rpanel-statusaction.dot-outer{inline-size:100%;justify-content:center}:host-context(.collapsible) :host.collapsed .rpanel-statusaction .icon{padding:var(--si-sys-sizing-spacing-y-10) var(--si-sys-sizing-spacing-x-10)}.fullscreen-button{display:var(--fullscreen-button-display, inline-flex)!important}.collapse-toggle{display:none}.collapse-toggle i{vertical-align:bottom}.rpanel-header,.rpanel-statusaction{display:flex;align-items:center}.rpanel-header{justify-content:space-between}.header-title{margin-inline-start:var(--si-sys-sizing-spacing-y-60)}.rpanel-header:has([siSidePanelBackButton]) .header-title{margin-inline-start:var(--si-sys-sizing-spacing-y-20)}.rpanel-wrapper{padding-block-start:var(--si-sys-sizing-spacing-y-50)}.rpanel-wrapper,.rpanel-content{min-block-size:0;flex:1 0 0;overflow-x:hidden;overflow-y:auto}.rpanel-statusaction{text-decoration:none}.rpanel-statusaction .dot{inline-size:24px;line-height:24px}.rpanel-statusaction span{white-space:pre-wrap;color:var(--si-sys-text-primary)}.rpanel-statusaction:hover span{color:var(--si-sys-text-accent)}@media(max-width:575.98px){:host.enable-mobile:not(.collapsed):not(.expanded) si-content-action-bar{margin-inline-end:calc(var(--si-sys-typography-font-size-body) * var(--si-sys-typography-line-height-body) + 2 * var(--si-sys-sizing-spacing-y-40) + 2 * var(--si-sys-sizing-spacing-y-40))}:host.enable-mobile:not(.expanded) .collapse-toggle{position:fixed;border:0;text-align:end;padding-block:4px!important;margin-block-start:8px!important;inset-inline-end:0;inset-block-start:calc(var(--si-sys-sizing-sizing-100) + 1px + var(--element-titlebar-spacing, 0px) + var(--element-system-banner-spacing, 0px));border-start-start-radius:var(--element-radius-2);border-end-start-radius:var(--element-radius-2);border-start-end-radius:0!important;border-end-end-radius:0!important;background:var(--si-sys-background-1);box-shadow:var(--si-sys-effects-shadow-1);z-index:2}}\n"] }]
+                    }, template: "<div class=\"rpanel-header pt-5\">\n  <div class=\"d-flex align-items-center min-width-0 auto-hide\">\n    <ng-content select=\"[siSidePanelBackButton]\" />\n    <p class=\"si-h5 my-0 auto-hide text-truncate header-title\">\n      {{ heading() | translate }}\n    </p>\n  </div>\n  @if ((primaryActions().length || secondaryActions().length) && focusable()) {\n    <si-content-action-bar\n      class=\"auto-hide ms-auto\"\n      viewType=\"expanded\"\n      [primaryActions]=\"primaryActions()\"\n      [secondaryActions]=\"secondaryActions()\"\n      [toggleItemLabel]=\"toggleItemLabel()\"\n    />\n  }\n  <div class=\"d-flex\">\n    @let navigateConfig = this.navigateConfig();\n    @if (displayMode() === 'navigate' && navigateConfig) {\n      @if (navigateConfig.type === 'router-link') {\n        <a\n          class=\"btn btn-icon btn-tertiary-ghost auto-hide\"\n          [class.ms-4]=\"collapsible()\"\n          [class.mx-4]=\"!collapsible() || service.isTemporaryOpen()\"\n          [routerLink]=\"navigateConfig.routerLink\"\n          [queryParams]=\"navigateConfig.extras?.queryParams\"\n          [queryParamsHandling]=\"navigateConfig.extras?.queryParamsHandling\"\n          [fragment]=\"navigateConfig.extras?.fragment\"\n          [state]=\"navigateConfig.extras?.state\"\n          [relativeTo]=\"navigateConfig.extras?.relativeTo ?? activatedRoute\"\n          [preserveFragment]=\"navigateConfig.extras?.preserveFragment\"\n          [skipLocationChange]=\"navigateConfig.extras?.skipLocationChange\"\n          [replaceUrl]=\"navigateConfig.extras?.replaceUrl\"\n          [attr.aria-label]=\"navigateConfig.label | translate\"\n        >\n          <si-icon class=\"icon\" [icon]=\"icons.elementExport\" />\n          <span class=\"visually-hidden\">\n            {{ navigateConfig.label | translate }}\n          </span></a\n        >\n      } @else if (navigateConfig.type === 'link') {\n        <a\n          class=\"btn btn-icon btn-tertiary-ghost auto-hide\"\n          [class.ms-4]=\"collapsible()\"\n          [class.mx-4]=\"!collapsible()\"\n          [href]=\"navigateConfig.href\"\n          [target]=\"navigateConfig.target\"\n          [attr.rel]=\"navigateConfig.target === '_blank' ? 'noopener noreferrer' : null\"\n          [attr.aria-label]=\"navigateConfig.label | translate\"\n        >\n          <si-icon class=\"icon\" [icon]=\"icons.elementExport\" />\n          <span class=\"visually-hidden\">\n            {{ navigateConfig.label | translate }}\n          </span></a\n        >\n      }\n    }\n    @if (displayMode() === 'overlay') {\n      <button\n        type=\"button\"\n        class=\"fullscreen-button btn btn-icon btn-tertiary-ghost auto-hide\"\n        [class.ms-4]=\"collapsible()\"\n        [class.mx-4]=\"!collapsible() || service.isTemporaryOpen()\"\n        [attr.aria-label]=\"\n          (isFullscreen() ? exitFullscreenLabel() : enterFullscreenLabel()) | translate\n        \"\n        [tabindex]=\"focusable() ? '0' : '-1'\"\n        (click)=\"toggleFullscreen()\"\n      >\n        <si-icon [icon]=\"isFullscreen() ? icons.elementPinch : icons.elementZoom\" />\n      </button>\n    }\n    <button\n      type=\"button\"\n      class=\"close-button btn btn-icon btn-tertiary-ghost me-4\"\n      [attr.aria-label]=\"closeButtonLabel() | translate\"\n      [tabindex]=\"focusable() ? '0' : '-1'\"\n      (click)=\"toggleSidePanel($event)\"\n    >\n      <si-icon [icon]=\"icons.elementCancel\" />\n    </button>\n    <div class=\"collapse-toggle\">\n      <button\n        type=\"button\"\n        class=\"side-panel-collapse-toggle btn btn-icon btn-tertiary-ghost mx-4\"\n        [attr.aria-label]=\"toggleItemLabel() | translate\"\n        [attr.aria-expanded]=\"!isCollapsed() || service.isTemporaryOpen()\"\n        [attr.aria-controls]=\"panelContentId\"\n        (click)=\"toggleSidePanel($event)\"\n      >\n        <si-icon\n          class=\"flip-rtl\"\n          [class.badge-dot]=\"showMobileDrawerBadge()\"\n          [icon]=\"isCollapsed() ? icons.elementDoubleLeft : icons.elementDoubleRight\"\n        />\n      </button>\n    </div>\n  </div>\n</div>\n<div class=\"rpanel-wrapper d-flex flex-column\">\n  @if (statusActions().length && focusable()) {\n    <div class=\"rpanel-header rpanel-statusactions px-6\">\n      @for (dp of statusActions(); track $index) {\n        @if (!dp.disabled) {\n          <a\n            class=\"rpanel-statusaction position-relative focus-inside\"\n            placement=\"start\"\n            [attr.aria-label]=\"!isCollapsed() ? '' : (dp.title | translate)\"\n            [siTooltip]=\"(dp.title | translate) || ''\"\n            [isDisabled]=\"!isCollapsed()\"\n            [siLink]=\"dp\"\n          >\n            <si-icon class=\"icon\" [icon]=\"dp.icon!\" />\n            @if (dp.overlayIcon) {\n              <si-icon class=\"icon position-absolute\" [icon]=\"dp.overlayIcon\" />\n            }\n            <span class=\"ms-2 auto-hide si-body-sm\">{{ dp.title | translate }}</span>\n          </a>\n        } @else {\n          <div class=\"rpanel-statusaction dot-outer\" aria-hidden=\"true\">\n            <div class=\"dot text-disabled text-center\">&bull;</div>\n          </div>\n        }\n      }\n    </div>\n  }\n  <ng-content select=\"si-side-panel-actions\" />\n  @if (searchable() && focusable()) {\n    <div class=\"nav-search px-6 auto-hide\">\n      <si-search-bar\n        #searchBar\n        class=\"m-0\"\n        colorVariant=\"base-0\"\n        prohibitedCharacters=\"*?\"\n        [placeholder]=\"searchPlaceholder() | translate\"\n        [debounceTime]=\"400\"\n        [showIcon]=\"true\"\n        (searchChange)=\"searchEvent.emit($event)\"\n      />\n    </div>\n  }\n  @if (focusable()) {\n    <div class=\"rpanel-content\">\n      <ng-content />\n    </div>\n  }\n</div>\n", styles: [":host{--si-accordion-radius: 0;display:flex;flex-direction:column;flex:1}:host-context(.collapsible) .close-button{display:none}:host-context(.collapsible) .collapse-toggle{display:block}:host-context(.collapsible) .rpanel-wrapper{gap:var(--si-sys-sizing-spacing-y-50) var(--si-sys-sizing-spacing-x-50)}:host-context(.collapsible) :host.collapsed .auto-hide{display:none!important}:host-context(.collapsible) :host.collapsed .rpanel-wrapper{padding-block-start:0;gap:0;inline-size:var(--rpanel-collapsed-width)}:host-context(.collapsible) :host.collapsed .rpanel-content{flex:0 0 auto;margin-block-start:var(--si-sys-sizing-spacing-y-40)}:host-context(.collapsible) :host.collapsed .rpanel-statusactions{order:3;flex-direction:column;align-items:flex-start;padding:0!important}:host-context(.collapsible) :host.collapsed .rpanel-statusaction{padding-block:var(--si-sys-sizing-spacing-y-40);padding-inline:var(--si-sys-sizing-spacing-x-50)}:host-context(.collapsible) :host.collapsed .rpanel-statusaction:not(.dot-outer):hover{background:var(--si-sys-color-background-hover)}:host-context(.collapsible) :host.collapsed .rpanel-statusaction.dot-outer{inline-size:100%;justify-content:center}:host-context(.collapsible) :host.collapsed .rpanel-statusaction .icon{padding:var(--si-sys-sizing-spacing-y-10) var(--si-sys-sizing-spacing-x-10)}.fullscreen-button{display:var(--fullscreen-button-display, inline-flex)!important}.collapse-toggle{display:none}.collapse-toggle i{vertical-align:bottom}.rpanel-header,.rpanel-statusaction{display:flex;align-items:center}.rpanel-header{justify-content:space-between}.header-title{margin-inline-start:var(--si-sys-sizing-spacing-y-60)}.rpanel-header:has([siSidePanelBackButton]) .header-title{margin-inline-start:var(--si-sys-sizing-spacing-y-20)}.rpanel-wrapper{padding-block-start:var(--si-sys-sizing-spacing-y-50)}.rpanel-wrapper,.rpanel-content{min-block-size:0;flex:1 0 0;overflow-x:hidden;overflow-y:auto}.rpanel-statusaction{text-decoration:none}.rpanel-statusaction .dot{inline-size:24px;line-height:24px}.rpanel-statusaction span{white-space:pre-wrap;color:var(--si-sys-color-text-primary)}.rpanel-statusaction:hover span{color:var(--si-sys-color-text-accent)}@media(max-width:575.98px){:host.enable-mobile:not(.collapsed):not(.expanded) si-content-action-bar{margin-inline-end:calc(var(--si-sys-typography-font-size-body) * var(--si-sys-typography-line-height-body) + 2 * var(--si-sys-sizing-spacing-y-40) + 2 * var(--si-sys-sizing-spacing-y-40))}:host.enable-mobile:not(.expanded) .collapse-toggle{position:fixed;border:0;text-align:end;padding-block:4px!important;margin-block-start:8px!important;inset-inline-end:0;inset-block-start:calc(var(--si-sys-sizing-sizing-100) + 1px + var(--element-titlebar-spacing, 0px) + var(--element-system-banner-spacing, 0px));border-start-start-radius:var(--element-radius-2);border-end-start-radius:var(--element-radius-2);border-start-end-radius:0!important;border-end-end-radius:0!important;background:var(--si-sys-color-background-1);box-shadow:var(--si-sys-color-effects-shadow-1);z-index:2}}\n"] }]
         }], ctorParameters: () => [], propDecorators: { collapsibleInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "collapsible", required: false }] }], heading: [{ type: i0.Input, args: [{ isSignal: true, alias: "heading", required: false }] }], primaryActions: [{ type: i0.Input, args: [{ isSignal: true, alias: "primaryActions", required: false }] }], secondaryActions: [{ type: i0.Input, args: [{ isSignal: true, alias: "secondaryActions", required: false }] }], statusActions: [{ type: i0.Input, args: [{ isSignal: true, alias: "statusActions", required: false }] }], searchable: [{ type: i0.Input, args: [{ isSignal: true, alias: "searchable", required: false }] }], searchPlaceholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "searchPlaceholder", required: false }] }], closeButtonLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "closeButtonLabel", required: false }] }], toggleItemLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "toggleItemLabel", required: false }] }], enterFullscreenLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "enterFullscreenLabel", required: false }] }], exitFullscreenLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "exitFullscreenLabel", required: false }] }], showMobileDrawerBadge: [{ type: i0.Input, args: [{ isSignal: true, alias: "showMobileDrawerBadge", required: false }] }], displayMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "displayMode", required: false }] }], navigateConfig: [{ type: i0.Input, args: [{ isSignal: true, alias: "navigateConfig", required: false }] }], searchEvent: [{ type: i0.Output, args: ["searchEvent"] }] } });
 
 /**
@@ -818,7 +818,7 @@ class SiSidePanelActionComponent {
         <ng-content />
       </span>
     }
-  `, isInline: true, styles: [":host{display:flex;align-items:center;text-decoration:none;border:0;background:transparent;padding:0}:host .dot{inline-size:var(--si-sys-sizing-icon-md);line-height:var(--si-sys-sizing-icon-md)}:host span{color:var(--si-sys-text-primary)}:host:hover span{color:var(--si-sys-text-accent)}:host-context(.collapsible .collapsed){padding-block:var(--si-sys-sizing-spacing-y-40);padding-inline:var(--si-sys-sizing-spacing-x-50)}:host-context(.collapsible .collapsed):not(:disabled):hover{background:var(--si-sys-background-hover)}:host-context(.collapsible .collapsed) .dot,:host-context(.collapsible .collapsed) .icon{margin:var(--si-sys-sizing-spacing-y-10) var(--si-sys-sizing-spacing-x-10)}:host-context(si-side-panel-content.collapsed) .auto-hide{position:absolute!important;inline-size:1px!important;block-size:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}\n"], dependencies: [{ kind: "component", type: SiIconComponent, selector: "si-icon", inputs: ["icon"] }] });
+  `, isInline: true, styles: [":host{display:flex;align-items:center;text-decoration:none;border:0;background:transparent;padding:0}:host .dot{inline-size:var(--si-sys-sizing-icon-md);line-height:var(--si-sys-sizing-icon-md)}:host span{color:var(--si-sys-color-text-primary)}:host:hover span{color:var(--si-sys-color-text-accent)}:host-context(.collapsible .collapsed){padding-block:var(--si-sys-sizing-spacing-y-40);padding-inline:var(--si-sys-sizing-spacing-x-50)}:host-context(.collapsible .collapsed):not(:disabled):hover{background:var(--si-sys-color-background-hover)}:host-context(.collapsible .collapsed) .dot,:host-context(.collapsible .collapsed) .icon{margin:var(--si-sys-sizing-spacing-y-10) var(--si-sys-sizing-spacing-x-10)}:host-context(si-side-panel-content.collapsed) .auto-hide{position:absolute!important;inline-size:1px!important;block-size:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}\n"], dependencies: [{ kind: "component", type: SiIconComponent, selector: "si-icon", inputs: ["icon"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: SiSidePanelActionComponent, decorators: [{
             type: Component,
@@ -838,7 +838,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
     }
   `, host: {
                         class: 'focus-inside'
-                    }, styles: [":host{display:flex;align-items:center;text-decoration:none;border:0;background:transparent;padding:0}:host .dot{inline-size:var(--si-sys-sizing-icon-md);line-height:var(--si-sys-sizing-icon-md)}:host span{color:var(--si-sys-text-primary)}:host:hover span{color:var(--si-sys-text-accent)}:host-context(.collapsible .collapsed){padding-block:var(--si-sys-sizing-spacing-y-40);padding-inline:var(--si-sys-sizing-spacing-x-50)}:host-context(.collapsible .collapsed):not(:disabled):hover{background:var(--si-sys-background-hover)}:host-context(.collapsible .collapsed) .dot,:host-context(.collapsible .collapsed) .icon{margin:var(--si-sys-sizing-spacing-y-10) var(--si-sys-sizing-spacing-x-10)}:host-context(si-side-panel-content.collapsed) .auto-hide{position:absolute!important;inline-size:1px!important;block-size:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}\n"] }]
+                    }, styles: [":host{display:flex;align-items:center;text-decoration:none;border:0;background:transparent;padding:0}:host .dot{inline-size:var(--si-sys-sizing-icon-md);line-height:var(--si-sys-sizing-icon-md)}:host span{color:var(--si-sys-color-text-primary)}:host:hover span{color:var(--si-sys-color-text-accent)}:host-context(.collapsible .collapsed){padding-block:var(--si-sys-sizing-spacing-y-40);padding-inline:var(--si-sys-sizing-spacing-x-50)}:host-context(.collapsible .collapsed):not(:disabled):hover{background:var(--si-sys-color-background-hover)}:host-context(.collapsible .collapsed) .dot,:host-context(.collapsible .collapsed) .icon{margin:var(--si-sys-sizing-spacing-y-10) var(--si-sys-sizing-spacing-x-10)}:host-context(si-side-panel-content.collapsed) .auto-hide{position:absolute!important;inline-size:1px!important;block-size:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}\n"] }]
         }], propDecorators: { icon: [{ type: i0.Input, args: [{ isSignal: true, alias: "icon", required: true }] }], iconColor: [{ type: i0.Input, args: [{ isSignal: true, alias: "iconColor", required: false }] }], stackedIcon: [{ type: i0.Input, args: [{ isSignal: true, alias: "stackedIcon", required: false }] }], stackedIconColor: [{ type: i0.Input, args: [{ isSignal: true, alias: "stackedIconColor", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }] } });
 
 /**

package/fesm2022/siemens-element-ng-side-panel.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"siemens-element-ng-side-panel.mjs","sources":["../../../../projects/element-ng/side-panel/si-side-panel.service.ts","../../../../projects/element-ng/side-panel/si-side-panel.component.ts","../../../../projects/element-ng/side-panel/si-side-panel.component.html","../../../../projects/element-ng/side-panel/si-side-panel-content.component.ts","../../../../projects/element-ng/side-panel/si-side-panel-content.component.html","../../../../projects/element-ng/side-panel/si-side-panel-action.component.ts","../../../../projects/element-ng/side-panel/si-side-panel-actions.component.ts","../../../../projects/element-ng/side-panel/si-side-panel-back-button.component.ts","../../../../projects/element-ng/side-panel/si-side-panel.module.ts","../../../../projects/element-ng/side-panel/side-panel.model.ts","../../../../projects/element-ng/side-panel/index.ts","../../../../projects/element-ng/side-panel/siemens-element-ng-side-panel.ts"],"sourcesContent":["/**\n * Copyright (c) Siemens 2016 - 2026\n * SPDX-License-Identifier: MIT\n */\nimport { Portal } from '@angular/cdk/portal';\nimport { DOCUMENT, isPlatformBrowser } from '@angular/common';\nimport { inject, Injectable, PLATFORM_ID, signal } from '@angular/core';\nimport { BehaviorSubject, EMPTY, Observable, Subject } from 'rxjs';\n\n@Injectable({\n  providedIn: 'root'\n})\nexport class SiSidePanelService {\n  private contentSubject = new BehaviorSubject<Portal<any> | undefined>(undefined);\n  /** @internal */\n  readonly content$ = this.contentSubject.asObservable();\n\n  private openSubject = new BehaviorSubject<boolean>(false);\n  /**\n   * Emits on side panel is open or close.\n   *\n   * @defaultValue this.openSubject.asObservable()\n   */\n  readonly isOpen$ = this.openSubject.asObservable();\n\n  private tempContentSubject = new BehaviorSubject<Portal<any> | undefined>(undefined);\n  /** @internal */\n  readonly tempContent$ = this.tempContentSubject.asObservable();\n\n  private tempContentClosed?: Subject<void>;\n  /** @internal */\n  readonly enableMobile = signal(false);\n\n  /** @internal */\n  readonly collapsible = signal(false);\n\n  private fullscreenSubject = new BehaviorSubject<boolean>(false);\n  /**\n   * Emits when fullscreen overlay mode is toggled.\n   */\n  readonly isFullscreen$ = this.fullscreenSubject.asObservable();\n\n  // Body scroll management\n  private bodyScrollLocks = 0;\n  private originalBodyOverflow?: string;\n  private readonly document = inject(DOCUMENT);\n  private readonly isBrowser = isPlatformBrowser(inject(PLATFORM_ID));\n\n  /** Set or update displayed content. */\n  setSidePanelContent(portal: Portal<any> | undefined): void {\n    this.contentSubject.next(portal);\n  }\n\n  /** Open side panel. */\n  open(): void {\n    this.hideTemporaryContent();\n    this.openSubject.next(true);\n  }\n\n  /** Close side panel. */\n  close(): void {\n    if (this.hideTemporaryContent()) {\n      return;\n    }\n    this.openSubject.next(false);\n  }\n\n  /** Toggle side panel open/close. */\n  toggle(): void {\n    this.hideTemporaryContent();\n    this.openSubject.next(!this.openSubject.value);\n  }\n\n  /** Indicate is side panel open. */\n  isOpen(): boolean {\n    return this.openSubject.value;\n  }\n\n  /** Toggle fullscreen overlay mode. */\n  toggleFullscreen(): void {\n    this.fullscreenSubject.next(!this.fullscreenSubject.value);\n  }\n\n  /** Set fullscreen overlay mode. */\n  setFullscreen(fullscreen: boolean): void {\n    this.fullscreenSubject.next(fullscreen);\n  }\n\n  /** Indicate if side panel is in fullscreen overlay mode. */\n  isFullscreen(): boolean {\n    return this.fullscreenSubject.value;\n  }\n\n  /**\n   * Indicate that the side panel is open with temporary content.\n   */\n  isTemporaryOpen(): boolean {\n    return !!this.tempContentSubject.value;\n  }\n\n  /** Show side panel temporary content, opening the side panel when necessary. */\n  showTemporaryContent(portal: Portal<any> | undefined): Observable<void> {\n    this.hideTemporaryContent();\n    this.tempContentSubject.next(portal);\n\n    if (portal) {\n      this.tempContentClosed = new Subject();\n      return this.tempContentClosed.asObservable();\n    }\n    return EMPTY;\n  }\n\n  /** Hide side panel temporary content, reverting to state before showing temporary content. */\n  hideTemporaryContent(): boolean {\n    if (!this.isTemporaryOpen()) {\n      return false;\n    }\n    if (this.tempContentClosed) {\n      const sub = this.tempContentClosed;\n      this.tempContentClosed = undefined;\n      sub.next();\n      sub.complete();\n    }\n    this.tempContentSubject.next(undefined);\n    return true;\n  }\n\n  /**\n   * Request body scroll lock. Uses reference counting to handle multiple panels.\n   */\n  requestBodyScrollLock(): void {\n    if (!this.isBrowser) {\n      return;\n    }\n\n    if (this.bodyScrollLocks === 0) {\n      this.originalBodyOverflow = this.document.body.style.overflow;\n      this.document.body.style.overflow = 'hidden';\n    }\n    this.bodyScrollLocks++;\n  }\n\n  /**\n   * Release body scroll lock. Restores scroll when no more locks exist.\n   */\n  releaseBodyScrollLock(): void {\n    if (!this.isBrowser || this.bodyScrollLocks === 0) {\n      return;\n    }\n\n    this.bodyScrollLocks--;\n    if (this.bodyScrollLocks === 0 && this.originalBodyOverflow !== undefined) {\n      this.document.body.style.overflow = this.originalBodyOverflow;\n      this.originalBodyOverflow = undefined;\n    }\n  }\n}\n","/**\n * Copyright (c) Siemens 2016 - 2026\n * SPDX-License-Identifier: MIT\n */\nimport { CdkPortalOutlet, Portal, PortalModule } from '@angular/cdk/portal';\nimport { isPlatformBrowser } from '@angular/common';\nimport {\n  booleanAttribute,\n  ChangeDetectionStrategy,\n  ChangeDetectorRef,\n  Component,\n  computed,\n  DestroyRef,\n  DOCUMENT,\n  effect,\n  ElementRef,\n  inject,\n  input,\n  model,\n  OnChanges,\n  OnDestroy,\n  OnInit,\n  output,\n  PLATFORM_ID,\n  signal,\n  SimpleChanges,\n  viewChild\n} from '@angular/core';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\nimport {\n  BOOTSTRAP_BREAKPOINTS,\n  Breakpoints,\n  ElementDimensions,\n  ResizeObserverService\n} from '@siemens/element-ng/resize-observer';\nimport { t } from '@siemens/element-translate-ng/translate';\nimport { Subject } from 'rxjs';\nimport { debounceTime } from 'rxjs/operators';\n\nimport { SiSidePanelService } from './si-side-panel.service';\nimport { SidePanelMode, SidePanelSize } from './side-panel.model';\n\n@Component({\n  selector: 'si-side-panel',\n  imports: [PortalModule],\n  templateUrl: './si-side-panel.component.html',\n  styleUrl: './si-side-panel.component.scss',\n  changeDetection: ChangeDetectionStrategy.Eager,\n  host: {\n    class: 'si-layout-inner',\n    '[class.enable-mobile]': 'enableMobile()',\n    '[class.rpanel-size--regular]': 'this.size() === \"regular\"',\n    '[class.rpanel-size--wide]': 'this.size() === \"wide\"',\n    '[class.rpanel-size--extended]': 'this.size() === \"extended\"',\n    '[class.rpanel-mode--over]': 'isOverMode()',\n    '[class.rpanel-mode--scroll]': 'isScrollMode()',\n    '[class.rpanel-collapsed]': 'isCollapsed()',\n    '[class.ready]': 'ready()',\n    '[class.collapsible]': 'collapsible() && !this.showTempContent()',\n    '[class.collapsible-temp]': 'collapsible() && this.showTempContent()',\n    '[class.rpanel-hidden]': 'isHidden()',\n    '[class.rpanel-fullscreen-overlay]': 'isFullscreenOverlay()',\n    '[class.rpanel-resize-xs]': 'isXs()',\n    '[class.rpanel-resize-sm]': 'isSm()',\n    '[class.rpanel-resize-md]': 'isMd()',\n    '[class.rpanel-resize-lg]': 'isLg()',\n    '[class.rpanel-resize-xl]': 'isXl()',\n    '[class.rpanel-resize-xxl]': 'isXxl()',\n    '[class.rpanel-resize-xxxl]': 'isXxxl()'\n  }\n})\nexport class SiSidePanelComponent implements OnInit, OnDestroy, OnChanges {\n  /**\n   * Custom breakpoint for ultra-wide screens (≥1920px)\n   */\n  private static readonly xxxlMinimum = 1920;\n\n  /**\n   * @defaultValue false\n   */\n  readonly collapsible = input(false, { transform: booleanAttribute });\n\n  /**\n   * Default state of navigation\n   */\n  readonly collapsed = model<boolean>();\n\n  /**\n   * Mode of side panel\n   * (ignored below a certain width)\n   *\n   * @defaultValue 'over'\n   */\n  readonly mode = input<SidePanelMode>('over');\n\n  /**\n   * Size of side-panel\n   *\n   * @defaultValue 'regular'\n   */\n  readonly size = input<SidePanelSize>('regular');\n\n  /**\n   * Toggle icon aria-label, required for a11y\n   *\n   * @defaultValue\n   * ```\n   * t(() => $localize`:@@SI_SIDE_PANEL.TOGGLE:Toggle`)\n   * ```\n   */\n  readonly toggleItemLabel = input(t(() => $localize`:@@SI_SIDE_PANEL.TOGGLE:Toggle`));\n\n  /**\n   * Specifies custom breakpoints to automatically switch mode.\n   * The `smMinimum` specifies the breakpoint for the mobile view.\n   * The `lgMinimum` specifies the breakpoint to allow scroll mode\n   * (below automatically uses over mode).\n   * The `xlMinimum` specifies the breakpoint to allow scroll mode\n   * with wide size (below automatically uses over mode).\n   */\n  readonly breakpoints = input<Breakpoints>();\n\n  /**\n   * Enable mobile drawer for small screen sizes. Should not be used in conjunction with the vertical navbar.\n   *\n   * @defaultValue false\n   */\n  readonly enableMobile = input(false, { transform: booleanAttribute });\n\n  /**\n   * Whether to disable backdrop when side panel is open in over mode.\n   * When false (default), the backdrop prevents interaction with background content while preserving visual context.\n   *\n   * @defaultValue false\n   */\n  readonly disableBackdrop = input(false, { transform: booleanAttribute });\n\n  /**\n   * Emits when the panel is closed\n   */\n  readonly closed = output();\n\n  /**\n   * Emits whenever the content is resized due to opening and closing or parent resize.\n   */\n  readonly contentResize = output<ElementDimensions>();\n\n  protected readonly isScrollMode = computed(() => this.mode() === 'scroll');\n  protected readonly isOverMode = computed(() => {\n    if (this.mode() === 'over') {\n      return true;\n    }\n\n    if (this.mode() === 'scroll') {\n      if (this.isXs() || this.isSm() || this.isMd()) {\n        return true;\n      }\n      if (this.isLg() && (this.size() === 'wide' || this.size() === 'extended')) {\n        return true;\n      }\n    }\n\n    return false;\n  });\n  protected readonly showBackdrop = computed(\n    () => !this.disableBackdrop() && this.isOverMode() && !this.isCollapsed()\n  );\n  protected readonly isXs = signal(false);\n  protected readonly isSm = signal(false);\n  protected readonly isMd = signal(true);\n  protected readonly isLg = signal(false);\n  protected readonly isXl = signal(false);\n  protected readonly isXxl = signal(false);\n  protected readonly isXxxl = signal(false);\n  protected readonly isCollapsed = signal(false);\n  protected readonly ready = signal(false);\n  protected readonly isHidden = signal(false);\n  protected readonly isFullscreenOverlay = signal(false);\n  protected readonly showTempContent = signal(false);\n\n  private readonly panelElement = viewChild.required<ElementRef>('sidePanel');\n  private readonly contentElement = viewChild.required<ElementRef>('content');\n  private readonly portalOutlet = viewChild.required<CdkPortalOutlet, CdkPortalOutlet>(\n    'portalOutlet',\n    {\n      read: CdkPortalOutlet\n    }\n  );\n  private readonly tmpPortalOutlet = viewChild.required<CdkPortalOutlet, CdkPortalOutlet>(\n    'tmpPortalOutlet',\n    {\n      read: CdkPortalOutlet\n    }\n  );\n\n  /**\n   * The $rpanel-transition-duration in the style is 0.5 seconds.\n   * Sending the resize event after resize need to wait until resize is done.\n   */\n  private readonly resizeEventDelay = 500;\n  private resizeEvent = new Subject<void>();\n  private openingOrClosing = false;\n  private previousContentDimensions: ElementDimensions = { width: 0, height: 0 };\n  private isCollapsedInternal = false; // same as the other one, except w/o timeout for animation\n  private readonly isBrowser = isPlatformBrowser(inject(PLATFORM_ID));\n  private readonly element = inject(ElementRef);\n  private readonly resizeObserver = inject(ResizeObserverService);\n  private readonly service = inject(SiSidePanelService);\n  private readonly cdRef = inject(ChangeDetectorRef);\n  private readonly destroyRef = inject(DestroyRef);\n  private readonly document = inject(DOCUMENT);\n\n  constructor() {\n    this.service.isFullscreen$.pipe(takeUntilDestroyed(this.destroyRef)).subscribe(fullscreen => {\n      this.isFullscreenOverlay.set(fullscreen);\n    });\n\n    if (this.isBrowser) {\n      this.resizeEvent\n        .asObservable()\n        .pipe(takeUntilDestroyed(), debounceTime(this.resizeEventDelay))\n        .subscribe(() => {\n          this.openingOrClosing = false;\n          this.emitResizeOutputs();\n          this.service.setFullscreen(false);\n          if (this.isCollapsedInternal && !this.collapsible()) {\n            this.isHidden.set(true);\n          }\n        });\n    }\n\n    effect(() => {\n      if (this.showBackdrop()) {\n        this.service.requestBodyScrollLock();\n      } else {\n        this.service.releaseBodyScrollLock();\n      }\n    });\n  }\n\n  ngOnChanges(changes: SimpleChanges<this>): void {\n    if (changes.collapsed) {\n      if (this.collapsed()) {\n        this.service.close();\n      } else {\n        this.service.open();\n      }\n    }\n\n    if (changes.enableMobile) {\n      this.service.enableMobile.set(this.enableMobile());\n    }\n\n    if (changes.collapsible) {\n      this.service.collapsible.set(this.collapsible());\n    }\n  }\n\n  ngOnInit(): void {\n    // handle initial state to avoid flicker\n    const collapsed = this.collapsed() ?? !this.service.isOpen();\n    this.isCollapsedInternal = collapsed;\n    this.isHidden.set(collapsed);\n    this.isCollapsed.set(collapsed);\n    this.service.collapsible.set(this.collapsible());\n\n    this.resizeObserver\n      .observe(this.element.nativeElement, 100, true)\n      .pipe(takeUntilDestroyed(this.destroyRef))\n      .subscribe(dim => {\n        this.setBreakpoints(dim.width, dim.height);\n        if (!this.ready()) {\n          // delay because the initial sizing needs to settle\n          setTimeout(() => {\n            this.ready.set(true);\n          }, 100);\n        }\n        if (!this.openingOrClosing) {\n          this.emitResizeOutputs();\n        }\n      });\n\n    this.service.content$\n      .pipe(takeUntilDestroyed(this.destroyRef))\n      .subscribe(portal => this.attachContent(portal));\n\n    this.service.tempContent$\n      .pipe(takeUntilDestroyed(this.destroyRef))\n      .subscribe(portal => this.attachTempContent(portal));\n\n    this.service.isOpen$\n      .pipe(takeUntilDestroyed(this.destroyRef))\n      .subscribe(isOpen => this.openClose(isOpen));\n  }\n\n  ngOnDestroy(): void {\n    this.portalOutlet().detach();\n    this.service.releaseBodyScrollLock();\n  }\n  /**\n   * Toggle whether the side panel is expanded or not.\n   */\n  toggleSidePanel(): void {\n    if (this.collapsible()) {\n      this.service.toggle();\n    } else {\n      this.service.close();\n    }\n  }\n\n  private emitResizeOutputs(): void {\n    const contentDimensions = this.getContentDimensions();\n    if (\n      contentDimensions.width !== this.previousContentDimensions.width ||\n      contentDimensions.height !== this.previousContentDimensions.height\n    ) {\n      this.previousContentDimensions = contentDimensions;\n      this.contentResize.emit(contentDimensions);\n    }\n  }\n\n  private getContentDimensions(): ElementDimensions {\n    if (!this.isCollapsedInternal && this.isXs()) {\n      return { width: 0, height: 0 };\n    }\n    const rect = this.contentElement().nativeElement.getBoundingClientRect();\n    return { width: rect.width, height: rect.height };\n  }\n\n  private setBreakpoints(width: number, height: number): void {\n    if (!width && !height) {\n      // element is not visible, no point in changing anything\n      return;\n    }\n    const breakpoints = this.breakpoints() ?? BOOTSTRAP_BREAKPOINTS;\n\n    this.isXs.set(width < breakpoints.smMinimum);\n    this.isSm.set(width >= breakpoints.smMinimum && width < breakpoints.mdMinimum);\n    this.isMd.set(width >= breakpoints.mdMinimum && width < breakpoints.lgMinimum);\n    this.isLg.set(width >= breakpoints.lgMinimum && width < breakpoints.xlMinimum);\n    this.isXl.set(width >= breakpoints.xlMinimum && width < breakpoints.xxlMinimum);\n    this.isXxl.set(width >= breakpoints.xxlMinimum && width < SiSidePanelComponent.xxxlMinimum);\n    this.isXxxl.set(width >= SiSidePanelComponent.xxxlMinimum);\n  }\n\n  private sendResize(): void {\n    if (this.isScrollMode() || this.element.nativeElement.style.paddingRight !== '0') {\n      this.openingOrClosing = true;\n      this.resizeEvent.next();\n    }\n  }\n\n  private attachContent(portal?: Portal<any>): void {\n    const portalOutlet = this.portalOutlet();\n    portalOutlet.detach();\n    if (portal) {\n      portalOutlet.attach(portal);\n    }\n    this.cdRef.markForCheck();\n  }\n\n  private attachTempContent(portal: Portal<any> | undefined): void {\n    const tmpPortalOutlet = this.tmpPortalOutlet();\n    tmpPortalOutlet.detach();\n    if (portal) {\n      tmpPortalOutlet.attach(portal);\n      this.showTempContent.set(true);\n      this.openClose(true, true);\n    } else if (this.showTempContent()) {\n      this.showTempContent.set(false);\n      this.openClose(this.service.isOpen(), true);\n    }\n  }\n\n  private openClose(open: boolean, regainFocus = false): void {\n    if (open !== this.isCollapsedInternal) {\n      this.moveFocusInside(open && regainFocus);\n      return;\n    }\n    this.isCollapsedInternal = !open;\n    if (open) {\n      this.isHidden.set(false);\n    }\n    setTimeout(() => this.doOpenClose(open));\n  }\n\n  private doOpenClose(open: boolean): void {\n    this.moveFocusInside(open);\n    this.isCollapsed.set(!open);\n    this.collapsed.set(this.isCollapsed());\n    if (this.isCollapsedInternal) {\n      this.closed.emit();\n    }\n    this.sendResize();\n  }\n\n  private moveFocusInside(open: boolean): void {\n    if (\n      open &&\n      !this.document.activeElement?.parentElement?.classList.contains(\n        'side-panel-collapse-toggle'\n      ) &&\n      !this.document.activeElement?.classList.contains('side-panel-collapse-toggle')\n    ) {\n      // moves the keyboard focus inside the panel so that the next tab is somewhere useful\n      this.panelElement().nativeElement.focus();\n      queueMicrotask(() => this.panelElement().nativeElement.blur());\n    }\n  }\n}\n","@if (showBackdrop()) {\n  <div class=\"modal-backdrop\" animate.leave=\"backdrop-leave\" (click)=\"toggleSidePanel()\"></div>\n}\n<div #sidePanel class=\"side-panel focus-none\" tabindex=\"-1\">\n  <div class=\"inner\" [class.d-none]=\"showTempContent()\">\n    <ng-content select=\"si-side-panel-content, element-side-panel-content\" />\n    <ng-container #portalOutlet cdkPortalOutlet />\n  </div>\n  <div class=\"inner\" [class.d-none]=\"!showTempContent()\">\n    <ng-container #tmpPortalOutlet cdkPortalOutlet />\n  </div>\n</div>\n<div #content class=\"main-content si-layout-inner\">\n  <ng-content />\n</div>\n","/**\n * Copyright (c) Siemens 2016 - 2026\n * SPDX-License-Identifier: MIT\n */\nimport { BreakpointObserver } from '@angular/cdk/layout';\nimport {\n  booleanAttribute,\n  ChangeDetectionStrategy,\n  Component,\n  computed,\n  DestroyRef,\n  effect,\n  inject,\n  input,\n  OnInit,\n  output,\n  signal\n} from '@angular/core';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\nimport { ActivatedRoute, RouterLink } from '@angular/router';\nimport {\n  elementCancel,\n  elementDoubleLeft,\n  elementDoubleRight,\n  elementExport,\n  elementPinch,\n  elementZoom\n} from '@siemens/element-icons';\nimport { SiAccordionHCollapseService } from '@siemens/element-ng/accordion';\nimport { MenuItem as MenuItemLegacy } from '@siemens/element-ng/common';\nimport {\n  ContentActionBarMainItem,\n  SiContentActionBarComponent\n} from '@siemens/element-ng/content-action-bar';\nimport { addIcons, SiIconComponent } from '@siemens/element-ng/icon';\nimport { SiLinkDirective } from '@siemens/element-ng/link';\nimport { MenuItem } from '@siemens/element-ng/menu';\nimport { BOOTSTRAP_BREAKPOINTS } from '@siemens/element-ng/resize-observer';\nimport { SiSearchBarComponent } from '@siemens/element-ng/search-bar';\nimport { SiTooltipDirective } from '@siemens/element-ng/tooltip';\nimport { SiTranslatePipe, t, TranslatableString } from '@siemens/element-translate-ng/translate';\nimport { timer } from 'rxjs';\n\nimport { SiSidePanelService } from './si-side-panel.service';\nimport { SidePanelDisplayMode, SidePanelNavigateConfig } from './side-panel.model';\n\n/**\n * An extension of MenuItem to support combined icons.\n *\n * @deprecated Use the {@link SiSidePanelActionsComponent} instead:\n *\n * ```html\n * <si-side-panel-content>\n *   <si-side-panel-actions>\n *       <button\n *         type=\"button\"\n *         si-side-panel-action\n *         icon=\"element-alarm-background-filled\"\n *         iconColor=\"status-danger\"\n *         stackedIcon=\"element-alarm-tick\"\n *         stackedIconColor=\"text-primary\"\n *         (click)=\"action()\"\n *       >\n *         Action\n *       </button>\n *   </si-side-panel-actions>\n * </si-side-panel-content>\n * ```\n */\nexport interface StatusItem extends MenuItemLegacy {\n  overlayIcon?: string;\n}\n\n@Component({\n  selector: 'si-side-panel-content',\n  imports: [\n    SiContentActionBarComponent,\n    SiIconComponent,\n    RouterLink,\n    SiSearchBarComponent,\n    SiTranslatePipe,\n    SiTooltipDirective,\n    SiLinkDirective\n  ],\n  templateUrl: './si-side-panel-content.component.html',\n  styleUrl: './si-side-panel-content.component.scss',\n  providers: [SiAccordionHCollapseService],\n  changeDetection: ChangeDetectionStrategy.Eager,\n  host: {\n    '[class.collapsed]': 'isCollapsed()',\n    '[class.expanded]': 'isExpanded()',\n    '[class.enable-mobile]': 'enableMobile()',\n    '[class.rpanel-fullscreen-overlay]': 'isFullscreen()',\n    '[id]': 'panelContentId'\n  }\n})\nexport class SiSidePanelContentComponent implements OnInit {\n  private static idCounter = 0;\n  protected readonly panelContentId = `__si-side-panel-content-${SiSidePanelContentComponent.idCounter++}`;\n  /**\n   * @deprecated This input is no longer used. The collapsible state is managed by the SiSidePanelService.\n   * This input will be removed in a future major version.\n   * @defaultValue undefined\n   */\n  readonly collapsibleInput = input(undefined, {\n    // eslint-disable-next-line @angular-eslint/no-input-rename\n    alias: 'collapsible',\n    transform: booleanAttribute\n  });\n  /**\n   * Header of side panel\n   *\n   * @defaultValue ''\n   */\n  readonly heading = input<TranslatableString>('');\n\n  /**\n   * Input list of primary action items\n   *\n   * @defaultValue []\n   */\n  readonly primaryActions = input<(MenuItemLegacy | ContentActionBarMainItem)[]>([]);\n\n  /**\n   * Input list of secondary action items.\n   *\n   * @defaultValue []\n   */\n  readonly secondaryActions = input<(MenuItemLegacy | MenuItem)[]>([]);\n\n  /**\n   * Status icons/actions\n   *\n   * @deprecated Use the {@link SiSidePanelActionsComponent} instead:\n   *\n   * ```html\n   * <si-side-panel-content>\n   *   <si-side-panel-actions>\n   *       <button\n   *         type=\"button\"\n   *         si-side-panel-action\n   *         icon=\"element-alarm-background-filled\"\n   *         iconColor=\"status-danger\"\n   *         stackedIcon=\"element-alarm-tick\"\n   *         stackedIconColor=\"text-primary\"\n   *         (click)=\"action()\"\n   *       >\n   *         Action\n   *       </button>\n   *   </si-side-panel-actions>\n   * </si-side-panel-content>\n   * ```\n   *\n   * @defaultValue []\n   */\n  readonly statusActions = input<StatusItem[]>([]);\n\n  /**\n   * Toggles search bar\n   *\n   * @defaultValue false\n   */\n  readonly searchable = input(false, { transform: booleanAttribute });\n\n  /**\n   * Placeholder text for search\n   *\n   * @defaultValue\n   * ```\n   * t(() => $localize`:@@SI_SIDE_PANEL.SEARCH_PLACEHOLDER:Search…`)\n   * ```\n   */\n  readonly searchPlaceholder = input(\n    t(() => $localize`:@@SI_SIDE_PANEL.SEARCH_PLACEHOLDER:Search…`)\n  );\n\n  /**\n   * Aria label for close button. Needed for a11y\n   *\n   * @defaultValue\n   * ```\n   * t(() => $localize`:@@SI_SIDE_PANEL.CLOSE:Close`)\n   * ```\n   */\n  readonly closeButtonLabel = input(t(() => $localize`:@@SI_SIDE_PANEL.CLOSE:Close`));\n\n  /**\n   * Toggle icon aria-label, required for a11y\n   *\n   * @defaultValue\n   * ```\n   * t(() => $localize`:@@SI_SIDE_PANEL.TOGGLE:Toggle`)\n   * ```\n   */\n  readonly toggleItemLabel = input(t(() => $localize`:@@SI_SIDE_PANEL.TOGGLE:Toggle`));\n\n  /**\n   * Enter fullscreen aria-label, required for a11y\n   *\n   * @defaultValue\n   * ```\n   * t(() => $localize`:@@SI_SIDE_PANEL.ENTER_FULLSCREEN:Full screen`)\n   * ```\n   */\n  readonly enterFullscreenLabel = input(\n    t(() => $localize`:@@SI_SIDE_PANEL.ENTER_FULLSCREEN:Full screen`)\n  );\n\n  /**\n   * Exit fullscreen aria-label, required for a11y\n   *\n   * @defaultValue\n   * ```\n   * t(() => $localize`:@@SI_SIDE_PANEL.EXIT_FULLSCREEN:Exit full screen`)\n   * ```\n   */\n  readonly exitFullscreenLabel = input(\n    t(() => $localize`:@@SI_SIDE_PANEL.EXIT_FULLSCREEN:Exit full screen`)\n  );\n\n  /**\n   * Show a badge on the mobile drawer indicating a new alert or notification\n   *\n   * @defaultValue false\n   */\n  readonly showMobileDrawerBadge = input(false, { transform: booleanAttribute });\n\n  /**\n   * Display mode for side panel - enables navigate or overlay functionality\n   */\n  readonly displayMode = input<SidePanelDisplayMode>();\n\n  /**\n   * Configuration for navigate mode\n   */\n  readonly navigateConfig = input<SidePanelNavigateConfig>();\n\n  /**\n   * Output for search bar input\n   */\n  readonly searchEvent = output<string>();\n\n  protected readonly activatedRoute = inject(ActivatedRoute, { optional: true });\n  protected readonly service = inject(SiSidePanelService);\n  protected readonly isCollapsed = signal(false);\n  protected readonly isExpanded = signal(true);\n  protected readonly isFullscreen = signal(false);\n  protected readonly enableMobile = computed(() => this.service?.enableMobile() ?? false);\n  protected readonly collapsible = computed(() => {\n    return this.collapsibleInput() ?? this.service?.collapsible() ?? false;\n  });\n  protected readonly mobileSize = signal(false);\n  protected readonly focusable = computed(\n    () => !this.mobileSize() || !this.enableMobile() || !this.isCollapsed()\n  );\n  protected readonly icons = addIcons({\n    elementCancel,\n    elementDoubleLeft,\n    elementDoubleRight,\n    elementExport,\n    elementPinch,\n    elementZoom\n  });\n  /**\n   * The $rpanel-transition-duration in the style is 0.5 seconds.\n   * For the animation we need to wait until the resize is done.\n   */\n  private readonly resizeAnimationDelay = 500;\n  private readonly destroyRef = inject(DestroyRef);\n  private readonly breakpointObserver = inject(BreakpointObserver);\n\n  private expandedTimeout: any;\n\n  constructor() {\n    const accordionHcollapse = inject(SiAccordionHCollapseService);\n\n    this.service.isFullscreen$.pipe(takeUntilDestroyed()).subscribe(fullscreen => {\n      this.isFullscreen.set(fullscreen);\n    });\n\n    this.service.isOpen$.pipe(takeUntilDestroyed()).subscribe(state => {\n      this.isCollapsed.set(!state);\n      clearTimeout(this.expandedTimeout);\n      this.expandedTimeout = undefined;\n      if (!state) {\n        this.isExpanded.set(false);\n      } else {\n        this.expandedTimeout = setTimeout(() => {\n          this.isExpanded.set(true);\n        }, this.resizeAnimationDelay / 2);\n      }\n    });\n\n    effect(() => {\n      if (this.collapsible()) {\n        accordionHcollapse.hcollapsed.set(this.isCollapsed());\n      }\n    });\n\n    effect(() => {\n      if (this.isCollapsed() && !this.service.isTemporaryOpen() && this.isFullscreen()) {\n        timer(this.resizeAnimationDelay)\n          .pipe(takeUntilDestroyed(this.destroyRef))\n          .subscribe(() => {\n            this.service.setFullscreen(false);\n          });\n      }\n    });\n\n    accordionHcollapse.open$.pipe(takeUntilDestroyed()).subscribe(() => this.service.open());\n  }\n\n  ngOnInit(): void {\n    this.breakpointObserver\n      .observe('(max-width: ' + BOOTSTRAP_BREAKPOINTS.smMinimum + 'px)')\n      .pipe(takeUntilDestroyed(this.destroyRef))\n      .subscribe(({ matches }) => {\n        this.mobileSize.set(matches);\n      });\n  }\n\n  /**\n   * Toggle fullscreen overlay mode\n   */\n  toggleFullscreen(): void {\n    if (this.isCollapsed() && !this.service.isTemporaryOpen()) {\n      return;\n    }\n    this.service.toggleFullscreen();\n  }\n\n  protected toggleSidePanel(event?: MouseEvent): void {\n    if (event?.detail !== 0) {\n      // Blur except if triggered by keyboard\n      (document?.activeElement as HTMLElement)?.blur();\n    }\n    if (this.service.isTemporaryOpen()) {\n      this.service.hideTemporaryContent();\n    } else {\n      this.service.toggle();\n    }\n  }\n}\n","<div class=\"rpanel-header pt-5\">\n  <div class=\"d-flex align-items-center min-width-0 auto-hide\">\n    <ng-content select=\"[siSidePanelBackButton]\" />\n    <p class=\"si-h5 my-0 auto-hide text-truncate header-title\">\n      {{ heading() | translate }}\n    </p>\n  </div>\n  @if ((primaryActions().length || secondaryActions().length) && focusable()) {\n    <si-content-action-bar\n      class=\"auto-hide ms-auto\"\n      viewType=\"expanded\"\n      [primaryActions]=\"primaryActions()\"\n      [secondaryActions]=\"secondaryActions()\"\n      [toggleItemLabel]=\"toggleItemLabel()\"\n    />\n  }\n  <div class=\"d-flex\">\n    @let navigateConfig = this.navigateConfig();\n    @if (displayMode() === 'navigate' && navigateConfig) {\n      @if (navigateConfig.type === 'router-link') {\n        <a\n          class=\"btn btn-icon btn-tertiary-ghost auto-hide\"\n          [class.ms-4]=\"collapsible()\"\n          [class.mx-4]=\"!collapsible() || service.isTemporaryOpen()\"\n          [routerLink]=\"navigateConfig.routerLink\"\n          [queryParams]=\"navigateConfig.extras?.queryParams\"\n          [queryParamsHandling]=\"navigateConfig.extras?.queryParamsHandling\"\n          [fragment]=\"navigateConfig.extras?.fragment\"\n          [state]=\"navigateConfig.extras?.state\"\n          [relativeTo]=\"navigateConfig.extras?.relativeTo ?? activatedRoute\"\n          [preserveFragment]=\"navigateConfig.extras?.preserveFragment\"\n          [skipLocationChange]=\"navigateConfig.extras?.skipLocationChange\"\n          [replaceUrl]=\"navigateConfig.extras?.replaceUrl\"\n          [attr.aria-label]=\"navigateConfig.label | translate\"\n        >\n          <si-icon class=\"icon\" [icon]=\"icons.elementExport\" />\n          <span class=\"visually-hidden\">\n            {{ navigateConfig.label | translate }}\n          </span></a\n        >\n      } @else if (navigateConfig.type === 'link') {\n        <a\n          class=\"btn btn-icon btn-tertiary-ghost auto-hide\"\n          [class.ms-4]=\"collapsible()\"\n          [class.mx-4]=\"!collapsible()\"\n          [href]=\"navigateConfig.href\"\n          [target]=\"navigateConfig.target\"\n          [attr.rel]=\"navigateConfig.target === '_blank' ? 'noopener noreferrer' : null\"\n          [attr.aria-label]=\"navigateConfig.label | translate\"\n        >\n          <si-icon class=\"icon\" [icon]=\"icons.elementExport\" />\n          <span class=\"visually-hidden\">\n            {{ navigateConfig.label | translate }}\n          </span></a\n        >\n      }\n    }\n    @if (displayMode() === 'overlay') {\n      <button\n        type=\"button\"\n        class=\"fullscreen-button btn btn-icon btn-tertiary-ghost auto-hide\"\n        [class.ms-4]=\"collapsible()\"\n        [class.mx-4]=\"!collapsible() || service.isTemporaryOpen()\"\n        [attr.aria-label]=\"\n          (isFullscreen() ? exitFullscreenLabel() : enterFullscreenLabel()) | translate\n        \"\n        [tabindex]=\"focusable() ? '0' : '-1'\"\n        (click)=\"toggleFullscreen()\"\n      >\n        <si-icon [icon]=\"isFullscreen() ? icons.elementPinch : icons.elementZoom\" />\n      </button>\n    }\n    <button\n      type=\"button\"\n      class=\"close-button btn btn-icon btn-tertiary-ghost me-4\"\n      [attr.aria-label]=\"closeButtonLabel() | translate\"\n      [tabindex]=\"focusable() ? '0' : '-1'\"\n      (click)=\"toggleSidePanel($event)\"\n    >\n      <si-icon [icon]=\"icons.elementCancel\" />\n    </button>\n    <div class=\"collapse-toggle\">\n      <button\n        type=\"button\"\n        class=\"side-panel-collapse-toggle btn btn-icon btn-tertiary-ghost mx-4\"\n        [attr.aria-label]=\"toggleItemLabel() | translate\"\n        [attr.aria-expanded]=\"!isCollapsed() || service.isTemporaryOpen()\"\n        [attr.aria-controls]=\"panelContentId\"\n        (click)=\"toggleSidePanel($event)\"\n      >\n        <si-icon\n          class=\"flip-rtl\"\n          [class.badge-dot]=\"showMobileDrawerBadge()\"\n          [icon]=\"isCollapsed() ? icons.elementDoubleLeft : icons.elementDoubleRight\"\n        />\n      </button>\n    </div>\n  </div>\n</div>\n<div class=\"rpanel-wrapper d-flex flex-column\">\n  @if (statusActions().length && focusable()) {\n    <div class=\"rpanel-header rpanel-statusactions px-6\">\n      @for (dp of statusActions(); track $index) {\n        @if (!dp.disabled) {\n          <a\n            class=\"rpanel-statusaction position-relative focus-inside\"\n            placement=\"start\"\n            [attr.aria-label]=\"!isCollapsed() ? '' : (dp.title | translate)\"\n            [siTooltip]=\"(dp.title | translate) || ''\"\n            [isDisabled]=\"!isCollapsed()\"\n            [siLink]=\"dp\"\n          >\n            <si-icon class=\"icon\" [icon]=\"dp.icon!\" />\n            @if (dp.overlayIcon) {\n              <si-icon class=\"icon position-absolute\" [icon]=\"dp.overlayIcon\" />\n            }\n            <span class=\"ms-2 auto-hide si-body-sm\">{{ dp.title | translate }}</span>\n          </a>\n        } @else {\n          <div class=\"rpanel-statusaction dot-outer\" aria-hidden=\"true\">\n            <div class=\"dot text-disabled text-center\">&bull;</div>\n          </div>\n        }\n      }\n    </div>\n  }\n  <ng-content select=\"si-side-panel-actions\" />\n  @if (searchable() && focusable()) {\n    <div class=\"nav-search px-6 auto-hide\">\n      <si-search-bar\n        #searchBar\n        class=\"m-0\"\n        colorVariant=\"base-0\"\n        prohibitedCharacters=\"*?\"\n        [placeholder]=\"searchPlaceholder() | translate\"\n        [debounceTime]=\"400\"\n        [showIcon]=\"true\"\n        (searchChange)=\"searchEvent.emit($event)\"\n      />\n    </div>\n  }\n  @if (focusable()) {\n    <div class=\"rpanel-content\">\n      <ng-content />\n    </div>\n  }\n</div>\n","/**\n * Copyright (c) Siemens 2016 - 2026\n * SPDX-License-Identifier: MIT\n */\nimport { booleanAttribute, Component, input } from '@angular/core';\nimport { SiIconComponent } from '@siemens/element-ng/icon';\n\n/**\n * Creates an action for the side-panel.\n * This action will remain visible if the side-panel is collapsed.\n *\n * @example\n * ```html\n * <si-side-panel-content>\n *   <si-side-panel-actions>\n *       <button\n *         type=\"button\"\n *         si-side-panel-action\n *         icon=\"element-alarm-background-filled\"\n *         iconColor=\"status-danger\"\n *         stackedIcon=\"element-alarm-tick\"\n *         stackedIconColor=\"text-primary\"\n *         (click)=\"action()\"\n *       >\n *         Action\n *       </button>\n *   </si-side-panel-actions>\n * </si-side-panel-content>\n * ```\n */\n@Component({\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: 'button[si-side-panel-action], a[si-side-panel-action]',\n  imports: [SiIconComponent],\n  template: `\n    @if (disabled()) {\n      <div class=\"icon dot text-disabled text-center\">&bull;</div>\n    } @else {\n      <span class=\"icon icon-stack\">\n        <si-icon [class]=\"iconColor()\" [icon]=\"icon()\" />\n        @if (stackedIcon(); as stackedIcon) {\n          <si-icon [class]=\"stackedIconColor()\" [icon]=\"stackedIcon\" />\n        }\n      </span>\n      <span class=\"ms-2 auto-hide si-body-sm text-start\">\n        <ng-content />\n      </span>\n    }\n  `,\n  styleUrl: './si-side-panel-action.component.scss',\n  host: {\n    class: 'focus-inside'\n  }\n})\nexport class SiSidePanelActionComponent {\n  /** Icon name for the main icon. */\n  readonly icon = input.required<string>();\n\n  /** CSS color class for the main icon (e.g. `'status-warning'`). */\n  readonly iconColor = input<string>();\n\n  /** Optional stacked icon name displayed on top of the main icon. */\n  readonly stackedIcon = input<string>();\n\n  /** CSS color class for the stacked icon (e.g. `'text-primary'`). */\n  readonly stackedIconColor = input<string>();\n\n  /**\n   * When disabled, renders a dot separator instead of the icon and label.\n   *\n   * @defaultValue false\n   */\n  readonly disabled = input(false, { transform: booleanAttribute });\n}\n","/**\n * Copyright (c) Siemens 2016 - 2026\n * SPDX-License-Identifier: MIT\n */\nimport { Component } from '@angular/core';\n\n/**\n * Creates an actions container for the side-panel.\n * This action will remain visible if the side-panel is collapsed.\n *\n * @example\n * ```html\n * <si-side-panel-content>\n *   <si-side-panel-actions>\n *       <button\n *         type=\"button\"\n *         si-side-panel-action\n *         icon=\"element-alarm-background-filled\"\n *         iconColor=\"status-danger\"\n *         stackedIcon=\"element-alarm-tick\"\n *         stackedIconColor=\"text-primary\"\n *         (click)=\"action()\"\n *       >\n *         Action\n *       </button>\n *   </si-side-panel-actions>\n * </si-side-panel-content>\n * ```\n */\n@Component({\n  selector: 'si-side-panel-actions',\n  template: '<ng-content />',\n  styleUrl: './si-side-panel-actions.component.scss'\n})\nexport class SiSidePanelActionsComponent {}\n","/**\n * Copyright (c) Siemens 2016 - 2026\n * SPDX-License-Identifier: MIT\n */\nimport { Component } from '@angular/core';\nimport { elementLeft4 } from '@siemens/element-icons';\nimport { addIcons, SiIconComponent } from '@siemens/element-ng/icon';\n\n/**\n * Back button for navigating from side-panel details to the previous view.\n *\n * @example\n * ```html\n * <button type=\"button\" siSidePanelBackButton aria-label=\"Back\" (click)=\"back()\"></button>\n * ```\n */\n@Component({\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: 'button[siSidePanelBackButton], a[siSidePanelBackButton]',\n  imports: [SiIconComponent],\n  template: '<si-icon class=\"flip-rtl\" [icon]=\"icons.elementLeft4\" /><ng-content />',\n  host: {\n    class: 'btn btn-icon btn-tertiary ms-4 auto-hide'\n  }\n})\nexport class SiSidePanelBackButtonComponent {\n  protected readonly icons = addIcons({ elementLeft4 });\n}\n","/**\n * Copyright (c) Siemens 2016 - 2026\n * SPDX-License-Identifier: MIT\n */\nimport { NgModule } from '@angular/core';\n\nimport { SiSidePanelActionComponent } from './si-side-panel-action.component';\nimport { SiSidePanelActionsComponent } from './si-side-panel-actions.component';\nimport { SiSidePanelBackButtonComponent } from './si-side-panel-back-button.component';\nimport { SiSidePanelContentComponent } from './si-side-panel-content.component';\nimport { SiSidePanelComponent } from './si-side-panel.component';\n\n@NgModule({\n  imports: [\n    SiSidePanelComponent,\n    SiSidePanelContentComponent,\n    SiSidePanelActionsComponent,\n    SiSidePanelActionComponent,\n    SiSidePanelBackButtonComponent\n  ],\n  exports: [\n    SiSidePanelComponent,\n    SiSidePanelContentComponent,\n    SiSidePanelActionsComponent,\n    SiSidePanelActionComponent,\n    SiSidePanelBackButtonComponent\n  ]\n})\nexport class SiSidePanelModule {}\n","/**\n * Copyright (c) Siemens 2016 - 2026\n * SPDX-License-Identifier: MIT\n */\n\nimport { NavigationExtras } from '@angular/router';\nimport { TranslatableString } from '@siemens/element-translate-ng/translate';\n\n/**\n * Side panel mode options.\n * - scroll: pushes content when side panel opens/closes,\n * - over: Opens as an overlay on existing content. Just like modal.\n */\nexport type SidePanelMode = 'scroll' | 'over';\n\n/**\n * Side panel size options.\n * - regular: 390px,\n * - wide: 500px,\n * - extended: responsive width that adapts to screen size. Full width on small/medium screens,\n *   scales from 480px to 912px (max) on larger screens for optimal content display\n */\nexport type SidePanelSize = 'regular' | 'wide' | 'extended';\n\n/**\n * Side panel display mode options.\n * - navigate: allows navigation to dedicated page\n * - overlay: allows full-screen overlay toggle\n */\nexport type SidePanelDisplayMode = 'navigate' | 'overlay';\n\n/**\n *  Interface representing a router link item in the side panel.\n */\nexport interface SidePanelNavigateRouterLink {\n  type: 'router-link';\n  /** Label that is shown to the user. */\n  label: TranslatableString;\n  /** Link for the angular router. Accepts the same values as {@link RouterLink}. */\n  routerLink: string | any[];\n  /** Navigation extras that are passed to the {@link RouterLink}. */\n  extras?: NavigationExtras;\n}\n\n/**\n * Interface representing a link item in the side panel.\n */\nexport interface SidePanelNavigateLink {\n  type: 'link';\n  /** Label that is shown to the user. */\n  label: TranslatableString;\n  /** The href property of the anchor. */\n  href: string;\n  /** The target property of the anchor. */\n  target?: string;\n}\n\n/**\n * Configuration for side panel navigation.\n */\nexport type SidePanelNavigateConfig = SidePanelNavigateRouterLink | SidePanelNavigateLink;\n","/**\n * Copyright (c) Siemens 2016 - 2026\n * SPDX-License-Identifier: MIT\n */\nexport * from './si-side-panel.service';\nexport * from './si-side-panel.component';\nexport * from './si-side-panel-content.component';\nexport * from './si-side-panel.module';\nexport * from './si-side-panel-actions.component';\nexport * from './si-side-panel-action.component';\nexport * from './si-side-panel-back-button.component';\nexport * from './side-panel.model';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["DOCUMENT"],"mappings":"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"}
+{"version":3,"file":"siemens-element-ng-side-panel.mjs","sources":["../../../../projects/element-ng/side-panel/si-side-panel.service.ts","../../../../projects/element-ng/side-panel/si-side-panel.component.ts","../../../../projects/element-ng/side-panel/si-side-panel.component.html","../../../../projects/element-ng/side-panel/si-side-panel-content.component.ts","../../../../projects/element-ng/side-panel/si-side-panel-content.component.html","../../../../projects/element-ng/side-panel/si-side-panel-action.component.ts","../../../../projects/element-ng/side-panel/si-side-panel-actions.component.ts","../../../../projects/element-ng/side-panel/si-side-panel-back-button.component.ts","../../../../projects/element-ng/side-panel/si-side-panel.module.ts","../../../../projects/element-ng/side-panel/side-panel.model.ts","../../../../projects/element-ng/side-panel/index.ts","../../../../projects/element-ng/side-panel/siemens-element-ng-side-panel.ts"],"sourcesContent":["/**\n * Copyright (c) Siemens 2016 - 2026\n * SPDX-License-Identifier: MIT\n */\nimport { Portal } from '@angular/cdk/portal';\nimport { DOCUMENT, isPlatformBrowser } from '@angular/common';\nimport { inject, Injectable, PLATFORM_ID, signal } from '@angular/core';\nimport { BehaviorSubject, EMPTY, Observable, Subject } from 'rxjs';\n\n@Injectable({\n  providedIn: 'root'\n})\nexport class SiSidePanelService {\n  private contentSubject = new BehaviorSubject<Portal<any> | undefined>(undefined);\n  /** @internal */\n  readonly content$ = this.contentSubject.asObservable();\n\n  private openSubject = new BehaviorSubject<boolean>(false);\n  /**\n   * Emits on side panel is open or close.\n   *\n   * @defaultValue this.openSubject.asObservable()\n   */\n  readonly isOpen$ = this.openSubject.asObservable();\n\n  private tempContentSubject = new BehaviorSubject<Portal<any> | undefined>(undefined);\n  /** @internal */\n  readonly tempContent$ = this.tempContentSubject.asObservable();\n\n  private tempContentClosed?: Subject<void>;\n  /** @internal */\n  readonly enableMobile = signal(false);\n\n  /** @internal */\n  readonly collapsible = signal(false);\n\n  private fullscreenSubject = new BehaviorSubject<boolean>(false);\n  /**\n   * Emits when fullscreen overlay mode is toggled.\n   */\n  readonly isFullscreen$ = this.fullscreenSubject.asObservable();\n\n  // Body scroll management\n  private bodyScrollLocks = 0;\n  private originalBodyOverflow?: string;\n  private readonly document = inject(DOCUMENT);\n  private readonly isBrowser = isPlatformBrowser(inject(PLATFORM_ID));\n\n  /** Set or update displayed content. */\n  setSidePanelContent(portal: Portal<any> | undefined): void {\n    this.contentSubject.next(portal);\n  }\n\n  /** Open side panel. */\n  open(): void {\n    this.hideTemporaryContent();\n    this.openSubject.next(true);\n  }\n\n  /** Close side panel. */\n  close(): void {\n    if (this.hideTemporaryContent()) {\n      return;\n    }\n    this.openSubject.next(false);\n  }\n\n  /** Toggle side panel open/close. */\n  toggle(): void {\n    this.hideTemporaryContent();\n    this.openSubject.next(!this.openSubject.value);\n  }\n\n  /** Indicate is side panel open. */\n  isOpen(): boolean {\n    return this.openSubject.value;\n  }\n\n  /** Toggle fullscreen overlay mode. */\n  toggleFullscreen(): void {\n    this.fullscreenSubject.next(!this.fullscreenSubject.value);\n  }\n\n  /** Set fullscreen overlay mode. */\n  setFullscreen(fullscreen: boolean): void {\n    this.fullscreenSubject.next(fullscreen);\n  }\n\n  /** Indicate if side panel is in fullscreen overlay mode. */\n  isFullscreen(): boolean {\n    return this.fullscreenSubject.value;\n  }\n\n  /**\n   * Indicate that the side panel is open with temporary content.\n   */\n  isTemporaryOpen(): boolean {\n    return !!this.tempContentSubject.value;\n  }\n\n  /** Show side panel temporary content, opening the side panel when necessary. */\n  showTemporaryContent(portal: Portal<any> | undefined): Observable<void> {\n    this.hideTemporaryContent();\n    this.tempContentSubject.next(portal);\n\n    if (portal) {\n      this.tempContentClosed = new Subject();\n      return this.tempContentClosed.asObservable();\n    }\n    return EMPTY;\n  }\n\n  /** Hide side panel temporary content, reverting to state before showing temporary content. */\n  hideTemporaryContent(): boolean {\n    if (!this.isTemporaryOpen()) {\n      return false;\n    }\n    if (this.tempContentClosed) {\n      const sub = this.tempContentClosed;\n      this.tempContentClosed = undefined;\n      sub.next();\n      sub.complete();\n    }\n    this.tempContentSubject.next(undefined);\n    return true;\n  }\n\n  /**\n   * Request body scroll lock. Uses reference counting to handle multiple panels.\n   */\n  requestBodyScrollLock(): void {\n    if (!this.isBrowser) {\n      return;\n    }\n\n    if (this.bodyScrollLocks === 0) {\n      this.originalBodyOverflow = this.document.body.style.overflow;\n      this.document.body.style.overflow = 'hidden';\n    }\n    this.bodyScrollLocks++;\n  }\n\n  /**\n   * Release body scroll lock. Restores scroll when no more locks exist.\n   */\n  releaseBodyScrollLock(): void {\n    if (!this.isBrowser || this.bodyScrollLocks === 0) {\n      return;\n    }\n\n    this.bodyScrollLocks--;\n    if (this.bodyScrollLocks === 0 && this.originalBodyOverflow !== undefined) {\n      this.document.body.style.overflow = this.originalBodyOverflow;\n      this.originalBodyOverflow = undefined;\n    }\n  }\n}\n","/**\n * Copyright (c) Siemens 2016 - 2026\n * SPDX-License-Identifier: MIT\n */\nimport { CdkPortalOutlet, Portal, PortalModule } from '@angular/cdk/portal';\nimport { isPlatformBrowser } from '@angular/common';\nimport {\n  booleanAttribute,\n  ChangeDetectionStrategy,\n  ChangeDetectorRef,\n  Component,\n  computed,\n  DestroyRef,\n  DOCUMENT,\n  effect,\n  ElementRef,\n  inject,\n  input,\n  model,\n  OnChanges,\n  OnDestroy,\n  OnInit,\n  output,\n  PLATFORM_ID,\n  signal,\n  SimpleChanges,\n  viewChild\n} from '@angular/core';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\nimport {\n  BOOTSTRAP_BREAKPOINTS,\n  Breakpoints,\n  ElementDimensions,\n  ResizeObserverService\n} from '@siemens/element-ng/resize-observer';\nimport { t } from '@siemens/element-translate-ng/translate';\nimport { Subject } from 'rxjs';\nimport { debounceTime } from 'rxjs/operators';\n\nimport { SiSidePanelService } from './si-side-panel.service';\nimport { SidePanelMode, SidePanelSize } from './side-panel.model';\n\n@Component({\n  selector: 'si-side-panel',\n  imports: [PortalModule],\n  templateUrl: './si-side-panel.component.html',\n  styleUrl: './si-side-panel.component.scss',\n  changeDetection: ChangeDetectionStrategy.Eager,\n  host: {\n    class: 'si-layout-inner',\n    '[class.enable-mobile]': 'enableMobile()',\n    '[class.rpanel-size--regular]': 'this.size() === \"regular\"',\n    '[class.rpanel-size--wide]': 'this.size() === \"wide\"',\n    '[class.rpanel-size--extended]': 'this.size() === \"extended\"',\n    '[class.rpanel-mode--over]': 'isOverMode()',\n    '[class.rpanel-mode--scroll]': 'isScrollMode()',\n    '[class.rpanel-collapsed]': 'isCollapsed()',\n    '[class.ready]': 'ready()',\n    '[class.collapsible]': 'collapsible() && !this.showTempContent()',\n    '[class.collapsible-temp]': 'collapsible() && this.showTempContent()',\n    '[class.rpanel-hidden]': 'isHidden()',\n    '[class.rpanel-fullscreen-overlay]': 'isFullscreenOverlay()',\n    '[class.rpanel-resize-xs]': 'isXs()',\n    '[class.rpanel-resize-sm]': 'isSm()',\n    '[class.rpanel-resize-md]': 'isMd()',\n    '[class.rpanel-resize-lg]': 'isLg()',\n    '[class.rpanel-resize-xl]': 'isXl()',\n    '[class.rpanel-resize-xxl]': 'isXxl()',\n    '[class.rpanel-resize-xxxl]': 'isXxxl()'\n  }\n})\nexport class SiSidePanelComponent implements OnInit, OnDestroy, OnChanges {\n  /**\n   * Custom breakpoint for ultra-wide screens (≥1920px)\n   */\n  private static readonly xxxlMinimum = 1920;\n\n  /**\n   * @defaultValue false\n   */\n  readonly collapsible = input(false, { transform: booleanAttribute });\n\n  /**\n   * Default state of navigation\n   */\n  readonly collapsed = model<boolean>();\n\n  /**\n   * Mode of side panel\n   * (ignored below a certain width)\n   *\n   * @defaultValue 'over'\n   */\n  readonly mode = input<SidePanelMode>('over');\n\n  /**\n   * Size of side-panel\n   *\n   * @defaultValue 'regular'\n   */\n  readonly size = input<SidePanelSize>('regular');\n\n  /**\n   * Toggle icon aria-label, required for a11y\n   *\n   * @defaultValue\n   * ```\n   * t(() => $localize`:@@SI_SIDE_PANEL.TOGGLE:Toggle`)\n   * ```\n   */\n  readonly toggleItemLabel = input(t(() => $localize`:@@SI_SIDE_PANEL.TOGGLE:Toggle`));\n\n  /**\n   * Specifies custom breakpoints to automatically switch mode.\n   * The `smMinimum` specifies the breakpoint for the mobile view.\n   * The `lgMinimum` specifies the breakpoint to allow scroll mode\n   * (below automatically uses over mode).\n   * The `xlMinimum` specifies the breakpoint to allow scroll mode\n   * with wide size (below automatically uses over mode).\n   */\n  readonly breakpoints = input<Breakpoints>();\n\n  /**\n   * Enable mobile drawer for small screen sizes. Should not be used in conjunction with the vertical navbar.\n   *\n   * @defaultValue false\n   */\n  readonly enableMobile = input(false, { transform: booleanAttribute });\n\n  /**\n   * Whether to disable backdrop when side panel is open in over mode.\n   * When false (default), the backdrop prevents interaction with background content while preserving visual context.\n   *\n   * @defaultValue false\n   */\n  readonly disableBackdrop = input(false, { transform: booleanAttribute });\n\n  /**\n   * Emits when the panel is closed\n   */\n  readonly closed = output();\n\n  /**\n   * Emits whenever the content is resized due to opening and closing or parent resize.\n   */\n  readonly contentResize = output<ElementDimensions>();\n\n  protected readonly isScrollMode = computed(() => this.mode() === 'scroll');\n  protected readonly isOverMode = computed(() => {\n    if (this.mode() === 'over') {\n      return true;\n    }\n\n    if (this.mode() === 'scroll') {\n      if (this.isXs() || this.isSm() || this.isMd()) {\n        return true;\n      }\n      if (this.isLg() && (this.size() === 'wide' || this.size() === 'extended')) {\n        return true;\n      }\n    }\n\n    return false;\n  });\n  protected readonly showBackdrop = computed(\n    () => !this.disableBackdrop() && this.isOverMode() && !this.isCollapsed()\n  );\n  protected readonly isXs = signal(false);\n  protected readonly isSm = signal(false);\n  protected readonly isMd = signal(true);\n  protected readonly isLg = signal(false);\n  protected readonly isXl = signal(false);\n  protected readonly isXxl = signal(false);\n  protected readonly isXxxl = signal(false);\n  protected readonly isCollapsed = signal(false);\n  protected readonly ready = signal(false);\n  protected readonly isHidden = signal(false);\n  protected readonly isFullscreenOverlay = signal(false);\n  protected readonly showTempContent = signal(false);\n\n  private readonly panelElement = viewChild.required<ElementRef>('sidePanel');\n  private readonly contentElement = viewChild.required<ElementRef>('content');\n  private readonly portalOutlet = viewChild.required<CdkPortalOutlet, CdkPortalOutlet>(\n    'portalOutlet',\n    {\n      read: CdkPortalOutlet\n    }\n  );\n  private readonly tmpPortalOutlet = viewChild.required<CdkPortalOutlet, CdkPortalOutlet>(\n    'tmpPortalOutlet',\n    {\n      read: CdkPortalOutlet\n    }\n  );\n\n  /**\n   * The $rpanel-transition-duration in the style is 0.5 seconds.\n   * Sending the resize event after resize need to wait until resize is done.\n   */\n  private readonly resizeEventDelay = 500;\n  private resizeEvent = new Subject<void>();\n  private openingOrClosing = false;\n  private previousContentDimensions: ElementDimensions = { width: 0, height: 0 };\n  private isCollapsedInternal = false; // same as the other one, except w/o timeout for animation\n  private readonly isBrowser = isPlatformBrowser(inject(PLATFORM_ID));\n  private readonly element = inject(ElementRef);\n  private readonly resizeObserver = inject(ResizeObserverService);\n  private readonly service = inject(SiSidePanelService);\n  private readonly cdRef = inject(ChangeDetectorRef);\n  private readonly destroyRef = inject(DestroyRef);\n  private readonly document = inject(DOCUMENT);\n\n  constructor() {\n    this.service.isFullscreen$.pipe(takeUntilDestroyed(this.destroyRef)).subscribe(fullscreen => {\n      this.isFullscreenOverlay.set(fullscreen);\n    });\n\n    if (this.isBrowser) {\n      this.resizeEvent\n        .asObservable()\n        .pipe(takeUntilDestroyed(), debounceTime(this.resizeEventDelay))\n        .subscribe(() => {\n          this.openingOrClosing = false;\n          this.emitResizeOutputs();\n          this.service.setFullscreen(false);\n          if (this.isCollapsedInternal && !this.collapsible()) {\n            this.isHidden.set(true);\n          }\n        });\n    }\n\n    effect(() => {\n      if (this.showBackdrop()) {\n        this.service.requestBodyScrollLock();\n      } else {\n        this.service.releaseBodyScrollLock();\n      }\n    });\n  }\n\n  ngOnChanges(changes: SimpleChanges<this>): void {\n    if (changes.collapsed) {\n      if (this.collapsed()) {\n        this.service.close();\n      } else {\n        this.service.open();\n      }\n    }\n\n    if (changes.enableMobile) {\n      this.service.enableMobile.set(this.enableMobile());\n    }\n\n    if (changes.collapsible) {\n      this.service.collapsible.set(this.collapsible());\n    }\n  }\n\n  ngOnInit(): void {\n    // handle initial state to avoid flicker\n    const collapsed = this.collapsed() ?? !this.service.isOpen();\n    this.isCollapsedInternal = collapsed;\n    this.isHidden.set(collapsed);\n    this.isCollapsed.set(collapsed);\n    this.service.collapsible.set(this.collapsible());\n\n    this.resizeObserver\n      .observe(this.element.nativeElement, 100, true)\n      .pipe(takeUntilDestroyed(this.destroyRef))\n      .subscribe(dim => {\n        this.setBreakpoints(dim.width, dim.height);\n        if (!this.ready()) {\n          // delay because the initial sizing needs to settle\n          setTimeout(() => {\n            this.ready.set(true);\n          }, 100);\n        }\n        if (!this.openingOrClosing) {\n          this.emitResizeOutputs();\n        }\n      });\n\n    this.service.content$\n      .pipe(takeUntilDestroyed(this.destroyRef))\n      .subscribe(portal => this.attachContent(portal));\n\n    this.service.tempContent$\n      .pipe(takeUntilDestroyed(this.destroyRef))\n      .subscribe(portal => this.attachTempContent(portal));\n\n    this.service.isOpen$\n      .pipe(takeUntilDestroyed(this.destroyRef))\n      .subscribe(isOpen => this.openClose(isOpen));\n  }\n\n  ngOnDestroy(): void {\n    this.portalOutlet().detach();\n    this.service.releaseBodyScrollLock();\n  }\n  /**\n   * Toggle whether the side panel is expanded or not.\n   */\n  toggleSidePanel(): void {\n    if (this.collapsible()) {\n      this.service.toggle();\n    } else {\n      this.service.close();\n    }\n  }\n\n  private emitResizeOutputs(): void {\n    const contentDimensions = this.getContentDimensions();\n    if (\n      contentDimensions.width !== this.previousContentDimensions.width ||\n      contentDimensions.height !== this.previousContentDimensions.height\n    ) {\n      this.previousContentDimensions = contentDimensions;\n      this.contentResize.emit(contentDimensions);\n    }\n  }\n\n  private getContentDimensions(): ElementDimensions {\n    if (!this.isCollapsedInternal && this.isXs()) {\n      return { width: 0, height: 0 };\n    }\n    const rect = this.contentElement().nativeElement.getBoundingClientRect();\n    return { width: rect.width, height: rect.height };\n  }\n\n  private setBreakpoints(width: number, height: number): void {\n    if (!width && !height) {\n      // element is not visible, no point in changing anything\n      return;\n    }\n    const breakpoints = this.breakpoints() ?? BOOTSTRAP_BREAKPOINTS;\n\n    this.isXs.set(width < breakpoints.smMinimum);\n    this.isSm.set(width >= breakpoints.smMinimum && width < breakpoints.mdMinimum);\n    this.isMd.set(width >= breakpoints.mdMinimum && width < breakpoints.lgMinimum);\n    this.isLg.set(width >= breakpoints.lgMinimum && width < breakpoints.xlMinimum);\n    this.isXl.set(width >= breakpoints.xlMinimum && width < breakpoints.xxlMinimum);\n    this.isXxl.set(width >= breakpoints.xxlMinimum && width < SiSidePanelComponent.xxxlMinimum);\n    this.isXxxl.set(width >= SiSidePanelComponent.xxxlMinimum);\n  }\n\n  private sendResize(): void {\n    if (this.isScrollMode() || this.element.nativeElement.style.paddingRight !== '0') {\n      this.openingOrClosing = true;\n      this.resizeEvent.next();\n    }\n  }\n\n  private attachContent(portal?: Portal<any>): void {\n    const portalOutlet = this.portalOutlet();\n    portalOutlet.detach();\n    if (portal) {\n      portalOutlet.attach(portal);\n    }\n    this.cdRef.markForCheck();\n  }\n\n  private attachTempContent(portal: Portal<any> | undefined): void {\n    const tmpPortalOutlet = this.tmpPortalOutlet();\n    tmpPortalOutlet.detach();\n    if (portal) {\n      tmpPortalOutlet.attach(portal);\n      this.showTempContent.set(true);\n      this.openClose(true, true);\n    } else if (this.showTempContent()) {\n      this.showTempContent.set(false);\n      this.openClose(this.service.isOpen(), true);\n    }\n  }\n\n  private openClose(open: boolean, regainFocus = false): void {\n    if (open !== this.isCollapsedInternal) {\n      this.moveFocusInside(open && regainFocus);\n      return;\n    }\n    this.isCollapsedInternal = !open;\n    if (open) {\n      this.isHidden.set(false);\n    }\n    setTimeout(() => this.doOpenClose(open));\n  }\n\n  private doOpenClose(open: boolean): void {\n    this.moveFocusInside(open);\n    this.isCollapsed.set(!open);\n    this.collapsed.set(this.isCollapsed());\n    if (this.isCollapsedInternal) {\n      this.closed.emit();\n    }\n    this.sendResize();\n  }\n\n  private moveFocusInside(open: boolean): void {\n    if (\n      open &&\n      !this.document.activeElement?.parentElement?.classList.contains(\n        'side-panel-collapse-toggle'\n      ) &&\n      !this.document.activeElement?.classList.contains('side-panel-collapse-toggle')\n    ) {\n      // moves the keyboard focus inside the panel so that the next tab is somewhere useful\n      this.panelElement().nativeElement.focus();\n      queueMicrotask(() => this.panelElement().nativeElement.blur());\n    }\n  }\n}\n","@if (showBackdrop()) {\n  <div class=\"modal-backdrop\" animate.leave=\"backdrop-leave\" (click)=\"toggleSidePanel()\"></div>\n}\n<div #sidePanel class=\"side-panel focus-none\" tabindex=\"-1\">\n  <div class=\"inner\" [class.d-none]=\"showTempContent()\">\n    <ng-content select=\"si-side-panel-content, element-side-panel-content\" />\n    <ng-container #portalOutlet cdkPortalOutlet />\n  </div>\n  <div class=\"inner\" [class.d-none]=\"!showTempContent()\">\n    <ng-container #tmpPortalOutlet cdkPortalOutlet />\n  </div>\n</div>\n<div #content class=\"main-content si-layout-inner\">\n  <ng-content />\n</div>\n","/**\n * Copyright (c) Siemens 2016 - 2026\n * SPDX-License-Identifier: MIT\n */\nimport { BreakpointObserver } from '@angular/cdk/layout';\nimport {\n  booleanAttribute,\n  ChangeDetectionStrategy,\n  Component,\n  computed,\n  DestroyRef,\n  effect,\n  inject,\n  input,\n  OnInit,\n  output,\n  signal\n} from '@angular/core';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\nimport { ActivatedRoute, RouterLink } from '@angular/router';\nimport {\n  elementCancel,\n  elementDoubleLeft,\n  elementDoubleRight,\n  elementExport,\n  elementPinch,\n  elementZoom\n} from '@siemens/element-icons';\nimport { SiAccordionHCollapseService } from '@siemens/element-ng/accordion';\nimport { MenuItem as MenuItemLegacy } from '@siemens/element-ng/common';\nimport {\n  ContentActionBarMainItem,\n  SiContentActionBarComponent\n} from '@siemens/element-ng/content-action-bar';\nimport { addIcons, SiIconComponent } from '@siemens/element-ng/icon';\nimport { SiLinkDirective } from '@siemens/element-ng/link';\nimport { MenuItem } from '@siemens/element-ng/menu';\nimport { BOOTSTRAP_BREAKPOINTS } from '@siemens/element-ng/resize-observer';\nimport { SiSearchBarComponent } from '@siemens/element-ng/search-bar';\nimport { SiTooltipDirective } from '@siemens/element-ng/tooltip';\nimport { SiTranslatePipe, t, TranslatableString } from '@siemens/element-translate-ng/translate';\nimport { timer } from 'rxjs';\n\nimport { SiSidePanelService } from './si-side-panel.service';\nimport { SidePanelDisplayMode, SidePanelNavigateConfig } from './side-panel.model';\n\n/**\n * An extension of MenuItem to support combined icons.\n *\n * @deprecated Use the {@link SiSidePanelActionsComponent} instead:\n *\n * ```html\n * <si-side-panel-content>\n *   <si-side-panel-actions>\n *       <button\n *         type=\"button\"\n *         si-side-panel-action\n *         icon=\"element-alarm-background-filled\"\n *         iconColor=\"status-danger\"\n *         stackedIcon=\"element-alarm-tick\"\n *         stackedIconColor=\"text-primary\"\n *         (click)=\"action()\"\n *       >\n *         Action\n *       </button>\n *   </si-side-panel-actions>\n * </si-side-panel-content>\n * ```\n */\nexport interface StatusItem extends MenuItemLegacy {\n  overlayIcon?: string;\n}\n\n@Component({\n  selector: 'si-side-panel-content',\n  imports: [\n    SiContentActionBarComponent,\n    SiIconComponent,\n    RouterLink,\n    SiSearchBarComponent,\n    SiTranslatePipe,\n    SiTooltipDirective,\n    SiLinkDirective\n  ],\n  templateUrl: './si-side-panel-content.component.html',\n  styleUrl: './si-side-panel-content.component.scss',\n  providers: [SiAccordionHCollapseService],\n  changeDetection: ChangeDetectionStrategy.Eager,\n  host: {\n    '[class.collapsed]': 'isCollapsed()',\n    '[class.expanded]': 'isExpanded()',\n    '[class.enable-mobile]': 'enableMobile()',\n    '[class.rpanel-fullscreen-overlay]': 'isFullscreen()',\n    '[id]': 'panelContentId'\n  }\n})\nexport class SiSidePanelContentComponent implements OnInit {\n  private static idCounter = 0;\n  protected readonly panelContentId = `__si-side-panel-content-${SiSidePanelContentComponent.idCounter++}`;\n  /**\n   * @deprecated This input is no longer used. The collapsible state is managed by the SiSidePanelService.\n   * This input will be removed in a future major version.\n   * @defaultValue undefined\n   */\n  readonly collapsibleInput = input(undefined, {\n    // eslint-disable-next-line @angular-eslint/no-input-rename\n    alias: 'collapsible',\n    transform: booleanAttribute\n  });\n  /**\n   * Header of side panel\n   *\n   * @defaultValue ''\n   */\n  readonly heading = input<TranslatableString>('');\n\n  /**\n   * Input list of primary action items\n   *\n   * @defaultValue []\n   */\n  readonly primaryActions = input<(MenuItemLegacy | ContentActionBarMainItem)[]>([]);\n\n  /**\n   * Input list of secondary action items.\n   *\n   * @defaultValue []\n   */\n  readonly secondaryActions = input<(MenuItemLegacy | MenuItem)[]>([]);\n\n  /**\n   * Status icons/actions\n   *\n   * @deprecated Use the {@link SiSidePanelActionsComponent} instead:\n   *\n   * ```html\n   * <si-side-panel-content>\n   *   <si-side-panel-actions>\n   *       <button\n   *         type=\"button\"\n   *         si-side-panel-action\n   *         icon=\"element-alarm-background-filled\"\n   *         iconColor=\"status-danger\"\n   *         stackedIcon=\"element-alarm-tick\"\n   *         stackedIconColor=\"text-primary\"\n   *         (click)=\"action()\"\n   *       >\n   *         Action\n   *       </button>\n   *   </si-side-panel-actions>\n   * </si-side-panel-content>\n   * ```\n   *\n   * @defaultValue []\n   */\n  readonly statusActions = input<StatusItem[]>([]);\n\n  /**\n   * Toggles search bar\n   *\n   * @defaultValue false\n   */\n  readonly searchable = input(false, { transform: booleanAttribute });\n\n  /**\n   * Placeholder text for search\n   *\n   * @defaultValue\n   * ```\n   * t(() => $localize`:@@SI_SIDE_PANEL.SEARCH_PLACEHOLDER:Search…`)\n   * ```\n   */\n  readonly searchPlaceholder = input(\n    t(() => $localize`:@@SI_SIDE_PANEL.SEARCH_PLACEHOLDER:Search…`)\n  );\n\n  /**\n   * Aria label for close button. Needed for a11y\n   *\n   * @defaultValue\n   * ```\n   * t(() => $localize`:@@SI_SIDE_PANEL.CLOSE:Close`)\n   * ```\n   */\n  readonly closeButtonLabel = input(t(() => $localize`:@@SI_SIDE_PANEL.CLOSE:Close`));\n\n  /**\n   * Toggle icon aria-label, required for a11y\n   *\n   * @defaultValue\n   * ```\n   * t(() => $localize`:@@SI_SIDE_PANEL.TOGGLE:Toggle`)\n   * ```\n   */\n  readonly toggleItemLabel = input(t(() => $localize`:@@SI_SIDE_PANEL.TOGGLE:Toggle`));\n\n  /**\n   * Enter fullscreen aria-label, required for a11y\n   *\n   * @defaultValue\n   * ```\n   * t(() => $localize`:@@SI_SIDE_PANEL.ENTER_FULLSCREEN:Full screen`)\n   * ```\n   */\n  readonly enterFullscreenLabel = input(\n    t(() => $localize`:@@SI_SIDE_PANEL.ENTER_FULLSCREEN:Full screen`)\n  );\n\n  /**\n   * Exit fullscreen aria-label, required for a11y\n   *\n   * @defaultValue\n   * ```\n   * t(() => $localize`:@@SI_SIDE_PANEL.EXIT_FULLSCREEN:Exit full screen`)\n   * ```\n   */\n  readonly exitFullscreenLabel = input(\n    t(() => $localize`:@@SI_SIDE_PANEL.EXIT_FULLSCREEN:Exit full screen`)\n  );\n\n  /**\n   * Show a badge on the mobile drawer indicating a new alert or notification\n   *\n   * @defaultValue false\n   */\n  readonly showMobileDrawerBadge = input(false, { transform: booleanAttribute });\n\n  /**\n   * Display mode for side panel - enables navigate or overlay functionality\n   */\n  readonly displayMode = input<SidePanelDisplayMode>();\n\n  /**\n   * Configuration for navigate mode\n   */\n  readonly navigateConfig = input<SidePanelNavigateConfig>();\n\n  /**\n   * Output for search bar input\n   */\n  readonly searchEvent = output<string>();\n\n  protected readonly activatedRoute = inject(ActivatedRoute, { optional: true });\n  protected readonly service = inject(SiSidePanelService);\n  protected readonly isCollapsed = signal(false);\n  protected readonly isExpanded = signal(true);\n  protected readonly isFullscreen = signal(false);\n  protected readonly enableMobile = computed(() => this.service?.enableMobile() ?? false);\n  protected readonly collapsible = computed(() => {\n    return this.collapsibleInput() ?? this.service?.collapsible() ?? false;\n  });\n  protected readonly mobileSize = signal(false);\n  protected readonly focusable = computed(\n    () => !this.mobileSize() || !this.enableMobile() || !this.isCollapsed()\n  );\n  protected readonly icons = addIcons({\n    elementCancel,\n    elementDoubleLeft,\n    elementDoubleRight,\n    elementExport,\n    elementPinch,\n    elementZoom\n  });\n  /**\n   * The $rpanel-transition-duration in the style is 0.5 seconds.\n   * For the animation we need to wait until the resize is done.\n   */\n  private readonly resizeAnimationDelay = 500;\n  private readonly destroyRef = inject(DestroyRef);\n  private readonly breakpointObserver = inject(BreakpointObserver);\n\n  private expandedTimeout: any;\n\n  constructor() {\n    const accordionHcollapse = inject(SiAccordionHCollapseService);\n\n    this.service.isFullscreen$.pipe(takeUntilDestroyed()).subscribe(fullscreen => {\n      this.isFullscreen.set(fullscreen);\n    });\n\n    this.service.isOpen$.pipe(takeUntilDestroyed()).subscribe(state => {\n      this.isCollapsed.set(!state);\n      clearTimeout(this.expandedTimeout);\n      this.expandedTimeout = undefined;\n      if (!state) {\n        this.isExpanded.set(false);\n      } else {\n        this.expandedTimeout = setTimeout(() => {\n          this.isExpanded.set(true);\n        }, this.resizeAnimationDelay / 2);\n      }\n    });\n\n    effect(() => {\n      if (this.collapsible()) {\n        accordionHcollapse.hcollapsed.set(this.isCollapsed());\n      }\n    });\n\n    effect(() => {\n      if (this.isCollapsed() && !this.service.isTemporaryOpen() && this.isFullscreen()) {\n        timer(this.resizeAnimationDelay)\n          .pipe(takeUntilDestroyed(this.destroyRef))\n          .subscribe(() => {\n            this.service.setFullscreen(false);\n          });\n      }\n    });\n\n    accordionHcollapse.open$.pipe(takeUntilDestroyed()).subscribe(() => this.service.open());\n  }\n\n  ngOnInit(): void {\n    this.breakpointObserver\n      .observe('(max-width: ' + BOOTSTRAP_BREAKPOINTS.smMinimum + 'px)')\n      .pipe(takeUntilDestroyed(this.destroyRef))\n      .subscribe(({ matches }) => {\n        this.mobileSize.set(matches);\n      });\n  }\n\n  /**\n   * Toggle fullscreen overlay mode\n   */\n  toggleFullscreen(): void {\n    if (this.isCollapsed() && !this.service.isTemporaryOpen()) {\n      return;\n    }\n    this.service.toggleFullscreen();\n  }\n\n  protected toggleSidePanel(event?: MouseEvent): void {\n    if (event?.detail !== 0) {\n      // Blur except if triggered by keyboard\n      (document?.activeElement as HTMLElement)?.blur();\n    }\n    if (this.service.isTemporaryOpen()) {\n      this.service.hideTemporaryContent();\n    } else {\n      this.service.toggle();\n    }\n  }\n}\n","<div class=\"rpanel-header pt-5\">\n  <div class=\"d-flex align-items-center min-width-0 auto-hide\">\n    <ng-content select=\"[siSidePanelBackButton]\" />\n    <p class=\"si-h5 my-0 auto-hide text-truncate header-title\">\n      {{ heading() | translate }}\n    </p>\n  </div>\n  @if ((primaryActions().length || secondaryActions().length) && focusable()) {\n    <si-content-action-bar\n      class=\"auto-hide ms-auto\"\n      viewType=\"expanded\"\n      [primaryActions]=\"primaryActions()\"\n      [secondaryActions]=\"secondaryActions()\"\n      [toggleItemLabel]=\"toggleItemLabel()\"\n    />\n  }\n  <div class=\"d-flex\">\n    @let navigateConfig = this.navigateConfig();\n    @if (displayMode() === 'navigate' && navigateConfig) {\n      @if (navigateConfig.type === 'router-link') {\n        <a\n          class=\"btn btn-icon btn-tertiary-ghost auto-hide\"\n          [class.ms-4]=\"collapsible()\"\n          [class.mx-4]=\"!collapsible() || service.isTemporaryOpen()\"\n          [routerLink]=\"navigateConfig.routerLink\"\n          [queryParams]=\"navigateConfig.extras?.queryParams\"\n          [queryParamsHandling]=\"navigateConfig.extras?.queryParamsHandling\"\n          [fragment]=\"navigateConfig.extras?.fragment\"\n          [state]=\"navigateConfig.extras?.state\"\n          [relativeTo]=\"navigateConfig.extras?.relativeTo ?? activatedRoute\"\n          [preserveFragment]=\"navigateConfig.extras?.preserveFragment\"\n          [skipLocationChange]=\"navigateConfig.extras?.skipLocationChange\"\n          [replaceUrl]=\"navigateConfig.extras?.replaceUrl\"\n          [attr.aria-label]=\"navigateConfig.label | translate\"\n        >\n          <si-icon class=\"icon\" [icon]=\"icons.elementExport\" />\n          <span class=\"visually-hidden\">\n            {{ navigateConfig.label | translate }}\n          </span></a\n        >\n      } @else if (navigateConfig.type === 'link') {\n        <a\n          class=\"btn btn-icon btn-tertiary-ghost auto-hide\"\n          [class.ms-4]=\"collapsible()\"\n          [class.mx-4]=\"!collapsible()\"\n          [href]=\"navigateConfig.href\"\n          [target]=\"navigateConfig.target\"\n          [attr.rel]=\"navigateConfig.target === '_blank' ? 'noopener noreferrer' : null\"\n          [attr.aria-label]=\"navigateConfig.label | translate\"\n        >\n          <si-icon class=\"icon\" [icon]=\"icons.elementExport\" />\n          <span class=\"visually-hidden\">\n            {{ navigateConfig.label | translate }}\n          </span></a\n        >\n      }\n    }\n    @if (displayMode() === 'overlay') {\n      <button\n        type=\"button\"\n        class=\"fullscreen-button btn btn-icon btn-tertiary-ghost auto-hide\"\n        [class.ms-4]=\"collapsible()\"\n        [class.mx-4]=\"!collapsible() || service.isTemporaryOpen()\"\n        [attr.aria-label]=\"\n          (isFullscreen() ? exitFullscreenLabel() : enterFullscreenLabel()) | translate\n        \"\n        [tabindex]=\"focusable() ? '0' : '-1'\"\n        (click)=\"toggleFullscreen()\"\n      >\n        <si-icon [icon]=\"isFullscreen() ? icons.elementPinch : icons.elementZoom\" />\n      </button>\n    }\n    <button\n      type=\"button\"\n      class=\"close-button btn btn-icon btn-tertiary-ghost me-4\"\n      [attr.aria-label]=\"closeButtonLabel() | translate\"\n      [tabindex]=\"focusable() ? '0' : '-1'\"\n      (click)=\"toggleSidePanel($event)\"\n    >\n      <si-icon [icon]=\"icons.elementCancel\" />\n    </button>\n    <div class=\"collapse-toggle\">\n      <button\n        type=\"button\"\n        class=\"side-panel-collapse-toggle btn btn-icon btn-tertiary-ghost mx-4\"\n        [attr.aria-label]=\"toggleItemLabel() | translate\"\n        [attr.aria-expanded]=\"!isCollapsed() || service.isTemporaryOpen()\"\n        [attr.aria-controls]=\"panelContentId\"\n        (click)=\"toggleSidePanel($event)\"\n      >\n        <si-icon\n          class=\"flip-rtl\"\n          [class.badge-dot]=\"showMobileDrawerBadge()\"\n          [icon]=\"isCollapsed() ? icons.elementDoubleLeft : icons.elementDoubleRight\"\n        />\n      </button>\n    </div>\n  </div>\n</div>\n<div class=\"rpanel-wrapper d-flex flex-column\">\n  @if (statusActions().length && focusable()) {\n    <div class=\"rpanel-header rpanel-statusactions px-6\">\n      @for (dp of statusActions(); track $index) {\n        @if (!dp.disabled) {\n          <a\n            class=\"rpanel-statusaction position-relative focus-inside\"\n            placement=\"start\"\n            [attr.aria-label]=\"!isCollapsed() ? '' : (dp.title | translate)\"\n            [siTooltip]=\"(dp.title | translate) || ''\"\n            [isDisabled]=\"!isCollapsed()\"\n            [siLink]=\"dp\"\n          >\n            <si-icon class=\"icon\" [icon]=\"dp.icon!\" />\n            @if (dp.overlayIcon) {\n              <si-icon class=\"icon position-absolute\" [icon]=\"dp.overlayIcon\" />\n            }\n            <span class=\"ms-2 auto-hide si-body-sm\">{{ dp.title | translate }}</span>\n          </a>\n        } @else {\n          <div class=\"rpanel-statusaction dot-outer\" aria-hidden=\"true\">\n            <div class=\"dot text-disabled text-center\">&bull;</div>\n          </div>\n        }\n      }\n    </div>\n  }\n  <ng-content select=\"si-side-panel-actions\" />\n  @if (searchable() && focusable()) {\n    <div class=\"nav-search px-6 auto-hide\">\n      <si-search-bar\n        #searchBar\n        class=\"m-0\"\n        colorVariant=\"base-0\"\n        prohibitedCharacters=\"*?\"\n        [placeholder]=\"searchPlaceholder() | translate\"\n        [debounceTime]=\"400\"\n        [showIcon]=\"true\"\n        (searchChange)=\"searchEvent.emit($event)\"\n      />\n    </div>\n  }\n  @if (focusable()) {\n    <div class=\"rpanel-content\">\n      <ng-content />\n    </div>\n  }\n</div>\n","/**\n * Copyright (c) Siemens 2016 - 2026\n * SPDX-License-Identifier: MIT\n */\nimport { booleanAttribute, Component, input } from '@angular/core';\nimport { SiIconComponent } from '@siemens/element-ng/icon';\n\n/**\n * Creates an action for the side-panel.\n * This action will remain visible if the side-panel is collapsed.\n *\n * @example\n * ```html\n * <si-side-panel-content>\n *   <si-side-panel-actions>\n *       <button\n *         type=\"button\"\n *         si-side-panel-action\n *         icon=\"element-alarm-background-filled\"\n *         iconColor=\"status-danger\"\n *         stackedIcon=\"element-alarm-tick\"\n *         stackedIconColor=\"text-primary\"\n *         (click)=\"action()\"\n *       >\n *         Action\n *       </button>\n *   </si-side-panel-actions>\n * </si-side-panel-content>\n * ```\n */\n@Component({\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: 'button[si-side-panel-action], a[si-side-panel-action]',\n  imports: [SiIconComponent],\n  template: `\n    @if (disabled()) {\n      <div class=\"icon dot text-disabled text-center\">&bull;</div>\n    } @else {\n      <span class=\"icon icon-stack\">\n        <si-icon [class]=\"iconColor()\" [icon]=\"icon()\" />\n        @if (stackedIcon(); as stackedIcon) {\n          <si-icon [class]=\"stackedIconColor()\" [icon]=\"stackedIcon\" />\n        }\n      </span>\n      <span class=\"ms-2 auto-hide si-body-sm text-start\">\n        <ng-content />\n      </span>\n    }\n  `,\n  styleUrl: './si-side-panel-action.component.scss',\n  host: {\n    class: 'focus-inside'\n  }\n})\nexport class SiSidePanelActionComponent {\n  /** Icon name for the main icon. */\n  readonly icon = input.required<string>();\n\n  /** CSS color class for the main icon (e.g. `'status-warning'`). */\n  readonly iconColor = input<string>();\n\n  /** Optional stacked icon name displayed on top of the main icon. */\n  readonly stackedIcon = input<string>();\n\n  /** CSS color class for the stacked icon (e.g. `'text-primary'`). */\n  readonly stackedIconColor = input<string>();\n\n  /**\n   * When disabled, renders a dot separator instead of the icon and label.\n   *\n   * @defaultValue false\n   */\n  readonly disabled = input(false, { transform: booleanAttribute });\n}\n","/**\n * Copyright (c) Siemens 2016 - 2026\n * SPDX-License-Identifier: MIT\n */\nimport { Component } from '@angular/core';\n\n/**\n * Creates an actions container for the side-panel.\n * This action will remain visible if the side-panel is collapsed.\n *\n * @example\n * ```html\n * <si-side-panel-content>\n *   <si-side-panel-actions>\n *       <button\n *         type=\"button\"\n *         si-side-panel-action\n *         icon=\"element-alarm-background-filled\"\n *         iconColor=\"status-danger\"\n *         stackedIcon=\"element-alarm-tick\"\n *         stackedIconColor=\"text-primary\"\n *         (click)=\"action()\"\n *       >\n *         Action\n *       </button>\n *   </si-side-panel-actions>\n * </si-side-panel-content>\n * ```\n */\n@Component({\n  selector: 'si-side-panel-actions',\n  template: '<ng-content />',\n  styleUrl: './si-side-panel-actions.component.scss'\n})\nexport class SiSidePanelActionsComponent {}\n","/**\n * Copyright (c) Siemens 2016 - 2026\n * SPDX-License-Identifier: MIT\n */\nimport { Component } from '@angular/core';\nimport { elementLeft4 } from '@siemens/element-icons';\nimport { addIcons, SiIconComponent } from '@siemens/element-ng/icon';\n\n/**\n * Back button for navigating from side-panel details to the previous view.\n *\n * @example\n * ```html\n * <button type=\"button\" siSidePanelBackButton aria-label=\"Back\" (click)=\"back()\"></button>\n * ```\n */\n@Component({\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: 'button[siSidePanelBackButton], a[siSidePanelBackButton]',\n  imports: [SiIconComponent],\n  template: '<si-icon class=\"flip-rtl\" [icon]=\"icons.elementLeft4\" /><ng-content />',\n  host: {\n    class: 'btn btn-icon btn-tertiary ms-4 auto-hide'\n  }\n})\nexport class SiSidePanelBackButtonComponent {\n  protected readonly icons = addIcons({ elementLeft4 });\n}\n","/**\n * Copyright (c) Siemens 2016 - 2026\n * SPDX-License-Identifier: MIT\n */\nimport { NgModule } from '@angular/core';\n\nimport { SiSidePanelActionComponent } from './si-side-panel-action.component';\nimport { SiSidePanelActionsComponent } from './si-side-panel-actions.component';\nimport { SiSidePanelBackButtonComponent } from './si-side-panel-back-button.component';\nimport { SiSidePanelContentComponent } from './si-side-panel-content.component';\nimport { SiSidePanelComponent } from './si-side-panel.component';\n\n@NgModule({\n  imports: [\n    SiSidePanelComponent,\n    SiSidePanelContentComponent,\n    SiSidePanelActionsComponent,\n    SiSidePanelActionComponent,\n    SiSidePanelBackButtonComponent\n  ],\n  exports: [\n    SiSidePanelComponent,\n    SiSidePanelContentComponent,\n    SiSidePanelActionsComponent,\n    SiSidePanelActionComponent,\n    SiSidePanelBackButtonComponent\n  ]\n})\nexport class SiSidePanelModule {}\n","/**\n * Copyright (c) Siemens 2016 - 2026\n * SPDX-License-Identifier: MIT\n */\n\nimport { NavigationExtras } from '@angular/router';\nimport { TranslatableString } from '@siemens/element-translate-ng/translate';\n\n/**\n * Side panel mode options.\n * - scroll: pushes content when side panel opens/closes,\n * - over: Opens as an overlay on existing content. Just like modal.\n */\nexport type SidePanelMode = 'scroll' | 'over';\n\n/**\n * Side panel size options.\n * - regular: 390px,\n * - wide: 500px,\n * - extended: responsive width that adapts to screen size. Full width on small/medium screens,\n *   scales from 480px to 912px (max) on larger screens for optimal content display\n */\nexport type SidePanelSize = 'regular' | 'wide' | 'extended';\n\n/**\n * Side panel display mode options.\n * - navigate: allows navigation to dedicated page\n * - overlay: allows full-screen overlay toggle\n */\nexport type SidePanelDisplayMode = 'navigate' | 'overlay';\n\n/**\n *  Interface representing a router link item in the side panel.\n */\nexport interface SidePanelNavigateRouterLink {\n  type: 'router-link';\n  /** Label that is shown to the user. */\n  label: TranslatableString;\n  /** Link for the angular router. Accepts the same values as {@link RouterLink}. */\n  routerLink: string | any[];\n  /** Navigation extras that are passed to the {@link RouterLink}. */\n  extras?: NavigationExtras;\n}\n\n/**\n * Interface representing a link item in the side panel.\n */\nexport interface SidePanelNavigateLink {\n  type: 'link';\n  /** Label that is shown to the user. */\n  label: TranslatableString;\n  /** The href property of the anchor. */\n  href: string;\n  /** The target property of the anchor. */\n  target?: string;\n}\n\n/**\n * Configuration for side panel navigation.\n */\nexport type SidePanelNavigateConfig = SidePanelNavigateRouterLink | SidePanelNavigateLink;\n","/**\n * Copyright (c) Siemens 2016 - 2026\n * SPDX-License-Identifier: MIT\n */\nexport * from './si-side-panel.service';\nexport * from './si-side-panel.component';\nexport * from './si-side-panel-content.component';\nexport * from './si-side-panel.module';\nexport * from './si-side-panel-actions.component';\nexport * from './si-side-panel-action.component';\nexport * from './si-side-panel-back-button.component';\nexport * from './side-panel.model';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["DOCUMENT"],"mappings":"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"}