@carbon/ai-chat-components 0.5.0 → 0.6.0-rc.0

package/es/components/feedback/src/feedback-buttons.template.js

@@ -0,0 +1,79 @@
+/**
+ * Copyright IBM Corp. 2025
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+import '@carbon/web-components/es/components/icon-button/index.js';
+import { iconLoader } from '@carbon/web-components/es/globals/internal/icon-loader.js';
+import ThumbsDown16 from '@carbon/icons/es/thumbs-down/16.js';
+import ThumbsDownFilled16 from '@carbon/icons/es/thumbs-down--filled/16.js';
+import ThumbsUp16 from '@carbon/icons/es/thumbs-up/16.js';
+import ThumbsUpFilled16 from '@carbon/icons/es/thumbs-up--filled/16.js';
+import { nothing, html } from 'lit';
+import prefix from '../../../globals/settings.js';
+
+/*
+ *  Copyright IBM Corp. 2025
+ *
+ *  This source code is licensed under the Apache-2.0 license found in the
+ *  LICENSE file in the root directory of this source tree.
+ *
+ *  @license
+ */
+const DEFAULT_POSITIVE_LABEL = "Good response";
+const DEFAULT_NEGATIVE_LABEL = "Bad response";
+function feedbackButtonsElementTemplate(customElementClass) {
+    const { isPositiveOpen, isNegativeOpen, isPositiveSelected, isNegativeSelected, hasPositiveDetails, hasNegativeDetails, isPositiveDisabled, isNegativeDisabled, positiveLabel, negativeLabel, panelID, } = customElementClass;
+    const handleButtonClick = (isPositive) => {
+        customElementClass.handleButtonClick?.call(customElementClass, isPositive);
+    };
+    return html `<div class="${prefix}--feedback-buttons">
+    <cds-icon-button
+      class="${prefix}--feedback-buttons-positive"
+      size="sm"
+      align="top-left"
+      kind="ghost"
+      role="button"
+      ?disabled=${isPositiveDisabled}
+      aria-expanded="${isPositiveDisabled || !hasPositiveDetails
+        ? nothing
+        : isPositiveOpen}"
+      aria-pressed="${isPositiveSelected || nothing}"
+      aria-controls="${panelID}-feedback-positive"
+      @click="${() => handleButtonClick(true)}"
+    >
+      <span slot="icon"
+        >${iconLoader(isPositiveSelected ? ThumbsUpFilled16 : ThumbsUp16)}</span
+      >
+      <span slot="tooltip-content"
+        >${positiveLabel || DEFAULT_POSITIVE_LABEL}</span
+      >
+    </cds-icon-button>
+    <cds-icon-button
+      class="${prefix}--feedback-buttons-negative"
+      size="sm"
+      align="top-left"
+      kind="ghost"
+      role="button"
+      ?disabled=${isNegativeDisabled}
+      aria-expanded="${isNegativeDisabled || !hasNegativeDetails
+        ? nothing
+        : isNegativeOpen}"
+      aria-pressed="${isNegativeSelected || nothing}"
+      aria-controls="${panelID}-feedback-negative"
+      @click="${() => handleButtonClick(false)}"
+    >
+      <span slot="icon"
+        >${iconLoader(isNegativeSelected ? ThumbsDownFilled16 : ThumbsDown16)}</span
+      >
+      <span slot="tooltip-content"
+        >${negativeLabel || DEFAULT_NEGATIVE_LABEL}</span
+      >
+    </cds-icon-button>
+  </div>`;
+}
+
+export { feedbackButtonsElementTemplate };
+//# sourceMappingURL=feedback-buttons.template.js.map

