@siemens/element-ng 48.3.0 → 48.4.0

package/accordion/index.d.ts

@@ -69,7 +69,6 @@ declare class SiCollapsiblePanelComponent {
     protected headerId: string;
     protected isHCollapsible: boolean;
     protected readonly icons: Record<"elementDown2", string>;
-    private readonly destroyRef;
     private readonly accordionService;
     private readonly accordionHCollapseService;
     private enableAnimation;

package/chat-messages/index.d.ts

@@ -1,7 +1,7 @@
 import * as _siemens_element_translate_ng_translate_types from '@siemens/element-translate-ng/translate-types';
 import { TranslatableString } from '@siemens/element-translate-ng/translate-types';
 import * as _angular_core from '@angular/core';
-import { ElementRef, TemplateRef, AfterViewInit } from '@angular/core';
+import { ElementRef, TemplateRef, AfterContentInit, OnDestroy, AfterViewInit } from '@angular/core';
 import { MenuItem } from '@siemens/element-ng/menu';
 import { SiModalService } from '@siemens/element-ng/modal';
 import { FileUploadError, UploadFile } from '@siemens/element-ng/file-uploader';
@@ -14,8 +14,12 @@ import * as i1 from '@siemens/element-ng/resize-observer';
  */
 
 /**
- * Actions for messages representing an action with icon, label (for accessibility), and handler.
+ * Actions for messages representing an action with icon, label (for accessibility), and handler, for use within {@link SiAiMessageComponent} and {@link SiUserMessageComponent}.
  * Only the icon will be displayed.
+ *
+ * @see {@link SiAiMessageComponent} for the AI message
+ * @see {@link SiUserMessageComponent} for thee user message
+ *
  * @experimental
  */
 interface MessageAction {
@@ -39,63 +43,18 @@ interface MessageAction {
  * The AI message component renders AI-generated content in chat interfaces,
  * supporting text formatting, markdown, loading states, and contextual actions.
  * It appears as text (no bubble) aligned to the left side without any avatar/icon slot.
- *
- * @remarks
- * This component is designed for use in:
- * - AI chat interfaces where model responses need to be displayed
- * - Chatbot implementations
- * - Conversational AI applications
- * - AI assistant interfaces
+ * Can be used within {@link SiChatContainerComponent}.
  *
  * The component automatically handles:
- * - Rendering markdown content with syntax highlighting
+ * - Styling for AI messages distinct from user or generic chat messages
+ * - Option to render markdown content, provide via `contentFormatter` input with a markdown renderer function (e.g., from {@link getMarkdownRenderer})
  * - Showing loading states with skeleton UI during generation
- * - Displaying primary and secondary actions on hover (desktop) or tap (mobile)
- * - Proper alignment and styling for AI messages
- * - Content sanitization for security
- *
- * @example
- * Basic usage with content only:
- * ```html
- * <si-ai-message [content]="'I can help you with that.'" />
- * ```
- *
- * @example
- * With loading state and actions:
- * ```typescript
- * import { Component } from '@angular/core';
- * import { SiAiMessageComponent } from '@siemens/element-ng/chat-messages';
- *
- * @Component({
- *   selector: 'app-chat',
- *   imports: [SiAiMessageComponent],
- *   template: `
- *     <si-ai-message
- *       [content]="message.text"
- *       [loading]="message.isGenerating"
- *       [actions]="messageActions"
- *       [secondaryActions]="menuActions"
- *       [actionParam]="message"
- *     />
- *   `
- * })
- * export class ChatComponent {
- *   messageActions = [
- *     { icon: 'thumbs-up', label: 'Good response', action: (id) => this.ratePositive(id) },
- *     { icon: 'thumbs-down', label: 'Bad response', action: (id) => this.rateNegative(id) },
- *     { icon: 'copy', label: 'Copy', action: (id) => this.copyMessage(id) }
- *   ];
- *
- *   menuActions = [
- *     { label: 'Regenerate', action: (id) => this.regenerate(id) },
- *     { label: 'Report', action: (id) => this.reportMessage(id) }
- *   ];
- * }
- * ```
+ * - Displaying primary and secondary actions
  *
  * @see {@link SiChatMessageComponent} for the base message wrapper component
- * @see {@link SiUserMessageComponent} for the companion user message component
+ * @see {@link SiUserMessageComponent} for the user message component
  * @see {@link getMarkdownRenderer} for markdown formatting support
+ * @see {@link SiChatContainerComponent} for the chat container to use this within
  *
  * @experimental
  */
@@ -153,7 +112,11 @@ declare class SiAiMessageComponent {
 }
 
 /**
- * Attachment item interface for file attachments in chat messages.
+ * Attachment item interface for file attachments in chat messages, used by {@link SiAttachmentListComponent} and inside {@link SiUserMessageComponent} as well as {@link SiChatInputComponent}.
+ *
+ * @see {@link SiAttachmentListComponent} for the attachment list component
+ * @see {@link SiUserMessageComponent} for the user message
+ * @see {@link SiChatInputComponent} for the chat input component
  *
  * @experimental
  */
@@ -170,55 +133,17 @@ interface Attachment {
  * preview and remove functionality. It's designed to work with chat message components
  * to show files that have been uploaded or shared in conversations.
  *
- * @remarks
  * This component provides:
- * - Automatic file type detection with appropriate icons
+ * - A list of pills showing each attachment's name and an icon
  * - Optional preview modal for attachments
  * - Optional remove functionality for editable messages
- * - Flexible alignment (start/end) to match message alignment
- * - Support for various file types (images, videos, audio, documents, archives)
  *
- * The component is typically used within {@link SiUserMessageComponent} or {@link SiAiMessageComponent}
- * to display uploaded files, but can also be used standalone.
- *
- * @example
- * Basic usage with attachments:
- * ```html
- * <si-attachment-list [attachments]="files" />
- * ```
- *
- * @example
- * With remove functionality and custom alignment:
- * ```typescript
- * import { Component } from '@angular/core';
- * import { SiAttachmentListComponent, Attachment } from '@siemens/element-ng/chat-messages';
- *
- * @Component({
- *   selector: 'app-chat',
- *   imports: [SiAttachmentListComponent],
- *   template: `
- *     <si-attachment-list
- *       [attachments]="attachments"
- *       [alignment]="'end'"
- *       [removable]="true"
- *       (remove)="handleRemove($event)"
- *     />
- *   `
- * })
- * export class ChatComponent {
- *   attachments: Attachment[] = [
- *     { id: '1', name: 'report.pdf' },
- *     { id: '2', name: 'image.png', previewTemplate: this.imagePreview }
- *   ];
- *
- *   handleRemove(attachment: Attachment) {
- *     this.attachments = this.attachments.filter(a => a !== attachment);
- *   }
- * }
- * ```
+ * The component is included within {@link SiUserMessageComponent}, {@link SiAiMessageComponent} and {@link SiChatInputComponent} but can also be used inside custom chat messages with {@link SiChatMessageComponent}
  *
  * @see {@link SiUserMessageComponent} for user message display
  * @see {@link SiAiMessageComponent} for AI message display
+ * @see {@link SiChatMessageComponent} for custom chat message display
+ * @see {@link SiChatInputComponent} for chat input with attachment support
  * @see {@link Attachment} for attachment data structure
  *
  * @experimental
@@ -260,6 +185,98 @@ declare class SiAttachmentListComponent {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<SiAttachmentListComponent, "si-attachment-list", never, { "attachments": { "alias": "attachments"; "required": false; "isSignal": true; }; "alignment": { "alias": "alignment"; "required": false; "isSignal": true; }; "removable": { "alias": "removable"; "required": false; "isSignal": true; }; "removeLabel": { "alias": "removeLabel"; "required": false; "isSignal": true; }; }, { "remove": "remove"; }, never, never, true, never>;
 }
 
+/**
+ * A declarative container component for displaying a chat interface with automatic scroll-to-bottom behavior.
+ *
+ * This component provides the layout and styling for a chat interface, managing scrolling behavior
+ * to keep the newest messages visible while respecting user scrolling actions. It automatically
+ * scrolls to the bottom when new content is added, unless the user has scrolled up to view older messages.
+ *
+ * Use via content projection:
+ * - Default content: Chat messages displayed in the scrollable messages container or something like an empty state.
+ * - `si-inline-notification` selector: Notification component displayed above the input area
+ * - `si-chat-input` or `[siChatContainerInput]` selector: Input controls for composing messages
+ *
+ * @see {@link SiChatInputComponent} for the chat input wrapper component
+ * @see {@link SiChatContainerInputDirective} for other input controls to slot in
+ * @see {@link SiAiMessageComponent} for AI messages to slot in
+ * @see {@link SiUserMessageComponent} for user messages (in AI chats) to slot in
+ * @see {@link SiChatMessageComponent} for the chat message wrapper component to slot in other messages
+ *
+ * @experimental
+ */
+declare class SiChatContainerComponent implements AfterContentInit, OnDestroy {
+    private readonly messagesContainer;
+    private readonly platformId;
+    private isUserAtBottom;
+    private scrollTimeout;
+    private resizeObserver;
+    private contentObserver;
+    /**
+     * The color variant to apply to the container.
+     * @defaultValue 'base-0'
+     */
+    readonly colorVariant: _angular_core.InputSignal<string>;
+    /**
+     * Disables automatic scrolling to the bottom when new content is added.
+     * @defaultValue false
+     */
+    readonly noAutoScroll: _angular_core.InputSignalWithTransform<boolean, string | boolean>;
+    constructor();
+    ngAfterContentInit(): void;
+    ngOnDestroy(): void;
+    private scrollToBottom;
+    private debouncedScrollToBottom;
+    private setupResizeObserver;
+    private setupContentObserver;
+    private checkIfUserAtBottom;
+    protected onScroll(): void;
+    /**
+     * Focuses the messages container element.
+     */
+    focus(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SiChatContainerComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SiChatContainerComponent, "si-chat-container", never, { "colorVariant": { "alias": "colorVariant"; "required": false; "isSignal": true; }; "noAutoScroll": { "alias": "noAutoScroll"; "required": false; "isSignal": true; }; }, {}, never, ["*", "si-inline-notification", "si-chat-input,[siChatContainerInput]"], true, never>;
+}
+
+/**
+ * A directive to mark elements as input controls within a {@link SiChatContainerComponent}.
+ *
+ * This directive is used to identify and style input elements that belong to
+ * the chat container component, typically applied to form inputs or textareas
+ * used for composing chat messages.
+ *
+ * @example
+ * ```html
+ * <si-chat-container>
+ *   <si-chat-message>Hello!</si-chat-message>
+ *   <si-chat-message>How are you?</si-chat-message>
+ *
+ *   <input siChatContainerInput type="text" placeholder="Type a message..." />
+ * </si-chat-container>
+ * ```
+ *
+ * @see {@link SiChatContainerComponent} for the chat container wrapper component
+ *
+ * @experimental
+ */
+declare class SiChatContainerInputDirective {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SiChatContainerInputDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<SiChatContainerInputDirective, "[siChatContainerInput]", never, {}, {}, never, never, true, never>;
+}
+
+/**
+ * Attachment item interface for file attachments in chat messages, extension of {@link Attachment} for {@link SiAttachmentListComponent} to use within {@link SiChatInputComponent}.
+ * Adds the action file information.
+ * Can be used within {@link SiChatContainerComponent}.
+ *
+ * @see {@link Attachment} for base attachment interface
+ * @see {@link SiAttachmentListComponent} for the attachment list component
+ * @see {@link SiChatInputComponent} for the chat input component
+ * @see {@link SiChatContainerComponent} for the chat container component
+ *
+ * @experimental
+ */
 interface ChatInputAttachment extends Attachment {
     /** File object */
     file: File;
@@ -268,6 +285,28 @@ interface ChatInputAttachment extends Attachment {
     /** MIME type */
     type: string;
 }
+/**
+ * Chat input component for composing and sending messages in conversational interfaces.
+ *
+ * The chat input component provides a text area for users to compose messages,
+ * supporting text, attachments, and contextual actions. It appears as a textarea
+ * with buttons for adding attachments and sending messages, as well as an optional disclaimer.
+ *
+ * The component automatically handles:
+ * - Styling for chat input and actions.
+ * - Dynamic resizing of the textarea based on content.
+ * - Uploading of and displaying of attachments above the input area.
+ * - Displaying primary and secondary actions.
+ *
+ * Additionally to the inputs and outputs documented here, the component supports content projection via the following slots:
+ * - Default content: Custom action buttons to display inline, prefer using the `actions` input for buttons, can be used in addition.
+ * - `siChatInputDisclaimer` selector: Custom disclaimer content to display below the input area, prefer using the `disclaimer` input for simple text disclaimers.
+ *
+ * @see {@link SiAttachmentListComponent} for the base attachment component
+ * @see {@link SiChatInputDisclaimerDirective} to slot in custom disclaimer content
+ *
+ * @experimental
+ */
 declare class SiChatInputComponent implements AfterViewInit {
     private static idCounter;
     private readonly textInput;
@@ -457,7 +496,7 @@ declare class SiChatInputComponent implements AfterViewInit {
 }
 
 /**
- * Directive to mark content as chat input disclaimer.
+ * Directive to mark content as chat input disclaimer into {@link SiChatInputComponent}.
  * Apply this directive to content that should be slotted into the disclaimer area.
  *
  * @example
@@ -468,6 +507,10 @@ declare class SiChatInputComponent implements AfterViewInit {
  *   </div>
  * </si-chat-input>
  * ```
+ *
+ * @see {@link SiChatInputComponent} for the chat input wrapper component
+ *
+ * @experimental
  */
 declare class SiChatInputDisclaimerDirective {
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<SiChatInputDisclaimerDirective, never>;
@@ -475,10 +518,9 @@ declare class SiChatInputDisclaimerDirective {
 }
 
 /**
- * Directive to mark content as chat message actions.
+ * Directive to mark content as chat message actions into {@link SiChatMessageComponent}.
  * Apply this directive to e.g. buttons that should be slotted into the message actions area.
  *
- * @experimental
  * @example
  * ```html
  * <si-chat-message>
@@ -487,6 +529,10 @@ declare class SiChatInputDisclaimerDirective {
  *   <button siChatMessageAction>Share</button>
  * </si-chat-message>
  * ```
+ *
+ * @see {@link SiChatMessageComponent} for the chat message wrapper component
+ *
+ * @experimental
  */
 declare class SiChatMessageActionDirective {
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<SiChatMessageActionDirective, never>;
@@ -494,23 +540,33 @@ declare class SiChatMessageActionDirective {
 }
 
 /**
- * Base chat message component that provides the layout structure for conversational interfaces.
+ * Base declarative chat message component that provides the layout structure for chat messages.
  *
  * This component handles the core message layout including avatar positioning, loading states,
- * and action button placement. It serves as the foundation for more specialized message components
+ * and action button as well as attachment list placement. It serves as the foundation for more specialized message components
  * like {@link SiUserMessageComponent} and {@link SiAiMessageComponent}.
+ * Can be used within {@link SiChatContainerComponent}.
  *
- * @remarks
  * The component provides:
  * - Flexible alignment (start/end) for different message types
  * - Avatar/icon slot for message attribution
  * - Loading state with skeleton UI
  * - Action buttons positioned on the side or bottom
+ * - Attachment list display slot
  * - Responsive behavior that adapts to container size
- * - Attachment display slot
  *
- * This is a low-level component typically not used directly. Instead, use the higher-level
- * message components that wrap this component with specific styling and behavior.
+ * This is a low-level component designed for slotting in custom content, it provides slots via content projection:
+ * - Default content: Main message content area (consider using {@link SiMarkdownRendererComponent} for markdown support)
+ * - `si-avatar/si-icon/img` selector: Avatar or icon representing the message sender
+ * - `si-chat-message-action` selector: Action buttons related to the message
+ * - `si-attachment-list` selector: Attachment list component for displaying file attachments
+ *
+ * @see {@link SiUserMessageComponent} for user message display
+ * @see {@link SiAiMessageComponent} for AI message display
+ * @see {@link SiAttachmentListComponent} for attachment list to slot in
+ * @see {@link SiChatMessageActionDirective} for action buttons to slot in
+ * @see {@link SiMarkdownRendererComponent} for markdown content rendering
+ * @see {@link SiChatContainerComponent} for the chat container to use this within
  *
  * @experimental
  */
@@ -535,64 +591,24 @@ declare class SiChatMessageComponent {
 }
 
 /**
- * User message component for displaying user input in conversational interfaces.
+ * User message component for displaying the user's messages in conversational interfaces.
  *
- * The user message component renders user-submitted content in chat interfaces,
+ * The user message component renders user-submitted content in (AI) chat interfaces,
  * supporting text, attachments, and contextual actions. It appears as a text bubble
  * aligned to the right side and supports markdown formatting for rich content.
- *
- * @remarks
- * This component is designed for use in:
- * - AI chat interfaces where user input needs to be displayed
- * - Peer-to-peer conversation interfaces
- * - Conversation histories or chat transcripts
+ * Can be used within {@link SiChatContainerComponent}.
  *
  * The component automatically handles:
- * - Rendering markdown content with syntax highlighting
+ * - Styling for user messages distinct from AI or generic chat messages
+ * - Option to render markdown content, provide via `contentFormatter` input with a markdown renderer function (e.g., from {@link getMarkdownRenderer})
  * - Displaying attachments above the message bubble
- * - Showing primary and secondary actions on hover (desktop) or tap (mobile)
- * - Proper alignment and styling for user messages
- *
- * @example
- * Basic usage with content only:
- * ```html
- * <si-user-message [content]="'Hello, how can I help you?'" />
- * ```
- *
- * @example
- * With actions and attachments:
- * ```typescript
- * import { Component } from '@angular/core';
- * import { SiUserMessageComponent } from '@siemens/element-ng/chat-messages';
- *
- * @Component({
- *   selector: 'app-chat',
- *   imports: [SiUserMessageComponent],
- *   template: `
- *     <si-user-message
- *       [content]="message.text"
- *       [actions]="messageActions"
- *       [secondaryActions]="menuActions"
- *       [attachments]="message.attachments"
- *       [actionParam]="message"
- *     />
- *   `
- * })
- * export class ChatComponent {
- *   messageActions = [
- *     { icon: 'copy', label: 'Copy', action: (id) => this.copyMessage(id) },
- *     { icon: 'edit', label: 'Edit', action: (id) => this.editMessage(id) }
- *   ];
- *
- *   menuActions = [
- *     { label: 'Delete', action: (id) => this.deleteMessage(id) }
- *   ];
- * }
- * ```
+ * - Displaying primary and secondary actions
  *
  * @see {@link SiChatMessageComponent} for the base message wrapper component
- * @see {@link SiAttachmentListComponent} for attachment handling
- * @see {@link SiMarkdownRendererComponent} for markdown rendering
+ * @see {@link SiAiMessageComponent} for the AI message component
+ * @see {@link SiAttachmentListComponent} for the base attachment component
+ * @see {@link getMarkdownRenderer} for markdown formatting support
+ * @see {@link SiChatContainerComponent} for the chat container to use this within
  *
  * @experimental
  */
@@ -650,5 +666,5 @@ declare class SiUserMessageComponent {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<SiUserMessageComponent, "si-user-message", never, { "content": { "alias": "content"; "required": false; "isSignal": true; }; "contentFormatter": { "alias": "contentFormatter"; "required": false; "isSignal": true; }; "actions": { "alias": "actions"; "required": false; "isSignal": true; }; "secondaryActions": { "alias": "secondaryActions"; "required": false; "isSignal": true; }; "attachments": { "alias": "attachments"; "required": false; "isSignal": true; }; "actionParam": { "alias": "actionParam"; "required": false; "isSignal": true; }; "secondaryActionsLabel": { "alias": "secondaryActionsLabel"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
-export { SiAiMessageComponent, SiAttachmentListComponent, SiChatInputComponent, SiChatInputDisclaimerDirective, SiChatMessageActionDirective, SiChatMessageComponent, SiUserMessageComponent };
+export { SiAiMessageComponent, SiAttachmentListComponent, SiChatContainerComponent, SiChatContainerInputDirective, SiChatInputComponent, SiChatInputDisclaimerDirective, SiChatMessageActionDirective, SiChatMessageComponent, SiUserMessageComponent };
 export type { Attachment, ChatInputAttachment, MessageAction };

package/dashboard/index.d.ts

@@ -86,7 +86,8 @@ declare class SiDashboardCardComponent extends SiCardComponent implements OnDest
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<SiDashboardCardComponent, "si-dashboard-card", never, { "restoreText": { "alias": "restoreText"; "required": false; "isSignal": true; }; "expandText": { "alias": "expandText"; "required": false; "isSignal": true; }; "enableExpandInteraction": { "alias": "enableExpandInteraction"; "required": false; "isSignal": true; }; "showMenubar": { "alias": "showMenubar"; "required": false; "isSignal": true; }; }, { "expandChange": "expandChange"; }, never, ["[headerIcon]", "[body]", "[footer]"], true, never>;
 }
 
-declare class SiDashboardComponent implements OnChanges, OnDestroy, AfterViewInit {
+declare class SiDashboardComponent implements OnChanges, AfterViewInit {
+    private readonly destroyRef;
     /**
      * Heading for the dashboard page.
      */
@@ -117,7 +118,6 @@ declare class SiDashboardComponent implements OnChanges, OnDestroy, AfterViewIni
     protected dashboardFrameEndPadding: number | null;
     protected readonly hideMenubarComputed: _angular_core.Signal<boolean>;
     private _isExpanded;
-    private unsubscribe;
     private scrollPosition;
     private cards;
     private readonly expandedPortalOutlet;
@@ -135,7 +135,6 @@ declare class SiDashboardComponent implements OnChanges, OnDestroy, AfterViewIni
     constructor();
     ngOnChanges(changes: SimpleChanges): void;
     ngAfterViewInit(): void;
-    ngOnDestroy(): void;
     private subscribeToCards;
     private initCards;
     /**

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

@@ -1,7 +1,7 @@
 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, DestroyRef, viewChild, ChangeDetectionStrategy, Component, contentChildren, ElementRef, NgModule } 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';
@@ -131,7 +131,6 @@ class SiCollapsiblePanelComponent {
     headerId = this.controlId + '-header';
     isHCollapsible = false;
     icons = addIcons({ elementDown2 });
-    destroyRef = inject(DestroyRef);
     accordionService = inject(SiAccordionService, { optional: true });
     accordionHCollapseService = inject(SiAccordionHCollapseService, {
         optional: true
@@ -143,7 +142,7 @@ class SiCollapsiblePanelComponent {
     constructor() {
         this.isHCollapsible = !!this.accordionHCollapseService;
         this.accordionService?.toggle$
-            .pipe(takeUntilDestroyed(this.destroyRef), filter(item => item !== this))
+            .pipe(takeUntilDestroyed(), filter(item => item !== this))
             .subscribe(() => this.openClose(false));
     }
     get showHide() {

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  DestroyRef,\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 destroyRef = inject(DestroyRef);\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(this.destroyRef),\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 { 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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"}