@carbon/ai-chat-components 1.0.0 → 1.1.0-rc.0

package/es/components/carousel/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.
+ */
+
+import './src/carousel.js';
+//# sourceMappingURL=index.js.map

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

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

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

@@ -0,0 +1,39 @@
+/**
+ * @license
+ *
+ * Copyright IBM Corp. 2026
+ *
+ * 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 { LitElement } from "lit";
+import "@carbon/web-components/es/components/icon-button/icon-button.js";
+/**
+ * Carousel component
+ *
+ * @element cds-aichat-carousel
+ * @fires cds-aichat-carousel-onchange custom event for when the carousel changes
+ * @slot body The body
+ */
+declare class CDSAICarousel extends LitElement {
+    /**
+     * Text for the next button
+     */
+    nextBtnText?: string;
+    /**
+     * Text for the previous button
+     */
+    previousBtnText?: string;
+    private container?;
+    private carousel?;
+    private _currentIndex;
+    private _lastIndex;
+    private _handlePrev;
+    private _handleNext;
+    private _dispatchChange;
+    firstUpdated(): void;
+    render(): import("lit-html").TemplateResult<1>;
+    static get eventOnChange(): string;
+    static styles: any;
+}
+export default CDSAICarousel;

package/es/components/carousel/src/carousel.js

@@ -0,0 +1,130 @@
+/**
+ * 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, html } from 'lit';
+import styles from './carousel.scss.js';
+import { carbonElement } from '../../../globals/decorators/carbon-element.js';
+import prefix from '../../../globals/settings.js';
+import { initCarousel } from '@carbon/utilities';
+import { queryAssignedElements } from 'lit/decorators/query-assigned-elements.js';
+import { property, state } from 'lit/decorators.js';
+import '@carbon/web-components/es/components/icon-button/icon-button.js';
+import { iconLoader } from '@carbon/web-components/es/globals/internal/icon-loader.js';
+import { ChevronLeft16, ChevronRight16 } from '@carbon/icons';
+
+/**
+ * @license
+ *
+ * Copyright IBM Corp. 2026
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+const blockClass = `${prefix}-carousel`;
+/**
+ * Carousel component
+ *
+ * @element cds-aichat-carousel
+ * @fires cds-aichat-carousel-onchange custom event for when the carousel changes
+ * @slot body The body
+ */
+let CDSAICarousel = class CDSAICarousel extends LitElement {
+    constructor() {
+        super(...arguments);
+        this._currentIndex = 0;
+        this._lastIndex = 0;
+    }
+    _handlePrev() {
+        this.carousel?.prev();
+    }
+    _handleNext() {
+        this.carousel?.next();
+    }
+    _dispatchChange(data) {
+        const init = {
+            detail: data,
+            bubbles: true,
+            composed: true,
+        };
+        this.dispatchEvent(new CustomEvent(this.constructor.eventOnChange, init));
+    }
+    firstUpdated() {
+        if (this.container) {
+            const config = {
+                onViewChangeEnd: (endData) => {
+                    this._currentIndex = endData.currentIndex;
+                    this._dispatchChange(endData);
+                },
+            };
+            this.carousel = initCarousel(this.container[0], config);
+            this._lastIndex = Object.keys(this.carousel.allViews).length - 1;
+        }
+    }
+    render() {
+        return html `
+      <div class=${blockClass}>
+        <slot></slot>
+        <div class="${blockClass}__controls">
+          <cds-icon-button
+            class="${blockClass}__previous-btn"
+            @click=${this._handlePrev}
+            kind="ghost"
+            size="sm"
+            align="bottom-start"
+            enter-delay-ms="0"
+            leave-delay-ms="0"
+          >
+            ${iconLoader(ChevronLeft16, { slot: "icon" })}
+            <span slot="tooltip-content">${this.previousBtnText}</span>
+          </cds-icon-button>
+          <span class="${blockClass}__indicator"
+            >${this._currentIndex + 1} / ${this._lastIndex + 1}</span
+          >
+          <cds-icon-button
+            class="${blockClass}__next-btn"
+            @click=${this._handleNext}
+            kind="ghost"
+            size="sm"
+            align="bottom-start"
+            enter-delay-ms="0"
+            leave-delay-ms="0"
+          >
+            ${iconLoader(ChevronRight16, { slot: "icon" })}
+            <span slot="tooltip-content">${this.nextBtnText}</span>
+          </cds-icon-button>
+        </div>
+      </div>
+    `;
+    }
+    static get eventOnChange() {
+        return `${blockClass}-onchange`;
+    }
+};
+CDSAICarousel.styles = styles;
+__decorate([
+    property({ type: String })
+], CDSAICarousel.prototype, "nextBtnText", void 0);
+__decorate([
+    property({ type: String })
+], CDSAICarousel.prototype, "previousBtnText", void 0);
+__decorate([
+    queryAssignedElements({ flatten: true })
+], CDSAICarousel.prototype, "container", void 0);
+__decorate([
+    state()
+], CDSAICarousel.prototype, "_currentIndex", void 0);
+__decorate([
+    state()
+], CDSAICarousel.prototype, "_lastIndex", void 0);
+CDSAICarousel = __decorate([
+    carbonElement(blockClass)
+], CDSAICarousel);
+var CDSAICarousel_default = CDSAICarousel;
+
+export { CDSAICarousel_default as default };
+//# sourceMappingURL=carousel.js.map

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

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

