@siemens/element-ng 48.10.0 → 49.0.0-rc.2

package/fesm2022/siemens-element-ng-list-details.mjs

@@ -1,25 +1,25 @@
-import { trigger, state, transition, style, animate } from '@angular/animations';
 import { NgTemplateOutlet } from '@angular/common';
 import * as i0 from '@angular/core';
-import { inject, ElementRef, input, computed, model, booleanAttribute, signal, ChangeDetectionStrategy, Component, contentChild, DestroyRef, effect, viewChild } from '@angular/core';
+import { inject, ElementRef, viewChild, input, computed, model, booleanAttribute, signal, ChangeDetectionStrategy, Component, contentChild, DestroyRef, effect } from '@angular/core';
 import { areAnimationsDisabled } from '@siemens/element-ng/common';
 import { ResizeObserverService, BOOTSTRAP_BREAKPOINTS } from '@siemens/element-ng/resize-observer';
 import { SiSplitComponent, SiSplitPartComponent } from '@siemens/element-ng/split';
 import { Subject, BehaviorSubject } from 'rxjs';
 import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
 import { RouterOutlet, Router, ActivatedRoute } from '@angular/router';
-import { addIcons, elementBack, SiIconComponent } from '@siemens/element-ng/icon';
+import { elementBack } from '@siemens/element-icons';
+import { addIcons, SiIconComponent } from '@siemens/element-ng/icon';
 import { t, SiTranslatePipe } from '@siemens/element-translate-ng/translate';
 
 /**
  * Copyright (c) Siemens 2016 - 2025
  * SPDX-License-Identifier: MIT
  */
-/** @experimental */
 class SiListDetailsComponent {
     resizeSubs;
     elementRef = inject(ElementRef);
     resizeObserver = inject(ResizeObserverService);
+    listDetailsContainer = viewChild.required('listDetailsContainer');
     animationsGloballyDisabled = areAnimationsDisabled();
     /**
      * A numeric value defining the minimum width in px, which the component needs
@@ -29,18 +29,18 @@ class SiListDetailsComponent {
      *
      * @defaultValue BOOTSTRAP_BREAKPOINTS.mdMinimum
      */
-    expandBreakpoint = input(BOOTSTRAP_BREAKPOINTS.mdMinimum);
+    expandBreakpoint = input(BOOTSTRAP_BREAKPOINTS.mdMinimum, ...(ngDevMode ? [{ debugName: "expandBreakpoint" }] : []));
     hasLargeSize = computed(() => {
         const dimensions = this.resizeDimensions();
         return !!dimensions && dimensions.width >= this.expandBreakpoint();
-    });
+    }, ...(ngDevMode ? [{ debugName: "hasLargeSize" }] : []));
     /**
      * Whether the details are currently active or not, mostly relevant in the
      * responsive scenario when the viewport only shows either the list or the detail.
      *
      * @defaultValue false
      */
-    detailsActive = model(false);
+    detailsActive = model(false, ...(ngDevMode ? [{ debugName: "detailsActive" }] : []));
     /**
      * Whether the list and detail parts should be resizable by a splitter or not.
      * This is only supported in the 'large' scenario (when `hasLargeSize` is `true`).
@@ -48,52 +48,52 @@ class SiListDetailsComponent {
      *
      * @defaultValue false
      */
-    disableResizing = input(false, { transform: booleanAttribute });
+    disableResizing = input(false, { ...(ngDevMode ? { debugName: "disableResizing" } : {}), transform: booleanAttribute });
     /**
      * The percentage width of the list view of the overall component width.
      *
      * @defaultValue 32
      */
-    listWidth = model(32);
+    listWidth = model(32, ...(ngDevMode ? [{ debugName: "listWidth" }] : []));
     /**
      * Sets the minimal width of the list component in pixel.
      *
      * @defaultValue 300
      */
-    minListSize = input(300);
+    minListSize = input(300, ...(ngDevMode ? [{ debugName: "minListSize" }] : []));
     /**
      * Sets the minimal width of the detail component in pixel.
      *
      * @defaultValue 300
      */
-    minDetailsSize = input(300);
+    minDetailsSize = input(300, ...(ngDevMode ? [{ debugName: "minDetailsSize" }] : []));
     /**
      * An optional stateId to uniquely identify a component instance.
      * Required for persistence of ui state.
      */
-    stateId = input();
+    stateId = input(...(ngDevMode ? [undefined, { debugName: "stateId" }] : []));
     splitSizes = computed(() => [
         this.listWidth(),
         100 - this.listWidth()
-    ]);
+    ], ...(ngDevMode ? [{ debugName: "splitSizes" }] : []));
     listStateId = computed(() => {
         const stateId = this.stateId();
         return stateId ? `${stateId}-list` : undefined;
-    });
+    }, ...(ngDevMode ? [{ debugName: "listStateId" }] : []));
     detailsStateId = computed(() => {
         const stateId = this.stateId();
         return stateId ? `${stateId}-details` : undefined;
-    });
-    opacity = computed(() => (this.resizeDimensions() ? '' : '0'));
+    }, ...(ngDevMode ? [{ debugName: "detailsStateId" }] : []));
+    opacity = computed(() => (this.resizeDimensions() ? '' : '0'), ...(ngDevMode ? [{ debugName: "opacity" }] : []));
     /** @internal */
     detailsExpandedAnimation = computed(() => {
-        if (!this.animationsGloballyDisabled && !this.hasLargeSize()) {
-            return this.detailsActive() ? 'expanded' : 'collapsed';
+        if (!this.hasLargeSize()) {
+            return this.detailsActive() ? 'details-active expanded' : 'collapsed';
         }
         else {
             return 'disabled';
         }
-    });
+    }, ...(ngDevMode ? [{ debugName: "detailsExpandedAnimation" }] : []));
     // Used for focus transfer, can not use a focus trap for this.
     hadLargeSizePreviously;
     detailsActivePreviously;