package/es/components/feedback/src/feedback-buttons.template.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"feedback-buttons.template.js","sources":["../../../../src/components/feedback/src/feedback-buttons.template.ts"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA;;;;;;;AAOG;AAcH,MAAM,sBAAsB,GAAG,eAAe;AAC9C,MAAM,sBAAsB,GAAG,cAAc;AAE7C,SAAS,8BAA8B,CACrC,kBAA0C,EAAA;IAE1C,MAAM,EACJ,cAAc,EACd,cAAc,EACd,kBAAkB,EAClB,kBAAkB,EAClB,kBAAkB,EAClB,kBAAkB,EAClB,kBAAkB,EAClB,kBAAkB,EAClB,aAAa,EACb,aAAa,EACb,OAAO,GACR,GAAG,kBAAkB;AAEtB,IAAA,MAAM,iBAAiB,GAAG,CAAC,UAAmB,KAAI;QAChD,kBAAkB,CAAC,iBAAiB,EAAE,IAAI,CAAC,kBAAkB,EAAE,UAAU,CAAC;AAC5E,IAAA,CAAC;IAED,OAAO,IAAI,CAAA,CAAA,YAAA,EAAe,MAAM,CAAA;;eAEnB,MAAM,CAAA;;;;;kBAKH,kBAAkB;uBACb,kBAAkB,IAAI,CAAC;AACtC,UAAE;AACF,UAAE,cAAc,CAAA;AACF,oBAAA,EAAA,kBAAkB,IAAI,OAAO,CAAA;uBAC5B,OAAO,CAAA;AACd,cAAA,EAAA,MAAM,iBAAiB,CAAC,IAAI,CAAC,CAAA;;;WAGlC,UAAU,CAAC,kBAAkB,GAAG,gBAAgB,GAAG,UAAU,CAAC,CAAA;;;AAG9D,SAAA,EAAA,aAAa,IAAI,sBAAsB,CAAA;;;;eAInC,MAAM,CAAA;;;;;kBAKH,kBAAkB;uBACb,kBAAkB,IAAI,CAAC;AACtC,UAAE;AACF,UAAE,cAAc,CAAA;AACF,oBAAA,EAAA,kBAAkB,IAAI,OAAO,CAAA;uBAC5B,OAAO,CAAA;AACd,cAAA,EAAA,MAAM,iBAAiB,CAAC,KAAK,CAAC,CAAA;;;WAGnC,UAAU,CACX,kBAAkB,GAAG,kBAAkB,GAAG,YAAY,CACvD,CAAA;;;AAGE,SAAA,EAAA,aAAa,IAAI,sBAAsB,CAAA;;;SAGzC;AACT;;;;"}

package/es/components/feedback/src/feedback.d.ts

@@ -0,0 +1,114 @@
+import { LitElement, PropertyValues } from "lit";
+/**
+ * The component for displaying a panel requesting feedback from a user.
+ */
+declare class FeedbackElement extends LitElement {
+    static styles: any;
+    /**
+     * The CSS class of this panel.
+     */
+    class: string;
+    /**
+     * The ID of this panel.
+     */
+    id: string;
+    /**
+     * Indicates if the feedback details are open.
+     */
+    isOpen: boolean;
+    /**
+     * Indicates if the feedback details are readonly.
+     */
+    isReadonly: boolean;
+    /**
+     * The initial values to display in the feedback.
+     */
+    initialValues?: FeedbackInitialValues;
+    /**
+     * The title to display in the popup. A default value will be used if no value is provided here.
+     */
+    title: string;
+    /**
+     * The prompt text to display to the user. A default value will be used if no value is provided here.
+     */
+    prompt: string;
+    /**
+     * The list of categories to show.
+     */
+    categories?: string[];
+    /**
+     * The legal disclaimer text to show at the bottom of the popup. This text may contain rich markdown content. If this
+     * value is not provided, no text will be shown.
+     */
+    disclaimer?: string;
+    /**
+     * The placeholder to show in the text area. A default value will be used if no value is provided here.
+     */
+    placeholder?: string;
+    /**
+     * The label for the cancel button. A default value will be used if no value is provided here.
+     */
+    cancelLabel?: string;
+    /**
+     * The label for the submit button. A default value will be used if no value is provided here.
+     */
+    submitLabel?: string;
+    /**
+     * Indicates whether the text area should be shown.
+     */
+    showTextArea: boolean;
+    /**
+     * Indicates whether the prompt line should be shown.
+     */
+    showPrompt: boolean;
+    /**
+     * Internal saved text values for feedback.
+     */
+    _textInput: string;
+    /**
+     * The current set of selected categories.
+     */
+    _selectedCategories: Set<string>;
+    /**
+     * Called when the properties of the component have changed.
+     */
+    protected updated(changedProperties: PropertyValues<this>): void;
+    /**
+     * Updates the initial values used in the component.
+     */
+    protected _setInitialValues(values?: FeedbackInitialValues): void;
+    /**
+     * Stores the current value of the text area used to collect feedback.
+     */
+    _handleTextInput(event: InputEvent): void;
+    /**
+     * Called when the user clicks the submit button.
+     */
+    _handleSubmit(): void;
+    /**
+     * Called then the user clicks the close button.
+     */
+    _handleCancel(): void;
+    /**
+     * Called when a category button is clicked.
+     */
+    _handleCategoryClick(event: MouseEvent): void;
+}
+/**
+ * The details included when the user clicked the submit button.
+ */
+interface FeedbackSubmitDetails {
+    /**
+     * The text from the text field.
+     */
+    text?: string;
+    /**
+     * The list of categories selected by the user.
+     */
+    selectedCategories?: string[];
+}
+/**
+ * The set of initial values that are permitted.
+ */
+type FeedbackInitialValues = FeedbackSubmitDetails | null;
+export { FeedbackElement, type FeedbackSubmitDetails, type FeedbackInitialValues, };

package/es/components/feedback/src/feedback.js

@@ -0,0 +1,182 @@
+/**
+ * Copyright IBM Corp. 2025
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+import { __decorate } from 'tslib';
+import { LitElement } from 'lit';
+import { property, state } from 'lit/decorators.js';
+import styles from './feedback.scss.js';
+
+/*
+ *  Copyright IBM Corp. 2025
+ *
+ *  This source code is licensed under the Apache-2.0 license found in the
+ *  LICENSE file in the root directory of this source tree.
+ *
+ *  @license
+ */
+/**
+ * The component for displaying a panel requesting feedback from a user.
+ */
+class FeedbackElement extends LitElement {
+    constructor() {
+        super(...arguments);
+        /**
+         * Indicates if the feedback details are open.
+         */
+        this.isOpen = false;
+        /**
+         * Indicates if the feedback details are readonly.
+         */
+        this.isReadonly = false;
+        /**
+         * The title to display in the popup. A default value will be used if no value is provided here.
+         */
+        this.title = "";
+        /**
+         * The prompt text to display to the user. A default value will be used if no value is provided here.
+         */
+        this.prompt = "";
+        /**
+         * Indicates whether the text area should be shown.
+         */
+        this.showTextArea = true;
+        /**
+         * Indicates whether the prompt line should be shown.
+         */
+        this.showPrompt = true;
+        /**
+         * Internal saved text values for feedback.
+         */
+        this._textInput = "";
+        /**
+         * The current set of selected categories.
+         */
+        this._selectedCategories = new Set();
+    }
+    /**
+     * Called when the properties of the component have changed.
+     */
+    updated(changedProperties) {
+        if (changedProperties.has("initialValues")) {
+            this._setInitialValues(this.initialValues);
+        }
+    }
+    /**
+     * Updates the initial values used in the component.
+     */
+    _setInitialValues(values) {
+        if (values) {
+            this._textInput = values.text ?? "";
+            this._selectedCategories = new Set(values.selectedCategories ?? []);
+        }
+        else {
+            this._textInput = "";
+            this._selectedCategories = new Set();
+        }
+    }
+    /**
+     * Stores the current value of the text area used to collect feedback.
+     */
+    _handleTextInput(event) {
+        this._textInput = event.currentTarget.value;
+    }
+    /**
+     * Called when the user clicks the submit button.
+     */
+    _handleSubmit() {
+        this.dispatchEvent(new CustomEvent("feedback-submit", {
+            detail: {
+                text: this._textInput,
+                selectedCategories: Array.from(this._selectedCategories),
+            },
+            bubbles: true,
+            composed: true,
+        }));
+    }
+    /**
+     * Called then the user clicks the close button.
+     */
+    _handleCancel() {
+        this.dispatchEvent(new CustomEvent("feedback-close", {
+            bubbles: true,
+            composed: true,
+        }));
+    }
+    /**
+     * Called when a category button is clicked.
+     */
+    _handleCategoryClick(event) {
+        if (this.isReadonly) {
+            return;
+        }
+        const button = event.currentTarget;
+        const category = button?.getAttribute("data-content");
+        if (!category) {
+            return;
+        }
+        const nextSelection = new Set(this._selectedCategories);
+        if (nextSelection.has(category)) {
+            nextSelection.delete(category);
+        }
+        else {
+            nextSelection.add(category);
+        }
+        this._selectedCategories = nextSelection;
+    }
+}
+FeedbackElement.styles = styles;
+__decorate([
+    property({ type: String, attribute: "class", reflect: true })
+], FeedbackElement.prototype, "class", void 0);
+__decorate([
+    property({ type: String, reflect: true })
+], FeedbackElement.prototype, "id", void 0);
+__decorate([
+    property({ type: Boolean, attribute: "is-open", reflect: true })
+], FeedbackElement.prototype, "isOpen", void 0);
+__decorate([
+    property({ type: Boolean, attribute: "is-readonly", reflect: true })
+], FeedbackElement.prototype, "isReadonly", void 0);
+__decorate([
+    property({ type: Object, attribute: "initial-values", reflect: true })
+], FeedbackElement.prototype, "initialValues", void 0);
+__decorate([
+    property({ type: String, attribute: "title", reflect: true })
+], FeedbackElement.prototype, "title", void 0);
+__decorate([
+    property({ type: String, attribute: "prompt", reflect: true })
+], FeedbackElement.prototype, "prompt", void 0);
+__decorate([
+    property({ type: Object, attribute: "categories", reflect: true })
+], FeedbackElement.prototype, "categories", void 0);
+__decorate([
+    property({ type: String, attribute: "disclaimer", reflect: true })
+], FeedbackElement.prototype, "disclaimer", void 0);
+__decorate([
+    property({ type: String, attribute: "text-area-placeholder", reflect: true })
+], FeedbackElement.prototype, "placeholder", void 0);
+__decorate([
+    property({ type: String, attribute: "cancel-label", reflect: true })
+], FeedbackElement.prototype, "cancelLabel", void 0);
+__decorate([
+    property({ type: String, attribute: "submit-label", reflect: true })
+], FeedbackElement.prototype, "submitLabel", void 0);
+__decorate([
+    property({ type: Boolean, attribute: "show-text-area", reflect: true })
+], FeedbackElement.prototype, "showTextArea", void 0);
+__decorate([
+    property({ type: Boolean, attribute: "show-prompt", reflect: true })
+], FeedbackElement.prototype, "showPrompt", void 0);
+__decorate([
+    state()
+], FeedbackElement.prototype, "_textInput", void 0);
+__decorate([
+    state()
+], FeedbackElement.prototype, "_selectedCategories", void 0);
+
+export { FeedbackElement };
+//# sourceMappingURL=feedback.js.map

package/es/components/feedback/src/feedback.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"feedback.js","sources":["../../../../src/components/feedback/src/feedback.ts"],"sourcesContent":[null],"names":[],"mappings":"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"}

