@siemens/ix 5.1.1 → 5.2.1

package/dist/collection/components/chat/chat.js

@@ -0,0 +1,47 @@
+/*
+ * SPDX-FileCopyrightText: 2026 Siemens AG
+ *
+ * SPDX-License-Identifier: MIT
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import { Host, h } from "@stencil/core";
+/**
+ * @since 5.2.0
+ * @slot - Chat messages, for example ix-chat-user-message and ix-chat-ai-message
+ * @slot prompt - Chat input displayed below the chat messages
+ */
+export class Chat {
+    hasPrompt = false;
+    hasAssignedContent(slot) {
+        return slot.assignedNodes({ flatten: true }).some((node) => {
+            return node.nodeType === 1 || !!node.textContent?.trim();
+        });
+    }
+    handlePromptSlotChange(event) {
+        this.hasPrompt = this.hasAssignedContent(event.target);
+    }
+    render() {
+        return (h(Host, { key: 'b4d659f28fb34320f986c5b046ff794c9b2a0742', class: {
+                'has-prompt': this.hasPrompt,
+            } }, h("div", { key: '0790bede975ba3cba978ec9425d80195fa380b83', class: "messages", part: "messages" }, h("slot", { key: 'f3a2c8f7e337fb3b93a19098a3f3556377692f7c' })), h("div", { key: '4975b7ed690b957d87307fcde8c8c785883bb2b0', class: "prompt", part: "prompt" }, h("slot", { key: 'd99a7efca4cff53916781d3bb1c089ba63f356c0', name: "prompt", onSlotchange: (event) => this.handlePromptSlotChange(event) }))));
+    }
+    static get is() { return "ix-chat"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["chat.scss"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["chat.css"]
+        };
+    }
+    static get states() {
+        return {
+            "hasPrompt": {}
+        };
+    }
+}

package/dist/collection/components/chat-ai-message/chat-ai-message.css

@@ -0,0 +1,139 @@
+/*
+ * SPDX-FileCopyrightText: 2026 Siemens AG
+ *
+ * SPDX-License-Identifier: MIT
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+/*
+* SPDX-FileCopyrightText: 2024 Siemens AG
+*
+* SPDX-License-Identifier: MIT
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+/*
+* SPDX-FileCopyrightText: 2024 Siemens AG
+*
+* SPDX-License-Identifier: MIT
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+:host {
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  width: 100%;
+  min-width: 0;
+  gap: var(--theme-space-3);
+  box-sizing: border-box;
+  color: var(--theme-color-std-text);
+}
+:host *,
+:host *::after,
+:host *::before {
+  box-sizing: border-box;
+}
+:host *::-webkit-scrollbar-button {
+  display: none;
+}
+@-moz-document url-prefix() {
+  :host * {
+    scrollbar-color: var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);
+    scrollbar-width: thin;
+  }
+}
+:host * {
+  /* width */
+}
+:host *::-webkit-scrollbar {
+  width: 0.5rem;
+  height: 0.5rem;
+}
+:host * {
+  /* Track */
+}
+:host *::-webkit-scrollbar-track {
+  border-radius: 5px;
+  background: var(--theme-scrollbar-track--background);
+}
+:host *::-webkit-scrollbar-track:hover {
+  background: var(--theme-scrollbar-track--background--hover);
+}
+:host * {
+  /* Handle */
+}
+:host *::-webkit-scrollbar-thumb {
+  border-radius: 5px;
+  background: var(--theme-scrollbar-thumb--background);
+}
+:host * {
+  /* Handle on hover */
+}
+:host *::-webkit-scrollbar-thumb:hover {
+  background: var(--theme-scrollbar-thumb--background--hover);
+}
+:host *::-webkit-scrollbar-corner {
+  display: none;
+}
+:host .message {
+  display: flex;
+  flex-direction: column;
+  align-items: stretch;
+  width: 100%;
+  min-width: 0;
+  gap: var(--theme-space-3);
+  font-size: var(--theme-font-size-l);
+  line-height: 1.5;
+  overflow-wrap: anywhere;
+}
+:host .message ::slotted(*) {
+  margin: 0;
+  color: inherit;
+  overflow-wrap: anywhere;
+}
+:host .message ::slotted(h1),
+:host .message ::slotted(h2),
+:host .message ::slotted(h3),
+:host .message ::slotted(h4),
+:host .message ::slotted(h5),
+:host .message ::slotted(h6) {
+  font-size: var(--theme-font-size-l);
+  font-weight: var(--theme-font-weight-bold);
+  line-height: 1.2;
+}
+:host .meta {
+  display: none;
+  align-items: center;
+  gap: var(--theme-space-3);
+  width: 100%;
+  min-height: 2rem;
+}
+:host .actions {
+  display: none;
+  align-items: center;
+  gap: 0.25rem;
+}
+:host .sources {
+  display: none;
+  align-items: center;
+}
+:host .actions ::slotted(ix-icon-button),
+:host .sources ::slotted(*) {
+  flex: 0 0 auto;
+}
+
+:host(.has-meta) .meta {
+  display: flex;
+}
+
+:host(.has-actions) .actions {
+  display: flex;
+}
+
+:host(.has-sources) .sources {
+  display: flex;
+}