package/es/components/carousel/src/carousel.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-carousel__controls{align-items:center;display:flex;font-size:var(--cds-label-02-font-size,.875rem);font-weight:var(--cds-label-02-font-weight,400);gap:.5rem;inline-size:100%;justify-content:flex-end;letter-spacing:var(--cds-label-02-letter-spacing,.16px);line-height:var(--cds-label-02-line-height,1.28572)}"]);
+
+export { styles as default };
+//# sourceMappingURL=carousel.scss.js.map

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

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

package/es/components/chat-button/src/chat-button.js

@@ -45,14 +45,19 @@ let CDSAIChatButton = class CDSAIChatButton extends CDSButton {
         ];
     }
     willUpdate(changedProps) {
-        if (changedProps.has("isQuickAction") || changedProps.has("size")) {
-            this._normalizeButtonState();
+        if (changedProps.has("isQuickAction") ||
+            changedProps.has("size") ||
+            changedProps.has("kind")) {
+            this._normalizeButtonState(changedProps);
         }
     }
-    _normalizeButtonState() {
+    _normalizeButtonState(changedProps) {
         if (this.isQuickAction) {
-            this.kind = BUTTON_KIND.GHOST;
             this.size = CHAT_BUTTON_SIZE.SMALL;
+            // Only default to ghost when kind was not explicitly provided in this update.
+            if (!changedProps.has("kind")) {
+                this.kind = BUTTON_KIND.GHOST;
+            }
             return;
         }
         // Do not allow size larger than `lg`

package/es/components/chat-button/src/chat-button.js.map

@@ -1 +1 @@
-{"version":3,"file":"chat-button.js","sources":["../../../../src/components/chat-button/src/chat-button.ts"],"sourcesContent":[null],"names":["CHAT_BUTTON_KIND"],"mappings":";;;;;;;;;;;;;;;;;AAAA;;;;;;;AAOG;AA8BH;;;;AAIG;AAEH,IAAM,eAAe,GAArB,MAAM,eAAgB,SAAQ,SAAS,CAAA;AAAvC,IAAA,WAAA,GAAA;;AAGE;;AAEG;QAEH,IAAA,CAAA,aAAa,GAAG,KAAK;AASrB;;AAEG;AACc,QAAA,IAAA,CAAA,YAAY,GAAuB;AAClD,YAAA,gBAAgB,CAAC,KAAK;AACtB,YAAA,gBAAgB,CAAC,MAAM;AACvB,YAAA,gBAAgB,CAAC,KAAK;SACvB;IAyBH;AAvBY,IAAA,UAAU,CAAC,YAAkC,EAAA;AACrD,QAAA,IAAI,YAAY,CAAC,GAAG,CAAC,eAAe,CAAC,IAAI,YAAY,CAAC,GAAG,CAAC,MAAM,CAAC,EAAE;YACjE,IAAI,CAAC,qBAAqB,EAAE;QAC9B;IACF;IAEQ,qBAAqB,GAAA;AAC3B,QAAA,IAAI,IAAI,CAAC,aAAa,EAAE;AACtB,YAAA,IAAI,CAAC,IAAI,GAAGA,WAAgB,CAAC,KAAK;AAClC,YAAA,IAAI,CAAC,IAAI,GAAG,gBAAgB,CAAC,KAAK;YAClC;QACF;;AAEA,QAAA,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAwB,CAAC,EAAE;AAC9D,YAAA,IAAI,CAAC,IAAI,GAAG,gBAAgB,CAAC,KAAK;QACpC;AAEA,QAAA,IACE,CAAC,MAAM,CAAC,MAAM,CAACA,WAAgB,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAwB,CAAC,EACxE;AACA,YAAA,IAAI,CAAC,IAAI,GAAGA,WAAgB,CAAC,OAAO;QACtC;IACF;;AA9CO,eAAA,CAAA,MAAM,GAAG,CAAC,YAAY,EAAE,MAAM,CAAC;AAMtC,UAAA,CAAA;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,SAAS,EAAE,iBAAiB,EAAE;AACnC,CAAA,EAAA,eAAA,CAAA,SAAA,EAAA,eAAA,EAAA,MAAA,CAAA;AAOd,UAAA,CAAA;IADP,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,EAAE;AACjB,CAAA,EAAA,eAAA,CAAA,SAAA,EAAA,MAAA,EAAA,MAAA,CAAA;AAdzB,eAAe,GAAA,UAAA,CAAA;AADpB,IAAA,aAAa,CAAC,CAAA,EAAG,MAAM,CAAA,OAAA,CAAS;AAC3B,CAAA,EAAA,eAAe,CAgDpB;AASD,mBAAe,eAAe;;;;"}
+{"version":3,"file":"chat-button.js","sources":["../../../../src/components/chat-button/src/chat-button.ts"],"sourcesContent":[null],"names":["CHAT_BUTTON_KIND"],"mappings":";;;;;;;;;;;;;;;;;AAAA;;;;;;;AAOG;AA8BH;;;;AAIG;AAEH,IAAM,eAAe,GAArB,MAAM,eAAgB,SAAQ,SAAS,CAAA;AAAvC,IAAA,WAAA,GAAA;;AAGE;;AAEG;QAEH,IAAA,CAAA,aAAa,GAAG,KAAK;AASrB;;AAEG;AACc,QAAA,IAAA,CAAA,YAAY,GAAuB;AAClD,YAAA,gBAAgB,CAAC,KAAK;AACtB,YAAA,gBAAgB,CAAC,MAAM;AACvB,YAAA,gBAAgB,CAAC,KAAK;SACvB;IAgCH;AA9BY,IAAA,UAAU,CAAC,YAAkC,EAAA;AACrD,QAAA,IACE,YAAY,CAAC,GAAG,CAAC,eAAe,CAAC;AACjC,YAAA,YAAY,CAAC,GAAG,CAAC,MAAM,CAAC;AACxB,YAAA,YAAY,CAAC,GAAG,CAAC,MAAM,CAAC,EACxB;AACA,YAAA,IAAI,CAAC,qBAAqB,CAAC,YAAY,CAAC;QAC1C;IACF;AAEQ,IAAA,qBAAqB,CAAC,YAAkC,EAAA;AAC9D,QAAA,IAAI,IAAI,CAAC,aAAa,EAAE;AACtB,YAAA,IAAI,CAAC,IAAI,GAAG,gBAAgB,CAAC,KAAK;;YAElC,IAAI,CAAC,YAAY,CAAC,GAAG,CAAC,MAAM,CAAC,EAAE;AAC7B,gBAAA,IAAI,CAAC,IAAI,GAAGA,WAAgB,CAAC,KAAK;YACpC;YACA;QACF;;AAEA,QAAA,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAwB,CAAC,EAAE;AAC9D,YAAA,IAAI,CAAC,IAAI,GAAG,gBAAgB,CAAC,KAAK;QACpC;AAEA,QAAA,IACE,CAAC,MAAM,CAAC,MAAM,CAACA,WAAgB,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAwB,CAAC,EACxE;AACA,YAAA,IAAI,CAAC,IAAI,GAAGA,WAAgB,CAAC,OAAO;QACtC;IACF;;AArDO,eAAA,CAAA,MAAM,GAAG,CAAC,YAAY,EAAE,MAAM,CAAC;AAMtC,UAAA,CAAA;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,SAAS,EAAE,iBAAiB,EAAE;AACnC,CAAA,EAAA,eAAA,CAAA,SAAA,EAAA,eAAA,EAAA,MAAA,CAAA;AAOd,UAAA,CAAA;IADP,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,EAAE;AACjB,CAAA,EAAA,eAAA,CAAA,SAAA,EAAA,MAAA,EAAA,MAAA,CAAA;AAdzB,eAAe,GAAA,UAAA,CAAA;AADpB,IAAA,aAAa,CAAC,CAAA,EAAG,MAAM,CAAA,OAAA,CAAS;AAC3B,CAAA,EAAA,eAAe,CAuDpB;AASD,mBAAe,eAAe;;;;"}