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

package/fesm2022/siemens-element-ng-accordion.mjs

@@ -1,10 +1,9 @@
-import { trigger, transition, style, query, animate } from '@angular/animations';
-import { NgClass } from '@angular/common';
 import * as i0 from '@angular/core';
 import { signal, Injectable, input, model, booleanAttribute, output, computed, inject, viewChild, ChangeDetectionStrategy, Component, contentChildren, DestroyRef, ElementRef, NgModule } from '@angular/core';
 import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
-import { areAnimationsDisabled } from '@siemens/element-ng/common';
-import { addIcons, elementDown2, SiIconComponent } from '@siemens/element-ng/icon';
+import { elementDown2 } from '@siemens/element-icons';
+import { addIcons, SiIconComponent } from '@siemens/element-ng/icon';
+import { SiTooltipDirective } from '@siemens/element-ng/tooltip';
 import { SiTranslatePipe } from '@siemens/element-translate-ng/translate';
 import { Subject, filter } from 'rxjs';
 import { ResizeObserverService } from '@siemens/element-ng/resize-observer';
@@ -20,15 +19,15 @@ class SiAccordionHCollapseService {
      *
      * @defaultValue undefined
      */
-    hcollapsed = signal(undefined);
+    hcollapsed = signal(undefined, ...(ngDevMode ? [{ debugName: "hcollapsed" }] : []));
     /**
      * Subject to emit to open the accordion.
      */
     open$ = new Subject();
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: SiAccordionHCollapseService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: SiAccordionHCollapseService, providedIn: null });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: SiAccordionHCollapseService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: SiAccordionHCollapseService, providedIn: null });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: SiAccordionHCollapseService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: SiAccordionHCollapseService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: null
@@ -50,11 +49,11 @@ class SiAccordionService {
      *
      * @defaultValue null
      */
-    fullHeight = signal(null);
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: SiAccordionService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: SiAccordionService, providedIn: null });
+    fullHeight = signal(null, ...(ngDevMode ? [{ debugName: "fullHeight" }] : []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: SiAccordionService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: SiAccordionService, providedIn: null });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: SiAccordionService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: SiAccordionService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: null
@@ -70,73 +69,73 @@ class SiCollapsiblePanelComponent {
     /**
      * Heading for the collapsible panel.
      */
-    heading = input();
+    heading = input(...(ngDevMode ? [undefined, { debugName: "heading" }] : []));
     /**
      * Additional CSS classes for the top element.
      *
      * @defaultValue ''
      */
-    headerCssClasses = input('');
+    headerCssClasses = input('', ...(ngDevMode ? [{ debugName: "headerCssClasses" }] : []));
     /**
      * Additional CSS classes for the collapsible content region.
      *
      * @defaultValue ''
      */
-    contentBgClasses = input('');
+    contentBgClasses = input('', ...(ngDevMode ? [{ debugName: "contentBgClasses" }] : []));
     /**
      * Additional CSS classes for the wrapping content element.
      *
      * @defaultValue ''
      */
-    contentCssClasses = input('');
+    contentCssClasses = input('', ...(ngDevMode ? [{ debugName: "contentCssClasses" }] : []));
     /**
      * Expand/collapse the panel.
      *
      * @defaultValue false
      */
-    opened = model(false);
+    opened = model(false, ...(ngDevMode ? [{ debugName: "opened" }] : []));
     /**
      * The icon to be displayed besides the heading.
      */
-    icon = input();
+    icon = input(...(ngDevMode ? [undefined, { debugName: "icon" }] : []));
     /**
      * Whether the si-collapsible-panel is disabled.
      *
      * @defaultValue false
      */
-    disabled = input(false, { transform: booleanAttribute });
+    disabled = input(false, { ...(ngDevMode ? { debugName: "disabled" } : {}), transform: booleanAttribute });
     /**
      * Color variant for component background.
      *
      * @deprecated This input has no effect on the component styling.
      */
-    colorVariant = input();
+    colorVariant = input(...(ngDevMode ? [undefined, { debugName: "colorVariant" }] : []));
     /**
      * Defines the content of the optional badge. Should be a number or something like "100+".
      * if undefined or empty string, no badge is displayed
      */
-    badge = input();
+    badge = input(...(ngDevMode ? [undefined, { debugName: "badge" }] : []));
     /**
      * Defines the background color of the badge. Default is specific to Element flavour.
      */
-    badgeColor = input();
+    badgeColor = input(...(ngDevMode ? [undefined, { debugName: "badgeColor" }] : []));
     /**
      * An event emitted when the user triggered expand/collapse and emit with the new open state.
      * The event is emitted before the animation happens.
      */
     panelToggle = output();
-    hcollapsed = computed(() => this.accordionHCollapseService?.hcollapsed() ?? false);
-    fullHeight = computed(() => this.accordionService?.fullHeight() ?? false);
+    hcollapsed = computed(() => this.accordionHCollapseService?.hcollapsed() ?? false, ...(ngDevMode ? [{ debugName: "hcollapsed" }] : []));
+    fullHeight = computed(() => this.accordionService?.fullHeight() ?? false, ...(ngDevMode ? [{ debugName: "fullHeight" }] : []));
     controlId = '__si-collapsible-' + controlIdCounter++;
     headerId = this.controlId + '-header';
     isHCollapsible = false;
     icons = addIcons({ elementDown2 });
+    disableAnimation = signal(false, ...(ngDevMode ? [{ debugName: "disableAnimation" }] : []));
     accordionService = inject(SiAccordionService, { optional: true });
     accordionHCollapseService = inject(SiAccordionHCollapseService, {
         optional: true
     });
-    enableAnimation = true;
-    animationsGloballyDisabled = areAnimationsDisabled();
+    /** Restore the content scroll position between open/close of the panel. */
     lastScrollPos = 0;
     contentRef = viewChild.required('content');
     constructor() {
@@ -145,12 +144,6 @@ class SiCollapsiblePanelComponent {
             .pipe(takeUntilDestroyed(), filter(item => item !== this))
             .subscribe(() => this.openClose(false));
     }
-    get showHide() {
-        if (this.enableAnimation && !this.animationsGloballyDisabled) {
-            return this.opened() ? 'show' : 'hide';
-        }
-        return 'disabled';
-    }
     /**
      * Expand/collapse panel.
      * @param open - indicate the panel shall open or close
@@ -158,13 +151,15 @@ class SiCollapsiblePanelComponent {
      */
     openClose(open, enableAnimation = true) {
         this.opened.set(open);
-        this.enableAnimation = enableAnimation;
+        this.disableAnimation.set(!enableAnimation);
         if (open) {
+            // Restore scroll position after opening
             setTimeout(() => {
                 this.contentRef().nativeElement.scrollTop = this.lastScrollPos;
             });
         }
         else {
+            // Save scroll position before closing
             this.lastScrollPos = this.contentRef().nativeElement.scrollTop;
         }
     }
@@ -186,40 +181,19 @@ class SiCollapsiblePanelComponent {
             this.doToggle(undefined);
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: SiCollapsiblePanelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.6", type: SiCollapsiblePanelComponent, isStandalone: true, selector: "si-collapsible-panel", inputs: { heading: { classPropertyName: "heading", publicName: "heading", isSignal: true, isRequired: false, transformFunction: null }, headerCssClasses: { classPropertyName: "headerCssClasses", publicName: "headerCssClasses", isSignal: true, isRequired: false, transformFunction: null }, contentBgClasses: { classPropertyName: "contentBgClasses", publicName: "contentBgClasses", isSignal: true, isRequired: false, transformFunction: null }, contentCssClasses: { classPropertyName: "contentCssClasses", publicName: "contentCssClasses", isSignal: true, isRequired: false, transformFunction: null }, opened: { classPropertyName: "opened", publicName: "opened", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, colorVariant: { classPropertyName: "colorVariant", publicName: "colorVariant", isSignal: true, isRequired: false, transformFunction: null }, badge: { classPropertyName: "badge", publicName: "badge", isSignal: true, isRequired: false, transformFunction: null }, badgeColor: { classPropertyName: "badgeColor", publicName: "badgeColor", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { opened: "openedChange", panelToggle: "panelToggle" }, host: { properties: { "class": "colorVariant()", "class.opened": "opened()", "class.hcollapsed": "hcollapsed()", "class.full-height": "fullHeight()" } }, viewQueries: [{ propertyName: "contentRef", first: true, predicate: ["content"], descendants: true, isSignal: true }], ngImport: i0, template: "<div\n  class=\"collapsible-header focus-inside px-6\"\n  role=\"button\"\n  [ngClass]=\"headerCssClasses()\"\n  [attr.tabindex]=\"disabled() ? '' : '0'\"\n  [id]=\"headerId\"\n  [class.open]=\"opened()\"\n  [class.disabled]=\"disabled()\"\n  [title]=\"hcollapsed() ? (heading() | translate) : ''\"\n  [attr.aria-expanded]=\"opened() && !hcollapsed()\"\n  [attr.aria-disabled]=\"disabled()\"\n  [attr.aria-controls]=\"controlId\"\n  [attr.aria-label]=\"hcollapsed() ? (heading() | translate) : ''\"\n  (keydown)=\"keydown($event)\"\n  (click)=\"doToggle($event)\"\n>\n  @let headerIcon = icon();\n  @if (headerIcon) {\n    <si-icon class=\"icon ms-n2 me-2\" [icon]=\"headerIcon\" [class.collapsed-icon]=\"isHCollapsible\" />\n  }\n  @if (icon() && badge() !== undefined && badge() !== '') {\n    <span class=\"badge-text\">\n      {{ badge() }}\n    </span>\n  }\n  <div class=\"si-h5 autohide\">\n    {{ heading() | translate }}\n    <ng-content select=\"[si-panel-heading]\" />\n  </div>\n\n  @if (badge() !== undefined && badge() !== '') {\n    <span class=\"badge autohide\" [ngClass]=\"'bg-' + badgeColor()\">\n      {{ badge() }}\n    </span>\n  }\n  <span class=\"ms-auto overflow-hidden\">\n    <si-icon class=\"icon dropdown-caret\" [icon]=\"icons.elementDown2\" />\n  </span>\n</div>\n<div\n  #content\n  class=\"collapsible-content\"\n  role=\"region\"\n  [id]=\"controlId\"\n  [ngClass]=\"contentBgClasses()\"\n  [@showHide]=\"showHide\"\n  [attr.aria-labelledby]=\"headerId\"\n  [class.full-height]=\"fullHeight()\"\n>\n  @if (opened()) {\n    <div>\n      <div [ngClass]=\"contentCssClasses()\">\n        <ng-content />\n      </div>\n    </div>\n  }\n</div>\n", styles: [":host{--__radius: var(--si-accordion-radius, var(--element-button-radius));display:flex;flex-direction:column;background:var(--element-base-0);padding-block-end:2px}:host:not(.hcollapsed) .collapsed-icon,:host:not(.hcollapsed) .badge-text{display:none}:host.hcollapsed{background:var(--element-base-1)}:host.hcollapsed .collapsible-header .autohide,:host.hcollapsed .collapsible-content{display:none}:host.hcollapsed .collapsible-header{padding-block:8px}:host.hcollapsed .collapsible-header:hover{background:var(--element-base-1-hover)}:host.full-height{transition:flex-grow calc(.5s * var(--element-animations-enabled, 1))}:host.full-height.opened,:host.full-height .collapsible-content{flex:1 1 0}:host.full-height .collapsible-content>div{flex:1 0 0}.collapsible-header{display:flex;align-items:center;background:var(--element-base-1);color:var(--element-text-primary);padding-block:12px;border-radius:var(--__radius)}.collapsible-header.disabled{color:var(--element-text-disabled);cursor:default}.collapsible-header.open{border-end-start-radius:0;border-end-end-radius:0}.collapsible-header:not(.disabled){cursor:pointer}.collapsible-header:not(.disabled):hover{text-decoration:none;background:var(--element-base-1-hover)}.dropdown-caret{transition:transform calc(.5s * var(--element-animations-enabled, 1));color:var(--element-ui-1)}.open .dropdown-caret{transform:rotate(180deg)}.collapsible-content{overflow:hidden;display:flex;flex-direction:column;background:var(--element-base-1);border-end-start-radius:var(--__radius);border-end-end-radius:var(--__radius)}.collapsible-content.full-height{overflow:auto}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: SiIconComponent, selector: "si-icon", inputs: ["icon"] }, { kind: "pipe", type: SiTranslatePipe, name: "translate" }], animations: [
-            trigger('showHide', [
-                transition('*=>hide', [
-                    style({ overflow: 'hidden' }),
-                    query(':leave', [style({ blockSize: '*' }), animate('0.5s ease', style({ blockSize: '0' }))], { optional: true })
-                ]),
-                transition('*=>show', [
-                    style({ overflow: 'hidden' }),
-                    query(':enter', [style({ blockSize: '0' }), animate('0.5s ease', style({ blockSize: '*' }))], { optional: true })
-                ])
-            ])
-        ], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: SiCollapsiblePanelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.8", type: SiCollapsiblePanelComponent, isStandalone: true, selector: "si-collapsible-panel", inputs: { heading: { classPropertyName: "heading", publicName: "heading", isSignal: true, isRequired: false, transformFunction: null }, headerCssClasses: { classPropertyName: "headerCssClasses", publicName: "headerCssClasses", isSignal: true, isRequired: false, transformFunction: null }, contentBgClasses: { classPropertyName: "contentBgClasses", publicName: "contentBgClasses", isSignal: true, isRequired: false, transformFunction: null }, contentCssClasses: { classPropertyName: "contentCssClasses", publicName: "contentCssClasses", isSignal: true, isRequired: false, transformFunction: null }, opened: { classPropertyName: "opened", publicName: "opened", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, colorVariant: { classPropertyName: "colorVariant", publicName: "colorVariant", isSignal: true, isRequired: false, transformFunction: null }, badge: { classPropertyName: "badge", publicName: "badge", isSignal: true, isRequired: false, transformFunction: null }, badgeColor: { classPropertyName: "badgeColor", publicName: "badgeColor", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { opened: "openedChange", panelToggle: "panelToggle" }, host: { properties: { "class": "colorVariant()", "class.opened": "opened()", "class.hcollapsed": "hcollapsed()", "class.full-height": "fullHeight()", "style.--element-animations-enabled": "disableAnimation() ? \"0\" : undefined" } }, viewQueries: [{ propertyName: "contentRef", first: true, predicate: ["content"], descendants: true, isSignal: true }], ngImport: i0, template: "<div\n  role=\"button\"\n  placement=\"start\"\n  [siTooltip]=\"hcollapsed() && heading() ? (heading()! | translate) : ''\"\n  [class]=\"`collapsible-header focus-inside px-6 ${headerCssClasses()}`\"\n  [attr.tabindex]=\"disabled() ? '' : '0'\"\n  [id]=\"headerId\"\n  [class.open]=\"opened()\"\n  [class.disabled]=\"disabled()\"\n  [attr.aria-expanded]=\"opened() && !hcollapsed()\"\n  [attr.aria-disabled]=\"disabled()\"\n  [attr.aria-controls]=\"controlId\"\n  [attr.aria-label]=\"hcollapsed() ? (heading() | translate) : ''\"\n  (keydown)=\"keydown($event)\"\n  (click)=\"doToggle($event)\"\n>\n  @let headerIcon = icon();\n  @if (headerIcon) {\n    <si-icon class=\"icon ms-n2 me-2\" [icon]=\"headerIcon\" [class.collapsed-icon]=\"isHCollapsible\" />\n  }\n  @if (icon() && badge() !== undefined && badge() !== '') {\n    <span class=\"badge-text\">\n      {{ badge() }}\n    </span>\n  }\n  <div class=\"si-h5 autohide\">\n    {{ heading() | translate }}\n    <ng-content select=\"[si-panel-heading]\" />\n  </div>\n\n  @if (badge() !== undefined && badge() !== '') {\n    <span [class]=\"'badge autohide' + (badgeColor() ? ' bg-' + badgeColor() : '')\">\n      {{ badge() }}\n    </span>\n  }\n  <span class=\"ms-auto overflow-hidden\">\n    <si-icon class=\"icon dropdown-caret\" [icon]=\"icons.elementDown2\" />\n  </span>\n</div>\n<div\n  #content\n  role=\"region\"\n  [id]=\"controlId\"\n  [class]=\"`collapsible-content ${contentBgClasses()}`\"\n  [attr.aria-labelledby]=\"headerId\"\n  [class.full-height]=\"fullHeight()\"\n>\n  @if (opened()) {\n    <div class=\"content-motion\" animate.leave=\"content-leave\">\n      <div class=\"overflow-hidden\">\n        <div [class]=\"contentCssClasses()\">\n          <ng-content />\n        </div>\n      </div>\n    </div>\n  }\n</div>\n", styles: [":host{--__radius: var(--si-accordion-radius, var(--element-button-radius));display:flex;flex-direction:column;background:var(--element-base-0);padding-block-end:2px}:host:not(.hcollapsed) .collapsed-icon,:host:not(.hcollapsed) .badge-text{display:none}:host.hcollapsed{background:var(--element-base-1)}:host.hcollapsed .collapsible-header .autohide,:host.hcollapsed .collapsible-content{display:none}:host.hcollapsed .collapsible-header{padding-block:8px}:host.hcollapsed .collapsible-header:hover{background:var(--element-base-1-hover)}:host.full-height{transition:flex-grow calc(.5s * var(--element-animations-enabled, 1))}:host.full-height.opened,:host.full-height .collapsible-content{flex:1 1 0}:host.full-height .collapsible-content>div{flex:1 0 0}.collapsible-header{display:flex;align-items:center;background:var(--element-base-1);color:var(--element-text-primary);padding-block:12px;border-radius:var(--__radius)}.collapsible-header.disabled{color:var(--element-text-disabled);cursor:default}.collapsible-header.open{border-end-start-radius:0;border-end-end-radius:0}.collapsible-header:not(.disabled){cursor:pointer}.collapsible-header:not(.disabled):hover{text-decoration:none;background:var(--element-base-1-hover)}.dropdown-caret{transition:transform calc(.5s * var(--element-animations-enabled, 1));color:var(--element-ui-1)}.open .dropdown-caret{transform:rotate(180deg)}.collapsible-content{overflow:hidden;background:var(--element-base-1);border-end-start-radius:var(--__radius);border-end-end-radius:var(--__radius)}.collapsible-content.full-height{overflow:auto}.content-motion{display:grid;grid-template-rows:1fr;transition:grid-template-rows calc(.5s * var(--element-animations-enabled, 1)) ease-in}@starting-style{.content-motion{grid-template-rows:0fr}}.content-motion.content-leave{grid-template-rows:0fr}\n"], dependencies: [{ kind: "component", type: SiIconComponent, selector: "si-icon", inputs: ["icon"] }, { kind: "directive", type: SiTooltipDirective, selector: "[siTooltip]", inputs: ["siTooltip", "placement", "isDisabled", "tooltipContext"] }, { kind: "pipe", type: SiTranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: SiCollapsiblePanelComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: SiCollapsiblePanelComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'si-collapsible-panel', imports: [NgClass, SiIconComponent, SiTranslatePipe], changeDetection: ChangeDetectionStrategy.OnPush, host: {
+            args: [{ selector: 'si-collapsible-panel', imports: [SiIconComponent, SiTranslatePipe, SiTooltipDirective], changeDetection: ChangeDetectionStrategy.OnPush, host: {
                         '[class]': 'colorVariant()',
                         '[class.opened]': 'opened()',
                         '[class.hcollapsed]': 'hcollapsed()',
-                        '[class.full-height]': 'fullHeight()'
-                    }, animations: [
-                        trigger('showHide', [
-                            transition('*=>hide', [
-                                style({ overflow: 'hidden' }),
-                                query(':leave', [style({ blockSize: '*' }), animate('0.5s ease', style({ blockSize: '0' }))], { optional: true })
-                            ]),
-                            transition('*=>show', [
-                                style({ overflow: 'hidden' }),
-                                query(':enter', [style({ blockSize: '0' }), animate('0.5s ease', style({ blockSize: '*' }))], { optional: true })
-                            ])
-                        ])
-                    ], template: "<div\n  class=\"collapsible-header focus-inside px-6\"\n  role=\"button\"\n  [ngClass]=\"headerCssClasses()\"\n  [attr.tabindex]=\"disabled() ? '' : '0'\"\n  [id]=\"headerId\"\n  [class.open]=\"opened()\"\n  [class.disabled]=\"disabled()\"\n  [title]=\"hcollapsed() ? (heading() | translate) : ''\"\n  [attr.aria-expanded]=\"opened() && !hcollapsed()\"\n  [attr.aria-disabled]=\"disabled()\"\n  [attr.aria-controls]=\"controlId\"\n  [attr.aria-label]=\"hcollapsed() ? (heading() | translate) : ''\"\n  (keydown)=\"keydown($event)\"\n  (click)=\"doToggle($event)\"\n>\n  @let headerIcon = icon();\n  @if (headerIcon) {\n    <si-icon class=\"icon ms-n2 me-2\" [icon]=\"headerIcon\" [class.collapsed-icon]=\"isHCollapsible\" />\n  }\n  @if (icon() && badge() !== undefined && badge() !== '') {\n    <span class=\"badge-text\">\n      {{ badge() }}\n    </span>\n  }\n  <div class=\"si-h5 autohide\">\n    {{ heading() | translate }}\n    <ng-content select=\"[si-panel-heading]\" />\n  </div>\n\n  @if (badge() !== undefined && badge() !== '') {\n    <span class=\"badge autohide\" [ngClass]=\"'bg-' + badgeColor()\">\n      {{ badge() }}\n    </span>\n  }\n  <span class=\"ms-auto overflow-hidden\">\n    <si-icon class=\"icon dropdown-caret\" [icon]=\"icons.elementDown2\" />\n  </span>\n</div>\n<div\n  #content\n  class=\"collapsible-content\"\n  role=\"region\"\n  [id]=\"controlId\"\n  [ngClass]=\"contentBgClasses()\"\n  [@showHide]=\"showHide\"\n  [attr.aria-labelledby]=\"headerId\"\n  [class.full-height]=\"fullHeight()\"\n>\n  @if (opened()) {\n    <div>\n      <div [ngClass]=\"contentCssClasses()\">\n        <ng-content />\n      </div>\n    </div>\n  }\n</div>\n", styles: [":host{--__radius: var(--si-accordion-radius, var(--element-button-radius));display:flex;flex-direction:column;background:var(--element-base-0);padding-block-end:2px}:host:not(.hcollapsed) .collapsed-icon,:host:not(.hcollapsed) .badge-text{display:none}:host.hcollapsed{background:var(--element-base-1)}:host.hcollapsed .collapsible-header .autohide,:host.hcollapsed .collapsible-content{display:none}:host.hcollapsed .collapsible-header{padding-block:8px}:host.hcollapsed .collapsible-header:hover{background:var(--element-base-1-hover)}:host.full-height{transition:flex-grow calc(.5s * var(--element-animations-enabled, 1))}:host.full-height.opened,:host.full-height .collapsible-content{flex:1 1 0}:host.full-height .collapsible-content>div{flex:1 0 0}.collapsible-header{display:flex;align-items:center;background:var(--element-base-1);color:var(--element-text-primary);padding-block:12px;border-radius:var(--__radius)}.collapsible-header.disabled{color:var(--element-text-disabled);cursor:default}.collapsible-header.open{border-end-start-radius:0;border-end-end-radius:0}.collapsible-header:not(.disabled){cursor:pointer}.collapsible-header:not(.disabled):hover{text-decoration:none;background:var(--element-base-1-hover)}.dropdown-caret{transition:transform calc(.5s * var(--element-animations-enabled, 1));color:var(--element-ui-1)}.open .dropdown-caret{transform:rotate(180deg)}.collapsible-content{overflow:hidden;display:flex;flex-direction:column;background:var(--element-base-1);border-end-start-radius:var(--__radius);border-end-end-radius:var(--__radius)}.collapsible-content.full-height{overflow:auto}\n"] }]
-        }], ctorParameters: () => [] });
+                        '[class.full-height]': 'fullHeight()',
+                        '[style.--element-animations-enabled]': 'disableAnimation() ? "0" : undefined'
+                    }, template: "<div\n  role=\"button\"\n  placement=\"start\"\n  [siTooltip]=\"hcollapsed() && heading() ? (heading()! | translate) : ''\"\n  [class]=\"`collapsible-header focus-inside px-6 ${headerCssClasses()}`\"\n  [attr.tabindex]=\"disabled() ? '' : '0'\"\n  [id]=\"headerId\"\n  [class.open]=\"opened()\"\n  [class.disabled]=\"disabled()\"\n  [attr.aria-expanded]=\"opened() && !hcollapsed()\"\n  [attr.aria-disabled]=\"disabled()\"\n  [attr.aria-controls]=\"controlId\"\n  [attr.aria-label]=\"hcollapsed() ? (heading() | translate) : ''\"\n  (keydown)=\"keydown($event)\"\n  (click)=\"doToggle($event)\"\n>\n  @let headerIcon = icon();\n  @if (headerIcon) {\n    <si-icon class=\"icon ms-n2 me-2\" [icon]=\"headerIcon\" [class.collapsed-icon]=\"isHCollapsible\" />\n  }\n  @if (icon() && badge() !== undefined && badge() !== '') {\n    <span class=\"badge-text\">\n      {{ badge() }}\n    </span>\n  }\n  <div class=\"si-h5 autohide\">\n    {{ heading() | translate }}\n    <ng-content select=\"[si-panel-heading]\" />\n  </div>\n\n  @if (badge() !== undefined && badge() !== '') {\n    <span [class]=\"'badge autohide' + (badgeColor() ? ' bg-' + badgeColor() : '')\">\n      {{ badge() }}\n    </span>\n  }\n  <span class=\"ms-auto overflow-hidden\">\n    <si-icon class=\"icon dropdown-caret\" [icon]=\"icons.elementDown2\" />\n  </span>\n</div>\n<div\n  #content\n  role=\"region\"\n  [id]=\"controlId\"\n  [class]=\"`collapsible-content ${contentBgClasses()}`\"\n  [attr.aria-labelledby]=\"headerId\"\n  [class.full-height]=\"fullHeight()\"\n>\n  @if (opened()) {\n    <div class=\"content-motion\" animate.leave=\"content-leave\">\n      <div class=\"overflow-hidden\">\n        <div [class]=\"contentCssClasses()\">\n          <ng-content />\n        </div>\n      </div>\n    </div>\n  }\n</div>\n", styles: [":host{--__radius: var(--si-accordion-radius, var(--element-button-radius));display:flex;flex-direction:column;background:var(--element-base-0);padding-block-end:2px}:host:not(.hcollapsed) .collapsed-icon,:host:not(.hcollapsed) .badge-text{display:none}:host.hcollapsed{background:var(--element-base-1)}:host.hcollapsed .collapsible-header .autohide,:host.hcollapsed .collapsible-content{display:none}:host.hcollapsed .collapsible-header{padding-block:8px}:host.hcollapsed .collapsible-header:hover{background:var(--element-base-1-hover)}:host.full-height{transition:flex-grow calc(.5s * var(--element-animations-enabled, 1))}:host.full-height.opened,:host.full-height .collapsible-content{flex:1 1 0}:host.full-height .collapsible-content>div{flex:1 0 0}.collapsible-header{display:flex;align-items:center;background:var(--element-base-1);color:var(--element-text-primary);padding-block:12px;border-radius:var(--__radius)}.collapsible-header.disabled{color:var(--element-text-disabled);cursor:default}.collapsible-header.open{border-end-start-radius:0;border-end-end-radius:0}.collapsible-header:not(.disabled){cursor:pointer}.collapsible-header:not(.disabled):hover{text-decoration:none;background:var(--element-base-1-hover)}.dropdown-caret{transition:transform calc(.5s * var(--element-animations-enabled, 1));color:var(--element-ui-1)}.open .dropdown-caret{transform:rotate(180deg)}.collapsible-content{overflow:hidden;background:var(--element-base-1);border-end-start-radius:var(--__radius);border-end-end-radius:var(--__radius)}.collapsible-content.full-height{overflow:auto}.content-motion{display:grid;grid-template-rows:1fr;transition:grid-template-rows calc(.5s * var(--element-animations-enabled, 1)) ease-in}@starting-style{.content-motion{grid-template-rows:0fr}}.content-motion.content-leave{grid-template-rows:0fr}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { heading: [{ type: i0.Input, args: [{ isSignal: true, alias: "heading", required: false }] }], headerCssClasses: [{ type: i0.Input, args: [{ isSignal: true, alias: "headerCssClasses", required: false }] }], contentBgClasses: [{ type: i0.Input, args: [{ isSignal: true, alias: "contentBgClasses", required: false }] }], contentCssClasses: [{ type: i0.Input, args: [{ isSignal: true, alias: "contentCssClasses", required: false }] }], opened: [{ type: i0.Input, args: [{ isSignal: true, alias: "opened", required: false }] }, { type: i0.Output, args: ["openedChange"] }], icon: [{ type: i0.Input, args: [{ isSignal: true, alias: "icon", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], colorVariant: [{ type: i0.Input, args: [{ isSignal: true, alias: "colorVariant", required: false }] }], badge: [{ type: i0.Input, args: [{ isSignal: true, alias: "badge", required: false }] }], badgeColor: [{ type: i0.Input, args: [{ isSignal: true, alias: "badgeColor", required: false }] }], panelToggle: [{ type: i0.Output, args: ["panelToggle"] }], contentRef: [{ type: i0.ViewChild, args: ['content', { isSignal: true }] }] } });
 
 /**
  * Copyright (c) Siemens 2016 - 2025
@@ -228,17 +202,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImpor
 const PANEL_MIN_HEIGHT = 100;
 class SiAccordionComponent {
     /** @defaultValue true */
-    expandFirstPanel = input(true, { transform: booleanAttribute });
+    expandFirstPanel = input(true, { ...(ngDevMode ? { debugName: "expandFirstPanel" } : {}), transform: booleanAttribute });
     /** @defaultValue false */
-    fullHeight = input(false, { transform: booleanAttribute });
+    fullHeight = input(false, { ...(ngDevMode ? { debugName: "fullHeight" } : {}), transform: booleanAttribute });
     /** @defaultValue false */
-    hcollapsed = input(false);
+    hcollapsed = input(false, ...(ngDevMode ? [{ debugName: "hcollapsed" }] : []));
     /**
      * Indicate whether the accordion is collapsed.
      * @internal
      */
-    collapsed = computed(() => this.accordionHCollapseService?.hcollapsed() ?? this.hcollapsed());
-    panels = contentChildren(SiCollapsiblePanelComponent);
+    collapsed = computed(() => this.accordionHCollapseService?.hcollapsed() ?? this.hcollapsed(), ...(ngDevMode ? [{ debugName: "collapsed" }] : []));
+    panels = contentChildren(SiCollapsiblePanelComponent, ...(ngDevMode ? [{ debugName: "panels" }] : []));
     responsive = false;
     destroyer = inject(DestroyRef);
     service = inject(SiAccordionService);
@@ -262,27 +236,27 @@ class SiAccordionComponent {
             this.service.fullHeight.set(this.fullHeight() && !this.responsive);
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: SiAccordionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "20.0.6", type: SiAccordionComponent, isStandalone: true, selector: "si-accordion", inputs: { expandFirstPanel: { classPropertyName: "expandFirstPanel", publicName: "expandFirstPanel", isSignal: true, isRequired: false, transformFunction: null }, fullHeight: { classPropertyName: "fullHeight", publicName: "fullHeight", isSignal: true, isRequired: false, transformFunction: null }, hcollapsed: { classPropertyName: "hcollapsed", publicName: "hcollapsed", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.full-height": "fullHeight()", "class.hcollapsed": "collapsed()" } }, providers: [SiAccordionService], queries: [{ propertyName: "panels", predicate: SiCollapsiblePanelComponent, isSignal: true }], usesOnChanges: true, ngImport: i0, template: '<div><ng-content /></div>', isInline: true, styles: [":host,:host>div{display:flex;flex-direction:column}:host.full-height{block-size:100%}:host.full-height>div{overflow-y:auto;flex:1 1 0}:host.full-height.hcollapsed>div{overflow-y:unset;flex-basis:auto}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: SiAccordionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.0.8", type: SiAccordionComponent, isStandalone: true, selector: "si-accordion", inputs: { expandFirstPanel: { classPropertyName: "expandFirstPanel", publicName: "expandFirstPanel", isSignal: true, isRequired: false, transformFunction: null }, fullHeight: { classPropertyName: "fullHeight", publicName: "fullHeight", isSignal: true, isRequired: false, transformFunction: null }, hcollapsed: { classPropertyName: "hcollapsed", publicName: "hcollapsed", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.full-height": "fullHeight()", "class.hcollapsed": "collapsed()" } }, providers: [SiAccordionService], queries: [{ propertyName: "panels", predicate: SiCollapsiblePanelComponent, isSignal: true }], usesOnChanges: true, ngImport: i0, template: '<div><ng-content /></div>', isInline: true, styles: [":host,:host>div{display:flex;flex-direction:column}:host.full-height{block-size:100%}:host.full-height>div{overflow-y:auto;flex:1 1 0}:host.full-height.hcollapsed>div{overflow-y:unset;flex-basis:auto}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: SiAccordionComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: SiAccordionComponent, decorators: [{
             type: Component,
             args: [{ selector: 'si-accordion', template: '<div><ng-content /></div>', providers: [SiAccordionService], changeDetection: ChangeDetectionStrategy.OnPush, host: {
                         '[class.full-height]': 'fullHeight()',
                         '[class.hcollapsed]': 'collapsed()'
                     }, styles: [":host,:host>div{display:flex;flex-direction:column}:host.full-height{block-size:100%}:host.full-height>div{overflow-y:auto;flex:1 1 0}:host.full-height.hcollapsed>div{overflow-y:unset;flex-basis:auto}\n"] }]
-        }] });
+        }], propDecorators: { expandFirstPanel: [{ type: i0.Input, args: [{ isSignal: true, alias: "expandFirstPanel", required: false }] }], fullHeight: [{ type: i0.Input, args: [{ isSignal: true, alias: "fullHeight", required: false }] }], hcollapsed: [{ type: i0.Input, args: [{ isSignal: true, alias: "hcollapsed", required: false }] }], panels: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => SiCollapsiblePanelComponent), { isSignal: true }] }] } });
 
 /**
  * Copyright (c) Siemens 2016 - 2025
  * SPDX-License-Identifier: MIT
  */
 class SiAccordionModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: SiAccordionModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.0.6", ngImport: i0, type: SiAccordionModule, imports: [SiAccordionComponent, SiCollapsiblePanelComponent], exports: [SiAccordionComponent, SiCollapsiblePanelComponent] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: SiAccordionModule, imports: [SiCollapsiblePanelComponent] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: SiAccordionModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.0.8", ngImport: i0, type: SiAccordionModule, imports: [SiAccordionComponent, SiCollapsiblePanelComponent], exports: [SiAccordionComponent, SiCollapsiblePanelComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: SiAccordionModule, imports: [SiCollapsiblePanelComponent] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: SiAccordionModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: SiAccordionModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [SiAccordionComponent, SiCollapsiblePanelComponent],

package/fesm2022/siemens-element-ng-accordion.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"siemens-element-ng-accordion.mjs","sources":["../../../../projects/element-ng/accordion/si-accordion-hcollapse.service.ts","../../../../projects/element-ng/accordion/si-accordion.service.ts","../../../../projects/element-ng/accordion/si-collapsible-panel.component.ts","../../../../projects/element-ng/accordion/si-collapsible-panel.component.html","../../../../projects/element-ng/accordion/si-accordion.component.ts","../../../../projects/element-ng/accordion/si-accordion.module.ts","../../../../projects/element-ng/accordion/index.ts","../../../../projects/element-ng/accordion/siemens-element-ng-accordion.ts"],"sourcesContent":["/**\n * Copyright (c) Siemens 2016 - 2025\n * SPDX-License-Identifier: MIT\n */\nimport { Injectable, signal } from '@angular/core';\nimport { Subject } from 'rxjs';\n\n/** @internal */\n@Injectable({\n  providedIn: null\n})\nexport class SiAccordionHCollapseService {\n  /**\n   * Emitting the current horizontal collapsed state.\n   *\n   * @defaultValue undefined\n   */\n  readonly hcollapsed = signal<boolean | undefined>(undefined);\n  /**\n   * Subject to emit to open the accordion.\n   */\n  readonly open$ = new Subject();\n}\n","/**\n * Copyright (c) Siemens 2016 - 2025\n * SPDX-License-Identifier: MIT\n */\nimport { Injectable, signal } from '@angular/core';\nimport { Subject } from 'rxjs';\n\n/** @internal */\n@Injectable({\n  providedIn: null\n})\nexport class SiAccordionService {\n  /**\n   * Emit an item in the accordion which should be toggled.\n   */\n  readonly toggle$ = new Subject<any>();\n  /**\n   * Subject to emit when the items should be expanded to their full height or restored to normal height.\n   *\n   * @defaultValue null\n   */\n  readonly fullHeight = signal<boolean | null>(null);\n}\n","/**\n * Copyright (c) Siemens 2016 - 2025\n * SPDX-License-Identifier: MIT\n */\nimport { animate, query, style, transition, trigger } from '@angular/animations';\nimport { NgClass } from '@angular/common';\nimport {\n  booleanAttribute,\n  ChangeDetectionStrategy,\n  Component,\n  computed,\n  ElementRef,\n  inject,\n  input,\n  model,\n  output,\n  viewChild\n} from '@angular/core';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\nimport { areAnimationsDisabled, BackgroundColorVariant } from '@siemens/element-ng/common';\nimport { addIcons, elementDown2, SiIconComponent } from '@siemens/element-ng/icon';\nimport { SiTranslatePipe, TranslatableString } from '@siemens/element-translate-ng/translate';\nimport { filter } from 'rxjs';\n\nimport { SiAccordionHCollapseService } from './si-accordion-hcollapse.service';\nimport { SiAccordionService } from './si-accordion.service';\n\nlet controlIdCounter = 1;\n\n@Component({\n  selector: 'si-collapsible-panel',\n  imports: [NgClass, SiIconComponent, SiTranslatePipe],\n  templateUrl: './si-collapsible-panel.component.html',\n  styleUrl: './si-collapsible-panel.component.scss',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {\n    '[class]': 'colorVariant()',\n    '[class.opened]': 'opened()',\n    '[class.hcollapsed]': 'hcollapsed()',\n    '[class.full-height]': 'fullHeight()'\n  },\n  animations: [\n    trigger('showHide', [\n      transition('*=>hide', [\n        style({ overflow: 'hidden' }),\n        query(\n          ':leave',\n          [style({ blockSize: '*' }), animate('0.5s ease', style({ blockSize: '0' }))],\n          { optional: true }\n        )\n      ]),\n      transition('*=>show', [\n        style({ overflow: 'hidden' }),\n        query(\n          ':enter',\n          [style({ blockSize: '0' }), animate('0.5s ease', style({ blockSize: '*' }))],\n          { optional: true }\n        )\n      ])\n    ])\n  ]\n})\nexport class SiCollapsiblePanelComponent {\n  /**\n   * Heading for the collapsible panel.\n   */\n  readonly heading = input<TranslatableString>();\n  /**\n   * Additional CSS classes for the top element.\n   *\n   * @defaultValue ''\n   */\n  readonly headerCssClasses = input('');\n  /**\n   * Additional CSS classes for the collapsible content region.\n   *\n   * @defaultValue ''\n   */\n  readonly contentBgClasses = input('');\n  /**\n   * Additional CSS classes for the wrapping content element.\n   *\n   * @defaultValue ''\n   */\n  readonly contentCssClasses = input('');\n  /**\n   * Expand/collapse the panel.\n   *\n   * @defaultValue false\n   */\n  readonly opened = model(false);\n  /**\n   * The icon to be displayed besides the heading.\n   */\n  readonly icon = input<string>();\n  /**\n   * Whether the si-collapsible-panel is disabled.\n   *\n   * @defaultValue false\n   */\n  readonly disabled = input(false, { transform: booleanAttribute });\n  /**\n   * Color variant for component background.\n   *\n   * @deprecated This input has no effect on the component styling.\n   */\n  readonly colorVariant = input<BackgroundColorVariant>();\n  /**\n   * Defines the content of the optional badge. Should be a number or something like \"100+\".\n   * if undefined or empty string, no badge is displayed\n   */\n  readonly badge = input<string | number>();\n  /**\n   * Defines the background color of the badge. Default is specific to Element flavour.\n   */\n  readonly badgeColor = input<string>();\n\n  /**\n   * An event emitted when the user triggered expand/collapse and emit with the new open state.\n   * The event is emitted before the animation happens.\n   */\n  readonly panelToggle = output<boolean>();\n\n  protected readonly hcollapsed = computed(\n    () => this.accordionHCollapseService?.hcollapsed() ?? false\n  );\n  protected readonly fullHeight = computed(() => this.accordionService?.fullHeight() ?? false);\n  protected controlId = '__si-collapsible-' + controlIdCounter++;\n  protected headerId = this.controlId + '-header';\n  protected isHCollapsible = false;\n  protected readonly icons = addIcons({ elementDown2 });\n\n  private readonly accordionService = inject(SiAccordionService, { optional: true });\n  private readonly accordionHCollapseService = inject(SiAccordionHCollapseService, {\n    optional: true\n  });\n  private enableAnimation = true;\n  private readonly animationsGloballyDisabled = areAnimationsDisabled();\n  private lastScrollPos = 0;\n  private readonly contentRef = viewChild.required<ElementRef<HTMLElement>>('content');\n\n  constructor() {\n    this.isHCollapsible = !!this.accordionHCollapseService;\n    this.accordionService?.toggle$\n      .pipe(\n        takeUntilDestroyed(),\n        filter(item => item !== this)\n      )\n      .subscribe(() => this.openClose(false));\n  }\n\n  protected get showHide(): string {\n    if (this.enableAnimation && !this.animationsGloballyDisabled) {\n      return this.opened() ? 'show' : 'hide';\n    }\n    return 'disabled';\n  }\n\n  /**\n   * Expand/collapse panel.\n   * @param open - indicate the panel shall open or close\n   * @param enableAnimation - with animation\n   */\n  openClose(open: boolean, enableAnimation = true): void {\n    this.opened.set(open);\n    this.enableAnimation = enableAnimation;\n\n    if (open) {\n      setTimeout(() => {\n        this.contentRef().nativeElement.scrollTop = this.lastScrollPos;\n      });\n    } else {\n      this.lastScrollPos = this.contentRef().nativeElement.scrollTop;\n    }\n  }\n\n  protected doToggle(event?: Event): void {\n    if (this.disabled()) {\n      return;\n    }\n\n    event?.preventDefault();\n    const opened = this.opened();\n    this.panelToggle.emit(!opened);\n    this.openClose(this.hcollapsed() || !opened);\n    this.accordionService?.toggle$.next(this);\n    if (this.hcollapsed()) {\n      this.accordionHCollapseService?.open$.next(this);\n    }\n  }\n\n  protected keydown(event: KeyboardEvent): void {\n    if (event.key === 'Enter' || event.key === 'Space' || event.key === ' ') {\n      this.doToggle(undefined);\n    }\n  }\n}\n","<div\n  class=\"collapsible-header focus-inside px-6\"\n  role=\"button\"\n  [ngClass]=\"headerCssClasses()\"\n  [attr.tabindex]=\"disabled() ? '' : '0'\"\n  [id]=\"headerId\"\n  [class.open]=\"opened()\"\n  [class.disabled]=\"disabled()\"\n  [title]=\"hcollapsed() ? (heading() | translate) : ''\"\n  [attr.aria-expanded]=\"opened() && !hcollapsed()\"\n  [attr.aria-disabled]=\"disabled()\"\n  [attr.aria-controls]=\"controlId\"\n  [attr.aria-label]=\"hcollapsed() ? (heading() | translate) : ''\"\n  (keydown)=\"keydown($event)\"\n  (click)=\"doToggle($event)\"\n>\n  @let headerIcon = icon();\n  @if (headerIcon) {\n    <si-icon class=\"icon ms-n2 me-2\" [icon]=\"headerIcon\" [class.collapsed-icon]=\"isHCollapsible\" />\n  }\n  @if (icon() && badge() !== undefined && badge() !== '') {\n    <span class=\"badge-text\">\n      {{ badge() }}\n    </span>\n  }\n  <div class=\"si-h5 autohide\">\n    {{ heading() | translate }}\n    <ng-content select=\"[si-panel-heading]\" />\n  </div>\n\n  @if (badge() !== undefined && badge() !== '') {\n    <span class=\"badge autohide\" [ngClass]=\"'bg-' + badgeColor()\">\n      {{ badge() }}\n    </span>\n  }\n  <span class=\"ms-auto overflow-hidden\">\n    <si-icon class=\"icon dropdown-caret\" [icon]=\"icons.elementDown2\" />\n  </span>\n</div>\n<div\n  #content\n  class=\"collapsible-content\"\n  role=\"region\"\n  [id]=\"controlId\"\n  [ngClass]=\"contentBgClasses()\"\n  [@showHide]=\"showHide\"\n  [attr.aria-labelledby]=\"headerId\"\n  [class.full-height]=\"fullHeight()\"\n>\n  @if (opened()) {\n    <div>\n      <div [ngClass]=\"contentCssClasses()\">\n        <ng-content />\n      </div>\n    </div>\n  }\n</div>\n","/**\n * Copyright (c) Siemens 2016 - 2025\n * SPDX-License-Identifier: MIT\n */\nimport {\n  AfterContentInit,\n  booleanAttribute,\n  ChangeDetectionStrategy,\n  Component,\n  computed,\n  contentChildren,\n  DestroyRef,\n  ElementRef,\n  inject,\n  input,\n  OnChanges\n} from '@angular/core';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\nimport { ResizeObserverService } from '@siemens/element-ng/resize-observer';\n\nimport { SiAccordionHCollapseService } from './si-accordion-hcollapse.service';\nimport { SiAccordionService } from './si-accordion.service';\nimport { SiCollapsiblePanelComponent } from './si-collapsible-panel.component';\n\nconst PANEL_MIN_HEIGHT = 100;\n\n@Component({\n  selector: 'si-accordion',\n  template: '<div><ng-content /></div>',\n  styleUrl: './si-accordion.component.scss',\n  providers: [SiAccordionService],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {\n    '[class.full-height]': 'fullHeight()',\n    '[class.hcollapsed]': 'collapsed()'\n  }\n})\nexport class SiAccordionComponent implements AfterContentInit, OnChanges {\n  /** @defaultValue true */\n  readonly expandFirstPanel = input(true, { transform: booleanAttribute });\n  /** @defaultValue false */\n  readonly fullHeight = input(false, { transform: booleanAttribute });\n  /** @defaultValue false */\n  readonly hcollapsed = input(false);\n  /**\n   * Indicate whether the accordion is collapsed.\n   * @internal\n   */\n  readonly collapsed = computed(\n    () => this.accordionHCollapseService?.hcollapsed() ?? this.hcollapsed()\n  );\n\n  private readonly panels = contentChildren(SiCollapsiblePanelComponent);\n  private responsive = false;\n  private destroyer = inject(DestroyRef);\n  private service = inject(SiAccordionService);\n  private resizeObserver = inject(ResizeObserverService);\n  private element = inject(ElementRef);\n  private accordionHCollapseService = inject(SiAccordionHCollapseService, { optional: true });\n\n  ngOnChanges(): void {\n    this.service.fullHeight.set(this.fullHeight() && !this.responsive);\n  }\n\n  ngAfterContentInit(): void {\n    this.resizeObserver\n      .observe(this.element.nativeElement, 100, true, true)\n      .pipe(takeUntilDestroyed(this.destroyer))\n      .subscribe(() => this.calcFullHeight());\n\n    this.panels().at(0)?.openClose(this.expandFirstPanel(), false);\n  }\n\n  private calcFullHeight(): void {\n    if (this.panels?.length) {\n      const height = (this.element.nativeElement as HTMLElement).offsetHeight;\n      this.responsive = !this.hcollapsed() && height < this.panels.length * PANEL_MIN_HEIGHT;\n      this.service.fullHeight.set(this.fullHeight() && !this.responsive);\n    }\n  }\n}\n","/**\n * Copyright (c) Siemens 2016 - 2025\n * SPDX-License-Identifier: MIT\n */\nimport { NgModule } from '@angular/core';\n\nimport { SiAccordionComponent } from './si-accordion.component';\nimport { SiCollapsiblePanelComponent } from './si-collapsible-panel.component';\n\n@NgModule({\n  imports: [SiAccordionComponent, SiCollapsiblePanelComponent],\n  exports: [SiAccordionComponent, SiCollapsiblePanelComponent]\n})\nexport class SiAccordionModule {}\n","/**\n * Copyright (c) Siemens 2016 - 2025\n * SPDX-License-Identifier: MIT\n */\nexport * from './si-collapsible-panel.component';\nexport * from './si-accordion.component';\nexport * from './si-accordion.service';\nexport * from './si-accordion-hcollapse.service';\nexport * from './si-accordion.module';\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-accordion.mjs","sources":["../../../../projects/element-ng/accordion/si-accordion-hcollapse.service.ts","../../../../projects/element-ng/accordion/si-accordion.service.ts","../../../../projects/element-ng/accordion/si-collapsible-panel.component.ts","../../../../projects/element-ng/accordion/si-collapsible-panel.component.html","../../../../projects/element-ng/accordion/si-accordion.component.ts","../../../../projects/element-ng/accordion/si-accordion.module.ts","../../../../projects/element-ng/accordion/index.ts","../../../../projects/element-ng/accordion/siemens-element-ng-accordion.ts"],"sourcesContent":["/**\n * Copyright (c) Siemens 2016 - 2025\n * SPDX-License-Identifier: MIT\n */\nimport { Injectable, signal } from '@angular/core';\nimport { Subject } from 'rxjs';\n\n/** @internal */\n@Injectable({\n  providedIn: null\n})\nexport class SiAccordionHCollapseService {\n  /**\n   * Emitting the current horizontal collapsed state.\n   *\n   * @defaultValue undefined\n   */\n  readonly hcollapsed = signal<boolean | undefined>(undefined);\n  /**\n   * Subject to emit to open the accordion.\n   */\n  readonly open$ = new Subject();\n}\n","/**\n * Copyright (c) Siemens 2016 - 2025\n * SPDX-License-Identifier: MIT\n */\nimport { Injectable, signal } from '@angular/core';\nimport { Subject } from 'rxjs';\n\n/** @internal */\n@Injectable({\n  providedIn: null\n})\nexport class SiAccordionService {\n  /**\n   * Emit an item in the accordion which should be toggled.\n   */\n  readonly toggle$ = new Subject<any>();\n  /**\n   * Subject to emit when the items should be expanded to their full height or restored to normal height.\n   *\n   * @defaultValue null\n   */\n  readonly fullHeight = signal<boolean | null>(null);\n}\n","/**\n * Copyright (c) Siemens 2016 - 2025\n * SPDX-License-Identifier: MIT\n */\nimport {\n  booleanAttribute,\n  ChangeDetectionStrategy,\n  Component,\n  computed,\n  ElementRef,\n  inject,\n  input,\n  model,\n  output,\n  signal,\n  viewChild\n} from '@angular/core';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\nimport { elementDown2 } from '@siemens/element-icons';\nimport { BackgroundColorVariant } from '@siemens/element-ng/common';\nimport { addIcons, SiIconComponent } from '@siemens/element-ng/icon';\nimport { SiTooltipDirective } from '@siemens/element-ng/tooltip';\nimport { SiTranslatePipe, TranslatableString } from '@siemens/element-translate-ng/translate';\nimport { filter } from 'rxjs';\n\nimport { SiAccordionHCollapseService } from './si-accordion-hcollapse.service';\nimport { SiAccordionService } from './si-accordion.service';\n\nlet controlIdCounter = 1;\n\n@Component({\n  selector: 'si-collapsible-panel',\n  imports: [SiIconComponent, SiTranslatePipe, SiTooltipDirective],\n  templateUrl: './si-collapsible-panel.component.html',\n  styleUrl: './si-collapsible-panel.component.scss',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {\n    '[class]': 'colorVariant()',\n    '[class.opened]': 'opened()',\n    '[class.hcollapsed]': 'hcollapsed()',\n    '[class.full-height]': 'fullHeight()',\n    '[style.--element-animations-enabled]': 'disableAnimation() ? \"0\" : undefined'\n  }\n})\nexport class SiCollapsiblePanelComponent {\n  /**\n   * Heading for the collapsible panel.\n   */\n  readonly heading = input<TranslatableString>();\n  /**\n   * Additional CSS classes for the top element.\n   *\n   * @defaultValue ''\n   */\n  readonly headerCssClasses = input('');\n  /**\n   * Additional CSS classes for the collapsible content region.\n   *\n   * @defaultValue ''\n   */\n  readonly contentBgClasses = input('');\n  /**\n   * Additional CSS classes for the wrapping content element.\n   *\n   * @defaultValue ''\n   */\n  readonly contentCssClasses = input('');\n  /**\n   * Expand/collapse the panel.\n   *\n   * @defaultValue false\n   */\n  readonly opened = model(false);\n  /**\n   * The icon to be displayed besides the heading.\n   */\n  readonly icon = input<string>();\n  /**\n   * Whether the si-collapsible-panel is disabled.\n   *\n   * @defaultValue false\n   */\n  readonly disabled = input(false, { transform: booleanAttribute });\n  /**\n   * Color variant for component background.\n   *\n   * @deprecated This input has no effect on the component styling.\n   */\n  readonly colorVariant = input<BackgroundColorVariant>();\n  /**\n   * Defines the content of the optional badge. Should be a number or something like \"100+\".\n   * if undefined or empty string, no badge is displayed\n   */\n  readonly badge = input<string | number>();\n  /**\n   * Defines the background color of the badge. Default is specific to Element flavour.\n   */\n  readonly badgeColor = input<string>();\n\n  /**\n   * An event emitted when the user triggered expand/collapse and emit with the new open state.\n   * The event is emitted before the animation happens.\n   */\n  readonly panelToggle = output<boolean>();\n\n  protected readonly hcollapsed = computed(\n    () => this.accordionHCollapseService?.hcollapsed() ?? false\n  );\n  protected readonly fullHeight = computed(() => this.accordionService?.fullHeight() ?? false);\n  protected controlId = '__si-collapsible-' + controlIdCounter++;\n  protected headerId = this.controlId + '-header';\n  protected isHCollapsible = false;\n  protected readonly icons = addIcons({ elementDown2 });\n  protected readonly disableAnimation = signal(false);\n\n  private readonly accordionService = inject(SiAccordionService, { optional: true });\n  private readonly accordionHCollapseService = inject(SiAccordionHCollapseService, {\n    optional: true\n  });\n  /** Restore the content scroll position between open/close of the panel. */\n  private lastScrollPos = 0;\n  private readonly contentRef = viewChild.required<ElementRef<HTMLElement>>('content');\n\n  constructor() {\n    this.isHCollapsible = !!this.accordionHCollapseService;\n    this.accordionService?.toggle$\n      .pipe(\n        takeUntilDestroyed(),\n        filter(item => item !== this)\n      )\n      .subscribe(() => this.openClose(false));\n  }\n\n  /**\n   * Expand/collapse panel.\n   * @param open - indicate the panel shall open or close\n   * @param enableAnimation - with animation\n   */\n  openClose(open: boolean, enableAnimation = true): void {\n    this.opened.set(open);\n    this.disableAnimation.set(!enableAnimation);\n\n    if (open) {\n      // Restore scroll position after opening\n      setTimeout(() => {\n        this.contentRef().nativeElement.scrollTop = this.lastScrollPos;\n      });\n    } else {\n      // Save scroll position before closing\n      this.lastScrollPos = this.contentRef().nativeElement.scrollTop;\n    }\n  }\n\n  protected doToggle(event?: Event): void {\n    if (this.disabled()) {\n      return;\n    }\n\n    event?.preventDefault();\n    const opened = this.opened();\n    this.panelToggle.emit(!opened);\n    this.openClose(this.hcollapsed() || !opened);\n    this.accordionService?.toggle$.next(this);\n    if (this.hcollapsed()) {\n      this.accordionHCollapseService?.open$.next(this);\n    }\n  }\n\n  protected keydown(event: KeyboardEvent): void {\n    if (event.key === 'Enter' || event.key === 'Space' || event.key === ' ') {\n      this.doToggle(undefined);\n    }\n  }\n}\n","<div\n  role=\"button\"\n  placement=\"start\"\n  [siTooltip]=\"hcollapsed() && heading() ? (heading()! | translate) : ''\"\n  [class]=\"`collapsible-header focus-inside px-6 ${headerCssClasses()}`\"\n  [attr.tabindex]=\"disabled() ? '' : '0'\"\n  [id]=\"headerId\"\n  [class.open]=\"opened()\"\n  [class.disabled]=\"disabled()\"\n  [attr.aria-expanded]=\"opened() && !hcollapsed()\"\n  [attr.aria-disabled]=\"disabled()\"\n  [attr.aria-controls]=\"controlId\"\n  [attr.aria-label]=\"hcollapsed() ? (heading() | translate) : ''\"\n  (keydown)=\"keydown($event)\"\n  (click)=\"doToggle($event)\"\n>\n  @let headerIcon = icon();\n  @if (headerIcon) {\n    <si-icon class=\"icon ms-n2 me-2\" [icon]=\"headerIcon\" [class.collapsed-icon]=\"isHCollapsible\" />\n  }\n  @if (icon() && badge() !== undefined && badge() !== '') {\n    <span class=\"badge-text\">\n      {{ badge() }}\n    </span>\n  }\n  <div class=\"si-h5 autohide\">\n    {{ heading() | translate }}\n    <ng-content select=\"[si-panel-heading]\" />\n  </div>\n\n  @if (badge() !== undefined && badge() !== '') {\n    <span [class]=\"'badge autohide' + (badgeColor() ? ' bg-' + badgeColor() : '')\">\n      {{ badge() }}\n    </span>\n  }\n  <span class=\"ms-auto overflow-hidden\">\n    <si-icon class=\"icon dropdown-caret\" [icon]=\"icons.elementDown2\" />\n  </span>\n</div>\n<div\n  #content\n  role=\"region\"\n  [id]=\"controlId\"\n  [class]=\"`collapsible-content ${contentBgClasses()}`\"\n  [attr.aria-labelledby]=\"headerId\"\n  [class.full-height]=\"fullHeight()\"\n>\n  @if (opened()) {\n    <div class=\"content-motion\" animate.leave=\"content-leave\">\n      <div class=\"overflow-hidden\">\n        <div [class]=\"contentCssClasses()\">\n          <ng-content />\n        </div>\n      </div>\n    </div>\n  }\n</div>\n","/**\n * Copyright (c) Siemens 2016 - 2025\n * SPDX-License-Identifier: MIT\n */\nimport {\n  AfterContentInit,\n  booleanAttribute,\n  ChangeDetectionStrategy,\n  Component,\n  computed,\n  contentChildren,\n  DestroyRef,\n  ElementRef,\n  inject,\n  input,\n  OnChanges\n} from '@angular/core';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\nimport { ResizeObserverService } from '@siemens/element-ng/resize-observer';\n\nimport { SiAccordionHCollapseService } from './si-accordion-hcollapse.service';\nimport { SiAccordionService } from './si-accordion.service';\nimport { SiCollapsiblePanelComponent } from './si-collapsible-panel.component';\n\nconst PANEL_MIN_HEIGHT = 100;\n\n@Component({\n  selector: 'si-accordion',\n  template: '<div><ng-content /></div>',\n  styleUrl: './si-accordion.component.scss',\n  providers: [SiAccordionService],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {\n    '[class.full-height]': 'fullHeight()',\n    '[class.hcollapsed]': 'collapsed()'\n  }\n})\nexport class SiAccordionComponent implements AfterContentInit, OnChanges {\n  /** @defaultValue true */\n  readonly expandFirstPanel = input(true, { transform: booleanAttribute });\n  /** @defaultValue false */\n  readonly fullHeight = input(false, { transform: booleanAttribute });\n  /** @defaultValue false */\n  readonly hcollapsed = input(false);\n  /**\n   * Indicate whether the accordion is collapsed.\n   * @internal\n   */\n  readonly collapsed = computed(\n    () => this.accordionHCollapseService?.hcollapsed() ?? this.hcollapsed()\n  );\n\n  private readonly panels = contentChildren(SiCollapsiblePanelComponent);\n  private responsive = false;\n  private destroyer = inject(DestroyRef);\n  private service = inject(SiAccordionService);\n  private resizeObserver = inject(ResizeObserverService);\n  private element = inject(ElementRef);\n  private accordionHCollapseService = inject(SiAccordionHCollapseService, { optional: true });\n\n  ngOnChanges(): void {\n    this.service.fullHeight.set(this.fullHeight() && !this.responsive);\n  }\n\n  ngAfterContentInit(): void {\n    this.resizeObserver\n      .observe(this.element.nativeElement, 100, true, true)\n      .pipe(takeUntilDestroyed(this.destroyer))\n      .subscribe(() => this.calcFullHeight());\n\n    this.panels().at(0)?.openClose(this.expandFirstPanel(), false);\n  }\n\n  private calcFullHeight(): void {\n    if (this.panels?.length) {\n      const height = (this.element.nativeElement as HTMLElement).offsetHeight;\n      this.responsive = !this.hcollapsed() && height < this.panels.length * PANEL_MIN_HEIGHT;\n      this.service.fullHeight.set(this.fullHeight() && !this.responsive);\n    }\n  }\n}\n","/**\n * Copyright (c) Siemens 2016 - 2025\n * SPDX-License-Identifier: MIT\n */\nimport { NgModule } from '@angular/core';\n\nimport { SiAccordionComponent } from './si-accordion.component';\nimport { SiCollapsiblePanelComponent } from './si-collapsible-panel.component';\n\n@NgModule({\n  imports: [SiAccordionComponent, SiCollapsiblePanelComponent],\n  exports: [SiAccordionComponent, SiCollapsiblePanelComponent]\n})\nexport class SiAccordionModule {}\n","/**\n * Copyright (c) Siemens 2016 - 2025\n * SPDX-License-Identifier: MIT\n */\nexport * from './si-collapsible-panel.component';\nexport * from './si-accordion.component';\nexport * from './si-accordion.service';\nexport * from './si-accordion-hcollapse.service';\nexport * from './si-accordion.module';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}