package/es/components/feedback/src/feedback.scss.js

@@ -0,0 +1,13 @@
+/**
+ * Copyright IBM Corp. 2025
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+import { css } from 'lit';
+
+var styles = css([".cds-aichat--container{animation:cds-aichat-fade-in .6s forwards;background-color:var(--cds-chat-shell-background,#fff);border:1px solid var(--cds-chat-bubble-border,#e0e0e0);border-radius:.5rem;box-sizing:border-box;container-type:inline-size;inline-size:100%;margin-block-start:.25rem}.cds-aichat--is-closed{display:none}.cds-aichat--title-row{display:flex;margin-block-start:.75rem;margin-inline:1rem .5rem}.cds-aichat--title{flex:1;font-size:var(--cds-heading-compact-01-font-size,.875rem);font-weight:var(--cds-heading-compact-01-font-weight,600);letter-spacing:var(--cds-heading-compact-01-letter-spacing,.16px);line-height:var(--cds-heading-compact-01-line-height,1.28572)}.cds-aichat--close{margin-inline-start:.5rem}.cds-aichat--disclaimer,.cds-aichat--prompt{color:var(--cds-text-secondary,#525252);font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);line-height:var(--cds-body-compact-01-line-height,1.28572);margin-block-start:.5rem;margin-inline:1rem}.cds-aichat--categories{margin-block-start:.5rem;margin-inline:1rem}.cds-aichat--tag-list-container{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;list-style:none;margin:0;padding:0}.cds-aichat--feedback-text{margin-block-start:.5rem;margin-inline:1rem}.cds-aichat--buttons{display:flex;inline-size:100%;margin-block-start:1rem}.cds-aichat--cancel,.cds-aichat--submit{align-items:stretch;display:flex;flex:1;min-inline-size:0;overflow:hidden}.cds-aichat--submit{border-end-end-radius:.5rem}.cds-aichat--cancel{border-end-start-radius:.5rem}.cds-aichat--cancel cds-button,.cds-aichat--submit cds-button{flex:1;inline-size:100%}"]);
+
+export { styles as default };
+//# sourceMappingURL=feedback.scss.js.map

package/es/components/feedback/src/feedback.scss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"feedback.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;"}

package/es/components/feedback/src/feedback.template.d.ts

@@ -0,0 +1,12 @@
+import "../../markdown/index.js";
+import "@carbon/web-components/es/components/button/index.js";
+import "@carbon/web-components/es/components/chat-button/index.js";
+import "@carbon/web-components/es/components/icon-button/index.js";
+import "@carbon/web-components/es/components/layer/index.js";
+import "@carbon/web-components/es/components/textarea/index.js";
+import { FeedbackElement } from "./feedback.js";
+/**
+ * Lit template for feedback.
+ */
+declare function feedbackElementTemplate(customElementClass: FeedbackElement): import("lit-html").TemplateResult<1>;
+export { feedbackElementTemplate };