package/dist/collection/components/chat-ai-message/chat-ai-message.js

@@ -0,0 +1,56 @@
+/*
+ * SPDX-FileCopyrightText: 2026 Siemens AG
+ *
+ * SPDX-License-Identifier: MIT
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import { Host, h } from "@stencil/core";
+/**
+ * @since 5.2.0
+ * @slot - AI-generated message content
+ * @slot actions - Optional actions displayed below the AI message
+ * @slot sources - Optional sources displayed next to the AI message actions
+ */
+export class ChatAiMessage {
+    hasActions = false;
+    hasSources = false;
+    hasAssignedContent(slot) {
+        return slot.assignedNodes({ flatten: true }).some((node) => {
+            return node.nodeType === 1 || !!node.textContent?.trim();
+        });
+    }
+    handleActionsSlotChange(event) {
+        this.hasActions = this.hasAssignedContent(event.target);
+    }
+    handleSourcesSlotChange(event) {
+        this.hasSources = this.hasAssignedContent(event.target);
+    }
+    render() {
+        const hasMeta = this.hasActions || this.hasSources;
+        return (h(Host, { key: '7551fd7bf696992eff30a21efd2c6a1ad6934f05', class: {
+                'has-actions': this.hasActions,
+                'has-sources': this.hasSources,
+                'has-meta': hasMeta,
+            } }, h("div", { key: '4ae0ca33bb6f1575d802f081436f9b64cc84a860', class: "message" }, h("slot", { key: 'f9a97d3043c533da53c0a09335a0660ff2fc11ba' })), h("div", { key: '3ea7b4f8a3002c1b70ab6fc3f0038fd3d099a0cc', class: "meta", "aria-hidden": !hasMeta ? 'true' : undefined }, h("div", { key: 'dc13ff30a44ddbde25a9b984ecf534bd99c5f959', class: "actions" }, h("slot", { key: 'e0c8db109a43c9431c9684105b0576a1513f22ce', name: "actions", onSlotchange: (event) => this.handleActionsSlotChange(event) })), h("div", { key: '748966a8345e8dbdf9e4d8c3302577660ba6ec1b', class: "sources" }, h("slot", { key: '0457bbd2d685b6c0fd59251172a8e2fcef82daef', name: "sources", onSlotchange: (event) => this.handleSourcesSlotChange(event) })))));
+    }
+    static get is() { return "ix-chat-ai-message"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["chat-ai-message.scss"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["chat-ai-message.css"]
+        };
+    }
+    static get states() {
+        return {
+            "hasActions": {},
+            "hasSources": {}
+        };
+    }
+}

package/dist/collection/components/chat-attachment/chat-attachment.css

