@brandsync/wc 1.12.0 → 1.13.0

package/dist/collection/components/bs-chatbot-feedback/bs-chatbot-feedback.js

@@ -71,6 +71,22 @@ export class BsChatbotFeedback {
     /** The comment text. */
     comment = '';
     /** Overrides the computed heading (see the class doc for why this is computed by default). */
+    /** Accessible name of the close button. */
+    closeLabel = 'Close';
+    /** Label above the optional comment field. */
+    commentLabel = 'Tell us what you think';
+    /** Placeholder of the optional comment field. */
+    commentPlaceholder = 'e.g.The response was helpful ....';
+    /** Text of the submit button. */
+    submitLabel = 'Submit feedback';
+    /** Text of the "new chat" button. */
+    newChatLabel = 'Start new chat';
+    /** Accessible name of the star rating group. */
+    ratingLabel = 'Rating';
+    /** Singular star noun used in each star's accessible name ("1 star"). */
+    starLabel = 'star';
+    /** Plural star noun used in each star's accessible name ("3 stars"). */
+    starsLabel = 'stars';
     heading;
     /** Overrides the computed subtitle. */
     subtitle;
@@ -123,7 +139,7 @@ export class BsChatbotFeedback {
     }
     render() {
         const stars = [1, 2, 3, 4, 5];
-        return (h("div", { key: '1cf3a5182bae5ef9ca6032e719ded84b89e38c92', class: "bs-chatbot-feedback", role: "region", "aria-label": this.computedHeading() }, h("button", { key: '5bda6ae88a7d61097f6903a9d65450c7189deed3', type: "button", part: "close", class: "bs-chatbot-feedback__close", "aria-label": "Close", onClick: this.onCloseClick }, h(CloseIcon, { key: 'e108a344b08ea32fc9483fe38afe414ba4934b18' })), h("div", { key: '59290f663a13db00de6e009d50f54f593667ecdb', class: "bs-chatbot-feedback__top" }, h("div", { key: '9f4f809e1b0a785e1b511225b9cba960a4089a5b', class: "bs-chatbot-feedback__text" }, h("p", { key: '7eb6e3ff94b3b40402eb00a019094186bec1a954', part: "heading", class: "bs-chatbot-feedback__heading" }, this.computedHeading()), h("p", { key: 'e3d44543b43f3f0cf16a78951d08184697cd31c3', part: "subtitle", class: "bs-chatbot-feedback__subtitle" }, this.computedSubtitle())), h("div", { key: '802bd512162d1135b6ca3a358230cfa3946d9b47', class: "bs-chatbot-feedback__stars", role: "radiogroup", "aria-label": "Rating" }, stars.map(value => (h("button", { type: "button", part: "star", class: "bs-chatbot-feedback__star", role: "radio", "aria-checked": (this.rating >= value).toString(), "aria-label": `${value} star${value > 1 ? 's' : ''}`, disabled: this.submitted, onClick: () => this.onStarClick(value) }, h(StarIcon, { filled: this.rating >= value }))))), !this.submitted && (h("div", { key: '0efa9387c6c4ff4256f2b3fcb0ed057425c56a47', class: "bs-chatbot-feedback__field" }, h("label", { key: '56ba4baaaf912b4434b6be27af865296ebad2bf5', part: "label", class: "bs-chatbot-feedback__label", htmlFor: "bs-chatbot-feedback-comment" }, "Tell us what you think"), h("textarea", { key: 'c0964f935e259744a770870671ccbe1c6748f2d6', part: "textarea", id: "bs-chatbot-feedback-comment", class: "bs-chatbot-feedback__textarea", placeholder: "e.g.The response was helpful ....", value: this.comment, onInput: this.onCommentInput }))), this.submitted && this.comment && (h("p", { key: '226aefe64cdc4d05986a5d078a391dcc03630acf', part: "comment", class: "bs-chatbot-feedback__comment" }, this.comment))), h("div", { key: '174a94b61e9395792f99d73ab0533a4e7e7d6bab', class: "bs-chatbot-feedback__actions" }, !this.submitted && (h("button", { key: 'b1539a93054f3037926e190432c8821e14cb7fee', type: "button", part: "submit", class: "bs-chatbot-feedback__submit", disabled: this.rating === 0, onClick: this.onSubmitClick }, h(SendIcon, { key: 'd885521025886f58311c5713430414a82eb9b063' }), "Submit feedback")), h("button", { key: '623b133d827c7549d6f052e7668d3303f93f80c3', type: "button", part: "new-chat", class: `bs-chatbot-feedback__new-chat ${this.submitted ? 'bs-chatbot-feedback__new-chat--primary' : 'bs-chatbot-feedback__new-chat--outlined'}`, onClick: this.onNewChatClick }, h(EditIcon, { key: '5069e1d0219f4b25212631425ddb85473bff0c4a' }), "Start new chat"))));
+        return (h("div", { key: 'f130998552aab5a5afc8bed15a2c7ca9486e34f6', class: "bs-chatbot-feedback", role: "region", "aria-label": this.computedHeading() }, h("button", { key: 'e6d8c07d849ab7db7e90e9275f1c80fd0235e7c8', type: "button", part: "close", class: "bs-chatbot-feedback__close", "aria-label": this.closeLabel, onClick: this.onCloseClick }, h(CloseIcon, { key: '4aaa7bdde657d2f3ce7b02a94615467d59b9d03b' })), h("div", { key: 'd48c0972bdb41d0d3160a59b4133fe7a556131b0', class: "bs-chatbot-feedback__top" }, h("div", { key: '1a83193e4e424c94e831e8211c9da7cd9472ffab', class: "bs-chatbot-feedback__text" }, h("p", { key: 'b8c5113dde16c85e963239d0f186810c283cc4a4', part: "heading", class: "bs-chatbot-feedback__heading" }, this.computedHeading()), h("p", { key: 'f859edb7f731eda672af870787c7f3970ba767d8', part: "subtitle", class: "bs-chatbot-feedback__subtitle" }, this.computedSubtitle())), h("div", { key: 'e71d221adb2b93005a8c45e14cb744de4e395c5f', class: "bs-chatbot-feedback__stars", role: "radiogroup", "aria-label": this.ratingLabel }, stars.map(value => (h("button", { type: "button", part: "star", class: "bs-chatbot-feedback__star", role: "radio", "aria-checked": (this.rating >= value).toString(), "aria-label": `${value} ${value > 1 ? this.starsLabel : this.starLabel}`, disabled: this.submitted, onClick: () => this.onStarClick(value) }, h(StarIcon, { filled: this.rating >= value }))))), !this.submitted && (h("div", { key: '3928426935466827274157b876432c64a46a4ca1', class: "bs-chatbot-feedback__field" }, h("label", { key: 'a2077a005f61d5894669c1e81214f5326ab0e21f', part: "label", class: "bs-chatbot-feedback__label", htmlFor: "bs-chatbot-feedback-comment" }, this.commentLabel), h("textarea", { key: 'b8fbf585886f2c1a4668ac2a41784cda3ea7ffb8', part: "textarea", id: "bs-chatbot-feedback-comment", class: "bs-chatbot-feedback__textarea", placeholder: this.commentPlaceholder, value: this.comment, onInput: this.onCommentInput }))), this.submitted && this.comment && (h("p", { key: 'af74b46b79707c84bf879ff3c22ccb373caffc61', part: "comment", class: "bs-chatbot-feedback__comment" }, this.comment))), h("div", { key: '42bfb963e179fb87eb458c1778b1960cb6e2bdb7', class: "bs-chatbot-feedback__actions" }, !this.submitted && (h("button", { key: '2d53225bde5c51c6585cdb48609ce3c37b486427', type: "button", part: "submit", class: "bs-chatbot-feedback__submit", disabled: this.rating === 0, onClick: this.onSubmitClick }, h(SendIcon, { key: 'c82809c4d588d33760dd8e631ff4cdf3f7dbc3fe' }), this.submitLabel)), h("button", { key: 'a7c5524ce5f63986651a8195c8b3a9de11f977c5', type: "button", part: "new-chat", class: `bs-chatbot-feedback__new-chat ${this.submitted ? 'bs-chatbot-feedback__new-chat--primary' : 'bs-chatbot-feedback__new-chat--outlined'}`, onClick: this.onNewChatClick }, h(EditIcon, { key: 'fa70038f00e2cedb8f19428e9dce94c688da79d5' }), this.newChatLabel))));
     }
     static get is() { return "bs-chatbot-feedback"; }
     static get encapsulation() { return "shadow"; }
@@ -199,6 +215,166 @@ export class BsChatbotFeedback {
                 "attribute": "comment",
                 "defaultValue": "''"
             },
+            "closeLabel": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Accessible name of the close button."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "close-label",
+                "defaultValue": "'Close'"
+            },
+            "commentLabel": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Label above the optional comment field."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "comment-label",
+                "defaultValue": "'Tell us what you think'"
+            },
+            "commentPlaceholder": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Placeholder of the optional comment field."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "comment-placeholder",
+                "defaultValue": "'e.g.The response was helpful ....'"
+            },
+            "submitLabel": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Text of the submit button."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "submit-label",
+                "defaultValue": "'Submit feedback'"
+            },
+            "newChatLabel": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Text of the \"new chat\" button."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "new-chat-label",
+                "defaultValue": "'Start new chat'"
+            },
+            "ratingLabel": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Accessible name of the star rating group."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "rating-label",
+                "defaultValue": "'Rating'"
+            },
+            "starLabel": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Singular star noun used in each star's accessible name (\"1 star\")."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "star-label",
+                "defaultValue": "'star'"
+            },
+            "starsLabel": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Plural star noun used in each star's accessible name (\"3 stars\")."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "stars-label",
+                "defaultValue": "'stars'"
+            },
             "heading": {
                 "type": "string",
                 "mutable": false,
@@ -211,7 +387,7 @@ export class BsChatbotFeedback {
                 "optional": true,
                 "docs": {
                     "tags": [],
-                    "text": "Overrides the computed heading (see the class doc for why this is computed by default)."
+                    "text": ""
                 },
                 "getter": false,
                 "setter": false,

package/dist/collection/components/bs-chatbot-header/bs-chatbot-header.cmp.test.js

@@ -91,4 +91,10 @@ describe('bs-chatbot-header', () => {
         expect(historySpy.length).toBe(0);
         expect(expandSpy.length).toBe(0);
     });
+    it('removes hidden buttons from the DOM and applies label overrides', async () => {
+        const { root } = await render(h("bs-chatbot-header", { hideHistory: true, hideExpand: true, closeLabel: "Luk" }));
+        expect(root.shadowRoot.querySelector('[part="history"]')).toBeNull();
+        expect(root.shadowRoot.querySelector('[part="expand"]')).toBeNull();
+        expect(root.shadowRoot.querySelector('[part="close"]')).toEqualAttribute('aria-label', 'Luk');
+    });
 });

