@brandsync/wc 1.16.0 → 1.18.0

package/dist/collection/components/bs-button/bs-icon-button/bs-icon-button.js

@@ -52,6 +52,13 @@ export class BsIconButton {
      * prop to the `aria-label` HTML attribute automatically.
      */
     ariaLabel = null;
+    /**
+     * Makes this a toggle button: sets `aria-pressed` on the inner `<button>` to `true`/`false`. Leave it
+     * unset (the default) for a plain action button, which then has no `aria-pressed` at all. The component
+     * does not toggle itself; the owner flips this on click. Put the toggle's state in the icon (e.g. a filled
+     * star), not in the label, which should stay the same.
+     */
+    pressed;
     onClick = () => {
         const form = this.internals?.form;
         if (!form || this.disabled)
@@ -62,7 +69,7 @@ export class BsIconButton {
             form.reset();
     };
     render() {
-        return (h("button", { key: '285e98b32bc33089125e07f14c84b8c72cdc853b', class: `bs-icon-button bs-icon-button--${this.variant} bs-icon-button--${this.size}`, type: this.type, disabled: this.disabled, "aria-label": this.ariaLabel, onClick: this.onClick }, h("span", { key: 'd91ec40e2d3e99ee3894e5c5c58f5b209b2ef545', part: "icon", class: "bs-icon-button__icon" }, h("slot", { key: '6718a31a0f5f20bed9a5c682ddf0e6d1b703748b' }))));
+        return (h("button", { key: 'e04c7785712f0f9a2bfaa0efd51712d7c6ca805e', class: `bs-icon-button bs-icon-button--${this.variant} bs-icon-button--${this.size}`, type: this.type, disabled: this.disabled, "aria-label": this.ariaLabel, "aria-pressed": this.pressed === undefined ? undefined : String(this.pressed), onClick: this.onClick }, h("span", { key: '2b9cfb3af8b3914ee88a3244c3d1f102cbae7082', part: "icon", class: "bs-icon-button__icon" }, h("slot", { key: 'b561552aece8e0f8ae83dd6619295e5c9477aa89' }))));
     }
     static get is() { return "bs-icon-button"; }
     static get encapsulation() { return "shadow"; }
@@ -191,6 +198,25 @@ export class BsIconButton {
                 "reflect": false,
                 "attribute": "aria-label",
                 "defaultValue": "null"
+            },
+            "pressed": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Makes this a toggle button: sets `aria-pressed` on the inner `<button>` to `true`/`false`. Leave it\nunset (the default) for a plain action button, which then has no `aria-pressed` at all. The component\ndoes not toggle itself; the owner flips this on click. Put the toggle's state in the icon (e.g. a filled\nstar), not in the label, which should stay the same."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "pressed"
             }
         };
     }

package/dist/collection/components/bs-button-skeleton/bs-button-skeleton.js