package/es/components/feedback/src/feedback.template.js

@@ -0,0 +1,115 @@
+/**
+ * Copyright IBM Corp. 2025
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+import '../../markdown/src/cds-aichat-markdown.js';
+import '@carbon/web-components/es/components/button/index.js';
+import '@carbon/web-components/es/components/chat-button/index.js';
+import '@carbon/web-components/es/components/icon-button/index.js';
+import '@carbon/web-components/es/components/layer/index.js';
+import '@carbon/web-components/es/components/textarea/index.js';
+import { html } from 'lit';
+import prefix from '../../../globals/settings.js';
+
+/*
+ *  Copyright IBM Corp. 2025
+ *
+ *  This source code is licensed under the Apache-2.0 license found in the
+ *  LICENSE file in the root directory of this source tree.
+ *
+ *  @license
+ */
+// The maximum number of characters the user is allowed to type into the text area.
+const MAX_TEXT_COUNT = 1000;
+/**
+ * Lit template for feedback.
+ */
+function feedbackElementTemplate(customElementClass) {
+    const { _handleCancel: handleCancel, _handleSubmit: handleSubmit, _handleTextInput: handleTextInput, _textInput: textInput, _selectedCategories: selectedCategories, _handleCategoryClick: handleCategoryClick, id, isReadonly, isOpen, title, prompt, placeholder, categories, disclaimer, showTextArea, showPrompt, submitLabel, cancelLabel, } = customElementClass;
+    const containerClasses = [`${prefix}--container`];
+    if (!isOpen) {
+        containerClasses.push(`${prefix}--is-closed`);
+    }
+    return html `<div class="${containerClasses.join(" ")}">
+    <div class="${prefix}--title-row">
+      <div class="${prefix}--title">
+        ${title || "Provide additional feedback"}
+      </div>
+    </div>
+    ${showPrompt
+        ? html `<div class="${prefix}--prompt">
+          ${prompt || "What do you think of this response?"}
+        </div>`
+        : ""}
+    ${categories?.length
+        ? html `<div class="${prefix}--categories">
+          <ul class="${prefix}--tag-list-container" role="listbox">
+            ${categories.map((value) => html `<li class="${prefix}--tag-list-item">
+                  <cds-chat-button
+                    class="${prefix}--tag-list-button"
+                    kind="primary"
+                    size="sm"
+                    type="button"
+                    is-quick-action
+                    role="option"
+                    aria-pressed="${selectedCategories.has(value)}"
+                    ?is-selected=${selectedCategories.has(value)}
+                    data-content="${value}"
+                    ?disabled=${isReadonly}
+                    @click=${handleCategoryClick}
+                  >
+                    ${value}
+                  </cds-chat-button>
+                </li>`)}
+          </ul>
+        </div>`
+        : ""}
+    ${showTextArea
+        ? html `<div class="${prefix}--feedback-text">
+          <cds-textarea
+            id="${id}-text-area"
+            value="${textInput}"
+            class="${prefix}--feedback-text-area"
+            ?disabled=${isReadonly}
+            placeholder="${placeholder || "Provide additional feedback..."}"
+            rows="3"
+            max-count="${MAX_TEXT_COUNT}"
+            @input=${handleTextInput}
+          ></cds-textarea>
+        </div>`
+        : ""}
+    ${disclaimer
+        ? html `<div class="${prefix}--disclaimer">
+          <cds-aichat-markdown markdown="${disclaimer}"></cds-aichat-markdown>
+        </div>`
+        : ""}
+    <div class="${prefix}--buttons">
+      <div class="${prefix}--cancel">
+        <cds-button
+          ?disabled=${isReadonly}
+          size="lg"
+          kind="secondary"
+          @click=${handleCancel}
+        >
+          ${cancelLabel || "Cancel"}
+        </cds-button>
+      </div>
+      <div class="${prefix}--submit">
+        <cds-button
+          ?disabled=${isReadonly}
+          size="lg"
+          kind="primary"
+          @click=${handleSubmit}
+        >
+          ${submitLabel || "Submit"}
+        </cds-button>
+      </div>
+    </div>
+  </div>`;
+}
+
+export { feedbackElementTemplate };
+//# sourceMappingURL=feedback.template.js.map