@@ -122,18 +122,26 @@ class SiListDetailsComponent {
     ngOnDestroy() {
         this.resizeSubs?.unsubscribe();
     }
-    resizeDimensions = signal(undefined);
+    resizeDimensions = signal(undefined, ...(ngDevMode ? [{ debugName: "resizeDimensions" }] : []));
     onSplitSizesChange(sizes) {
         this.listWidth.set(sizes[0]);
     }
     /** @internal */
     detailsBackClicked(options) {
         this.detailsActive.set(false);
-        // This callback is used to route after the animation is done.
-        this.animationDone = options?.animationDone;
+        // Directly call the done callback if animations are disabled.
+        if (this.animationsGloballyDisabled) {
+            options?.animationDone?.();
+        }
+        else {
+            // This callback is used to route after the animation is done.
+            this.animationDone = options?.animationDone;
+        }
     }
-    detailsExpandedAnimationDone() {
-        if (this.animationDone) {
+    detailsExpandedAnimationDone(event) {
+        // Since the 'transitionend' event bubbles up from child elements,
+        // ensure the event target is the container itself.
+        if (this.animationDone && this.listDetailsContainer().nativeElement === event.target) {
             this.animationDone();
             this.animationDone = undefined;
         }
@@ -160,43 +168,23 @@ class SiListDetailsComponent {
         this.hadLargeSizePreviously = hasLargeSize;
         this.detailsActivePreviously = detailsActive;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: SiListDetailsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.6", type: SiListDetailsComponent, isStandalone: true, selector: "si-list-details", inputs: { expandBreakpoint: { classPropertyName: "expandBreakpoint", publicName: "expandBreakpoint", isSignal: true, isRequired: false, transformFunction: null }, detailsActive: { classPropertyName: "detailsActive", publicName: "detailsActive", isSignal: true, isRequired: false, transformFunction: null }, disableResizing: { classPropertyName: "disableResizing", publicName: "disableResizing", isSignal: true, isRequired: false, transformFunction: null }, listWidth: { classPropertyName: "listWidth", publicName: "listWidth", isSignal: true, isRequired: false, transformFunction: null }, minListSize: { classPropertyName: "minListSize", publicName: "minListSize", isSignal: true, isRequired: false, transformFunction: null }, minDetailsSize: { classPropertyName: "minDetailsSize", publicName: "minDetailsSize", isSignal: true, isRequired: false, transformFunction: null }, stateId: { classPropertyName: "stateId", publicName: "stateId", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { detailsActive: "detailsActiveChange", listWidth: "listWidthChange" }, host: { properties: { "class.expanded": "hasLargeSize()", "style.opacity": "opacity()" }, classAttribute: "si-layout-inner list-details-layout d-flex flex-column" }, usesOnChanges: true, ngImport: i0, template: "@if (!disableResizing() && hasLargeSize()) {\n  <si-split\n    class=\"w-100 flex-grow-1\"\n    orientation=\"horizontal\"\n    [stateId]=\"stateId()\"\n    [sizes]=\"splitSizes()\"\n    (sizesChange)=\"onSplitSizesChange($event)\"\n  >\n    <si-split-part\n      scale=\"none\"\n      [showCollapseButton]=\"false\"\n      [showHeader]=\"false\"\n      [minSize]=\"minListSize()\"\n      [stateId]=\"listStateId()\"\n    >\n      <ng-container *ngTemplateOutlet=\"listTemplate\" />\n    </si-split-part>\n    <si-split-part\n      scale=\"auto\"\n      [showCollapseButton]=\"false\"\n      [showHeader]=\"false\"\n      [minSize]=\"minDetailsSize()\"\n      [stateId]=\"detailsStateId()\"\n    >\n      <ng-container *ngTemplateOutlet=\"detailsTemplate\" />\n    </si-split-part>\n  </si-split>\n} @else {\n  <div\n    class=\"list-details d-flex flex-row\"\n    [class.gap-6]=\"hasLargeSize()\"\n    [class.details-active]=\"detailsActive() && !hasLargeSize()\"\n    [@detailsExpanded]=\"detailsExpandedAnimation()\"\n    (@detailsExpanded.done)=\"detailsExpandedAnimationDone()\"\n  >\n    <ng-container *ngTemplateOutlet=\"listTemplate\" />\n    <ng-container *ngTemplateOutlet=\"detailsTemplate\" />\n  </div>\n}\n\n<ng-template #listTemplate>\n  <ng-content select=\"si-list-pane\" />\n</ng-template>\n\n<ng-template #detailsTemplate>\n  <ng-content select=\"si-details-pane\" />\n</ng-template>\n", styles: [":host{display:flex;flex-direction:column;gap:16px;overflow-x:hidden}:host ::ng-deep si-split{min-block-size:0}:host ::ng-deep si-list-pane-header~si-list-pane-header{padding-block-start:0}:host .list-details{flex:1 1 0;min-block-size:0;inline-size:100%;position:relative}:host:not(.expanded) .list-details{inline-size:200%;transform-origin:top left;margin-inline-start:0}:host:not(.expanded) .list-details.details-active{margin-inline-start:-100%}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: SiSplitComponent, selector: "si-split", inputs: ["gutterSize", "orientation", "sizes", "stateId"], outputs: ["sizesChange"] }, { kind: "component", type: SiSplitPartComponent, selector: "si-split-part", inputs: ["actions", "collapseDirection", "collapseIconClass", "collapseToMinSize", "headerTemplate", "heading", "minSize", "removeContentOnCollapse", "scale", "showCollapseButton", "showHeader", "collapseLabel", "stateId", "size", "collapseOthers", "expanded"], outputs: ["collapseChanged", "stateChange"] }], animations: [
-            trigger('detailsExpanded', [
-                state('collapsed', style({
-                    marginInlineStart: '0'
-                })),
-                state('expanded', style({
-                    marginInlineStart: '-100%'
-                })),
-                transition('collapsed <=> expanded', [animate('0.5s ease-in-out')])
-            ])
-        ], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: SiListDetailsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.8", type: SiListDetailsComponent, isStandalone: true, selector: "si-list-details", inputs: { expandBreakpoint: { classPropertyName: "expandBreakpoint", publicName: "expandBreakpoint", isSignal: true, isRequired: false, transformFunction: null }, detailsActive: { classPropertyName: "detailsActive", publicName: "detailsActive", isSignal: true, isRequired: false, transformFunction: null }, disableResizing: { classPropertyName: "disableResizing", publicName: "disableResizing", isSignal: true, isRequired: false, transformFunction: null }, listWidth: { classPropertyName: "listWidth", publicName: "listWidth", isSignal: true, isRequired: false, transformFunction: null }, minListSize: { classPropertyName: "minListSize", publicName: "minListSize", isSignal: true, isRequired: false, transformFunction: null }, minDetailsSize: { classPropertyName: "minDetailsSize", publicName: "minDetailsSize", isSignal: true, isRequired: false, transformFunction: null }, stateId: { classPropertyName: "stateId", publicName: "stateId", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { detailsActive: "detailsActiveChange", listWidth: "listWidthChange" }, host: { properties: { "class.animations-disabled": "animationsGloballyDisabled", "class.expanded": "hasLargeSize()", "style.opacity": "opacity()" }, classAttribute: "si-layout-inner list-details-layout d-flex flex-column" }, viewQueries: [{ propertyName: "listDetailsContainer", first: true, predicate: ["listDetailsContainer"], descendants: true, isSignal: true }], usesOnChanges: true, ngImport: i0, template: "@if (!disableResizing() && hasLargeSize()) {\n  <si-split\n    class=\"w-100 flex-grow-1\"\n    orientation=\"horizontal\"\n    [stateId]=\"stateId()\"\n    [sizes]=\"splitSizes()\"\n    (sizesChange)=\"onSplitSizesChange($event)\"\n  >\n    <si-split-part\n      scale=\"none\"\n      [showCollapseButton]=\"false\"\n      [showHeader]=\"false\"\n      [minSize]=\"minListSize()\"\n      [stateId]=\"listStateId()\"\n    >\n      <ng-container *ngTemplateOutlet=\"listTemplate\" />\n    </si-split-part>\n    <si-split-part\n      scale=\"auto\"\n      [showCollapseButton]=\"false\"\n      [showHeader]=\"false\"\n      [minSize]=\"minDetailsSize()\"\n      [stateId]=\"detailsStateId()\"\n    >\n      <ng-container *ngTemplateOutlet=\"detailsTemplate\" />\n    </si-split-part>\n  </si-split>\n} @else {\n  <div\n    #listDetailsContainer\n    [class]=\"`list-details d-flex flex-row ${detailsExpandedAnimation()}`\"\n    [class.gap-6]=\"hasLargeSize()\"\n    (transitionend)=\"detailsExpandedAnimationDone($event)\"\n  >\n    <ng-container *ngTemplateOutlet=\"listTemplate\" />\n    <ng-container *ngTemplateOutlet=\"detailsTemplate\" />\n  </div>\n}\n\n<ng-template #listTemplate>\n  <ng-content select=\"si-list-pane\" />\n</ng-template>\n\n<ng-template #detailsTemplate>\n  <ng-content select=\"si-details-pane\" />\n</ng-template>\n", styles: [":host{display:flex;flex-direction:column;gap:16px;contain:layout}:host ::ng-deep si-split{min-block-size:0}:host ::ng-deep si-list-pane-header~si-list-pane-header{padding-block-start:0}:host .list-details{flex:1 1 0;min-block-size:0;inline-size:100%;position:relative}:host:not(.expanded) .list-details{inline-size:200%;margin-inline-start:0;transform:translate(0);transition:transform .5s ease-in-out}:host:not(.expanded) .list-details.details-active{transform:translate(-50%)}:host-context([dir=rtl]) :host:not(.expanded) .list-details.details-active{transform:translate(50%)}:host.animations-disabled .list-details{transition:none}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: SiSplitComponent, selector: "si-split", inputs: ["gutterSize", "orientation", "sizes", "stateId"], outputs: ["sizesChange"] }, { kind: "component", type: SiSplitPartComponent, selector: "si-split-part", inputs: ["actions", "collapseDirection", "collapseIconClass", "collapseToMinSize", "headerTemplate", "heading", "minSize", "removeContentOnCollapse", "scale", "showCollapseButton", "showHeader", "collapseLabel", "stateId", "size", "collapseOthers", "expanded"], outputs: ["collapseChanged", "stateChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: SiListDetailsComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: SiListDetailsComponent, decorators: [{
             type: Component,
             args: [{ selector: 'si-list-details', imports: [NgTemplateOutlet, SiSplitComponent, SiSplitPartComponent], changeDetection: ChangeDetectionStrategy.OnPush, host: {
                         class: 'si-layout-inner list-details-layout d-flex flex-column',
+                        '[class.animations-disabled]': 'animationsGloballyDisabled',
                         '[class.expanded]': 'hasLargeSize()',
                         '[style.opacity]': 'opacity()'
-                    }, animations: [
-                        trigger('detailsExpanded', [
-                            state('collapsed', style({
-                                marginInlineStart: '0'
-                            })),
-                            state('expanded', style({
-                                marginInlineStart: '-100%'
-                            })),
-                            transition('collapsed <=> expanded', [animate('0.5s ease-in-out')])
-                        ])
-                    ], template: "@if (!disableResizing() && hasLargeSize()) {\n  <si-split\n    class=\"w-100 flex-grow-1\"\n    orientation=\"horizontal\"\n    [stateId]=\"stateId()\"\n    [sizes]=\"splitSizes()\"\n    (sizesChange)=\"onSplitSizesChange($event)\"\n  >\n    <si-split-part\n      scale=\"none\"\n      [showCollapseButton]=\"false\"\n      [showHeader]=\"false\"\n      [minSize]=\"minListSize()\"\n      [stateId]=\"listStateId()\"\n    >\n      <ng-container *ngTemplateOutlet=\"listTemplate\" />\n    </si-split-part>\n    <si-split-part\n      scale=\"auto\"\n      [showCollapseButton]=\"false\"\n      [showHeader]=\"false\"\n      [minSize]=\"minDetailsSize()\"\n      [stateId]=\"detailsStateId()\"\n    >\n      <ng-container *ngTemplateOutlet=\"detailsTemplate\" />\n    </si-split-part>\n  </si-split>\n} @else {\n  <div\n    class=\"list-details d-flex flex-row\"\n    [class.gap-6]=\"hasLargeSize()\"\n    [class.details-active]=\"detailsActive() && !hasLargeSize()\"\n    [@detailsExpanded]=\"detailsExpandedAnimation()\"\n    (@detailsExpanded.done)=\"detailsExpandedAnimationDone()\"\n  >\n    <ng-container *ngTemplateOutlet=\"listTemplate\" />\n    <ng-container *ngTemplateOutlet=\"detailsTemplate\" />\n  </div>\n}\n\n<ng-template #listTemplate>\n  <ng-content select=\"si-list-pane\" />\n</ng-template>\n\n<ng-template #detailsTemplate>\n  <ng-content select=\"si-details-pane\" />\n</ng-template>\n", styles: [":host{display:flex;flex-direction:column;gap:16px;overflow-x:hidden}:host ::ng-deep si-split{min-block-size:0}:host ::ng-deep si-list-pane-header~si-list-pane-header{padding-block-start:0}:host .list-details{flex:1 1 0;min-block-size:0;inline-size:100%;position:relative}:host:not(.expanded) .list-details{inline-size:200%;transform-origin:top left;margin-inline-start:0}:host:not(.expanded) .list-details.details-active{margin-inline-start:-100%}\n"] }]
-        }] });
+                    }, template: "@if (!disableResizing() && hasLargeSize()) {\n  <si-split\n    class=\"w-100 flex-grow-1\"\n    orientation=\"horizontal\"\n    [stateId]=\"stateId()\"\n    [sizes]=\"splitSizes()\"\n    (sizesChange)=\"onSplitSizesChange($event)\"\n  >\n    <si-split-part\n      scale=\"none\"\n      [showCollapseButton]=\"false\"\n      [showHeader]=\"false\"\n      [minSize]=\"minListSize()\"\n      [stateId]=\"listStateId()\"\n    >\n      <ng-container *ngTemplateOutlet=\"listTemplate\" />\n    </si-split-part>\n    <si-split-part\n      scale=\"auto\"\n      [showCollapseButton]=\"false\"\n      [showHeader]=\"false\"\n      [minSize]=\"minDetailsSize()\"\n      [stateId]=\"detailsStateId()\"\n    >\n      <ng-container *ngTemplateOutlet=\"detailsTemplate\" />\n    </si-split-part>\n  </si-split>\n} @else {\n  <div\n    #listDetailsContainer\n    [class]=\"`list-details d-flex flex-row ${detailsExpandedAnimation()}`\"\n    [class.gap-6]=\"hasLargeSize()\"\n    (transitionend)=\"detailsExpandedAnimationDone($event)\"\n  >\n    <ng-container *ngTemplateOutlet=\"listTemplate\" />\n    <ng-container *ngTemplateOutlet=\"detailsTemplate\" />\n  </div>\n}\n\n<ng-template #listTemplate>\n  <ng-content select=\"si-list-pane\" />\n</ng-template>\n\n<ng-template #detailsTemplate>\n  <ng-content select=\"si-details-pane\" />\n</ng-template>\n", styles: [":host{display:flex;flex-direction:column;gap:16px;contain:layout}:host ::ng-deep si-split{min-block-size:0}:host ::ng-deep si-list-pane-header~si-list-pane-header{padding-block-start:0}:host .list-details{flex:1 1 0;min-block-size:0;inline-size:100%;position:relative}:host:not(.expanded) .list-details{inline-size:200%;margin-inline-start:0;transform:translate(0);transition:transform .5s ease-in-out}:host:not(.expanded) .list-details.details-active{transform:translate(-50%)}:host-context([dir=rtl]) :host:not(.expanded) .list-details.details-active{transform:translate(50%)}:host.animations-disabled .list-details{transition:none}\n"] }]
+        }], propDecorators: { listDetailsContainer: [{ type: i0.ViewChild, args: ['listDetailsContainer', { isSignal: true }] }], expandBreakpoint: [{ type: i0.Input, args: [{ isSignal: true, alias: "expandBreakpoint", required: false }] }], detailsActive: [{ type: i0.Input, args: [{ isSignal: true, alias: "detailsActive", required: false }] }, { type: i0.Output, args: ["detailsActiveChange"] }], disableResizing: [{ type: i0.Input, args: [{ isSignal: true, alias: "disableResizing", required: false }] }], listWidth: [{ type: i0.Input, args: [{ isSignal: true, alias: "listWidth", required: false }] }, { type: i0.Output, args: ["listWidthChange"] }], minListSize: [{ type: i0.Input, args: [{ isSignal: true, alias: "minListSize", required: false }] }], minDetailsSize: [{ type: i0.Input, args: [{ isSignal: true, alias: "minDetailsSize", required: false }] }], stateId: [{ type: i0.Input, args: [{ isSignal: true, alias: "stateId", required: false }] }] } });
 
 /**
  * Copyright (c) Siemens 2016 - 2025
  * SPDX-License-Identifier: MIT
  */