@@ -27,7 +27,7 @@ export class BsButtonSkeleton {
     /** Accessible name announced for the loading placeholder. */
     loadingLabel = 'Loading';
     render() {
-        return h("span", { key: 'a3122d410d69635b4a4d2aacdd9d7adc6e304289', part: "container", class: `bs-button-skeleton bs-button-skeleton--${this.size}`, role: "status", "aria-label": this.loadingLabel });
+        return h("span", { key: 'ba65829a03b8c34ec0f42b157626e5869978d3bf', part: "container", class: `bs-button-skeleton bs-button-skeleton--${this.size}`, role: "status", "aria-label": this.loadingLabel });
     }
     static get is() { return "bs-button-skeleton"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/bs-card/bs-card.js

@@ -34,7 +34,7 @@ export class BsCard {
         this.hasImage = ev.target.assignedNodes().length > 0;
     };
     render() {
-        return (h("div", { key: '288db1e39f66129bf5d6598f53fb49d5481d0f02', part: "container", class: `bs-card bs-card--${this.surface}` }, h("div", { key: '9f25abc5cdfdf40d7bdefab7f1154545cc634f9d', part: "image", class: `bs-card__image ${this.hasImage ? 'bs-card__image--visible' : ''}` }, h("slot", { key: '8eff4a23e8ecf977056206bc8c223b4ad97b7656', name: "image", onSlotchange: this.onImageSlotchange })), h("div", { key: 'b0a1580657943f30c9a5dba3361dcf00dd36e90f', class: "bs-card__content" }, h("div", { key: 'f151de3b9d5975d2953131aea92a2353ac665bbc', part: "header", class: "bs-card__header" }, h("slot", { key: '6d015146a6ff72788ad3843caa37f2c304728b8b', name: "header" })), h("div", { key: 'd678f0d33dba58725b397502d9aced9983466bf6', part: "body", class: "bs-card__body" }, h("slot", { key: '51b7cdca4af0e43ba7de04c14bca32f59baa2f58' })), h("div", { key: '6b6fe027565678561d7f7beb79f6ceb05397ff50', part: "footer", class: "bs-card__footer" }, h("slot", { key: '6d704d0e7b6644e3f0e6b4ce7ae12e515c84339d', name: "footer" })))));
+        return (h("div", { key: 'be681abe6454f6f0ef03ec8ef05f2ef7e036b2fb', part: "container", class: `bs-card bs-card--${this.surface}` }, h("div", { key: '94fcc1a41307d29cd6e3d1c0db68e4ad56f76e66', part: "image", class: `bs-card__image ${this.hasImage ? 'bs-card__image--visible' : ''}` }, h("slot", { key: 'fa2441f597664fcfb1920f7f6b6d81cebb33c3cf', name: "image", onSlotchange: this.onImageSlotchange })), h("div", { key: 'f45578aeab67c531e3f1066788b646464e4ee5a3', class: "bs-card__content" }, h("div", { key: '44bc9e76ebb151099736e73fac2eea1e5baba014', part: "header", class: "bs-card__header" }, h("slot", { key: '58f766725dd1bd81aa4a5f5fa1da2626fd705582', name: "header" })), h("div", { key: '8ee2df46d6a643e0f7d13ec875a363b4ef714b00', part: "body", class: "bs-card__body" }, h("slot", { key: '8c47ca1e2acffbc952cf15a0518c3ca2d640fe58' })), h("div", { key: 'de5856f9b0a72cd42345320fbdd2a290640039d7', part: "footer", class: "bs-card__footer" }, h("slot", { key: '982cee8e6fb70228faf2cd7a55312ef690bd23a2', name: "footer" })))));
     }
     static get is() { return "bs-card"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/bs-carousel/bs-carousel.js

@@ -186,7 +186,7 @@ export class BsCarousel {
         // While auto-advance is actually running, slide changes must not be announced (it would
         // interrupt the user constantly); otherwise announce them politely.
         const rotating = this.autoplay && !this.paused && !this.interacting;
-        return (h("section", { key: '4d3a0024b4f407a595769bc3dce7270104a0aeb7', part: "carousel", class: "bs-carousel", role: "region", "aria-roledescription": "carousel", "aria-label": this.label, style: { '--bs-carousel-slides-per-view': String(this.perView) } }, h("div", { key: '7160dbff92ce24112a5ebe54f10cfb4034d29750', part: "slides", class: "bs-carousel__slides", "aria-live": rotating ? 'off' : 'polite' }, h("slot", { key: 'fee4505b4a303719c62f9a7b76bea784ef920a20', onSlotchange: this.onSlotChange })), showTracker && (h("div", { key: 'd70a3780f4d9c00c087d931fb4b50401890a2c38', part: "tracker", class: "bs-carousel__tracker" }, this.tracker === 'numbers' ? (h("bs-pagination", { part: "pagination", totalPages: this.pageCount, currentPage: this.page, onBsPageChange: (ev) => {
+        return (h("section", { key: 'e388f41561ae9194608c34bc9a7efceabebe721b', part: "carousel", class: "bs-carousel", role: "region", "aria-roledescription": "carousel", "aria-label": this.label, style: { '--bs-carousel-slides-per-view': String(this.perView) } }, h("div", { key: '76a5c27dc3b801cf42c903218aaa76ced0c6f700', part: "slides", class: "bs-carousel__slides", "aria-live": rotating ? 'off' : 'polite' }, h("slot", { key: '90c92304c35d872398a4db3c2ed862468009b785', onSlotchange: this.onSlotChange })), showTracker && (h("div", { key: '0f2e97e93e7a2392eeb60b50e87b557c95a1b929', part: "tracker", class: "bs-carousel__tracker" }, this.tracker === 'numbers' ? (h("bs-pagination", { part: "pagination", totalPages: this.pageCount, currentPage: this.page, onBsPageChange: (ev) => {
                 ev.stopPropagation();
                 this.goTo(ev.detail);
             } })) : (h("div", { class: "bs-carousel__nav" }, this.renderDotsTracker())), this.renderPause()))));

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

@@ -139,7 +139,7 @@ export class BsChatbotFeedback {
     }
     render() {
         const stars = [1, 2, 3, 4, 5];
-        return (h("div", { key: 'b5ecff5747f951bbd12737ae3b228c4ebe5e3c1a', class: "bs-chatbot-feedback", role: "region", "aria-label": this.computedHeading() }, h("button", { key: 'c2f7229ed44ef138176e729ab1bc75a3caeb86f9', type: "button", part: "close", class: "bs-chatbot-feedback__close", "aria-label": this.closeLabel, onClick: this.onCloseClick }, h(CloseIcon, { key: '45cbc05895d53bd52111af0e6c604bd33e8d4fe2' })), h("div", { key: 'b390a7523806a89f30f8e53e9be8514b4dfa68aa', class: "bs-chatbot-feedback__top" }, h("div", { key: '90c8eb690bed06bdf5cc9cd0337379a50240af7a', class: "bs-chatbot-feedback__text" }, h("p", { key: '36017d422b64a1c3b5e2d8f282730328b9d9099d', part: "heading", class: "bs-chatbot-feedback__heading" }, this.computedHeading()), h("p", { key: 'bf7bc4f57de5c72abf271696c06447a9698274b3', part: "subtitle", class: "bs-chatbot-feedback__subtitle" }, this.computedSubtitle())), h("div", { key: '5456d1ad9a761d8b5bdfb6b3e1d4a73d1f15beb9', 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: 'b4ac38b78a0c219ff4f5f9526242ad69141ca8bc', class: "bs-chatbot-feedback__field" }, h("label", { key: '26d7f278507bc567bfa926f01adf99115a10ef86', part: "label", class: "bs-chatbot-feedback__label", htmlFor: "bs-chatbot-feedback-comment" }, this.commentLabel), h("textarea", { key: 'dc6e76aca6288e38f282460b9dc1ebf29923ecaf', 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: '681069b3738f6839f47295398695a9ec7d453970', part: "comment", class: "bs-chatbot-feedback__comment" }, this.comment))), h("div", { key: '1f2cc57d14a95bd4ffca6d2bef8c438f22be24ee', class: "bs-chatbot-feedback__actions" }, !this.submitted && (h("button", { key: '3ec8c2ca290271dab663deb3bc043836097cff7f', type: "button", part: "submit", class: "bs-chatbot-feedback__submit", disabled: this.rating === 0, onClick: this.onSubmitClick }, h(SendIcon, { key: 'b33754c134ea3b53b01f31abf5242f4d6e4d6c50' }), this.submitLabel)), h("button", { key: '87d2a12e10211553f84d90c390739b69a340bd65', 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: '438a73c14ea12d59a89d18afc3a200fa457f900f' }), this.newChatLabel))));
+        return (h("div", { key: '687bdf3ad27c52994940ad585592a1c98e193043', class: "bs-chatbot-feedback", role: "region", "aria-label": this.computedHeading() }, h("button", { key: '4a1f9ae9e066e3e1bb5577e71b5823ff987bfce9', type: "button", part: "close", class: "bs-chatbot-feedback__close", "aria-label": this.closeLabel, onClick: this.onCloseClick }, h(CloseIcon, { key: 'cf8bf10c555376a6d733d5ce32cedc2e7bb3a673' })), h("div", { key: '360b2152b1761c33885aaaf1add02724c7dc0954', class: "bs-chatbot-feedback__top" }, h("div", { key: 'ee7e9ec8de6b674f019cc86d1445d8ebc8698ce8', class: "bs-chatbot-feedback__text" }, h("p", { key: '71df5fc535f48e0171bb8ed59b964b5c09f26ff7', part: "heading", class: "bs-chatbot-feedback__heading" }, this.computedHeading()), h("p", { key: 'a75c4fe0dc0a6c2e9fbeb7731a4d54fdc47ac627', part: "subtitle", class: "bs-chatbot-feedback__subtitle" }, this.computedSubtitle())), h("div", { key: 'db2bf8547c08786fe41f39be3b5721af732a70c4', 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: '6da5f9638f4fe9f7e3536656dc383a3576f3bd22', class: "bs-chatbot-feedback__field" }, h("label", { key: '1c6f056ef6b7f3f9b72dad368a3ec4ee74372cdf', part: "label", class: "bs-chatbot-feedback__label", htmlFor: "bs-chatbot-feedback-comment" }, this.commentLabel), h("textarea", { key: '4738b9f313f2202e5c802eef26427f2ead962a51', 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: 'e2a8e1e14c23210c42ca3c8215acc2b84f3e7cbe', part: "comment", class: "bs-chatbot-feedback__comment" }, this.comment))), h("div", { key: '150e6d6d376c1154bb92a86587e5bd3efc8171cd', class: "bs-chatbot-feedback__actions" }, !this.submitted && (h("button", { key: '285c665aafecd02cbfea4fc3bc394d5e3cccf991', type: "button", part: "submit", class: "bs-chatbot-feedback__submit", disabled: this.rating === 0, onClick: this.onSubmitClick }, h(SendIcon, { key: 'b13ad8dafdf1594ff1e6293ae3b0ddaa8afdacb3' }), this.submitLabel)), h("button", { key: '9281f0ab341ad8a270d8e2bf78a0eaf29e826d13', 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: 'c3b3d01c786aca633ce57c5531436e2a02b58054' }), this.newChatLabel))));
     }
     static get is() { return "bs-chatbot-feedback"; }
     static get encapsulation() { return "shadow"; }

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

@@ -93,7 +93,7 @@ export class BsChatbotHeader {
         this.bsClose.emit();
     };
     render() {
-        return (h("div", { key: '1e82711dbca1c2c7f545269154707743d3c39bc2', class: "bs-chatbot-header", role: "banner", "aria-label": this.heading }, h("div", { key: '67ac0df20f227710987066ba897c593c6728d8bd', part: "logo", class: "bs-chatbot-header__logo", role: "img", "aria-label": this.heading, innerHTML: GENIE_LOGO_SVG }), h("div", { key: 'da9b259095c349802c07ef133970482d5d27f7c1', class: "bs-chatbot-header__actions" }, h("slot", { key: 'f8eae11a4ec06a0f0ce1b73ea36deb4276fc447e', name: "actions" }), !this.hideNewChat && (h("span", { key: '72e65dd88d7be443db68d229ed1b33c333c5d2cd', class: "bs-chatbot-header__tooltip-wrapper" }, h("button", { key: 'f2dcdf530a7f4ebb591a6431c11414f5df9ed40e', type: "button", part: "new-chat", class: "bs-chatbot-header__button", "aria-label": this.newChatLabel, onClick: this.onNewChatClick }, h("slot", { key: 'f993c37591df27c604f771b65f11c015bd5cfa29', name: "new-chat-icon" }, h(NewChatIcon, { key: '001e9ab9fefc81499e457102ebb03ab10121f89f' }))), h("bs-tooltip", { key: 'd2c0a848bd204cf1a374d3a3f60162f52c8f3fb1', class: "bs-chatbot-header__tooltip", placement: "top", "aria-hidden": "true" }, this.newChatLabel))), !this.hideHistory && (h("span", { key: 'bd7111e541b03d7c2ab9214457708e3ecdb6120d', class: "bs-chatbot-header__tooltip-wrapper" }, h("button", { key: 'b80ffb1d4c9f55fb5faceb138b56af4cd4bbcc25', type: "button", part: "history", class: "bs-chatbot-header__button", "aria-label": this.historyLabel, onClick: this.onHistoryClick }, h("slot", { key: 'b80e223143dbdc67d08ac2bdba79a25e19e1c92b', name: "history-icon" }, h(HistoryIcon, { key: '30dfe6c3925be30cb3ae32d9415bed6283e289c5' }))), h("bs-tooltip", { key: 'e3f63c2a31fb7aa2ef8baa7fd69a9b491d31e5e9', class: "bs-chatbot-header__tooltip", placement: "top", "aria-hidden": "true" }, this.historyLabel))), !this.hideExpand && (h("span", { key: 'a4a8eec0d3e79c843747714a5e1ac4916107eb6e', class: "bs-chatbot-header__tooltip-wrapper" }, h("button", { key: 'c5b6b5766f829f8b09c205ef9ee2b22db86757d6', 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: 'a4e94ff355a6a059e19d834e31e8e82e2a444847', name: "expand-icon" }, h(ExpandIcon, { key: '8c7e91c88e9b0e6f763ccd01ba1fcfbb6c7310c7' }))), h("bs-tooltip", { key: '5e6594e602dff820748ff4b87edebba43ee45ff6', class: "bs-chatbot-header__tooltip", placement: "top", "aria-hidden": "true" }, this.expanded ? this.collapseLabel : this.expandLabel))), !this.hideClose && (h("span", { key: '2a34f85167c05fbcc0cb367d4717076c9ac6fa4b', class: "bs-chatbot-header__tooltip-wrapper" }, h("button", { key: 'a7ceffef02d0dd8aaf4e5fd88fdecea5c784db44', type: "button", part: "close", class: "bs-chatbot-header__button", "aria-label": this.closeLabel, onClick: this.onCloseClick }, h("slot", { key: 'fa8c5ad4b665f406bd8431eb859ccc665e9e4b1f', name: "close-icon" }, h(CloseIcon, { key: 'bdc09f3721c0b0e46589245f44a8e84625ca4012' }))), h("bs-tooltip", { key: '73d7debb7de3e57425c8af1c01f57d2a1b66c237', class: "bs-chatbot-header__tooltip", placement: "top", "aria-hidden": "true" }, this.closeLabel))))));
+        return (h("div", { key: '6905b251db2d793c866be5ccd9af9c8975b382e2', class: "bs-chatbot-header", role: "banner", "aria-label": this.heading }, h("div", { key: '62ae1b598ab0fb57e08ce750ac2fe004300b280d', part: "logo", class: "bs-chatbot-header__logo", role: "img", "aria-label": this.heading, innerHTML: GENIE_LOGO_SVG }), h("div", { key: '9d26c1559ab08868f3ad781d35c68e7d6deae7ba', class: "bs-chatbot-header__actions" }, h("slot", { key: '4b4cdd87bfa3a98dce549b00d12afef875f0bea6', name: "actions" }), !this.hideNewChat && (h("span", { key: '22a02d1b7830e7ebb61837fbd5bbefc802f3fcde', class: "bs-chatbot-header__tooltip-wrapper" }, h("button", { key: 'edda62eebead66a4afeff20bb279d7fa813cf6d7', type: "button", part: "new-chat", class: "bs-chatbot-header__button", "aria-label": this.newChatLabel, onClick: this.onNewChatClick }, h("slot", { key: 'a290ad14e1b0248d2fe9be15ab90bcc5af4194c7', name: "new-chat-icon" }, h(NewChatIcon, { key: '24cedf0fe54ca1713ba2d3e80e79b695fdad2bda' }))), h("bs-tooltip", { key: '62eba53fac24e0e6372566cc0ce9abfba807fb64', class: "bs-chatbot-header__tooltip", placement: "top", "aria-hidden": "true" }, this.newChatLabel))), !this.hideHistory && (h("span", { key: 'e1dcf980c63750d6a6f5cedc6ec365dfa63ae214', class: "bs-chatbot-header__tooltip-wrapper" }, h("button", { key: '70222dcdee26cc430819865ae0f237b99cef1687', type: "button", part: "history", class: "bs-chatbot-header__button", "aria-label": this.historyLabel, onClick: this.onHistoryClick }, h("slot", { key: '338cc4979146086ed08292d9fd0ec6e74d53e797', name: "history-icon" }, h(HistoryIcon, { key: '941cbf5db830981aa71d056196354c15c7ebde58' }))), h("bs-tooltip", { key: '196550c79e7c699bee01bbef081d6e9e1656b38f', class: "bs-chatbot-header__tooltip", placement: "top", "aria-hidden": "true" }, this.historyLabel))), !this.hideExpand && (h("span", { key: '49f3705dcf2ca4b2a5221e11563d953b34e68405', class: "bs-chatbot-header__tooltip-wrapper" }, h("button", { key: '3c38e331d8c3617279074f1ccba5960dc6b884ea', 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: '8f0f54bb25073ecf2579a4d7301f5ff1f63e80cb', name: "expand-icon" }, h(ExpandIcon, { key: 'fb2a835a1300c9bcd38aa13f7fff674ba5af89c2' }))), h("bs-tooltip", { key: 'aab69e0847453daf35810eeee5536fa9a16fc3ef', class: "bs-chatbot-header__tooltip", placement: "top", "aria-hidden": "true" }, this.expanded ? this.collapseLabel : this.expandLabel))), !this.hideClose && (h("span", { key: '0a32c45030c014a2106882e4404e2ce09704f6ee', class: "bs-chatbot-header__tooltip-wrapper" }, h("button", { key: 'b43080c2d32d2569ea4d427dc2b6f39541db5924', type: "button", part: "close", class: "bs-chatbot-header__button", "aria-label": this.closeLabel, onClick: this.onCloseClick }, h("slot", { key: '58d2fecd20b910262e8a9b2c446a420028444c8c', name: "close-icon" }, h(CloseIcon, { key: '0593909895f5e0d79d1a0e18a9c201623dd538f9' }))), h("bs-tooltip", { key: 'bb0c07c43482284811c378c97a3f314e2a37019d', class: "bs-chatbot-header__tooltip", placement: "top", "aria-hidden": "true" }, this.closeLabel))))));
     }
     static get is() { return "bs-chatbot-header"; }
     static get encapsulation() { return "shadow"; }

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

@@ -127,7 +127,7 @@ export class BsChatbotResponseAction {
     };
     render() {
         const hasSources = !!this.sourcesCount && this.sourcesCount > 0;
-        return (h("div", { key: '7a3c8e560657192aa3981af225500f1b5012df99', class: "bs-chatbot-response-action" }, h("button", { key: '4f7376d5cc1d9a43fc87b8aaef743709d73a4845', type: "button", part: "like", class: "bs-chatbot-response-action__button", "aria-label": this.likeLabel, "aria-pressed": this.liked ? 'true' : 'false', onClick: this.onLikeClick }, h("slot", { key: 'eb9673716d469f1e3ab0ebb70f850bdf2699f38f', name: "like-icon" }, h(ThumbsUpIcon, { key: 'bb1295906269d4fc9e1f5b7fc611cb4730c39dbf' }))), h("button", { key: 'f4c17bde7dd7729e0b22adc3323b916855192ddf', type: "button", part: "dislike", class: "bs-chatbot-response-action__button", "aria-label": this.dislikeLabel, "aria-pressed": this.disliked ? 'true' : 'false', onClick: this.onDislikeClick }, h("slot", { key: '50f786a78edb25f454087365b29d7f68507fe16c', name: "dislike-icon" }, h(ThumbsDownIcon, { key: 'a0ee507eb51b6d5b1bd91d4c44847ab1655cf59a' }))), h("button", { key: 'd484d6ff7f91eefd84ebd9c9a7752ab44ec04989', type: "button", part: "copy", class: "bs-chatbot-response-action__button", "aria-label": this.copyLabel, onClick: this.onCopyClick }, h("slot", { key: 'df62c8aabf9e05261c79da6900c10c42ffd9695d', name: "copy-icon" }, h(CopyIcon, { key: '11184b8ec93fbe5bced51597d9a42a197562ede0' }))), !this.hideRegenerate && (h("button", { key: 'a96709842dbfde9cc6d68db20b489f540ebb589b', type: "button", part: "regenerate", class: "bs-chatbot-response-action__button", "aria-label": this.regenerateLabel, onClick: this.onRegenerateClick }, h("slot", { key: '7a6f1c7c9ea89c1856a3e3488345455e5aab0d1d', name: "regenerate-icon" }, h(RegenerateIcon, { key: 'eb3179faa96df184c488954c809666b7b0b78ecf' })))), h("div", { key: 'f11dd91afcaf4611999ff0858cdc7f1fd8848f9a', class: "bs-chatbot-response-action__menu-wrapper" }, h("button", { key: 'd2bfd06a3c625cfc8677b505bb10828dbb60a924', type: "button", part: "menu", class: "bs-chatbot-response-action__button", "aria-label": this.menuLabel, "aria-haspopup": "menu", "aria-expanded": this.menuOpen ? 'true' : 'false', onClick: this.onMenuClick }, h("slot", { key: '5caeafa6c2b1ec6f74b91da7f0e96e59d26792c2', name: "menu-icon" }, h(MenuIcon, { key: '9e8d9764fa30764f8db04efce6f119971b8c33b2' }))), this.menuOpen && (h("div", { key: '0af7a8b59c9f3b2ec2e5e44be2966281c0ec54d6', class: "bs-chatbot-response-action__menu-popup" }, h("slot", { key: '521382ac34c12811097eb3295b05bae34e3cb912', name: "menu" })))), hasSources && (h("button", { key: '38f5d0ea3ea28fb1bdfdd71f9176e82900f1c372', type: "button", part: "sources", class: "bs-chatbot-response-action__sources", onClick: this.onSourcesClick }, h("slot", { key: '7187d6bc56c1d75974ed7a1a0a8a3857a3c7608f', name: "sources-icon" }, h(SourcesIcon, { key: 'd3c96a09a399efc1c3a5b2b96b7ac0cc025fc23f' })), h("span", { key: '34cfb2ad8385edecd59a76b0d26268498f236363', class: "bs-chatbot-response-action__sources-label" }, this.sourcesCount, " ", this.sourcesCount === 1 ? this.sourceLabel : this.sourcesLabel)))));
+        return (h("div", { key: 'eeea81b1964f9f9dc89aac2b58459321bc3c3bf7', class: "bs-chatbot-response-action" }, h("button", { key: '890d8d74c1b62846b314441319963327023dafd2', type: "button", part: "like", class: "bs-chatbot-response-action__button", "aria-label": this.likeLabel, "aria-pressed": this.liked ? 'true' : 'false', onClick: this.onLikeClick }, h("slot", { key: '12bb1913203d02b062f689882be119925a0ba8d2', name: "like-icon" }, h(ThumbsUpIcon, { key: '5dd57ec7c5000dafb958f72a1b6846c1c85f5da8' }))), h("button", { key: '06d7ae497480097121e06d7f07582944941d49c9', type: "button", part: "dislike", class: "bs-chatbot-response-action__button", "aria-label": this.dislikeLabel, "aria-pressed": this.disliked ? 'true' : 'false', onClick: this.onDislikeClick }, h("slot", { key: '709deebe7f0f1bfae5fcecfc0a1cfa01921221ae', name: "dislike-icon" }, h(ThumbsDownIcon, { key: '97fea08af1048a9f7ef3dc133809a0fab241c1c8' }))), h("button", { key: 'bb0ca6a6c02d2688d5321d3bcead17ac4e84ff32', type: "button", part: "copy", class: "bs-chatbot-response-action__button", "aria-label": this.copyLabel, onClick: this.onCopyClick }, h("slot", { key: '0ad95f409aaa2412bc37da4ea3daf1cd922f74a0', name: "copy-icon" }, h(CopyIcon, { key: 'bd472f1ef302ce0c11ad2a3c461f322878176a17' }))), !this.hideRegenerate && (h("button", { key: '0c2d85e0d2c25edd9c1e60abaff6258324f432f2', type: "button", part: "regenerate", class: "bs-chatbot-response-action__button", "aria-label": this.regenerateLabel, onClick: this.onRegenerateClick }, h("slot", { key: 'f8363082e347c552d25583a8ee5f30df3127596a', name: "regenerate-icon" }, h(RegenerateIcon, { key: '131a1aca2c71d1f3a5707cab2120aeeb5ae9069f' })))), h("div", { key: '73364305feb5631f872901fcad16632cf5e5254c', class: "bs-chatbot-response-action__menu-wrapper" }, h("button", { key: 'd5e550ac34dcf6f325458b494313d7bb2260041d', type: "button", part: "menu", class: "bs-chatbot-response-action__button", "aria-label": this.menuLabel, "aria-haspopup": "menu", "aria-expanded": this.menuOpen ? 'true' : 'false', onClick: this.onMenuClick }, h("slot", { key: '2b79ed5dfae0a9eca283a5c7ad703c5208dcfdab', name: "menu-icon" }, h(MenuIcon, { key: '545e3c1c234aa7f9eed5f5987e3e14cdf013094f' }))), this.menuOpen && (h("div", { key: 'e7da0d55acbf4fa4f84f29273368d2a374628925', class: "bs-chatbot-response-action__menu-popup" }, h("slot", { key: 'fa737fc36afebbbee3d077ba381390317cb61905', name: "menu" })))), hasSources && (h("button", { key: '0789164cf269b4110c439b2bcde397a3b058c439', type: "button", part: "sources", class: "bs-chatbot-response-action__sources", onClick: this.onSourcesClick }, h("slot", { key: '331eb28b2e2dc2b284dfca7b54108020cbb65783', name: "sources-icon" }, h(SourcesIcon, { key: '0d7648fbd9adbf864952e82eda597e9ea2674a33' })), h("span", { key: '983aa3f0ecb65f1fac792000de1f7490e11e4b4e', class: "bs-chatbot-response-action__sources-label" }, this.sourcesCount, " ", this.sourcesCount === 1 ? this.sourceLabel : this.sourcesLabel)))));
     }
     static get is() { return "bs-chatbot-response-action"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/bs-chatbot-sources-drawer/bs-chatbot-sources-drawer.js

@@ -59,7 +59,7 @@ export class BsChatbotSourcesDrawer {
     };
     render() {
         const displayCount = this.count ?? this.slottedCount;
-        return (h("div", { key: '6309d2770d544e58e3e4e99a16ae6a5e16c2545d', class: "bs-chatbot-sources-drawer", role: "region", "aria-label": this.heading }, h("div", { key: '8a3bf1faf5d91a5f833d8de442a5b15a09b2a339', class: "bs-chatbot-sources-drawer__header" }, h("div", { key: 'dfb8ff476939e3f723895de97991b14f9806e8fd', class: "bs-chatbot-sources-drawer__title-group" }, h("h2", { key: 'c817cb00b439026a8ea142441382cf090ddb0a37', part: "heading", class: "bs-chatbot-sources-drawer__heading" }, this.heading), displayCount > 0 && (h("span", { key: '016eb007b496e1355404145a9e294e66d6b8e0f0', part: "count", class: "bs-chatbot-sources-drawer__count" }, displayCount))), h("button", { key: '03bb83d11d15d24d0246d98ee6510201fa33f8b7', type: "button", part: "collapse", class: "bs-chatbot-sources-drawer__collapse", "aria-label": this.collapseLabel, onClick: this.onCollapseClick }, h("slot", { key: '5cae68793cfb35f532f552f154a3badf5e19a1a4', name: "collapse-icon" }, h(CaretRightIcon, { key: '9352aa0f35b8b756a4363b19e57a2cfff37a938e' })))), h("div", { key: 'd9891a9d984f1dfaaba988a4297919888a74a209', part: "list", class: "bs-chatbot-sources-drawer__list" }, h("slot", { key: '03dcd69d2aefb0a3db9b461baa4751ae6925ddef', onSlotchange: this.onSlotchange }))));
+        return (h("div", { key: 'bfda9a3a1b7babe3796e467ffa336c84cf6d8a4a', class: "bs-chatbot-sources-drawer", role: "region", "aria-label": this.heading }, h("div", { key: 'bfd62d975c23e0d4b95929c9a9ae88be1fcd5413', class: "bs-chatbot-sources-drawer__header" }, h("div", { key: 'c65d83289c40381f6e563970bbbc5bce6e7b071a', class: "bs-chatbot-sources-drawer__title-group" }, h("h2", { key: '5e89e3d436784ad56c853e48405599ee294dc2dc', part: "heading", class: "bs-chatbot-sources-drawer__heading" }, this.heading), displayCount > 0 && (h("span", { key: '5a8b0f3d487f720aa171e3aaf1d91604ba14c26d', part: "count", class: "bs-chatbot-sources-drawer__count" }, displayCount))), h("button", { key: 'd9e7552b2d20bdd10cf792c907d7944a88c9fad0', type: "button", part: "collapse", class: "bs-chatbot-sources-drawer__collapse", "aria-label": this.collapseLabel, onClick: this.onCollapseClick }, h("slot", { key: '4f1fcf8effe9664a5040039f3ea09c75e2df309b', name: "collapse-icon" }, h(CaretRightIcon, { key: 'b45707e326013749ce09346e2d05b72095590a8c' })))), h("div", { key: '14b3d1263fb57ff577d233ff8d8a2c679bfd5f1f', part: "list", class: "bs-chatbot-sources-drawer__list" }, h("slot", { key: '4ae945ece2ed3c8f35ed724617fbc24199c01817', onSlotchange: this.onSlotchange }))));
     }
     static get is() { return "bs-chatbot-sources-drawer"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/bs-chatbot-suggestion-button/bs-chatbot-suggestion-button.js

@@ -42,7 +42,7 @@ export class BsChatbotSuggestionButton {
         this.bsSelect.emit();
     };
     render() {
-        return (h("button", { key: '5d7d706b1cbe7e4e99bfe16db3482979387e7a6a', type: "button", part: "button", class: "bs-chatbot-suggestion-button", disabled: this.disabled, onClick: this.onClick }, h("slot", { key: 'ba5bf8860c3f93c5391f0dbd6742cb4adb978304' })));
+        return (h("button", { key: '96fa6f46dfdf1dbf39428c9c35a0b8e02627a016', type: "button", part: "button", class: "bs-chatbot-suggestion-button", disabled: this.disabled, onClick: this.onClick }, h("slot", { key: '0f00a98b9ca49c6db6508afb0f10061a1594d860' })));
     }
     static get is() { return "bs-chatbot-suggestion-button"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/bs-checkbox/bs-checkbox-skeleton/bs-checkbox-skeleton.js

@@ -35,7 +35,7 @@ export class BsCheckboxSkeleton {
     /** Accessible name announced for the loading placeholder. */
     loadingLabel = 'Loading';
     render() {
-        return (h("span", { key: '5a5e8fb0a06e52c522228d5f3ee461ecfb4124b5', part: "container", class: "bs-checkbox-skeleton", role: "status", "aria-label": this.loadingLabel }, h("span", { key: '64b0151623c813be1a752e042bbb0f616c256c64', part: "box", class: `bs-checkbox-skeleton__box bs-checkbox-skeleton__box--${this.size}` }), h("span", { key: '7045443cd3fa14efbf0be76163ffe499b2a4bf24', part: "label", class: "bs-checkbox-skeleton__label" })));
+        return (h("span", { key: '893b7cc62c061fca220ece795a914d1c04afe3f1', part: "container", class: "bs-checkbox-skeleton", role: "status", "aria-label": this.loadingLabel }, h("span", { key: '4af59de817a1022250f93d254b8711f5d0c230bb', part: "box", class: `bs-checkbox-skeleton__box bs-checkbox-skeleton__box--${this.size}` }), h("span", { key: '377294db3bc2f5ceb3f39cc88a4b4a86ed948b09', part: "label", class: "bs-checkbox-skeleton__label" })));
     }
     static get is() { return "bs-checkbox-skeleton"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/bs-checkbox/bs-checkbox.js

@@ -120,7 +120,7 @@ export class BsCheckbox {
         ]
             .filter(Boolean)
             .join(' ');
-        return (h("label", { key: '98b2c7da5530c74c5632f28a770096201df43f1f', class: `bs-checkbox ${this.disabled ? 'bs-checkbox--disabled' : ''}` }, h("input", { key: '1765be1adab7001f6b8c6ca79c9da8ca3a67bb77', ref: el => (this.inputEl = el), class: "bs-checkbox__input", type: "checkbox", checked: this.checked, disabled: this.disabled, required: this.required, "aria-checked": this.indeterminate ? 'mixed' : String(this.checked), "aria-label": this.ariaLabel, onChange: this.onChange }), h("span", { key: 'ffae4c14191d40da029aaa058d0a11f1170e8c00', part: "box", class: boxClasses }, showIcon && (h("svg", { key: 'ef0ddf8663a8d1a517b3604c8fa3a98ff1ba7187', part: "icon", class: "bs-checkbox__icon", viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true" }, this.indeterminate ? (h("path", { d: "M3 8H13", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round" })) : (h("path", { d: "M3 8.5L6.2 11.5L13 4.5", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }))))), h("span", { key: '9fda5d8e25fecbc6d4ebe9339f63fae58e8bac26', part: "label", class: "bs-checkbox__label" }, h("slot", { key: '95d6e3a55c81444feb8d1221bb080b9c49a8cf46' }))));
+        return (h("label", { key: '935cb1230ee19ed086cf1889b95e5cb0694b2942', class: `bs-checkbox ${this.disabled ? 'bs-checkbox--disabled' : ''}` }, h("input", { key: '5a505a5e06dcf517c5463838e286ad3ca051aa96', ref: el => (this.inputEl = el), class: "bs-checkbox__input", type: "checkbox", checked: this.checked, disabled: this.disabled, required: this.required, "aria-checked": this.indeterminate ? 'mixed' : String(this.checked), "aria-label": this.ariaLabel, onChange: this.onChange }), h("span", { key: '4938df0023d4237cfc8b17c8656c752e4295de47', part: "box", class: boxClasses }, showIcon && (h("svg", { key: 'c71f39e8127b1b345942481e6eac071b8dbc194b', part: "icon", class: "bs-checkbox__icon", viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true" }, this.indeterminate ? (h("path", { d: "M3 8H13", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round" })) : (h("path", { d: "M3 8.5L6.2 11.5L13 4.5", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }))))), h("span", { key: '90cc8fba0da12a4527238fd1b536266edac132c0', part: "label", class: "bs-checkbox__label" }, h("slot", { key: '7622ef9ea5c7b118d543728de089cb6c9ae71b5d' }))));
     }
     static get is() { return "bs-checkbox"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/bs-chip/bs-chip-filter/bs-chip-filter.js

@@ -70,7 +70,7 @@ export class BsChipFilter {
         // label-only edge gets more -- except when NEITHER edge has a glyph, where both edges use a
         // third, larger value rather than the label-only one (see bs-chip-filter.css's own comment).
         const paddingVariant = this.hasIcon && this.dropdown ? 'icon-dropdown' : this.hasIcon ? 'icon-only' : this.dropdown ? 'dropdown-only' : 'text-only';
-        return (h("button", { key: 'c1b7395764984baadd0d32d5bd6a3d8d61cb637a', type: "button", class: `bs-chip-filter bs-chip-filter--${this.size} bs-chip-filter--${paddingVariant} ${this.selected ? 'bs-chip-filter--selected' : ''}`, disabled: this.disabled, "aria-pressed": String(this.selected), "aria-label": this.ariaLabel, onClick: this.onClick }, h("span", { key: 'db74ff2a992268bb95564dc1631e54d00208255f', part: "icon", class: `bs-chip-filter__icon ${this.hasIcon ? 'bs-chip-filter__icon--visible' : ''}` }, h("slot", { key: '9319387acc35131d0555f9ad84c1f733034920d7', name: "icon", onSlotchange: this.onIconSlotchange })), h("span", { key: '06291c8712d77d43c3c823e4b90d99218618db35', part: "label", class: "bs-chip-filter__label" }, h("slot", { key: '3c72fcc1085239ba9c45ee6e89f5b8e8b4cc0ce8' })), this.dropdown && (h("span", { key: 'd2efca03ed06d2341aec986cca2c0d27bdce5a75', part: "caret", class: "bs-chip-filter__caret", "aria-hidden": "true" }, h(ChevronDownIcon, { key: '8bb9383201632e567f662909559702fcf391790e' })))));
+        return (h("button", { key: 'f9a3d08479e7ed41739f3aafb0ab368a0675b217', type: "button", class: `bs-chip-filter bs-chip-filter--${this.size} bs-chip-filter--${paddingVariant} ${this.selected ? 'bs-chip-filter--selected' : ''}`, disabled: this.disabled, "aria-pressed": String(this.selected), "aria-label": this.ariaLabel, onClick: this.onClick }, h("span", { key: '223cd086065cdcc534142889709de256fc02018b', part: "icon", class: `bs-chip-filter__icon ${this.hasIcon ? 'bs-chip-filter__icon--visible' : ''}` }, h("slot", { key: 'bfcf02d9ae967d4af95149b4690f98f78e381f1d', name: "icon", onSlotchange: this.onIconSlotchange })), h("span", { key: 'af8b7601dc3c5ced08acc8d0b0414b2f2f4ef758', part: "label", class: "bs-chip-filter__label" }, h("slot", { key: '83056a3f9a30ccdd688ca1286480a65b0a1ed8c9' })), this.dropdown && (h("span", { key: '6b3c1058216ad7b2508f189e754b7740e111c11d', part: "caret", class: "bs-chip-filter__caret", "aria-hidden": "true" }, h(ChevronDownIcon, { key: 'a5f375e9e65a57a4a901729efcb0bfba5edc32eb' })))));
     }
     static get is() { return "bs-chip-filter"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/bs-chip/bs-chip-informative/bs-chip-informative.js

@@ -44,7 +44,7 @@ export class BsChipInformative {
     };
     render() {
         const paddingVariant = this.hasIcon ? 'icon' : 'text';
-        return (h(Host, { key: 'ee5706f8c040b01f97e44b9dba4d74a3b023005c', class: `bs-chip-informative bs-chip-informative--${this.color} bs-chip-informative--${this.size} bs-chip-informative--${paddingVariant}` }, h("span", { key: '611cc7bec3b22cc2e7de25fc8aa49e8d4eca3cba', part: "icon", class: `bs-chip-informative__icon ${this.hasIcon ? 'bs-chip-informative__icon--visible' : ''}` }, h("slot", { key: '5945478d567c7b6a6e4ff602c2edd6465d3b7778', name: "icon", onSlotchange: this.onIconSlotchange })), h("span", { key: '7e78fb0f2e5cfc2d232aa04f0c9edf94044f8eca', part: "label", class: "bs-chip-informative__label" }, h("slot", { key: 'fcec1018222e0da3f0adc6da13e0699c0bad764b' }))));
+        return (h(Host, { key: '175475b365a087e43fa6523a258698656e23d39e', class: `bs-chip-informative bs-chip-informative--${this.color} bs-chip-informative--${this.size} bs-chip-informative--${paddingVariant}` }, h("span", { key: 'b2116f28c75229963194c84e4d0d6e8c0fab1621', part: "icon", class: `bs-chip-informative__icon ${this.hasIcon ? 'bs-chip-informative__icon--visible' : ''}` }, h("slot", { key: '8fade40486f0d673b3349dc9c2282ff687d029f6', name: "icon", onSlotchange: this.onIconSlotchange })), h("span", { key: '6b87a554737b9424033885a06f5136982a3d67bb', part: "label", class: "bs-chip-informative__label" }, h("slot", { key: '21f2759811a28da66033444be65b2fb680737bde' }))));
     }
     static get is() { return "bs-chip-informative"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/bs-chip/bs-chip-input/bs-chip-input.js

@@ -79,7 +79,7 @@ export class BsChipInput {
     };
     render() {
         const paddingVariant = this.hasIcon ? 'icon' : 'text';
-        return (h(Host, { key: '1e44e8c6c324502677a711e9efdeea812181e93d', class: `bs-chip-input bs-chip-input--${this.size} bs-chip-input--${paddingVariant}` }, h("button", { key: '7c698a6cfbe6ca8ff1215edeb59d7a58071ec29e', type: "button", part: "body", class: "bs-chip-input__body", disabled: this.disabled, "aria-pressed": String(this.selected), onClick: this.onBodyClick }, h("span", { key: '159334959b3da3665fb6f4a2930c15fc1da028ad', part: "icon", class: `bs-chip-input__icon ${this.hasIcon ? 'bs-chip-input__icon--visible' : ''}` }, h("slot", { key: '0f12a8dbf2b17578ec1446032fa6b795f6aac9f4', name: "icon", onSlotchange: this.onIconSlotchange })), h("span", { key: 'd8236eaa237e3d204f721274551c0d50ce6b1f9a', part: "label", class: "bs-chip-input__label" }, h("slot", { key: '4872dcc68aa9a204801f10415fd1b3bc31db0c2a', onSlotchange: this.onLabelSlotchange }))), h("button", { key: 'ac930ef1166ff21f889641cf0644c20e77f92196', type: "button", part: "remove", class: "bs-chip-input__remove", disabled: this.disabled, "aria-label": `${this.removeLabel} ${this.labelText}`, onClick: this.onRemoveClick }, h(CloseIcon, { key: 'ba26dff61400df054f3b2d73526e08d02734ba07' }))));
+        return (h(Host, { key: '9f4d441c816706bb360a4a06d7dfdcd06a89fb7c', class: `bs-chip-input bs-chip-input--${this.size} bs-chip-input--${paddingVariant}` }, h("button", { key: '740f5af451317b26f069613c1d35966993e6fcfa', type: "button", part: "body", class: "bs-chip-input__body", disabled: this.disabled, "aria-pressed": String(this.selected), onClick: this.onBodyClick }, h("span", { key: 'a53e4b835d43bd9d3fa2704872a4a2eaf6640f33', part: "icon", class: `bs-chip-input__icon ${this.hasIcon ? 'bs-chip-input__icon--visible' : ''}` }, h("slot", { key: 'cceac9f60078c14a43bd7cf4ead2a126f8272ca7', name: "icon", onSlotchange: this.onIconSlotchange })), h("span", { key: '8baa5a3f5bb554498e36fbdca5fd72acbdca4c1e', part: "label", class: "bs-chip-input__label" }, h("slot", { key: 'e12ea30cabae514a396367eef15ebf7e70e4bd19', onSlotchange: this.onLabelSlotchange }))), h("button", { key: 'a153766c79179c0c266b4215099dc00cadb7521a', type: "button", part: "remove", class: "bs-chip-input__remove", disabled: this.disabled, "aria-label": `${this.removeLabel} ${this.labelText}`, onClick: this.onRemoveClick }, h(CloseIcon, { key: '637fe474a7da111f0ecceb5120006578bd44ca18' }))));
     }
     static get is() { return "bs-chip-input"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/bs-citation-preview/bs-citation-preview.js

@@ -38,7 +38,7 @@ export class BsCitationPreview {
     bsOpen;
     render() {
         const hasPage = this.page !== undefined && this.page !== null && this.page !== '';
-        return (h("bs-card", { key: '1295f42db1fb35c289d6cc1477b8430cedf7cbd1', part: "container", class: "bs-citation-preview", surface: "base" }, h("div", { key: '84d861992e3491b5acdba5c828942104080115ae', class: "bs-citation-preview__body" }, h("bs-source-link", { key: 'b84d4965c3f6c4dc0b6c2ffb5c5d2e3ebad1e9c4', part: "header", fileName: this.fileName, sourceName: this.sourceName, href: this.href, onBsOpen: () => this.bsOpen.emit() }), h("div", { key: 'de597e072c72c67600f1b3e8d73681cded0624e6', part: "snippet", class: "bs-citation-preview__snippet" }, h("slot", { key: '5513cf9dcb44ed5ced270437118584a229971de0' })), h("div", { key: '1b6a5620ed09d8690908daa17065fb901c0bdfb1', class: "bs-citation-preview__footer" }, h("slot", { key: 'feabf442256e6d3b26e1f6d309a35c9f96899ab5', name: "footer" }, hasPage && (h("span", { key: '925008ee116c57ea9ab6940054ee42b33883c577', part: "page", class: "bs-citation-preview__page" }, "Page ", this.page)))))));
+        return (h("bs-card", { key: 'af7b50840be8a1fa0454a9117243e203f30fcc95', part: "container", class: "bs-citation-preview", surface: "base" }, h("div", { key: '0c0d947599941f28b24c60650262a1b6e4ed5c4a', class: "bs-citation-preview__body" }, h("bs-source-link", { key: '9be793892a7cbf9f7b6fff934bcc252dd7d42dff', part: "header", fileName: this.fileName, sourceName: this.sourceName, href: this.href, onBsOpen: () => this.bsOpen.emit() }), h("div", { key: 'bef7cd349b82433a2090f293686b653e6a13d71b', part: "snippet", class: "bs-citation-preview__snippet" }, h("slot", { key: '570771c36bfbbb68b93284a70615fcce6d9f0505' })), h("div", { key: 'dc8c1ad2d2bc57dddc963a3434563959d18c5f6a', class: "bs-citation-preview__footer" }, h("slot", { key: '7e621faf0e3e90b06f8ceb4712e0d61b18f7d797', name: "footer" }, hasPage && (h("span", { key: 'd00646db324820ff44a7a2b0d122b92990be251f', part: "page", class: "bs-citation-preview__page" }, "Page ", this.page)))))));
     }
     static get is() { return "bs-citation-preview"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/bs-command-palette/bs-command-palette.cmp.test.js

@@ -0,0 +1,207 @@
+import { render, h, describe, it, expect } from "@stencil/vitest";
+import { userEvent } from "vitest/browser";
+import { assertShadowParts, runAxeCheck } from "../../test/helpers/conventions";
+import { DEFAULT_ROWS, SEARCHING_ROWS, COMMANDS_ONLY_ROWS, TRY_INSTEAD_ROWS } from "./bs-command-palette.stories";
+const q = (el, s) => el.shadowRoot.querySelector(s);
+const qa = (el, s) => Array.from(el.shadowRoot.querySelectorAll(s));
+const items = (el) => Array.from(el.querySelectorAll('bs-search-item'));
+const settle = (ms = 60) => new Promise(r => setTimeout(r, ms));
+const rows = (list) => list.map(r => (h("bs-search-item", { slot: r.section, value: r.value, trailing: r.keys ? undefined : r.trailing }, r.match ? h("strong", null, r.match) : null, r.label, r.rest, r.description ? h("span", { slot: "description" }, r.description) : null, r.keys ? h("bs-key-caps", { slot: "trailing", keys: r.keys }) : null)));
+const make = async (props = {}, list = DEFAULT_ROWS) => {
+    const r = await render(h("div", null, h("button", { id: "opener" }, "opener"), h("bs-command-palette", null, rows(list))));
+    const el = r.root.querySelector('bs-command-palette');
+    Object.assign(el, props);
+    await r.waitForChanges();
+    await settle(250); // lets the 120ms open animation finish
+    const press = async (k) => {
+        await userEvent.keyboard(k);
+        await r.waitForChanges();
+    };
+    return { ...r, el, press, opener: r.root.querySelector('#opener') };
+};
+const dialog = (el) => q(el, 'dialog');
+const headers = (el) => qa(el, '[part="section-header"]').map(h => h.textContent);
+const activeLabels = (el) => items(el).filter(i => i.hasAttribute('active')).map(i => i.getAttribute('value'));
+describe('bs-command-palette', () => {
+    it('is closed by default', async () => {
+        const { el } = await make();
+        expect(dialog(el).open).toBe(false);
+        assertShadowParts(el.shadowRoot, ['dialog', 'panel', 'search', 'input', 'results', 'section', 'section-header', 'footer', 'hint']);
+    });
+    it('opens and closes via prop, show() and close(); focuses the input and restores focus', async () => {
+        const { el, opener, waitForChanges } = await make();
+        opener.focus();
+        el.open = true;
+        await waitForChanges();
+        await settle();
+        expect(dialog(el).open).toBe(true);
+        expect(el.hasAttribute('open')).toBe(true);
+        expect(el.shadowRoot.activeElement?.tagName).toBe('BS-INPUT');
+        el.open = false;
+        await waitForChanges();
+        expect(dialog(el).open).toBe(false);
+        expect(document.activeElement).toBe(opener);
+        await el.show();
+        await waitForChanges();
+        expect(dialog(el).open).toBe(true);
+        await el.close();
+        await waitForChanges();
+        expect(dialog(el).open).toBe(false);
+    });
+    it('closes on Escape and on scrim click, emitting bsOpenChange', async () => {
+        const { el, press, waitForChanges } = await make({ open: true });
+        const got = [];
+        el.addEventListener('bsOpenChange', (e) => got.push(e.detail));
+        await press('{Escape}');
+        expect(el.open).toBe(false);
+        el.open = true;
+        await waitForChanges();
+        dialog(el).click();
+        await waitForChanges();
+        expect(el.open).toBe(false);
+        expect(got).toEqual([false, false]);
+    });
+    it('toggles with the hotkey', async () => {
+        const { el, waitForChanges } = await make({ hotkey: 'mod+k' });
+        const mac = /mac|iphone|ipad/i.test(navigator.platform || navigator.userAgent);
+        const fire = () => document.dispatchEvent(new KeyboardEvent('keydown', { key: 'k', ctrlKey: !mac, metaKey: mac, bubbles: true, cancelable: true }));
+        fire();
+        await waitForChanges();
+        expect(el.open).toBe(true);
+        fire();
+        await waitForChanges();
+        expect(el.open).toBe(false);
+    });
+    it('has the Figma geometry', async () => {
+        const { el } = await make({ open: true });
+        const panel = q(el, '[part="panel"]');
+        const cs = getComputedStyle(panel);
+        expect(getComputedStyle(el).getPropertyValue('--bs-command-palette-width').trim()).toBe('640px');
+        expect(Math.round(panel.getBoundingClientRect().width)).toBe(Math.round(dialog(el).getBoundingClientRect().width));
+        expect(cs.borderRadius).toBe('12px');
+        expect(cs.overflow).toBe('clip');
+        expect(getComputedStyle(q(el, '[part="search"]')).padding).toBe('12px');
+        const f = getComputedStyle(q(el, '[part="footer"]'));
+        expect(f.paddingTop).toBe('10px');
+        expect(f.paddingLeft).toBe('16px');
+        expect(f.columnGap).toBe('16px');
+        const r = getComputedStyle(q(el, '[part="results"]'));
+        expect(r.padding).toBe('8px');
+        expect(r.rowGap).toBe('8px');
+        expect(Math.round(q(el, 'bs-input').getBoundingClientRect().height)).toBe(44);
+        expect(Math.round(items(el)[0].getBoundingClientRect().height)).toBe(48);
+    });
+    it('renders only filled sections, in order', async () => {
+        const { el } = await make({ open: true });
+        expect(headers(el)).toEqual(['Recent', 'Suggested', 'Navigation']);
+        const s = await make({ open: true, status: 'results' }, SEARCHING_ROWS);
+        expect(headers(s.el)).toEqual(['Commands', 'Navigation', 'Records']);
+    });
+    it('derives commandsOnly, swaps the footer hint and emits the detail', async () => {
+        const { el, waitForChanges } = await make({ open: true }, COMMANDS_ONLY_ROWS);
+        const got = [];
+        el.addEventListener('bsInput', (e) => got.push(e.detail));
+        expect(q(el, '[part="footer"]').innerText).toContain('Commands only');
+        await userEvent.keyboard('> theme');
+        await waitForChanges();
+        expect(el.commandsOnly).toBe(true);
+        expect(el.hasAttribute('commands-only')).toBe(true);
+        expect(q(el, '[part="footer"]').innerText).toContain('All results');
+        expect(got[got.length - 1]).toEqual({ value: '> theme', query: 'theme', commandsOnly: true });
+        el.value = 'x';
+        await waitForChanges();
+        expect(el.commandsOnly).toBe(false);
+    });
+    it('shows the empty view, did-you-mean event and try-instead section', async () => {
+        const { el, waitForChanges } = await make({ open: true, status: 'empty', didYouMean: 'theme', emptyHeading: 'No commands or records for “thme”' }, TRY_INSTEAD_ROWS);
+        const empty = q(el, '[part="empty"]');
+        expect(empty.textContent).toContain('No commands or records for “thme”');
+        expect(empty.textContent).toContain('Check the spelling, or search records instead.');
+        expect(empty.textContent).toContain('Did you mean');
+        expect(headers(el)).toEqual(['Try instead']);
+        const got = [];
+        el.addEventListener('bsSuggestion', (e) => got.push(e.detail));
+        q(el, '.bs-command-palette__link').click();
+        await waitForChanges();
+        expect(got).toEqual(['theme']);
+    });
+    it('shows the loading view with aria-busy', async () => {
+        const { el } = await make({ open: true, status: 'loading' });
+        expect(q(el, '[part="results"]').getAttribute('aria-busy')).toBe('true');
+        expect(q(el, 'bs-spinner')).not.toBeNull();
+        expect(headers(el)).toEqual([]);
+    });
+    it('activates the first result by default and wraps arrow navigation', async () => {
+        const { el, press } = await make({ open: true });
+        const ids = items(el).map(i => i.getAttribute('value'));
+        expect(activeLabels(el)).toEqual([ids[0]]);
+        expect(q(el, '[role="combobox"]').ariaActiveDescendantElement).toBe(items(el)[0]);
+        await press('{ArrowUp}');
+        expect(activeLabels(el)).toEqual([ids[ids.length - 1]]);
+        await press('{ArrowDown}');
+        expect(activeLabels(el)).toEqual([ids[0]]);
+        await press('{ArrowDown}');
+        expect(activeLabels(el)).toEqual([ids[1]]);
+    });
+    it('Enter selects and closes, unless keepOpenOnSelect', async () => {
+        const { el, press, waitForChanges } = await make({ open: true });
+        const got = [];
+        el.addEventListener('bsSelect', (e) => got.push(e.detail));
+        await press('{ArrowDown}');
+        await press('{Enter}');
+        expect(got[0]).toEqual({ value: 'i-20931', section: 'recent', commandsOnly: false });
+        expect(el.open).toBe(false);
+        el.keepOpenOnSelect = true;
+        el.open = true;
+        await waitForChanges();
+        await settle();
+        await press('{Enter}');
+        expect(got.length).toBe(2);
+        expect(el.open).toBe(true);
+    });
+    it('shows a scope chip and emits bsScopeExit on Backspace in an empty field', async () => {
+        const { el, press } = await make({ open: true, scopeLabel: 'Customers' });
+        expect(q(el, 'bs-chip-informative').textContent).toContain('Customers');
+        let n = 0;
+        el.addEventListener('bsScopeExit', () => n++);
+        await press('{Backspace}');
+        expect(n).toBe(1);
+    });
+    it('uses the level-4 shadow, stronger in dark mode, and themed text', async () => {
+        await userEvent.unhover(document.body);
+        const shadow = async (dark) => {
+            if (dark)
+                document.documentElement.setAttribute('data-theme', 'dark');
+            try {
+                const { el } = await make({ open: true });
+                return getComputedStyle(q(el, '[part="panel"]')).boxShadow;
+            }
+            finally {
+                document.documentElement.removeAttribute('data-theme');
+            }
+        };
+        expect(await shadow(false)).toBe('rgba(0, 0, 0, 0.12) 0px 8px 16px 0px');
+        expect(await shadow(true)).toBe('rgba(0, 0, 0, 0.25) 0px 8px 16px 0px');
+        document.documentElement.setAttribute('data-theme', 'dark');
+        try {
+            const { el } = await make({ open: true, status: 'empty' }, TRY_INSTEAD_ROWS);
+            const p = document.createElement('div');
+            p.style.color = 'var(--bs-text-default)';
+            document.body.appendChild(p);
+            const expected = getComputedStyle(p).color;
+            p.remove();
+            expect(getComputedStyle(q(el, '.bs-command-palette__empty-heading')).color).toBe(expected);
+        }
+        finally {
+            document.documentElement.removeAttribute('data-theme');
+        }
+    });
+    it('passes axe on default, commands-only and empty views', async () => {
+        const a = await make({ open: true });
+        await runAxeCheck(a.el);
+        const b = await make({ open: true, value: '> theme', status: 'results' }, COMMANDS_ONLY_ROWS);
+        await runAxeCheck(b.el);
+        const c = await make({ open: true, status: 'empty' }, TRY_INSTEAD_ROWS);
+        await runAxeCheck(c.el);
+    });
+});