package/es/components/feedback/src/feedback.template.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"feedback.template.js","sources":["../../../../src/components/feedback/src/feedback.template.ts"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA;;;;;;;AAOG;AAcH;AACA,MAAM,cAAc,GAAG,IAAI;AAE3B;;AAEG;AACH,SAAS,uBAAuB,CAAC,kBAAmC,EAAA;IAClE,MAAM,EACJ,aAAa,EAAE,YAAY,EAC3B,aAAa,EAAE,YAAY,EAC3B,gBAAgB,EAAE,eAAe,EACjC,UAAU,EAAE,SAAS,EACrB,mBAAmB,EAAE,kBAAkB,EACvC,oBAAoB,EAAE,mBAAmB,EACzC,EAAE,EACF,UAAU,EACV,MAAM,EACN,KAAK,EACL,MAAM,EACN,WAAW,EACX,UAAU,EACV,UAAU,EACV,YAAY,EACZ,UAAU,EACV,WAAW,EACX,WAAW,GACZ,GAAG,kBAAkB;AAEtB,IAAA,MAAM,gBAAgB,GAAG,CAAC,GAAG,MAAM,CAAA,WAAA,CAAa,CAAC;IACjD,IAAI,CAAC,MAAM,EAAE;AACX,QAAA,gBAAgB,CAAC,IAAI,CAAC,GAAG,MAAM,CAAA,WAAA,CAAa,CAAC;IAC/C;IAEA,OAAO,IAAI,CAAA,CAAA,YAAA,EAAe,gBAAgB,CAAC,IAAI,CAAC,GAAG,CAAC,CAAA;kBACpC,MAAM,CAAA;oBACJ,MAAM,CAAA;AAChB,QAAA,EAAA,KAAK,IAAI,6BAA6B;;;MAG1C;AACA,UAAE,IAAI,CAAA,CAAA,YAAA,EAAe,MAAM,CAAA;AACrB,UAAA,EAAA,MAAM,IAAI,qCAAqC;AAC5C,cAAA;AACT,UAAE,EAAE;AACJ,IAAA,EAAA,UAAU,EAAE;AACZ,UAAE,IAAI,CAAA,CAAA,YAAA,EAAe,MAAM,CAAA;uBACV,MAAM,CAAA;cACf,UAAU,CAAC,GAAG,CACd,CAAC,KAAK,KACJ,IAAI,CAAA,CAAA,WAAA,EAAc,MAAM,CAAA;;6BAEX,MAAM,CAAA;;;;;;AAMC,kCAAA,EAAA,kBAAkB,CAAC,GAAG,CAAC,KAAK,CAAC,CAAA;AAC9B,iCAAA,EAAA,kBAAkB,CAAC,GAAG,CAAC,KAAK,CAAC;oCAC5B,KAAK,CAAA;gCACT,UAAU;6BACb,mBAAmB;;sBAE1B,KAAK;;sBAEL,CACT;;AAEE,cAAA;AACT,UAAE,EAAE;MACJ;AACA,UAAE,IAAI,CAAA,CAAA,YAAA,EAAe,MAAM,CAAA;;kBAEf,EAAE,CAAA;qBACC,SAAS,CAAA;qBACT,MAAM,CAAA;wBACH,UAAU;AACP,yBAAA,EAAA,WAAW,IAAI,gCAAgC,CAAA;;yBAEjD,cAAc,CAAA;qBAClB,eAAe;;AAErB,cAAA;AACT,UAAE,EAAE;MACJ;AACA,UAAE,IAAI,CAAA,CAAA,YAAA,EAAe,MAAM,CAAA;2CACU,UAAU,CAAA;AACtC,cAAA;AACT,UAAE,EAAE;kBACQ,MAAM,CAAA;oBACJ,MAAM,CAAA;;sBAEJ,UAAU;;;mBAGb,YAAY;;AAEnB,UAAA,EAAA,WAAW,IAAI,QAAQ;;;oBAGf,MAAM,CAAA;;sBAEJ,UAAU;;;mBAGb,YAAY;;AAEnB,UAAA,EAAA,WAAW,IAAI,QAAQ;;;;SAI1B;AACT;;;;"}

package/es/components/markdown/index.d.ts

@@ -0,0 +1,2 @@
+import "./src/cds-aichat-markdown.js";
+export { default, MARKDOWN_COMPONENT_TAG_NAME, } from "./src/cds-aichat-markdown.js";

package/es/components/markdown/index.js

@@ -0,0 +1,9 @@
+/**
+ * Copyright IBM Corp. 2025
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+export { MARKDOWN_COMPONENT_TAG_NAME, default } from './src/cds-aichat-markdown.js';
+//# sourceMappingURL=index.js.map

package/es/components/markdown/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;"}

package/es/components/markdown/src/cds-aichat-markdown.d.ts

@@ -0,0 +1,13 @@
+import MarkdownElement from "./markdown.js";
+declare const MARKDOWN_COMPONENT_TAG_NAME = "cds-aichat-markdown";
+declare class CDSChatMarkdownElement extends MarkdownElement {
+    static styles: any;
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        [MARKDOWN_COMPONENT_TAG_NAME]: CDSChatMarkdownElement;
+    }
+}
+export { MARKDOWN_COMPONENT_TAG_NAME };
+export default CDSChatMarkdownElement;

package/es/components/markdown/src/cds-aichat-markdown.js

@@ -0,0 +1,35 @@
+/**
+ * Copyright IBM Corp. 2025
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+import { __decorate } from 'tslib';
+import { carbonElement } from '../../../globals/decorators/carbon-element.js';
+import MarkdownElement from './markdown.js';
+import { markdownTemplate } from './markdown.template.js';
+import styles from './markdown.scss.js';
+
+/*
+ *  Copyright IBM Corp. 2025
+ *
+ *  This source code is licensed under the Apache-2.0 license found in the
+ *  LICENSE file in the root directory of this source tree.
+ *
+ *  @license
+ */
+const MARKDOWN_COMPONENT_TAG_NAME = "cds-aichat-markdown";
+let CDSChatMarkdownElement = class CDSChatMarkdownElement extends MarkdownElement {
+    render() {
+        return markdownTemplate(this);
+    }
+};
+CDSChatMarkdownElement.styles = styles;
+CDSChatMarkdownElement = __decorate([
+    carbonElement(MARKDOWN_COMPONENT_TAG_NAME)
+], CDSChatMarkdownElement);
+var CDSAIChatMarkdown = CDSChatMarkdownElement;
+
+export { MARKDOWN_COMPONENT_TAG_NAME, CDSAIChatMarkdown as default };
+//# sourceMappingURL=cds-aichat-markdown.js.map

package/es/components/markdown/src/cds-aichat-markdown.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"cds-aichat-markdown.js","sources":["../../../../src/components/markdown/src/cds-aichat-markdown.ts"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;;;;;;;AAAA;;;;;;;AAOG;AAQH,MAAM,2BAA2B,GAAG;AAGpC,IAAM,sBAAsB,GAA5B,MAAM,sBAAuB,SAAQ,eAAe,CAAA;IAGlD,MAAM,GAAA;AACJ,QAAA,OAAO,gBAAgB,CAAC,IAAI,CAAC;IAC/B;;AAJO,sBAAA,CAAA,MAAM,GAAG,MAAH;AADT,sBAAsB,GAAA,UAAA,CAAA;IAD3B,aAAa,CAAC,2BAA2B;AACpC,CAAA,EAAA,sBAAsB,CAM3B;AASD,wBAAe,sBAAsB;;;;"}