@@ -0,0 +1,135 @@
+/*
+ * SPDX-FileCopyrightText: 2026 Siemens AG
+ *
+ * SPDX-License-Identifier: MIT
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+/*
+* SPDX-FileCopyrightText: 2024 Siemens AG
+*
+* SPDX-License-Identifier: MIT
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+/*
+* SPDX-FileCopyrightText: 2024 Siemens AG
+*
+* SPDX-License-Identifier: MIT
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+:host {
+  display: inline-block;
+}
+:host *,
+:host *::after,
+:host *::before {
+  box-sizing: border-box;
+}
+:host *::-webkit-scrollbar-button {
+  display: none;
+}
+@-moz-document url-prefix() {
+  :host * {
+    scrollbar-color: var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);
+    scrollbar-width: thin;
+  }
+}
+:host * {
+  /* width */
+}
+:host *::-webkit-scrollbar {
+  width: 0.5rem;
+  height: 0.5rem;
+}
+:host * {
+  /* Track */
+}
+:host *::-webkit-scrollbar-track {
+  border-radius: 5px;
+  background: var(--theme-scrollbar-track--background);
+}
+:host *::-webkit-scrollbar-track:hover {
+  background: var(--theme-scrollbar-track--background--hover);
+}
+:host * {
+  /* Handle */
+}
+:host *::-webkit-scrollbar-thumb {
+  border-radius: 5px;
+  background: var(--theme-scrollbar-thumb--background);
+}
+:host * {
+  /* Handle on hover */
+}
+:host *::-webkit-scrollbar-thumb:hover {
+  background: var(--theme-scrollbar-thumb--background--hover);
+}
+:host *::-webkit-scrollbar-corner {
+  display: none;
+}
+:host .attachment-chip {
+  display: block;
+  width: 100%;
+  max-width: 20rem;
+}
+:host .content,
+:host .status-content {
+  display: inline-flex;
+  align-items: center;
+  min-width: 0;
+}
+:host .content {
+  flex: 1 1 auto;
+  max-width: 100%;
+  width: 100%;
+}
+:host .status-content {
+  gap: var(--theme-space-1);
+}
+:host .status-content ix-spinner {
+  scale: 1.7;
+  margin-left: 0.1875rem;
+}
+:host .file-name {
+  display: inline-flex;
+  flex: 1 1 auto;
+  min-width: 0;
+  max-width: 100%;
+  overflow: hidden;
+}
+:host .file-name__base {
+  flex: 1 1 auto;
+  min-width: 0;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  text-align: end;
+}
+:host .file-name__extension {
+  flex: 0 0 auto;
+  white-space: nowrap;
+}
+:host .status-label {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+:host ix-icon {
+  flex: 0 0 auto;
+}
+:host ix-spinner {
+  flex: 0 0 auto;
+}
+
+:host(.preview-supported) {
+  cursor: pointer;
+}
+
+:host(.has-remove-button) {
+  gap: var(--theme-space-0);
+}

package/dist/collection/components/chat-attachment/chat-attachment.js

@@ -0,0 +1,284 @@
+/*
+ * SPDX-FileCopyrightText: 2026 Siemens AG
+ *
+ * SPDX-License-Identifier: MIT
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import { iconError, iconTxtDocument } from "@siemens/ix-icons/icons";
+import { Host, h } from "@stencil/core";
+/**
+ * @since 5.2.0
+ */
+export class ChatAttachment {
+    /**
+     * Name of the attached file.
+     */
+    fileName = '';
+    /**
+     * Upload status of the attachment.
+     */
+    status = 'default';
+    /**
+     * Icon displayed before the file name.
+     */
+    icon = iconTxtDocument;
+    /**
+     * Hide the remove action.
+     */
+    hideRemoveButton = false;
+    /**
+     * Enable preview interaction for default attachments.
+     */
+    previewSupported = false;
+    /**
+     * Accessible label for the remove action.
+     */
+    removeAriaLabel = 'Remove attachment';
+    /**
+     * Event emitted when the attachment is clicked.
+     */
+    attachmentClick;
+    /**
+     * Event emitted when the remove action is clicked.
+     */
+    removeClick;
+    canPreview() {
+        return this.previewSupported && this.status === 'default';
+    }
+    splitFileName() {
+        const fileName = this.fileName.trim();
+        const extensionStart = fileName.lastIndexOf('.');
+        if (extensionStart <= 0 || extensionStart === fileName.length - 1) {
+            return { name: fileName, extension: '' };
+        }
+        return {
+            name: fileName.slice(0, extensionStart),
+            extension: fileName.slice(extensionStart),
+        };
+    }
+    renderFileName() {
+        const { name, extension } = this.splitFileName();
+        return (h("span", { class: "file-name", title: this.fileName }, h("span", { class: "file-name__base" }, name || this.fileName), !!extension && h("span", { class: "file-name__extension" }, extension)));
+    }
+    getChipVariant() {
+        if (this.status === 'failed') {
+            return 'alarm';
+        }
+        return 'neutral';
+    }
+    renderChipContent() {
+        if (this.status === 'loading') {
+            return (h("span", { class: "status-content" }, h("ix-spinner", { size: "xx-small", variant: "primary" }), h("span", { class: "status-label" }, this.fileName)));
+        }
+        if (this.status === 'failed') {
+            return h("span", { class: "status-label" }, this.fileName);
+        }
+        return this.renderFileName();
+    }
+    handleAttachmentClick() {
+        if (this.canPreview()) {
+            this.attachmentClick.emit();
+        }
+    }
+    getIcon() {
+        if (this.status === 'default') {
+            return this.icon;
+        }
+        if (this.status === 'loading') {
+            return undefined;
+        }
+        if (this.status === 'failed') {
+            return iconError;
+        }
+        return this.icon;
+    }
+    render() {
+        const isFailed = this.status === 'failed';
+        const isLoading = this.status === 'loading';
+        const canPreview = this.canPreview();
+        return (h(Host, { key: '6d228e12a51a06711a97f216a854432e44340590', class: {
+                failed: isFailed,
+                loading: isLoading,
+                'preview-supported': canPreview,
+                'has-remove-button': !this.hideRemoveButton,
+            } }, h("ix-chip", { key: 'a3369a7981eb355f606162efc1a01c290f49076c', "aria-label": canPreview ? this.fileName : undefined, ariaLabelCloseButton: this.removeAriaLabel, class: "attachment-chip", closable: !this.hideRemoveButton, icon: this.getIcon(), variant: this.getChipVariant(), outline: true, onClick: () => this.handleAttachmentClick(), onCloseChip: () => this.removeClick.emit(), inactive: !canPreview }, h("span", { key: '51b3a72b579776c09587b1bd430aceb146e04e49', class: "content" }, this.renderChipContent()))));
+    }
+    static get is() { return "ix-chat-attachment"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["chat-attachment.scss"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["chat-attachment.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "fileName": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Name of the attached file."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "file-name",
+                "defaultValue": "''"
+            },
+            "status": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "ChatAttachmentStatus",
+                    "resolved": "\"default\" | \"failed\" | \"loading\"",
+                    "references": {
+                        "ChatAttachmentStatus": {
+                            "location": "import",
+                            "path": "./chat-attachment.types",
+                            "id": "src/components/chat-attachment/chat-attachment.types.ts::ChatAttachmentStatus",
+                            "referenceLocation": "ChatAttachmentStatus"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Upload status of the attachment."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": true,
+                "attribute": "status",
+                "defaultValue": "'default'"
+            },
+            "icon": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Icon displayed before the file name."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "icon",
+                "defaultValue": "iconTxtDocument"
+            },
+            "hideRemoveButton": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Hide the remove action."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "hide-remove-button",
+                "defaultValue": "false"
+            },
+            "previewSupported": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Enable preview interaction for default attachments."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": true,
+                "attribute": "preview-supported",
+                "defaultValue": "false"
+            },
+            "removeAriaLabel": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Accessible label for the remove action."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "remove-aria-label",
+                "defaultValue": "'Remove attachment'"
+            }
+        };
+    }
+    static get events() {
+        return [{
+                "method": "attachmentClick",
+                "name": "attachmentClick",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Event emitted when the attachment is clicked."
+                },
+                "complexType": {
+                    "original": "void",
+                    "resolved": "void",
+                    "references": {}
+                }
+            }, {
+                "method": "removeClick",
+                "name": "removeClick",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Event emitted when the remove action is clicked."
+                },
+                "complexType": {
+                    "original": "void",
+                    "resolved": "void",
+                    "references": {}
+                }
+            }];
+    }
+}

package/dist/collection/components/chat-attachment/chat-attachment.types.js

@@ -0,0 +1 @@
+export {};