package/dist/collection/components/bs-chatbot-header/bs-chatbot-header.js

@@ -18,6 +18,7 @@ import { GENIE_LOGO_SVG } from "./genie-logo";
  * `aria-label` -- screen readers already get the accessible name from the button itself, so the
  * tooltip doesn't need to be (and shouldn't be) announced a second time.
  *
+ * @slot actions - Extra consumer-supplied controls (e.g. a language selector) rendered before the built-in buttons.
  * @slot new-chat-icon - Overrides the default "New chat" button icon.
  * @slot history-icon - Overrides the default "History" button icon.
  * @slot expand-icon - Overrides the default "Expand"/"Collapse" button icon (rendered regardless of `expanded` -- there is no separate confirmed "collapsed" glyph in the design, so swap it yourself via this slot if you need one).
@@ -52,6 +53,24 @@ export class BsChatbotHeader {
      * response to that event, since only the app knows what that container is.
      */
     expanded = false;
+    /** Removes the "New chat" button from the DOM. */
+    hideNewChat = false;
+    /** Removes the "History" button from the DOM. */
+    hideHistory = false;
+    /** Removes the expand/fullscreen button from the DOM. */
+    hideExpand = false;
+    /** Removes the "Close" button from the DOM. */
+    hideClose = false;
+    /** Accessible name and tooltip text of the "New chat" button. */
+    newChatLabel = 'New chat';
+    /** Accessible name and tooltip text of the "History" button. */
+    historyLabel = 'History';
+    /** Accessible name and tooltip text of the expand button while collapsed. */
+    expandLabel = 'Fullscreen';
+    /** Accessible name and tooltip text of the expand button while `expanded`. */
+    collapseLabel = 'Exit fullscreen';
+    /** Accessible name and tooltip text of the "Close" button. */
+    closeLabel = 'Close';
     /** Fires when the "New chat" button is clicked. */
     bsNewChat;
     /** Fires when the "History" button is clicked. */
@@ -74,7 +93,7 @@ export class BsChatbotHeader {
         this.bsClose.emit();
     };
     render() {
-        return (h("div", { key: 'c77fcfa340df9342111e77588804f51c66788e90', class: "bs-chatbot-header", role: "banner", "aria-label": this.heading }, h("div", { key: 'c17b3297adacb61edbfbdc77832d1c0e5e1c1f02', part: "logo", class: "bs-chatbot-header__logo", role: "img", "aria-label": this.heading, innerHTML: GENIE_LOGO_SVG }), h("div", { key: '9c07b22fa0a41a21fd95966d25c619a6e1b3dfa8', class: "bs-chatbot-header__actions" }, h("span", { key: '5f640f6c5df74ae59cb302aa4d66456fbd71c3b0', class: "bs-chatbot-header__tooltip-wrapper" }, h("button", { key: 'd50d84593711b1b045cc2ff66d1efc2d71c73755', type: "button", part: "new-chat", class: "bs-chatbot-header__button", "aria-label": "New chat", onClick: this.onNewChatClick }, h("slot", { key: '29dc1d8da07329d304e94d4baac0ab1104ea5815', name: "new-chat-icon" }, h(NewChatIcon, { key: '9e584349507e736f7f5c24f8fb2253ad29bbf09b' }))), h("bs-tooltip", { key: 'd99a994539368edc0aa053e474ab9aff155050ed', class: "bs-chatbot-header__tooltip", placement: "top", "aria-hidden": "true" }, "New chat")), h("span", { key: '85f4e439d95a56da740a37c41a39b3a9b7ac2f13', class: "bs-chatbot-header__tooltip-wrapper" }, h("button", { key: 'a2d0d468c03d6a83cbdfb69ca0edc30168c3f8a8', type: "button", part: "history", class: "bs-chatbot-header__button", "aria-label": "History", onClick: this.onHistoryClick }, h("slot", { key: 'd6f6bd60b8931229602aaebee485cb5a1fbb8ca8', name: "history-icon" }, h(HistoryIcon, { key: 'f2de17ccd1e23077e57bd4a092d2432f854b5161' }))), h("bs-tooltip", { key: '6cce933959793a959cf288df3323ed5d8f80dba8', class: "bs-chatbot-header__tooltip", placement: "top", "aria-hidden": "true" }, "History")), h("span", { key: '019a198d91c9c93266efd1a3df823d13ea2455d4', class: "bs-chatbot-header__tooltip-wrapper" }, h("button", { key: '26cb1a7436d213b1ce003f33abe419d8fab0deb9', type: "button", part: "expand", class: "bs-chatbot-header__button", "aria-label": this.expanded ? 'Exit fullscreen' : 'Fullscreen', "aria-pressed": this.expanded ? 'true' : 'false', onClick: this.onExpandClick }, h("slot", { key: 'e36dca1a33834d5f6a4f3a9434535b280de26e52', name: "expand-icon" }, h(ExpandIcon, { key: 'e045048d9044b29b2de00b529e5aa2d634c41520' }))), h("bs-tooltip", { key: '9e7911c8544776e6939b7e704a2206d95ff69126', class: "bs-chatbot-header__tooltip", placement: "top", "aria-hidden": "true" }, this.expanded ? 'Exit fullscreen' : 'Fullscreen')), h("span", { key: '6d23ab86e5b21dbb44d7f21443d19f1a6b2b2727', class: "bs-chatbot-header__tooltip-wrapper" }, h("button", { key: 'a9d5765cf1db4f1278f922acbb54a41ad7477a10', type: "button", part: "close", class: "bs-chatbot-header__button", "aria-label": "Close", onClick: this.onCloseClick }, h("slot", { key: '3570a4fadc9e52bc4b9db393f9351ae2dcb4c877', name: "close-icon" }, h(CloseIcon, { key: 'ca1ee8c7733e74db4b464e7e1af4addec847c950' }))), h("bs-tooltip", { key: '6fbdd96e577b485f7268501c2cfd3805dc3acefc', class: "bs-chatbot-header__tooltip", placement: "top", "aria-hidden": "true" }, "Close")))));
+        return (h("div", { key: '04b5a6fe875ccac5b9e969c69a19902e5f4e4fa7', class: "bs-chatbot-header", role: "banner", "aria-label": this.heading }, h("div", { key: '415b285d53c587a2c3f1a659dd34eb5591495ab7', part: "logo", class: "bs-chatbot-header__logo", role: "img", "aria-label": this.heading, innerHTML: GENIE_LOGO_SVG }), h("div", { key: '3f8274b5b8d28695fb15284f309f25df5472c352', class: "bs-chatbot-header__actions" }, h("slot", { key: '69120c2bb22ead2edb2da66509cb1e731b76d135', name: "actions" }), !this.hideNewChat && (h("span", { key: '123e6a5f7ae9fb72a2e840d07436613084daebd2', class: "bs-chatbot-header__tooltip-wrapper" }, h("button", { key: '2074d3f430a2c9c56372e66f268e2caf8109338b', type: "button", part: "new-chat", class: "bs-chatbot-header__button", "aria-label": this.newChatLabel, onClick: this.onNewChatClick }, h("slot", { key: '660ba465e90c754bdb5e046b01cb33adc77726ea', name: "new-chat-icon" }, h(NewChatIcon, { key: '12c5ea9ba06cbfa59f3dd91458745666fb4d9877' }))), h("bs-tooltip", { key: 'f2b99180d7235d5d50afd239574e6d2b2f14772c', class: "bs-chatbot-header__tooltip", placement: "top", "aria-hidden": "true" }, this.newChatLabel))), !this.hideHistory && (h("span", { key: 'a3a00dee2cdc75884375374d7124580f09381106', class: "bs-chatbot-header__tooltip-wrapper" }, h("button", { key: '4e65d976ec329ff6feac27c9c5ea25454e286b43', type: "button", part: "history", class: "bs-chatbot-header__button", "aria-label": this.historyLabel, onClick: this.onHistoryClick }, h("slot", { key: 'f7f8502019ae7b74303ea646943118b4abb8868e', name: "history-icon" }, h(HistoryIcon, { key: '409956dc3aac4553597ca49a660d1cdc86aceb31' }))), h("bs-tooltip", { key: '52842f0d2e9d0e977c6d6519312fe3a9e82a4f12', class: "bs-chatbot-header__tooltip", placement: "top", "aria-hidden": "true" }, this.historyLabel))), !this.hideExpand && (h("span", { key: 'aeb280cc54979b9793783a2945c7a8c02ce67fc8', class: "bs-chatbot-header__tooltip-wrapper" }, h("button", { key: 'a3958e634d58e24ca68eb6dd678b54595809227a', type: "button", part: "expand", class: "bs-chatbot-header__button", "aria-label": this.expanded ? this.collapseLabel : this.expandLabel, "aria-pressed": this.expanded ? 'true' : 'false', onClick: this.onExpandClick }, h("slot", { key: 'fdeb6f120ba18b62282d9e81cf69beb911fef0c6', name: "expand-icon" }, h(ExpandIcon, { key: 'd0e97503439ee3317fc31e98365d7cc2ae0e0b40' }))), h("bs-tooltip", { key: '69955de943bd351f2c4a190bce0a665f40583986', class: "bs-chatbot-header__tooltip", placement: "top", "aria-hidden": "true" }, this.expanded ? this.collapseLabel : this.expandLabel))), !this.hideClose && (h("span", { key: '9f9cf332028e3b7ee476d913c80e1eabc1d8a6bb', class: "bs-chatbot-header__tooltip-wrapper" }, h("button", { key: '3c8204dfe79a242c2c3628df036c450a5a73a252', type: "button", part: "close", class: "bs-chatbot-header__button", "aria-label": this.closeLabel, onClick: this.onCloseClick }, h("slot", { key: 'fb5b0690eae7c16839a45813b8ba01518a5f4dcd', name: "close-icon" }, h(CloseIcon, { key: 'f16256052a386cd6709cd813195c494dc6badef5' }))), h("bs-tooltip", { key: 'dd9bd6e98701e80f7cf10950114bc59b2e550d3f', class: "bs-chatbot-header__tooltip", placement: "top", "aria-hidden": "true" }, this.closeLabel))))));
     }
     static get is() { return "bs-chatbot-header"; }
     static get encapsulation() { return "shadow"; }
@@ -129,6 +148,186 @@ export class BsChatbotHeader {
                 "reflect": true,
                 "attribute": "expanded",
                 "defaultValue": "false"
+            },
+            "hideNewChat": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Removes the \"New chat\" button from the DOM."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "hide-new-chat",
+                "defaultValue": "false"
+            },
+            "hideHistory": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Removes the \"History\" button from the DOM."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "hide-history",
+                "defaultValue": "false"
+            },
+            "hideExpand": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Removes the expand/fullscreen button from the DOM."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "hide-expand",
+                "defaultValue": "false"
+            },
+            "hideClose": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Removes the \"Close\" button from the DOM."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "hide-close",
+                "defaultValue": "false"
+            },
+            "newChatLabel": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Accessible name and tooltip text of the \"New chat\" button."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "new-chat-label",
+                "defaultValue": "'New chat'"
+            },
+            "historyLabel": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Accessible name and tooltip text of the \"History\" button."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "history-label",
+                "defaultValue": "'History'"
+            },
+            "expandLabel": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Accessible name and tooltip text of the expand button while collapsed."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "expand-label",
+                "defaultValue": "'Fullscreen'"
+            },
+            "collapseLabel": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Accessible name and tooltip text of the expand button while `expanded`."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "collapse-label",
+                "defaultValue": "'Exit fullscreen'"
+            },
+            "closeLabel": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Accessible name and tooltip text of the \"Close\" button."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "close-label",
+                "defaultValue": "'Close'"
             }
         };
     }