-/** @experimental */
 class SiListPaneComponent {
     parent = inject(SiListDetailsComponent);
     element = inject(ElementRef);
@@ -215,10 +203,10 @@ class SiListPaneComponent {
             });
         });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: SiListPaneComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.6", type: SiListPaneComponent, isStandalone: true, selector: "si-list-pane", host: { properties: { "class.expanded": "parent.hasLargeSize()", "class.details-active": "parent.detailsActive() && !parent.hasLargeSize()", "attr.inert": "!parent.hasLargeSize() && parent.detailsActive() ? \"\" : null", "attr.tabindex": "-1", "style.flex-basis.%": "parent.hasLargeSize() && parent.disableResizing() ? parent.listWidth() : undefined" } }, ngImport: i0, template: "<ng-content />\n", styles: [":host{flex:1;display:flex;flex-direction:column;block-size:100%;max-inline-size:100%;opacity:1;transition:opacity calc(.5s * var(--element-animations-enabled, 1)) ease-in-out}:host:not(.expanded){inline-size:100%}:host.details-active{pointer-events:none;opacity:0}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: SiListPaneComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.8", type: SiListPaneComponent, isStandalone: true, selector: "si-list-pane", host: { properties: { "class.expanded": "parent.hasLargeSize()", "class.details-active": "parent.detailsActive() && !parent.hasLargeSize()", "attr.inert": "!parent.hasLargeSize() && parent.detailsActive() ? \"\" : null", "attr.tabindex": "-1", "style.flex-basis.%": "parent.hasLargeSize() && parent.disableResizing() ? parent.listWidth() : undefined" } }, ngImport: i0, template: "<ng-content />\n", styles: [":host{flex:1;display:flex;flex-direction:column;block-size:100%;max-inline-size:100%;opacity:1;transition:opacity calc(.5s * var(--element-animations-enabled, 1)) ease-in-out}:host:not(.expanded){inline-size:100%}:host.details-active{pointer-events:none;opacity:0}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: SiListPaneComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: SiListPaneComponent, decorators: [{
             type: Component,
             args: [{ selector: 'si-list-pane', changeDetection: ChangeDetectionStrategy.OnPush, host: {
                         '[class.expanded]': 'parent.hasLargeSize()',
@@ -233,12 +221,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImpor
  * Copyright (c) Siemens 2016 - 2025
  * SPDX-License-Identifier: MIT
  */
-/** @experimental */
 class SiListPaneHeaderComponent {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: SiListPaneHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.6", type: SiListPaneHeaderComponent, isStandalone: true, selector: "si-list-pane-header", ngImport: i0, template: "<ng-content />\n", styles: [":host{display:flex;flex-direction:row;justify-content:space-between;inline-size:100%;flex:none;gap:6px;padding-block:12px;padding-inline:16px}:host ::ng-deep si-menu-bar si-menu-item{block-size:auto}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: SiListPaneHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.8", type: SiListPaneHeaderComponent, isStandalone: true, selector: "si-list-pane-header", ngImport: i0, template: "<ng-content />\n", styles: [":host{display:flex;flex-direction:row;justify-content:space-between;inline-size:100%;flex:none;gap:6px;padding-block:12px;padding-inline:16px}:host ::ng-deep si-menu-bar si-menu-item{block-size:auto}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: SiListPaneHeaderComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: SiListPaneHeaderComponent, decorators: [{
             type: Component,
             args: [{ selector: 'si-list-pane-header', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-content />\n", styles: [":host{display:flex;flex-direction:row;justify-content:space-between;inline-size:100%;flex:none;gap:6px;padding-block:12px;padding-inline:16px}:host ::ng-deep si-menu-bar si-menu-item{block-size:auto}\n"] }]
         }] });
@@ -247,12 +234,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImpor
  * Copyright (c) Siemens 2016 - 2025
  * SPDX-License-Identifier: MIT
  */
-/** @experimental */
 class SiListPaneBodyComponent {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: SiListPaneBodyComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.6", type: SiListPaneBodyComponent, isStandalone: true, selector: "si-list-pane-body", ngImport: i0, template: "<ng-content />\n", styles: [":host{flex:1;display:flex;flex-direction:column;justify-content:space-between;max-inline-size:100%}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: SiListPaneBodyComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.8", type: SiListPaneBodyComponent, isStandalone: true, selector: "si-list-pane-body", ngImport: i0, template: "<ng-content />\n", styles: [":host{flex:1;display:flex;flex-direction:column;justify-content:space-between;max-inline-size:100%}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: SiListPaneBodyComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: SiListPaneBodyComponent, decorators: [{
             type: Component,
             args: [{ selector: 'si-list-pane-body', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-content />\n", styles: [":host{flex:1;display:flex;flex-direction:column;justify-content:space-between;max-inline-size:100%}\n"] }]
         }] });
@@ -261,14 +247,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImpor
  * Copyright (c) Siemens 2016 - 2025
  * SPDX-License-Identifier: MIT
  */
-/** @experimental */
 class SiDetailsPaneComponent {
     parent = inject(SiListDetailsComponent);
-    routerOutlet = contentChild(RouterOutlet);
+    routerOutlet = contentChild(RouterOutlet, ...(ngDevMode ? [{ debugName: "routerOutlet" }] : []));
     subscription;
     destroyer = inject(DestroyRef);
     /** @internal */
-    isRouterBased = computed(() => !!this.routerOutlet());
+    isRouterBased = computed(() => !!this.routerOutlet(), ...(ngDevMode ? [{ debugName: "isRouterBased" }] : []));
     constructor() {
         effect(() => {
             const outlet = this.routerOutlet();
@@ -281,10 +266,10 @@ class SiDetailsPaneComponent {
             }
         });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: SiDetailsPaneComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "20.0.6", type: SiDetailsPaneComponent, isStandalone: true, selector: "si-details-pane", host: { properties: { "class.expanded": "parent.hasLargeSize()", "class.details-active": "parent.detailsActive() && !parent.hasLargeSize()", "attr.inert": "!parent.hasLargeSize() && !parent.detailsActive() ? \"\" : null", "style.flex-basis.%": "parent.hasLargeSize() && parent.disableResizing() ?  100 - parent.listWidth() : undefined" } }, queries: [{ propertyName: "routerOutlet", first: true, predicate: RouterOutlet, descendants: true, isSignal: true }], ngImport: i0, template: "<ng-content />\n", styles: [":host{flex:1;display:flex;flex-direction:column;block-size:100%;max-inline-size:100%;pointer-events:none;opacity:0;transition:opacity calc(.5s * var(--element-animations-enabled, 1)) ease-in-out}:host:not(.expanded){inline-size:100%}:host.details-active,:host.expanded{pointer-events:auto;opacity:1}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: SiDetailsPaneComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.0.8", type: SiDetailsPaneComponent, isStandalone: true, selector: "si-details-pane", host: { properties: { "class.expanded": "parent.hasLargeSize()", "class.details-active": "parent.detailsActive() && !parent.hasLargeSize()", "attr.inert": "!parent.hasLargeSize() && !parent.detailsActive() ? \"\" : null", "style.flex-basis.%": "parent.hasLargeSize() && parent.disableResizing() ?  100 - parent.listWidth() : undefined" } }, queries: [{ propertyName: "routerOutlet", first: true, predicate: RouterOutlet, descendants: true, isSignal: true }], ngImport: i0, template: "<ng-content />\n", styles: [":host{flex:1;display:flex;flex-direction:column;block-size:100%;max-inline-size:100%;pointer-events:none;opacity:0;transition:opacity calc(.5s * var(--element-animations-enabled, 1)) ease-in-out}:host:not(.expanded){inline-size:100%}:host.details-active,:host.expanded{pointer-events:auto;opacity:1}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: SiDetailsPaneComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: SiDetailsPaneComponent, decorators: [{
             type: Component,
             args: [{ selector: 'si-details-pane', imports: [], changeDetection: ChangeDetectionStrategy.OnPush, host: {
                         '[class.expanded]': 'parent.hasLargeSize()',
@@ -292,20 +277,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImpor
                         '[attr.inert]': '!parent.hasLargeSize() && !parent.detailsActive() ? "" : null',
                         '[style.flex-basis.%]': 'parent.hasLargeSize() && parent.disableResizing() ?  100 - parent.listWidth() : undefined'
                     }, template: "<ng-content />\n", styles: [":host{flex:1;display:flex;flex-direction:column;block-size:100%;max-inline-size:100%;pointer-events:none;opacity:0;transition:opacity calc(.5s * var(--element-animations-enabled, 1)) ease-in-out}:host:not(.expanded){inline-size:100%}:host.details-active,:host.expanded{pointer-events:auto;opacity:1}\n"] }]
-        }], ctorParameters: () => [] });
+        }], ctorParameters: () => [], propDecorators: { routerOutlet: [{ type: i0.ContentChild, args: [i0.forwardRef(() => RouterOutlet), { isSignal: true }] }] } });
 
 /**
  * Copyright (c) Siemens 2016 - 2025
  * SPDX-License-Identifier: MIT
  */
-/** @experimental */
 class SiDetailsPaneHeaderComponent {
     icons = addIcons({ elementBack });
     parent = inject(SiListDetailsComponent);
     /**
      * Optional title to be displayed.
      */
-    title = input();
+    title = input(...(ngDevMode ? [undefined, { debugName: "title" }] : []));
     /**
      * You can hide the back button in the mobile view by setting true. Required
      * in add, edit workflows on mobile sizes. During add or edit, the back button
@@ -313,7 +297,7 @@ class SiDetailsPaneHeaderComponent {
      *
      * @defaultValue false
      */
-    hideBackButton = input(false, { transform: booleanAttribute });
+    hideBackButton = input(false, { ...(ngDevMode ? { debugName: "hideBackButton" } : {}), transform: booleanAttribute });
     /**
      * Details back button text. Required for a11y.
      *
@@ -322,18 +306,18 @@ class SiDetailsPaneHeaderComponent {
      * t(() => $localize`:@@SI_LIST_DETAILS.BACK:Back`)
      * ```
      */
-    backButtonText = input(t(() => $localize `:@@SI_LIST_DETAILS.BACK:Back`));
+    backButtonText = input(t(() => $localize `:@@SI_LIST_DETAILS.BACK:Back`), ...(ngDevMode ? [{ debugName: "backButtonText" }] : []));
     /**
      * The URL to navigate to when the back buttons is clicked.
      * This is only used when the `si-details-pane` is used with a router-outlet.
      *
      * @defaultValue '../'
      */
-    backButtonUrl = input('../');
+    backButtonUrl = input('../', ...(ngDevMode ? [{ debugName: "backButtonUrl" }] : []));
     isRouterBased = inject(SiDetailsPaneComponent).isRouterBased;
     router = inject(Router, { optional: true });
     activatedRoute = inject(ActivatedRoute, { optional: true });
-    backButton = viewChild('backButton');
+    backButton = viewChild('backButton', ...(ngDevMode ? [{ debugName: "backButton" }] : []));
     constructor() {
         this.parent.transferFocusToDetails.pipe(takeUntilDestroyed()).subscribe(shouldFocus => {
             if (shouldFocus) {
@@ -357,26 +341,25 @@ class SiDetailsPaneHeaderComponent {
                 : undefined
         });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: SiDetailsPaneHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.6", type: SiDetailsPaneHeaderComponent, isStandalone: true, selector: "si-details-pane-header", inputs: { title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, hideBackButton: { classPropertyName: "hideBackButton", publicName: "hideBackButton", isSignal: true, isRequired: false, transformFunction: null }, backButtonText: { classPropertyName: "backButtonText", publicName: "backButtonText", isSignal: true, isRequired: false, transformFunction: null }, backButtonUrl: { classPropertyName: "backButtonUrl", publicName: "backButtonUrl", isSignal: true, isRequired: false, transformFunction: null } }, host: { classAttribute: "nav nav-tabs" }, viewQueries: [{ propertyName: "backButton", first: true, predicate: ["backButton"], descendants: true, isSignal: true }], ngImport: i0, template: "@if ((!hasLargeSize() && !hideBackButton()) || title()) {\n  <div class=\"title-subgroup\">\n    @if (!hasLargeSize() && !hideBackButton()) {\n      <button\n        #backButton\n        type=\"button\"\n        class=\"si-details-header-back nav-link focus-inside px-6\"\n        (click)=\"backClicked()\"\n      >\n        <si-icon class=\"pe-2 d-inline-block position-relative icon\" [icon]=\"icons.elementBack\" />\n        {{ backButtonText() | translate }}\n      </button>\n    }\n    @if (title()) {\n      <span class=\"si-details-header-title si-body px-6\">{{ title() | translate }}</span>\n    }\n  </div>\n}\n<ng-content />\n", styles: [":host{flex:none;inline-size:100%;overflow:hidden}:host:empty{display:none}:host,:host .title-subgroup{display:flex;flex-direction:row;justify-content:space-between}:host>.nav-link,:host .title-subgroup>.nav-link{min-inline-size:auto}:host .si-details-header-title{display:flex;align-items:center;padding-block:10px}:host .si-details-header-back{isolation:isolate}:host ::ng-deep si-menu-bar si-menu-item{block-size:auto;margin-block-end:2px}\n"], dependencies: [{ kind: "pipe", type: SiTranslatePipe, name: "translate" }, { kind: "component", type: SiIconComponent, selector: "si-icon", inputs: ["icon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: SiDetailsPaneHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.8", type: SiDetailsPaneHeaderComponent, isStandalone: true, selector: "si-details-pane-header", inputs: { title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, hideBackButton: { classPropertyName: "hideBackButton", publicName: "hideBackButton", isSignal: true, isRequired: false, transformFunction: null }, backButtonText: { classPropertyName: "backButtonText", publicName: "backButtonText", isSignal: true, isRequired: false, transformFunction: null }, backButtonUrl: { classPropertyName: "backButtonUrl", publicName: "backButtonUrl", isSignal: true, isRequired: false, transformFunction: null } }, host: { classAttribute: "nav nav-tabs" }, viewQueries: [{ propertyName: "backButton", first: true, predicate: ["backButton"], descendants: true, isSignal: true }], ngImport: i0, template: "@if ((!hasLargeSize() && !hideBackButton()) || title()) {\n  <div class=\"title-subgroup\">\n    @if (!hasLargeSize() && !hideBackButton()) {\n      <button\n        #backButton\n        type=\"button\"\n        class=\"si-details-header-back nav-link focus-inside px-6\"\n        (click)=\"backClicked()\"\n      >\n        <si-icon class=\"pe-2 d-inline-block position-relative icon\" [icon]=\"icons.elementBack\" />\n        {{ backButtonText() | translate }}\n      </button>\n    }\n    @if (title()) {\n      <span class=\"si-details-header-title si-body px-6\">{{ title() | translate }}</span>\n    }\n  </div>\n}\n<ng-content />\n", styles: [":host{flex:none;inline-size:100%;overflow:hidden}:host:empty{display:none}:host,:host .title-subgroup{display:flex;flex-direction:row;justify-content:space-between}:host>.nav-link,:host .title-subgroup>.nav-link{min-inline-size:auto}:host .si-details-header-title{display:flex;align-items:center;padding-block:10px}:host .si-details-header-back{isolation:isolate}:host ::ng-deep si-menu-bar si-menu-item{block-size:auto;margin-block-end:2px}\n"], dependencies: [{ kind: "component", type: SiIconComponent, selector: "si-icon", inputs: ["icon"] }, { kind: "pipe", type: SiTranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: SiDetailsPaneHeaderComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: SiDetailsPaneHeaderComponent, decorators: [{
             type: Component,
             args: [{ selector: 'si-details-pane-header', imports: [SiTranslatePipe, SiIconComponent], changeDetection: ChangeDetectionStrategy.OnPush, host: {
                         class: 'nav nav-tabs' // To allow nav-link styling.
                     }, template: "@if ((!hasLargeSize() && !hideBackButton()) || title()) {\n  <div class=\"title-subgroup\">\n    @if (!hasLargeSize() && !hideBackButton()) {\n      <button\n        #backButton\n        type=\"button\"\n        class=\"si-details-header-back nav-link focus-inside px-6\"\n        (click)=\"backClicked()\"\n      >\n        <si-icon class=\"pe-2 d-inline-block position-relative icon\" [icon]=\"icons.elementBack\" />\n        {{ backButtonText() | translate }}\n      </button>\n    }\n    @if (title()) {\n      <span class=\"si-details-header-title si-body px-6\">{{ title() | translate }}</span>\n    }\n  </div>\n}\n<ng-content />\n", styles: [":host{flex:none;inline-size:100%;overflow:hidden}:host:empty{display:none}:host,:host .title-subgroup{display:flex;flex-direction:row;justify-content:space-between}:host>.nav-link,:host .title-subgroup>.nav-link{min-inline-size:auto}:host .si-details-header-title{display:flex;align-items:center;padding-block:10px}:host .si-details-header-back{isolation:isolate}:host ::ng-deep si-menu-bar si-menu-item{block-size:auto;margin-block-end:2px}\n"] }]
-        }], ctorParameters: () => [] });
+        }], ctorParameters: () => [], propDecorators: { title: [{ type: i0.Input, args: [{ isSignal: true, alias: "title", required: false }] }], hideBackButton: [{ type: i0.Input, args: [{ isSignal: true, alias: "hideBackButton", required: false }] }], backButtonText: [{ type: i0.Input, args: [{ isSignal: true, alias: "backButtonText", required: false }] }], backButtonUrl: [{ type: i0.Input, args: [{ isSignal: true, alias: "backButtonUrl", required: false }] }], backButton: [{ type: i0.ViewChild, args: ['backButton', { isSignal: true }] }] } });
 
 /**
  * Copyright (c) Siemens 2016 - 2025
  * SPDX-License-Identifier: MIT
  */
-/** @experimental */
 class SiDetailsPaneBodyComponent {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: SiDetailsPaneBodyComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.6", type: SiDetailsPaneBodyComponent, isStandalone: true, selector: "si-details-pane-body", ngImport: i0, template: "<ng-content />\n", styles: [":host{flex:1;display:flex;flex-direction:column;justify-content:space-between;max-inline-size:100%}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: SiDetailsPaneBodyComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.8", type: SiDetailsPaneBodyComponent, isStandalone: true, selector: "si-details-pane-body", ngImport: i0, template: "<ng-content />\n", styles: [":host{flex:1;display:flex;flex-direction:column;justify-content:space-between;max-inline-size:100%}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: SiDetailsPaneBodyComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: SiDetailsPaneBodyComponent, decorators: [{
             type: Component,
             args: [{ selector: 'si-details-pane-body', imports: [], changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-content />\n", styles: [":host{flex:1;display:flex;flex-direction:column;justify-content:space-between;max-inline-size:100%}\n"] }]
         }] });
@@ -385,12 +368,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImpor
  * Copyright (c) Siemens 2016 - 2025
  * SPDX-License-Identifier: MIT
  */
-/** @experimental */
 class SiDetailsPaneFooterComponent {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: SiDetailsPaneFooterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.6", type: SiDetailsPaneFooterComponent, isStandalone: true, selector: "si-details-pane-footer", ngImport: i0, template: "<ng-content />\n", styles: [":host{display:flex;flex-direction:row;flex:none;border-block-start:1px solid var(--element-ui-4);gap:16px;padding:16px}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: SiDetailsPaneFooterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.8", type: SiDetailsPaneFooterComponent, isStandalone: true, selector: "si-details-pane-footer", ngImport: i0, template: "<ng-content />\n", styles: [":host{display:flex;flex-direction:row;flex:none;border-block-start:1px solid var(--element-ui-4);gap:16px;padding:16px}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: SiDetailsPaneFooterComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: SiDetailsPaneFooterComponent, decorators: [{
             type: Component,
             args: [{ selector: 'si-details-pane-footer', imports: [], changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-content />\n", styles: [":host{display:flex;flex-direction:row;flex:none;border-block-start:1px solid var(--element-ui-4);gap:16px;padding:16px}\n"] }]
         }] });

package/fesm2022/siemens-element-ng-list-details.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"siemens-element-ng-list-details.mjs","sources":["../../../../projects/element-ng/list-details/si-list-details.component.ts","../../../../projects/element-ng/list-details/si-list-details.component.html","../../../../projects/element-ng/list-details/si-list-pane/si-list-pane.component.ts","../../../../projects/element-ng/list-details/si-list-pane/si-list-pane.component.html","../../../../projects/element-ng/list-details/si-list-pane-header/si-list-pane-header.component.ts","../../../../projects/element-ng/list-details/si-list-pane-header/si-list-pane-header.component.html","../../../../projects/element-ng/list-details/si-list-pane-body/si-list-pane-body.component.ts","../../../../projects/element-ng/list-details/si-list-pane-body/si-list-pane-body.component.html","../../../../projects/element-ng/list-details/si-details-pane/si-details-pane.component.ts","../../../../projects/element-ng/list-details/si-details-pane/si-details-pane.component.html","../../../../projects/element-ng/list-details/si-details-pane-header/si-details-pane-header.component.ts","../../../../projects/element-ng/list-details/si-details-pane-header/si-details-pane-header.component.html","../../../../projects/element-ng/list-details/si-details-pane-body/si-details-pane-body.component.ts","../../../../projects/element-ng/list-details/si-details-pane-body/si-details-pane-body.component.html","../../../../projects/element-ng/list-details/si-details-pane-footer/si-details-pane-footer.component.ts","../../../../projects/element-ng/list-details/si-details-pane-footer/si-details-pane-footer.component.html","../../../../projects/element-ng/list-details/index.ts","../../../../projects/element-ng/list-details/siemens-element-ng-list-details.ts"],"sourcesContent":["/**\n * Copyright (c) Siemens 2016 - 2025\n * SPDX-License-Identifier: MIT\n */\nimport { animate, state, style, transition, trigger } from '@angular/animations';\nimport { NgTemplateOutlet } from '@angular/common';\nimport {\n  booleanAttribute,\n  ChangeDetectionStrategy,\n  Component,\n  computed,\n  ElementRef,\n  inject,\n  input,\n  model,\n  OnChanges,\n  OnDestroy,\n  OnInit,\n  signal,\n  SimpleChanges\n} from '@angular/core';\nimport { areAnimationsDisabled } from '@siemens/element-ng/common';\nimport {\n  BOOTSTRAP_BREAKPOINTS,\n  ElementDimensions,\n  ResizeObserverService\n} from '@siemens/element-ng/resize-observer';\nimport { SiSplitComponent, SiSplitPartComponent } from '@siemens/element-ng/split';\nimport { BehaviorSubject, Subject, Subscription } from 'rxjs';\n\n/** @experimental */\n@Component({\n  selector: 'si-list-details',\n  imports: [NgTemplateOutlet, SiSplitComponent, SiSplitPartComponent],\n  templateUrl: './si-list-details.component.html',\n  styleUrl: './si-list-details.component.scss',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {\n    class: 'si-layout-inner list-details-layout d-flex flex-column',\n    '[class.expanded]': 'hasLargeSize()',\n    '[style.opacity]': 'opacity()'\n  },\n  animations: [\n    trigger('detailsExpanded', [\n      state(\n        'collapsed',\n        style({\n          marginInlineStart: '0'\n        })\n      ),\n      state(\n        'expanded',\n        style({\n          marginInlineStart: '-100%'\n        })\n      ),\n      transition('collapsed <=> expanded', [animate('0.5s ease-in-out')])\n    ])\n  ]\n})\nexport class SiListDetailsComponent implements OnInit, OnChanges, OnDestroy {\n  private resizeSubs?: Subscription;\n  private elementRef = inject(ElementRef);\n  private resizeObserver = inject(ResizeObserverService);\n  private readonly animationsGloballyDisabled = areAnimationsDisabled();\n\n  /**\n   * A numeric value defining the minimum width in px, which the component needs\n   * to be displayed in its large layout. Whenever smaller than\n   * this threshold, the small layout will be used. Default is\n   * value is BOOTSTRAP_BREAKPOINTS.mdMinimum.\n   *\n   * @defaultValue BOOTSTRAP_BREAKPOINTS.mdMinimum\n   */\n  readonly expandBreakpoint = input(BOOTSTRAP_BREAKPOINTS.mdMinimum);\n\n  readonly hasLargeSize = computed(() => {\n    const dimensions = this.resizeDimensions();\n    return !!dimensions && dimensions.width >= this.expandBreakpoint();\n  });\n\n  /**\n   * Whether the details are currently active or not, mostly relevant in the\n   * responsive scenario when the viewport only shows either the list or the detail.\n   *\n   * @defaultValue false\n   */\n  readonly detailsActive = model(false);\n\n  /**\n   * Whether the list and detail parts should be resizable by a splitter or not.\n   * This is only supported in the 'large' scenario (when `hasLargeSize` is `true`).\n   * Default value is `false`.\n   *\n   * @defaultValue false\n   */\n  readonly disableResizing = input(false, { transform: booleanAttribute });\n\n  /**\n   * The percentage width of the list view of the overall component width.\n   *\n   * @defaultValue 32\n   */\n  readonly listWidth = model<number>(32);\n\n  /**\n   * Sets the minimal width of the list component in pixel.\n   *\n   * @defaultValue 300\n   */\n  readonly minListSize = input(300);\n\n  /**\n   * Sets the minimal width of the detail component in pixel.\n   *\n   * @defaultValue 300\n   */\n  readonly minDetailsSize = input(300);\n\n  /**\n   * An optional stateId to uniquely identify a component instance.\n   * Required for persistence of ui state.\n   */\n  readonly stateId = input<string>();\n\n  protected readonly splitSizes = computed<[number, number]>(() => [\n    this.listWidth(),\n    100 - this.listWidth()\n  ]);\n\n  protected readonly listStateId = computed(() => {\n    const stateId = this.stateId();\n    return stateId ? `${stateId}-list` : undefined;\n  });\n\n  protected readonly detailsStateId = computed(() => {\n    const stateId = this.stateId();\n    return stateId ? `${stateId}-details` : undefined;\n  });\n\n  protected readonly opacity = computed(() => (this.resizeDimensions() ? '' : '0'));\n\n  /** @internal */\n  readonly detailsExpandedAnimation = computed(() => {\n    if (!this.animationsGloballyDisabled && !this.hasLargeSize()) {\n      return this.detailsActive() ? 'expanded' : 'collapsed';\n    } else {\n      return 'disabled';\n    }\n  });\n\n  // Used for focus transfer, can not use a focus trap for this.\n  private hadLargeSizePreviously: boolean | undefined;\n  private detailsActivePreviously: boolean | undefined;\n  private previouslyFocusedElementInList: HTMLElement | undefined;\n\n  /** @internal */\n  readonly transferFocusToList = new Subject<HTMLElement | undefined>();\n  /**\n   * A behavior subject because the details component may only be created when details are visible.\n   * @internal\n   */\n  readonly transferFocusToDetails = new BehaviorSubject<boolean>(false);\n\n  private animationDone?: () => void;\n\n  ngOnChanges(changes: SimpleChanges): void {\n    if (changes.detailsActive) {\n      this.transferFocus();\n    }\n  }\n\n  ngOnInit(): void {\n    this.resizeSubs = this.resizeObserver\n      .observe(this.elementRef.nativeElement, 100, true)\n      .subscribe(dimensions => {\n        this.resizeDimensions.set(dimensions);\n        this.transferFocus();\n      });\n  }\n\n  ngOnDestroy(): void {\n    this.resizeSubs?.unsubscribe();\n  }\n\n  private readonly resizeDimensions = signal<ElementDimensions | undefined>(undefined);\n\n  protected onSplitSizesChange(sizes: number[]): void {\n    this.listWidth.set(sizes[0]);\n  }\n\n  /** @internal */\n  detailsBackClicked(options?: { animationDone?: () => void }): void {\n    this.detailsActive.set(false);\n    // This callback is used to route after the animation is done.\n    this.animationDone = options?.animationDone;\n  }\n\n  protected detailsExpandedAnimationDone(): void {\n    if (this.animationDone) {\n      this.animationDone();\n      this.animationDone = undefined;\n    }\n  }\n\n  // Transfer focus onto child panes if they would be inaccesible.\n\n  private transferFocus(): void {\n    // Check if dimensions have even been evaluated.\n    const hasLargeSize = this.resizeDimensions() ? this.hasLargeSize() : undefined;\n    const detailsActive = this.detailsActive();\n    if (this.hadLargeSizePreviously !== undefined && this.detailsActivePreviously !== undefined) {\n      if (\n        detailsActive &&\n        !hasLargeSize &&\n        (!this.detailsActivePreviously || this.hadLargeSizePreviously)\n      ) {\n        if (!this.hadLargeSizePreviously) {\n          this.previouslyFocusedElementInList = document?.activeElement as HTMLElement | undefined;\n        }\n        this.transferFocusToDetails.next(true);\n      }\n      if (!detailsActive && this.detailsActivePreviously) {\n        this.transferFocusToList.next(this.previouslyFocusedElementInList);\n        this.previouslyFocusedElementInList = undefined;\n      }\n    }\n    this.hadLargeSizePreviously = hasLargeSize;\n    this.detailsActivePreviously = detailsActive;\n  }\n}\n","@if (!disableResizing() && hasLargeSize()) {\n  <si-split\n    class=\"w-100 flex-grow-1\"\n    orientation=\"horizontal\"\n    [stateId]=\"stateId()\"\n    [sizes]=\"splitSizes()\"\n    (sizesChange)=\"onSplitSizesChange($event)\"\n  >\n    <si-split-part\n      scale=\"none\"\n      [showCollapseButton]=\"false\"\n      [showHeader]=\"false\"\n      [minSize]=\"minListSize()\"\n      [stateId]=\"listStateId()\"\n    >\n      <ng-container *ngTemplateOutlet=\"listTemplate\" />\n    </si-split-part>\n    <si-split-part\n      scale=\"auto\"\n      [showCollapseButton]=\"false\"\n      [showHeader]=\"false\"\n      [minSize]=\"minDetailsSize()\"\n      [stateId]=\"detailsStateId()\"\n    >\n      <ng-container *ngTemplateOutlet=\"detailsTemplate\" />\n    </si-split-part>\n  </si-split>\n} @else {\n  <div\n    class=\"list-details d-flex flex-row\"\n    [class.gap-6]=\"hasLargeSize()\"\n    [class.details-active]=\"detailsActive() && !hasLargeSize()\"\n    [@detailsExpanded]=\"detailsExpandedAnimation()\"\n    (@detailsExpanded.done)=\"detailsExpandedAnimationDone()\"\n  >\n    <ng-container *ngTemplateOutlet=\"listTemplate\" />\n    <ng-container *ngTemplateOutlet=\"detailsTemplate\" />\n  </div>\n}\n\n<ng-template #listTemplate>\n  <ng-content select=\"si-list-pane\" />\n</ng-template>\n\n<ng-template #detailsTemplate>\n  <ng-content select=\"si-details-pane\" />\n</ng-template>\n","/**\n * Copyright (c) Siemens 2016 - 2025\n * SPDX-License-Identifier: MIT\n */\nimport { ChangeDetectionStrategy, Component, ElementRef, inject } from '@angular/core';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\n\nimport { SiListDetailsComponent } from '../si-list-details.component';\n\n/** @experimental */\n@Component({\n  selector: 'si-list-pane',\n  templateUrl: './si-list-pane.component.html',\n  styleUrl: './si-list-pane.component.scss',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {\n    '[class.expanded]': 'parent.hasLargeSize()',\n    '[class.details-active]': 'parent.detailsActive() && !parent.hasLargeSize()',\n    '[attr.inert]': '!parent.hasLargeSize() && parent.detailsActive() ? \"\" : null',\n    '[attr.tabindex]': '-1',\n    '[style.flex-basis.%]':\n      'parent.hasLargeSize() && parent.disableResizing() ? parent.listWidth() : undefined'\n  }\n})\nexport class SiListPaneComponent {\n  protected parent = inject(SiListDetailsComponent);\n  private element: ElementRef<HTMLElement> = inject(ElementRef);\n\n  constructor() {\n    this.parent.transferFocusToList\n      .pipe(takeUntilDestroyed())\n      .subscribe(previouslyFocusedElement => {\n        // Needed so it's no longer \"inert\".\n        setTimeout(() => {\n          const currentlyFocused = document?.activeElement;\n          previouslyFocusedElement?.focus();\n          // If there was no previously focused element or if it couldn't be focused anymore, fall back to the focusing the list.\n          if (currentlyFocused === document?.activeElement) {\n            this.element?.nativeElement?.focus();\n          }\n        });\n      });\n  }\n}\n","<ng-content />\n","/**\n * Copyright (c) Siemens 2016 - 2025\n * SPDX-License-Identifier: MIT\n */\nimport { ChangeDetectionStrategy, Component } from '@angular/core';\n\n/** @experimental */\n@Component({\n  selector: 'si-list-pane-header',\n  templateUrl: './si-list-pane-header.component.html',\n  styleUrl: './si-list-pane-header.component.scss',\n  changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class SiListPaneHeaderComponent {}\n","<ng-content />\n","/**\n * Copyright (c) Siemens 2016 - 2025\n * SPDX-License-Identifier: MIT\n */\nimport { ChangeDetectionStrategy, Component } from '@angular/core';\n\n/** @experimental */\n@Component({\n  selector: 'si-list-pane-body',\n  templateUrl: './si-list-pane-body.component.html',\n  styleUrl: './si-list-pane-body.component.scss',\n  changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class SiListPaneBodyComponent {}\n","<ng-content />\n","/**\n * Copyright (c) Siemens 2016 - 2025\n * SPDX-License-Identifier: MIT\n */\nimport {\n  ChangeDetectionStrategy,\n  Component,\n  computed,\n  contentChild,\n  DestroyRef,\n  effect,\n  inject\n} from '@angular/core';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\nimport { RouterOutlet } from '@angular/router';\nimport { Subscription } from 'rxjs';\n\nimport { SiListDetailsComponent } from '../si-list-details.component';\n\n/** @experimental */\n@Component({\n  selector: 'si-details-pane',\n  imports: [],\n  templateUrl: './si-details-pane.component.html',\n  styleUrl: './si-details-pane.component.scss',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {\n    '[class.expanded]': 'parent.hasLargeSize()',\n    '[class.details-active]': 'parent.detailsActive() && !parent.hasLargeSize()',\n    '[attr.inert]': '!parent.hasLargeSize() && !parent.detailsActive() ? \"\" : null',\n    '[style.flex-basis.%]':\n      'parent.hasLargeSize() && parent.disableResizing() ?  100 - parent.listWidth() : undefined'\n  }\n})\nexport class SiDetailsPaneComponent {\n  protected parent = inject(SiListDetailsComponent);\n\n  private readonly routerOutlet = contentChild(RouterOutlet);\n  private subscription?: Subscription;\n  private destroyer = inject(DestroyRef);\n  /** @internal */\n  readonly isRouterBased = computed(() => !!this.routerOutlet());\n\n  constructor() {\n    effect(() => {\n      const outlet = this.routerOutlet();\n      if (outlet) {\n        this.parent.detailsActive.set(!outlet.activatedRouteData.SI_EMPTY_DETAILS);\n        this.subscription?.unsubscribe();\n        this.subscription = outlet.activateEvents\n          .pipe(takeUntilDestroyed(this.destroyer))\n          .subscribe(() =>\n            this.parent.detailsActive.set(!outlet.activatedRouteData.SI_EMPTY_DETAILS)\n          );\n      }\n    });\n  }\n}\n","<ng-content />\n","/**\n * Copyright (c) Siemens 2016 - 2025\n * SPDX-License-Identifier: MIT\n */\nimport {\n  booleanAttribute,\n  ChangeDetectionStrategy,\n  Component,\n  ElementRef,\n  inject,\n  input,\n  Signal,\n  viewChild\n} from '@angular/core';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\nimport { ActivatedRoute, Router } from '@angular/router';\nimport { addIcons, elementBack, SiIconComponent } from '@siemens/element-ng/icon';\nimport { SiTranslatePipe, t, TranslatableString } from '@siemens/element-translate-ng/translate';\n\nimport { SiDetailsPaneComponent } from '../si-details-pane/si-details-pane.component';\nimport { SiListDetailsComponent } from '../si-list-details.component';\n\n/** @experimental */\n@Component({\n  selector: 'si-details-pane-header',\n  imports: [SiTranslatePipe, SiIconComponent],\n  templateUrl: './si-details-pane-header.component.html',\n  styleUrl: './si-details-pane-header.component.scss',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {\n    class: 'nav nav-tabs' // To allow nav-link styling.\n  }\n})\nexport class SiDetailsPaneHeaderComponent {\n  protected readonly icons = addIcons({ elementBack });\n\n  private parent = inject(SiListDetailsComponent);\n\n  /**\n   * Optional title to be displayed.\n   */\n  readonly title = input<TranslatableString>();\n\n  /**\n   * You can hide the back button in the mobile view by setting true. Required\n   * in add, edit workflows on mobile sizes. During add or edit, the back button\n   * should be hidden. Default value is `false`.\n   *\n   * @defaultValue false\n   */\n  readonly hideBackButton = input(false, { transform: booleanAttribute });\n\n  /**\n   * Details back button text. Required for a11y.\n   *\n   * @defaultValue\n   * ```\n   * t(() => $localize`:@@SI_LIST_DETAILS.BACK:Back`)\n   * ```\n   */\n  readonly backButtonText = input(t(() => $localize`:@@SI_LIST_DETAILS.BACK:Back`));\n\n  /**\n   * The URL to navigate to when the back buttons is clicked.\n   * This is only used when the `si-details-pane` is used with a router-outlet.\n   *\n   * @defaultValue '../'\n   */\n  readonly backButtonUrl = input('../');\n\n  private isRouterBased = inject(SiDetailsPaneComponent).isRouterBased;\n  private router = inject(Router, { optional: true });\n  private activatedRoute = inject(ActivatedRoute, { optional: true });\n\n  private readonly backButton = viewChild<ElementRef<HTMLElement>>('backButton');\n\n  constructor() {\n    this.parent.transferFocusToDetails.pipe(takeUntilDestroyed()).subscribe(shouldFocus => {\n      if (shouldFocus) {\n        const backButton = this.backButton();\n        if (backButton) {\n          // Needed so it's no longer \"inert\" and loaded.\n          setTimeout(() => backButton?.nativeElement?.focus());\n        }\n      }\n    });\n  }\n\n  protected get hasLargeSize(): Signal<boolean> {\n    return this.parent.hasLargeSize;\n  }\n\n  protected backClicked(): void {\n    this.parent.detailsBackClicked({\n      animationDone: this.isRouterBased()\n        ? // We navigate back after the animation is done.\n          // This ensures, that the details pane visible while animating.\n          () => this.router!.navigate([this.backButtonUrl()], { relativeTo: this.activatedRoute })\n        : undefined\n    });\n  }\n}\n","@if ((!hasLargeSize() && !hideBackButton()) || title()) {\n  <div class=\"title-subgroup\">\n    @if (!hasLargeSize() && !hideBackButton()) {\n      <button\n        #backButton\n        type=\"button\"\n        class=\"si-details-header-back nav-link focus-inside px-6\"\n        (click)=\"backClicked()\"\n      >\n        <si-icon class=\"pe-2 d-inline-block position-relative icon\" [icon]=\"icons.elementBack\" />\n        {{ backButtonText() | translate }}\n      </button>\n    }\n    @if (title()) {\n      <span class=\"si-details-header-title si-body px-6\">{{ title() | translate }}</span>\n    }\n  </div>\n}\n<ng-content />\n","/**\n * Copyright (c) Siemens 2016 - 2025\n * SPDX-License-Identifier: MIT\n */\nimport { ChangeDetectionStrategy, Component } from '@angular/core';\n\n/** @experimental */\n@Component({\n  selector: 'si-details-pane-body',\n  imports: [],\n  templateUrl: './si-details-pane-body.component.html',\n  styleUrl: './si-details-pane-body.component.scss',\n  changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class SiDetailsPaneBodyComponent {}\n","<ng-content />\n","/**\n * Copyright (c) Siemens 2016 - 2025\n * SPDX-License-Identifier: MIT\n */\nimport { ChangeDetectionStrategy, Component } from '@angular/core';\n\n/** @experimental */\n@Component({\n  selector: 'si-details-pane-footer',\n  imports: [],\n  templateUrl: './si-details-pane-footer.component.html',\n  styleUrl: './si-details-pane-footer.component.scss',\n  changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class SiDetailsPaneFooterComponent {}\n","<ng-content />\n","/**\n * Copyright (c) Siemens 2016 - 2025\n * SPDX-License-Identifier: MIT\n */\nexport * from './si-list-details.component';\nexport * from './si-list-pane/si-list-pane.component';\nexport * from './si-list-pane-header/si-list-pane-header.component';\nexport * from './si-list-pane-body/si-list-pane-body.component';\nexport * from './si-details-pane/si-details-pane.component';\nexport * from './si-details-pane-header/si-details-pane-header.component';\nexport * from './si-details-pane-body/si-details-pane-body.component';\nexport * from './si-details-pane-footer/si-details-pane-footer.component';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"siemens-element-ng-list-details.mjs","sources":["../../../../projects/element-ng/list-details/si-list-details.component.ts","../../../../projects/element-ng/list-details/si-list-details.component.html","../../../../projects/element-ng/list-details/si-list-pane/si-list-pane.component.ts","../../../../projects/element-ng/list-details/si-list-pane/si-list-pane.component.html","../../../../projects/element-ng/list-details/si-list-pane-header/si-list-pane-header.component.ts","../../../../projects/element-ng/list-details/si-list-pane-header/si-list-pane-header.component.html","../../../../projects/element-ng/list-details/si-list-pane-body/si-list-pane-body.component.ts","../../../../projects/element-ng/list-details/si-list-pane-body/si-list-pane-body.component.html","../../../../projects/element-ng/list-details/si-details-pane/si-details-pane.component.ts","../../../../projects/element-ng/list-details/si-details-pane/si-details-pane.component.html","../../../../projects/element-ng/list-details/si-details-pane-header/si-details-pane-header.component.ts","../../../../projects/element-ng/list-details/si-details-pane-header/si-details-pane-header.component.html","../../../../projects/element-ng/list-details/si-details-pane-body/si-details-pane-body.component.ts","../../../../projects/element-ng/list-details/si-details-pane-body/si-details-pane-body.component.html","../../../../projects/element-ng/list-details/si-details-pane-footer/si-details-pane-footer.component.ts","../../../../projects/element-ng/list-details/si-details-pane-footer/si-details-pane-footer.component.html","../../../../projects/element-ng/list-details/index.ts","../../../../projects/element-ng/list-details/siemens-element-ng-list-details.ts"],"sourcesContent":["/**\n * Copyright (c) Siemens 2016 - 2025\n * SPDX-License-Identifier: MIT\n */\nimport { NgTemplateOutlet } from '@angular/common';\nimport {\n  booleanAttribute,\n  ChangeDetectionStrategy,\n  Component,\n  computed,\n  ElementRef,\n  inject,\n  input,\n  model,\n  OnChanges,\n  OnDestroy,\n  OnInit,\n  signal,\n  SimpleChanges,\n  viewChild\n} from '@angular/core';\nimport { areAnimationsDisabled } from '@siemens/element-ng/common';\nimport {\n  BOOTSTRAP_BREAKPOINTS,\n  ElementDimensions,\n  ResizeObserverService\n} from '@siemens/element-ng/resize-observer';\nimport { SiSplitComponent, SiSplitPartComponent } from '@siemens/element-ng/split';\nimport { BehaviorSubject, Subject, Subscription } from 'rxjs';\n\n@Component({\n  selector: 'si-list-details',\n  imports: [NgTemplateOutlet, SiSplitComponent, SiSplitPartComponent],\n  templateUrl: './si-list-details.component.html',\n  styleUrl: './si-list-details.component.scss',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {\n    class: 'si-layout-inner list-details-layout d-flex flex-column',\n    '[class.animations-disabled]': 'animationsGloballyDisabled',\n    '[class.expanded]': 'hasLargeSize()',\n    '[style.opacity]': 'opacity()'\n  }\n})\nexport class SiListDetailsComponent implements OnInit, OnChanges, OnDestroy {\n  private resizeSubs?: Subscription;\n  private elementRef = inject(ElementRef);\n  private resizeObserver = inject(ResizeObserverService);\n  private readonly listDetailsContainer = viewChild.required<ElementRef>('listDetailsContainer');\n  protected readonly animationsGloballyDisabled = areAnimationsDisabled();\n\n  /**\n   * A numeric value defining the minimum width in px, which the component needs\n   * to be displayed in its large layout. Whenever smaller than\n   * this threshold, the small layout will be used. Default is\n   * value is BOOTSTRAP_BREAKPOINTS.mdMinimum.\n   *\n   * @defaultValue BOOTSTRAP_BREAKPOINTS.mdMinimum\n   */\n  readonly expandBreakpoint = input(BOOTSTRAP_BREAKPOINTS.mdMinimum);\n\n  readonly hasLargeSize = computed(() => {\n    const dimensions = this.resizeDimensions();\n    return !!dimensions && dimensions.width >= this.expandBreakpoint();\n  });\n\n  /**\n   * Whether the details are currently active or not, mostly relevant in the\n   * responsive scenario when the viewport only shows either the list or the detail.\n   *\n   * @defaultValue false\n   */\n  readonly detailsActive = model(false);\n\n  /**\n   * Whether the list and detail parts should be resizable by a splitter or not.\n   * This is only supported in the 'large' scenario (when `hasLargeSize` is `true`).\n   * Default value is `false`.\n   *\n   * @defaultValue false\n   */\n  readonly disableResizing = input(false, { transform: booleanAttribute });\n\n  /**\n   * The percentage width of the list view of the overall component width.\n   *\n   * @defaultValue 32\n   */\n  readonly listWidth = model<number>(32);\n\n  /**\n   * Sets the minimal width of the list component in pixel.\n   *\n   * @defaultValue 300\n   */\n  readonly minListSize = input(300);\n\n  /**\n   * Sets the minimal width of the detail component in pixel.\n   *\n   * @defaultValue 300\n   */\n  readonly minDetailsSize = input(300);\n\n  /**\n   * An optional stateId to uniquely identify a component instance.\n   * Required for persistence of ui state.\n   */\n  readonly stateId = input<string>();\n\n  protected readonly splitSizes = computed<[number, number]>(() => [\n    this.listWidth(),\n    100 - this.listWidth()\n  ]);\n\n  protected readonly listStateId = computed(() => {\n    const stateId = this.stateId();\n    return stateId ? `${stateId}-list` : undefined;\n  });\n\n  protected readonly detailsStateId = computed(() => {\n    const stateId = this.stateId();\n    return stateId ? `${stateId}-details` : undefined;\n  });\n\n  protected readonly opacity = computed(() => (this.resizeDimensions() ? '' : '0'));\n\n  /** @internal */\n  readonly detailsExpandedAnimation = computed(() => {\n    if (!this.hasLargeSize()) {\n      return this.detailsActive() ? 'details-active expanded' : 'collapsed';\n    } else {\n      return 'disabled';\n    }\n  });\n\n  // Used for focus transfer, can not use a focus trap for this.\n  private hadLargeSizePreviously: boolean | undefined;\n  private detailsActivePreviously: boolean | undefined;\n  private previouslyFocusedElementInList: HTMLElement | undefined;\n\n  /** @internal */\n  readonly transferFocusToList = new Subject<HTMLElement | undefined>();\n  /**\n   * A behavior subject because the details component may only be created when details are visible.\n   * @internal\n   */\n  readonly transferFocusToDetails = new BehaviorSubject<boolean>(false);\n\n  private animationDone?: () => void;\n\n  ngOnChanges(changes: SimpleChanges): void {\n    if (changes.detailsActive) {\n      this.transferFocus();\n    }\n  }\n\n  ngOnInit(): void {\n    this.resizeSubs = this.resizeObserver\n      .observe(this.elementRef.nativeElement, 100, true)\n      .subscribe(dimensions => {\n        this.resizeDimensions.set(dimensions);\n        this.transferFocus();\n      });\n  }\n\n  ngOnDestroy(): void {\n    this.resizeSubs?.unsubscribe();\n  }\n\n  private readonly resizeDimensions = signal<ElementDimensions | undefined>(undefined);\n\n  protected onSplitSizesChange(sizes: number[]): void {\n    this.listWidth.set(sizes[0]);\n  }\n\n  /** @internal */\n  detailsBackClicked(options?: { animationDone?: () => void }): void {\n    this.detailsActive.set(false);\n    // Directly call the done callback if animations are disabled.\n    if (this.animationsGloballyDisabled) {\n      options?.animationDone?.();\n    } else {\n      // This callback is used to route after the animation is done.\n      this.animationDone = options?.animationDone;\n    }\n  }\n\n  protected detailsExpandedAnimationDone(event: TransitionEvent): void {\n    // Since the 'transitionend' event bubbles up from child elements,\n    // ensure the event target is the container itself.\n    if (this.animationDone && this.listDetailsContainer().nativeElement === event.target) {\n      this.animationDone();\n      this.animationDone = undefined;\n    }\n  }\n\n  // Transfer focus onto child panes if they would be inaccesible.\n\n  private transferFocus(): void {\n    // Check if dimensions have even been evaluated.\n    const hasLargeSize = this.resizeDimensions() ? this.hasLargeSize() : undefined;\n    const detailsActive = this.detailsActive();\n    if (this.hadLargeSizePreviously !== undefined && this.detailsActivePreviously !== undefined) {\n      if (\n        detailsActive &&\n        !hasLargeSize &&\n        (!this.detailsActivePreviously || this.hadLargeSizePreviously)\n      ) {\n        if (!this.hadLargeSizePreviously) {\n          this.previouslyFocusedElementInList = document?.activeElement as HTMLElement | undefined;\n        }\n        this.transferFocusToDetails.next(true);\n      }\n      if (!detailsActive && this.detailsActivePreviously) {\n        this.transferFocusToList.next(this.previouslyFocusedElementInList);\n        this.previouslyFocusedElementInList = undefined;\n      }\n    }\n    this.hadLargeSizePreviously = hasLargeSize;\n    this.detailsActivePreviously = detailsActive;\n  }\n}\n","@if (!disableResizing() && hasLargeSize()) {\n  <si-split\n    class=\"w-100 flex-grow-1\"\n    orientation=\"horizontal\"\n    [stateId]=\"stateId()\"\n    [sizes]=\"splitSizes()\"\n    (sizesChange)=\"onSplitSizesChange($event)\"\n  >\n    <si-split-part\n      scale=\"none\"\n      [showCollapseButton]=\"false\"\n      [showHeader]=\"false\"\n      [minSize]=\"minListSize()\"\n      [stateId]=\"listStateId()\"\n    >\n      <ng-container *ngTemplateOutlet=\"listTemplate\" />\n    </si-split-part>\n    <si-split-part\n      scale=\"auto\"\n      [showCollapseButton]=\"false\"\n      [showHeader]=\"false\"\n      [minSize]=\"minDetailsSize()\"\n      [stateId]=\"detailsStateId()\"\n    >\n      <ng-container *ngTemplateOutlet=\"detailsTemplate\" />\n    </si-split-part>\n  </si-split>\n} @else {\n  <div\n    #listDetailsContainer\n    [class]=\"`list-details d-flex flex-row ${detailsExpandedAnimation()}`\"\n    [class.gap-6]=\"hasLargeSize()\"\n    (transitionend)=\"detailsExpandedAnimationDone($event)\"\n  >\n    <ng-container *ngTemplateOutlet=\"listTemplate\" />\n    <ng-container *ngTemplateOutlet=\"detailsTemplate\" />\n  </div>\n}\n\n<ng-template #listTemplate>\n  <ng-content select=\"si-list-pane\" />\n</ng-template>\n\n<ng-template #detailsTemplate>\n  <ng-content select=\"si-details-pane\" />\n</ng-template>\n","/**\n * Copyright (c) Siemens 2016 - 2025\n * SPDX-License-Identifier: MIT\n */\nimport { ChangeDetectionStrategy, Component, ElementRef, inject } from '@angular/core';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\n\nimport { SiListDetailsComponent } from '../si-list-details.component';\n\n@Component({\n  selector: 'si-list-pane',\n  templateUrl: './si-list-pane.component.html',\n  styleUrl: './si-list-pane.component.scss',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {\n    '[class.expanded]': 'parent.hasLargeSize()',\n    '[class.details-active]': 'parent.detailsActive() && !parent.hasLargeSize()',\n    '[attr.inert]': '!parent.hasLargeSize() && parent.detailsActive() ? \"\" : null',\n    '[attr.tabindex]': '-1',\n    '[style.flex-basis.%]':\n      'parent.hasLargeSize() && parent.disableResizing() ? parent.listWidth() : undefined'\n  }\n})\nexport class SiListPaneComponent {\n  protected parent = inject(SiListDetailsComponent);\n  private element: ElementRef<HTMLElement> = inject(ElementRef);\n\n  constructor() {\n    this.parent.transferFocusToList\n      .pipe(takeUntilDestroyed())\n      .subscribe(previouslyFocusedElement => {\n        // Needed so it's no longer \"inert\".\n        setTimeout(() => {\n          const currentlyFocused = document?.activeElement;\n          previouslyFocusedElement?.focus();\n          // If there was no previously focused element or if it couldn't be focused anymore, fall back to the focusing the list.\n          if (currentlyFocused === document?.activeElement) {\n            this.element?.nativeElement?.focus();\n          }\n        });\n      });\n  }\n}\n","<ng-content />\n","/**\n * Copyright (c) Siemens 2016 - 2025\n * SPDX-License-Identifier: MIT\n */\nimport { ChangeDetectionStrategy, Component } from '@angular/core';\n\n@Component({\n  selector: 'si-list-pane-header',\n  templateUrl: './si-list-pane-header.component.html',\n  styleUrl: './si-list-pane-header.component.scss',\n  changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class SiListPaneHeaderComponent {}\n","<ng-content />\n","/**\n * Copyright (c) Siemens 2016 - 2025\n * SPDX-License-Identifier: MIT\n */\nimport { ChangeDetectionStrategy, Component } from '@angular/core';\n\n@Component({\n  selector: 'si-list-pane-body',\n  templateUrl: './si-list-pane-body.component.html',\n  styleUrl: './si-list-pane-body.component.scss',\n  changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class SiListPaneBodyComponent {}\n","<ng-content />\n","/**\n * Copyright (c) Siemens 2016 - 2025\n * SPDX-License-Identifier: MIT\n */\nimport {\n  ChangeDetectionStrategy,\n  Component,\n  computed,\n  contentChild,\n  DestroyRef,\n  effect,\n  inject\n} from '@angular/core';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\nimport { RouterOutlet } from '@angular/router';\nimport { Subscription } from 'rxjs';\n\nimport { SiListDetailsComponent } from '../si-list-details.component';\n\n@Component({\n  selector: 'si-details-pane',\n  imports: [],\n  templateUrl: './si-details-pane.component.html',\n  styleUrl: './si-details-pane.component.scss',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {\n    '[class.expanded]': 'parent.hasLargeSize()',\n    '[class.details-active]': 'parent.detailsActive() && !parent.hasLargeSize()',\n    '[attr.inert]': '!parent.hasLargeSize() && !parent.detailsActive() ? \"\" : null',\n    '[style.flex-basis.%]':\n      'parent.hasLargeSize() && parent.disableResizing() ?  100 - parent.listWidth() : undefined'\n  }\n})\nexport class SiDetailsPaneComponent {\n  protected parent = inject(SiListDetailsComponent);\n\n  private readonly routerOutlet = contentChild(RouterOutlet);\n  private subscription?: Subscription;\n  private destroyer = inject(DestroyRef);\n  /** @internal */\n  readonly isRouterBased = computed(() => !!this.routerOutlet());\n\n  constructor() {\n    effect(() => {\n      const outlet = this.routerOutlet();\n      if (outlet) {\n        this.parent.detailsActive.set(!outlet.activatedRouteData.SI_EMPTY_DETAILS);\n        this.subscription?.unsubscribe();\n        this.subscription = outlet.activateEvents\n          .pipe(takeUntilDestroyed(this.destroyer))\n          .subscribe(() =>\n            this.parent.detailsActive.set(!outlet.activatedRouteData.SI_EMPTY_DETAILS)\n          );\n      }\n    });\n  }\n}\n","<ng-content />\n","/**\n * Copyright (c) Siemens 2016 - 2025\n * SPDX-License-Identifier: MIT\n */\nimport {\n  booleanAttribute,\n  ChangeDetectionStrategy,\n  Component,\n  ElementRef,\n  inject,\n  input,\n  Signal,\n  viewChild\n} from '@angular/core';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\nimport { ActivatedRoute, Router } from '@angular/router';\nimport { elementBack } from '@siemens/element-icons';\nimport { addIcons, SiIconComponent } from '@siemens/element-ng/icon';\nimport { SiTranslatePipe, t, TranslatableString } from '@siemens/element-translate-ng/translate';\n\nimport { SiDetailsPaneComponent } from '../si-details-pane/si-details-pane.component';\nimport { SiListDetailsComponent } from '../si-list-details.component';\n\n@Component({\n  selector: 'si-details-pane-header',\n  imports: [SiTranslatePipe, SiIconComponent],\n  templateUrl: './si-details-pane-header.component.html',\n  styleUrl: './si-details-pane-header.component.scss',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {\n    class: 'nav nav-tabs' // To allow nav-link styling.\n  }\n})\nexport class SiDetailsPaneHeaderComponent {\n  protected readonly icons = addIcons({ elementBack });\n\n  private parent = inject(SiListDetailsComponent);\n\n  /**\n   * Optional title to be displayed.\n   */\n  readonly title = input<TranslatableString>();\n\n  /**\n   * You can hide the back button in the mobile view by setting true. Required\n   * in add, edit workflows on mobile sizes. During add or edit, the back button\n   * should be hidden. Default value is `false`.\n   *\n   * @defaultValue false\n   */\n  readonly hideBackButton = input(false, { transform: booleanAttribute });\n\n  /**\n   * Details back button text. Required for a11y.\n   *\n   * @defaultValue\n   * ```\n   * t(() => $localize`:@@SI_LIST_DETAILS.BACK:Back`)\n   * ```\n   */\n  readonly backButtonText = input(t(() => $localize`:@@SI_LIST_DETAILS.BACK:Back`));\n\n  /**\n   * The URL to navigate to when the back buttons is clicked.\n   * This is only used when the `si-details-pane` is used with a router-outlet.\n   *\n   * @defaultValue '../'\n   */\n  readonly backButtonUrl = input('../');\n\n  private isRouterBased = inject(SiDetailsPaneComponent).isRouterBased;\n  private router = inject(Router, { optional: true });\n  private activatedRoute = inject(ActivatedRoute, { optional: true });\n\n  private readonly backButton = viewChild<ElementRef<HTMLElement>>('backButton');\n\n  constructor() {\n    this.parent.transferFocusToDetails.pipe(takeUntilDestroyed()).subscribe(shouldFocus => {\n      if (shouldFocus) {\n        const backButton = this.backButton();\n        if (backButton) {\n          // Needed so it's no longer \"inert\" and loaded.\n          setTimeout(() => backButton?.nativeElement?.focus());\n        }\n      }\n    });\n  }\n\n  protected get hasLargeSize(): Signal<boolean> {\n    return this.parent.hasLargeSize;\n  }\n\n  protected backClicked(): void {\n    this.parent.detailsBackClicked({\n      animationDone: this.isRouterBased()\n        ? // We navigate back after the animation is done.\n          // This ensures, that the details pane visible while animating.\n          () => this.router!.navigate([this.backButtonUrl()], { relativeTo: this.activatedRoute })\n        : undefined\n    });\n  }\n}\n","@if ((!hasLargeSize() && !hideBackButton()) || title()) {\n  <div class=\"title-subgroup\">\n    @if (!hasLargeSize() && !hideBackButton()) {\n      <button\n        #backButton\n        type=\"button\"\n        class=\"si-details-header-back nav-link focus-inside px-6\"\n        (click)=\"backClicked()\"\n      >\n        <si-icon class=\"pe-2 d-inline-block position-relative icon\" [icon]=\"icons.elementBack\" />\n        {{ backButtonText() | translate }}\n      </button>\n    }\n    @if (title()) {\n      <span class=\"si-details-header-title si-body px-6\">{{ title() | translate }}</span>\n    }\n  </div>\n}\n<ng-content />\n","/**\n * Copyright (c) Siemens 2016 - 2025\n * SPDX-License-Identifier: MIT\n */\nimport { ChangeDetectionStrategy, Component } from '@angular/core';\n\n@Component({\n  selector: 'si-details-pane-body',\n  imports: [],\n  templateUrl: './si-details-pane-body.component.html',\n  styleUrl: './si-details-pane-body.component.scss',\n  changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class SiDetailsPaneBodyComponent {}\n","<ng-content />\n","/**\n * Copyright (c) Siemens 2016 - 2025\n * SPDX-License-Identifier: MIT\n */\nimport { ChangeDetectionStrategy, Component } from '@angular/core';\n\n@Component({\n  selector: 'si-details-pane-footer',\n  imports: [],\n  templateUrl: './si-details-pane-footer.component.html',\n  styleUrl: './si-details-pane-footer.component.scss',\n  changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class SiDetailsPaneFooterComponent {}\n","<ng-content />\n","/**\n * Copyright (c) Siemens 2016 - 2025\n * SPDX-License-Identifier: MIT\n */\nexport * from './si-list-details.component';\nexport * from './si-list-pane/si-list-pane.component';\nexport * from './si-list-pane-header/si-list-pane-header.component';\nexport * from './si-list-pane-body/si-list-pane-body.component';\nexport * from './si-details-pane/si-details-pane.component';\nexport * from './si-details-pane-header/si-details-pane-header.component';\nexport * from './si-details-pane-body/si-details-pane-body.component';\nexport * from './si-details-pane-footer/si-details-pane-footer.component';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}