package/dist/collection/components/bs-chatbot-response-action/bs-chatbot-response-action.cmp.test.js

@@ -171,4 +171,12 @@ describe('bs-chatbot-response-action', () => {
         expect(assigned).toHaveLength(1);
         expect(assigned[0]).toHaveTextContent('CUSTOM');
     });
+    it('reflects liked/disliked as aria-pressed and removes Regenerate with hideRegenerate', async () => {
+        const { root } = await render(h("bs-chatbot-response-action", { liked: true, hideRegenerate: true, likeLabel: "Synes godt om" }));
+        const like = root.shadowRoot.querySelector('[part="like"]');
+        expect(like).toEqualAttribute('aria-pressed', 'true');
+        expect(like).toEqualAttribute('aria-label', 'Synes godt om');
+        expect(root.shadowRoot.querySelector('[part="dislike"]')).toEqualAttribute('aria-pressed', 'false');
+        expect(root.shadowRoot.querySelector('[part="regenerate"]')).toBeNull();
+    });
 });

package/dist/collection/components/bs-chatbot-response-action/bs-chatbot-response-action.css

@@ -118,3 +118,7 @@
 .bs-chatbot-response-action__sources-label {
   white-space: nowrap;
 }
+
+.bs-chatbot-response-action__button[aria-pressed='true'] {
+  background: var(--bs-chatbot-response-action-button-pressed);
+}