@brandsync/wc 1.20.0 → 1.21.0

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

@@ -113,7 +113,7 @@ export class BsAccordion {
         // `<div role="button">`: it gets click, keyboard activation (Enter/Space), focus-visible
         // styling, and `disabled` semantics (not focusable, no events) for free, and flexbox handles
         // laying out its children as easily as a <div>'s -- no layout reason to hand-roll any of that.
-        return (h("div", { key: 'b7645b3be5116d906a2aa6e4e680859a9c19323f', part: "container", class: `bs-accordion bs-accordion--${this.size} ${this.disabled ? 'bs-accordion--disabled' : ''}` }, h("button", { key: 'a1c824c54a529b2214dbb47cb93adea5cdadee84', type: "button", part: "header", class: `bs-accordion__header bs-accordion__header--${this.size} ${this.showIcon ? '' : 'bs-accordion__header--no-icon'}`, disabled: this.disabled, "aria-expanded": String(this.expanded), onClick: this.onActivate }, this.showIcon && (h("span", { key: '5d35f4e2c05704a6bef532919301e765f8195aa7', part: "icon", class: `bs-accordion__icon bs-accordion__icon--${this.size}`, "aria-hidden": "true" }, h("slot", { key: '137280692f375379ef43be918094192d6030e2ad', name: "icon" }, h(PlusIcon, { key: '8826de2813774382dcf21e856288ff936eb12425' })))), h("span", { key: '57f370d082a86b7488bf309a114b82077d1f6711', part: "label", class: `bs-accordion__label ${this.showIcon ? '' : 'bs-accordion__label--no-icon'}` }, h("slot", { key: '5563063582ee2e1fb79d02acdc3d0feb5ac07eec', name: "label" })), h("span", { key: '8d8afd4433823aa8122b2ed167fd5ed3c32dc21a', part: "caret", class: `bs-accordion__caret bs-accordion__caret--${this.size} ${this.expanded ? 'bs-accordion__caret--open' : ''}`, "aria-hidden": "true" }, h(CaretDownIcon, { key: '51dfcbdfa5ccff5c3e6a6c2f983fc4d7fb460c18' }))), (this.expanded || this.showPreview || this.closing) && (h("div", { key: '8d62decaf3dc7a98f91eaea1723fc26a8fc520a4', ref: el => (this.contentEl = el), part: "content", class: `bs-accordion__content ${this.showIcon ? '' : 'bs-accordion__content--no-icon'} ${this.expanded ? 'bs-accordion__content--expanded' : 'bs-accordion__content--collapsed'}` }, h("slot", { key: '56493eb5b425134b38ac60f481219a823379626e' })))));
+        return (h("div", { key: '5b7922ce5d634a43d1ca3020b02e61b2749646f1', part: "container", class: `bs-accordion bs-accordion--${this.size} ${this.disabled ? 'bs-accordion--disabled' : ''}`, "aria-disabled": this.disabled ? 'true' : undefined }, h("button", { key: '36a5a7504c9d4301db2268652037a28cee8cc395', type: "button", part: "header", class: `bs-accordion__header bs-accordion__header--${this.size} ${this.showIcon ? '' : 'bs-accordion__header--no-icon'}`, disabled: this.disabled, "aria-expanded": String(this.expanded), onClick: this.onActivate }, this.showIcon && (h("span", { key: '2933f14e71ec7902e310761481c7408aa5afdb07', part: "icon", class: `bs-accordion__icon bs-accordion__icon--${this.size}`, "aria-hidden": "true" }, h("slot", { key: 'd156fc7944f2177764a5622c6753c45190176549', name: "icon" }, h(PlusIcon, { key: 'c570019c3b65661d9237c9d182ab5b0aa6fcc808' })))), h("span", { key: 'dafef9038d6d29fa3193515d605244d371efc2bb', part: "label", class: `bs-accordion__label ${this.showIcon ? '' : 'bs-accordion__label--no-icon'}` }, h("slot", { key: 'c752f678a8032bd3cb01b1d9d43eb9d863707a67', name: "label" })), h("span", { key: '20fd3835f885ad26ebfea64c02bd16dfd0c3fea1', part: "caret", class: `bs-accordion__caret bs-accordion__caret--${this.size} ${this.expanded ? 'bs-accordion__caret--open' : ''}`, "aria-hidden": "true" }, h(CaretDownIcon, { key: 'af7922ee4c4280e17dddd51f6681415c70389ef6' }))), (this.expanded || this.showPreview || this.closing) && (h("div", { key: 'ac8fb07634032e1035e88c0f713841d9276df2f8', ref: el => (this.contentEl = el), part: "content", class: `bs-accordion__content ${this.showIcon ? '' : 'bs-accordion__content--no-icon'} ${this.expanded ? 'bs-accordion__content--expanded' : 'bs-accordion__content--collapsed'}` }, h("slot", { key: '6263559f2a03fd514cdc98538e1c9faee0767313' })))));
     }
     static get is() { return "bs-accordion"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/bs-accordion-group/bs-accordion-group.js

@@ -35,7 +35,7 @@ export class BsAccordionGroup {
         }
     }
     render() {
-        return (h("div", { key: '56384f2124a0950a70906c7cc581fe084d5ccfd5', part: "group", class: "bs-accordion-group" }, h("slot", { key: '8b6cc577ccd33cb10d7b393cf2acd0b6d0cf11df' })));
+        return (h("div", { key: 'edff9463cdb80a4a2ab059e1e6f112fe5c0c7e78', part: "group", class: "bs-accordion-group" }, h("slot", { key: 'dff1387c96a96081a606cf72d6edd73ea0c98a4f' })));
     }
     static get is() { return "bs-accordion-group"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/bs-ai-disclaimer/bs-ai-disclaimer.js

@@ -25,7 +25,7 @@ import { h } from "@stencil/core";
 export class BsAiDisclaimer {
     render() {
         https: //images.unsplash.com/photo-1512917774080-9991f1c4c750?w=200&h=200&fit=crop
-         return (h("div", { key: '42b8ec6acacf3cc88ca6ab26e6799e4cfbde3306', class: "bs-ai-disclaimer" }, h("p", { key: '91208bcb6b163418762194ffea845b8f7ad603ba', part: "text", class: "bs-ai-disclaimer__text" }, h("slot", { key: 'b8062d0ad625601e6766729d94d0111385b29380' }))));
+         return (h("div", { key: 'e278d4d1772590c5b615f4b379d56dbd5d8abbeb', class: "bs-ai-disclaimer" }, h("p", { key: '1fc3de4109fd41baa4a4e63e1a18ead5e915ea6b', part: "text", class: "bs-ai-disclaimer__text" }, h("slot", { key: '2fc77b3a59545f1cf2eb8501653e646bdb48cfcd' }))));
     }
     static get is() { return "bs-ai-disclaimer"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/bs-ai-greeting/bs-ai-greeting.js

@@ -43,7 +43,7 @@ export class BsAiGreeting {
         const subtext = this.productName
             ? `How can I help you with ${this.productName} today?`
             : 'How can I help you today?';
-        return (h("div", { key: '1f79a81a945a8035c3e0e8b6ebf7b007bd9c6715', class: "bs-ai-greeting" }, h("div", { key: '069645a7530d7cdbc1fc84f5d5642f42be3a3bf0', part: "heading", class: "bs-ai-greeting__heading" }, h("p", { key: '4e4f8f2a8f8e3dc9e8d8ebfabe50044bacbe80b0', class: "bs-ai-greeting__heading-line" }, "Hi. I'm ", this.assistantName, ","), h("p", { key: 'fab76105a61cc5f005e3d2b055296aff48cb73cd', class: "bs-ai-greeting__heading-line" }, "your AI assistant.")), h("p", { key: 'b59877f8be280fd6f3384b1320bc4a7f41874a08', part: "subtext", class: "bs-ai-greeting__subtext" }, subtext)));
+        return (h("div", { key: 'c3603a92b56d091e336f968657827eaec98e1f0b', class: "bs-ai-greeting" }, h("div", { key: '3345cdd320647c45d83bcc242e42f0e2b6b6ef86', part: "heading", class: "bs-ai-greeting__heading" }, h("p", { key: 'e70e9d6aef4aee791f1bed5a61cfa73b12b3d2b4', class: "bs-ai-greeting__heading-line" }, "Hi. I'm ", this.assistantName, ","), h("p", { key: '1be6d5cfc0cd2b2441c8a74a0a3bd7b628444f95', class: "bs-ai-greeting__heading-line" }, "your AI assistant.")), h("p", { key: 'a7cf1f0518520f6ff8b3eaaad009323861a9421a', part: "subtext", class: "bs-ai-greeting__subtext" }, subtext)));
     }
     static get is() { return "bs-ai-greeting"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/bs-ai-thinking/bs-ai-thinking.js

@@ -29,7 +29,7 @@ export class BsAiThinking {
     /** The status text shown next to the icon, e.g. "Retrieving", "Thinking", "Searching". */
     label = 'Thinking';
     render() {
-        return (h("div", { key: '6cde3a4e39f20988a64e8e5e12bded17881e3759', class: "bs-ai-thinking", role: "status", "aria-live": "polite" }, h("img", { key: '8607373a20a5b2b3710fef1e72ac65255a7a6e67', part: "icon", class: "bs-ai-thinking__icon", src: GENIE_MARK_ICON, alt: "", "aria-hidden": "true" }), h("span", { key: '93ddd0850764dc02032f79bef90042f524d37806', part: "label", class: "bs-ai-thinking__label" }, this.label)));
+        return (h("div", { key: 'c89cb6cbb5029fbbac505318512d90418bb6bdf3', class: "bs-ai-thinking", role: "status", "aria-live": "polite" }, h("img", { key: 'acfb3e6bf6bf5e94e9e12ad3643117939f753704', part: "icon", class: "bs-ai-thinking__icon", src: GENIE_MARK_ICON, alt: "", "aria-hidden": "true" }), h("span", { key: '0ee3689b4fa5cb3d7c9d80df3f465427eca4107c', part: "label", class: "bs-ai-thinking__label" }, this.label)));
     }
     static get is() { return "bs-ai-thinking"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/bs-app-recent-item/bs-app-recent-item.js

@@ -63,10 +63,10 @@ export class BsAppRecentItem {
             onClick: this.onClick,
         };
         const body = [
-            h("bs-icon-tile", { key: 'dba9c2186088e32388156d6cba1fb2d4bb63909a', part: "icon", class: "bs-app-recent-item__icon", size: "md" }, this.icon ? h("span", { class: "bs-app-recent-item__glyph", style: { '--bs-app-recent-item-glyph': `url(${JSON.stringify(this.icon)})` } }) : h("slot", null)),
-            h("span", { key: '1c5c4e8cee96487647c89f688b8ec34ca8f46ff6', class: "bs-app-recent-item__text" }, h("span", { key: '49477af6347c0852d60990053c45e81a8a9ad5a5', part: "name", class: "bs-app-recent-item__name" }, this.name), this.description && (h("span", { key: 'be09443548bdb0740e9374572e85a272b6c2ee46', part: "description", class: "bs-app-recent-item__description" }, this.description))),
+            h("bs-icon-tile", { key: '7d1245df8491ddc9818dc6220fd0f2f20b8139cc', part: "icon", class: "bs-app-recent-item__icon", size: "md" }, this.icon ? h("span", { class: "bs-app-recent-item__glyph", style: { '--bs-app-recent-item-glyph': `url(${JSON.stringify(this.icon)})` } }) : h("slot", null)),
+            h("span", { key: '9380b0bc32e849512093e734ecaedc772ed6eb08', class: "bs-app-recent-item__text" }, h("span", { key: '75f63018f674976f8fa8b2edb41108b154f6403f', part: "name", class: "bs-app-recent-item__name" }, this.name), this.description && (h("span", { key: '4e91058be7ce643b86cf222a10da1efbb9484b64', part: "description", class: "bs-app-recent-item__description" }, this.description))),
         ];
-        return (h("button", { key: 'a705988cedb88540ad48acc4f15387e468499968', ...common, type: "button" }, body));
+        return (h("button", { key: 'f147140ab6ced0a63f5925c84bf632a2da196f7c', ...common, type: "button" }, body));
     }
     static get is() { return "bs-app-recent-item"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/bs-app-shell/bs-app-shell.js

@@ -38,7 +38,7 @@ export class BsAppShell {
     /** When true the host is `height: 100%`; when false it is content-sized with `min-height: 100vh`. */
     fullHeight = true;
     render() {
-        return (h("div", { key: '413d1ca357dc8f965c2c126ea8cc923d533678b4', class: "bs-app-shell", part: "container" }, h("div", { key: 'e03fcf75e89168ab64f2abf068ce5f764bedd793', class: "bs-app-shell__header", part: "header" }, h("slot", { key: 'cec39829282c89b37bd1c08ac50f9740ae4e2800', name: "header" })), h("div", { key: 'e10cbea46eb0bc25f55201990ee412123111878e', class: "bs-app-shell__navigation", part: "navigation" }, h("slot", { key: '8d4b764e76e7e96ac0605886fc40b1b2edd5703c', name: "navigation" })), h("main", { key: 'c89a3db0a2c160bc397d5fa6ffab9ef8ab88f99e', class: "bs-app-shell__main", part: "main" }, h("slot", { key: '0a6250177f2a20b7fe4c1edd667afe1e5803658f' })), h("div", { key: '1a8d637f15be869915b815903c2a590e8504c057', class: "bs-app-shell__aside", part: "aside" }, h("slot", { key: 'c6e13833e120dca04961105d8c083072f035d5ff', name: "aside" }))));
+        return (h("div", { key: '47e707c4f3c743b6b523dd76e80d6ae38aaf5353', class: "bs-app-shell", part: "container" }, h("div", { key: 'd1b0bb4599dc1e9a13017364ce6e7c69c3316978', class: "bs-app-shell__header", part: "header" }, h("slot", { key: '775f89967e83d97f0ea129b35e7d8df2742edc9d', name: "header" })), h("div", { key: 'fbea84a9cbfc0d3ebb73485da6c5184c4dddb158', class: "bs-app-shell__navigation", part: "navigation" }, h("slot", { key: '95f1a3641a8107e5c1511c73b4a758c56fe15d17', name: "navigation" })), h("main", { key: '0f4fac865fb895e1111088a943d442fa02bda6de', class: "bs-app-shell__main", part: "main" }, h("slot", { key: '5bc1dc42ad1a78100636403cd7972a1ee970ee4c' })), h("div", { key: '409d54f79b190319281ece75c7afe533e10f4d69', class: "bs-app-shell__aside", part: "aside" }, h("slot", { key: '1ff69b7cc7f1b670c8074e8e8db37e96c2d0526a', name: "aside" }))));
     }
     static get is() { return "bs-app-shell"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/bs-attachment-list/bs-attachment-list.js

@@ -58,7 +58,7 @@ export class BsAttachmentList {
         this.canScrollRight = row.scrollWidth - row.clientWidth - row.scrollLeft > 1;
     };
     render() {
-        return (h("div", { key: 'ff420857d6be7d6db3643759dfd328edc473f8b0', class: "bs-attachment-list" }, h("div", { key: '3c62c72f7d4a7477baa07eb4b3d358f23729395e', part: "row", class: "bs-attachment-list__row", ref: el => (this.row = el), onScroll: this.onScroll, role: "group", "aria-label": this.ariaLabel, tabIndex: 0 }, h("slot", { key: '4b510eca2db2a3fdf4992fdcf1c5fe95d4089aad', onSlotchange: this.onSlotchange })), this.canScrollRight && h("div", { key: 'fcb930e61971ed1225b9da2706e8ad66c9db2628', part: "fade", class: "bs-attachment-list__fade", "aria-hidden": "true" })));
+        return (h("div", { key: 'cc51d61bedb719b9e4f53ff06ad0e49280941216', class: "bs-attachment-list" }, h("div", { key: 'ad60db1aa180756c3363977cd3b99fea072ed8fb', part: "row", class: "bs-attachment-list__row", ref: el => (this.row = el), onScroll: this.onScroll, role: "group", "aria-label": this.ariaLabel, tabIndex: 0 }, h("slot", { key: '72a1bb83c74108685a10d6e3b2f2288ac13a88dd', onSlotchange: this.onSlotchange })), this.canScrollRight && h("div", { key: '89a6c24b102bc994cf2535ec3122ed4abfa23d46', part: "fade", class: "bs-attachment-list__fade", "aria-hidden": "true" })));
     }
     static get is() { return "bs-attachment-list"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/bs-breadcrumb/bs-breadcrumbs/bs-breadcrumbs.js

@@ -61,7 +61,7 @@ export class BsBreadcrumbs {
         });
     }
     render() {
-        return (h("nav", { key: '439813704a14d5697c3b74805f8e11473183fc67', "aria-label": this.label }, h("ol", { key: '1ef451cfb2e92781c5ef12255ce960ccd1190c78', part: "list", class: "bs-breadcrumbs__list" }, h("slot", { key: '624b30239abeaacd56584fc0342fe31c3f823eb8', onSlotchange: this.onSlotChange }))));
+        return (h("nav", { key: '0c84afcbcfd5b6f92847d5688ed5201d4d94de23', "aria-label": this.label }, h("ol", { key: '03d527ed21c159d74cbb1215107479dbbd72b4a4', part: "list", class: "bs-breadcrumbs__list" }, h("slot", { key: '7c5d8aa5aef659e6c140ef1bb6992f35ab150d1c', onSlotchange: this.onSlotChange }))));
     }
     static get is() { return "bs-breadcrumbs"; }
     static get encapsulation() { return "shadow"; }

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

@@ -77,7 +77,7 @@ export class BsIconButton {
             form.reset();
     };
     render() {
-        return (h("button", { key: 'e95b86e2b5151e92ed392fcb0bbaaf54349b482f', 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-expanded": this.ariaExpanded, "aria-controls": this.ariaControls, "aria-haspopup": this.ariaHasPopup, "aria-pressed": this.pressed === undefined ? undefined : String(this.pressed), onClick: this.onClick }, h("bs-ripple", { key: '16e9a328454974ae4947b9deb0b1af981e296be7', part: "ripple", centered: true, disabled: this.disabled }), h("span", { key: '645b15068abb821d134a01caa28b300d37236e0e', part: "icon", class: "bs-icon-button__icon" }, h("slot", { key: 'ae1243aedfbe25131ce538748c2e84d214ecc2be' }))));
+        return (h("button", { key: 'ea9b6a4289caec8f3e2649ccaf028bdc3461b107', 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-expanded": this.ariaExpanded, "aria-controls": this.ariaControls, "aria-haspopup": this.ariaHasPopup, "aria-pressed": this.pressed === undefined ? undefined : String(this.pressed), onClick: this.onClick }, h("bs-ripple", { key: 'c09697cdd641eedc4423d3dccb220b5f50265ec0', part: "ripple", centered: true, disabled: this.disabled }), h("span", { key: 'f0baf9d4d9555a0c8385d60690c29ae04c15aeaa', part: "icon", class: "bs-icon-button__icon" }, h("slot", { key: 'b9d1cb1b892a0cb2b735e84afcf255d93b8957f2' }))));
     }
     static get is() { return "bs-icon-button"; }
     static get encapsulation() { return "shadow"; }

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: 'eceeb97c96ab7be19cce6cb2fc5952b197bcbaab', part: "container", class: `bs-button-skeleton bs-button-skeleton--${this.size}`, role: "status", "aria-label": this.loadingLabel });
+        return h("span", { key: '7d56c2312dd4ab1d088a1b7a80ec7663cb896353', 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-carousel/bs-carousel.js

@@ -28,7 +28,7 @@ import { h } from "@stencil/core";
  * - A strict sequence of steps -- use `bs-stepper`.
  * - Paging through a large, addressable result set -- use `bs-pagination`.
  *
- * @slot - Default slot: the slides. Each direct child is one slide.
+ * @slot - Default slot: the slides. Each direct child is one slide and gets `role="group"`, so wrap an image in an element (don't slot a bare `<img>`).
  * @part carousel - The outer region (`role="region"`, `aria-roledescription="carousel"`).
  * @part slides - The row holding the visible slides.
  * @part tracker - The row holding the tracker and the Pause/Play button.
@@ -257,7 +257,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: 'fe38898b10611d2bb20c3428cbc4009449186453', 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: 'd1d01494417dc282a52931307406970b8a1b7011', part: "slides", class: "bs-carousel__slides", "aria-live": rotating ? 'off' : 'polite' }, h("slot", { key: '955bb5229671a23babeea85b7f23b5ec3b330ebe', onSlotchange: this.onSlotChange })), showTracker && (h("div", { key: '7c4c3e73bc8dbf05e351cb0628e26e138d0a4028', 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: 'cc9bb48b594809276ba1d7a37bdab86e6406ce4b', 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: 'd6505ef1cf25ba7ad7f43e733c72324e54138882', part: "slides", class: "bs-carousel__slides", "aria-live": rotating ? 'off' : 'polite' }, h("slot", { key: 'd619f41a54d346f05e56dae300fc8e6f8e0d9161', onSlotchange: this.onSlotChange })), showTracker && (h("div", { key: '4cc21ab05421bdba11a2588a6628041f8ef57e64', 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-carousel/bs-carousel.stories.js

@@ -19,12 +19,16 @@ const PHOTO_IDS = [
     'photo-1512917774080-9991f1c4c750',
     'photo-1660496247667-3fb697c396af',
 ];
+// Each slide is a wrapper <div>, not a bare <img>: the carousel gives every slide role="group" and an
+// "n of N" label, which is invalid on an <img> (and would replace its alt text).
 const slot = (n) => html `
-  <img
-    src="https://images.unsplash.com/${PHOTO_IDS[(n - 1) % PHOTO_IDS.length]}?fm=jpg&q=80&w=640&h=360&fit=crop&auto=format"
-    alt="Landscape photograph ${n}"
-    style="display: block; width: 100%; aspect-ratio: 16 / 9; object-fit: cover; border-radius: var(--bs-border-radius-100);"
-  />
+  <div>
+    <img
+      src="https://images.unsplash.com/${PHOTO_IDS[(n - 1) % PHOTO_IDS.length]}?fm=jpg&q=80&w=640&h=360&fit=crop&auto=format"
+      alt="Landscape photograph ${n}"
+      style="display: block; width: 100%; aspect-ratio: 16 / 9; object-fit: cover; border-radius: var(--bs-border-radius-100);"
+    />
+  </div>
 `;
 const meta = {
     title: 'Components/bs-carousel',

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: '9642427bb2feedde50e355c71f6853df257f69d2', class: "bs-chatbot-feedback", role: "region", "aria-label": this.computedHeading() }, h("button", { key: '7d01f9ee81864b7f93886288dc9aa430aab9bc35', type: "button", part: "close", class: "bs-chatbot-feedback__close", "aria-label": this.closeLabel, onClick: this.onCloseClick }, h("bs-icon", { key: '6a3ee3614ef48446b0a9137f877145549484852c', name: "x", tone: "inherit", size: "md" })), h("div", { key: 'b7193bc13441c56edc89974ca0e0ba43c8d47a66', class: "bs-chatbot-feedback__top" }, h("div", { key: '9b93d4ee252f9eab36808b84171f6d85e6da7be2', class: "bs-chatbot-feedback__text" }, h("p", { key: '204ad4eac6e3ae69ca539b8efe9319dd834dbcdf', part: "heading", class: "bs-chatbot-feedback__heading" }, this.computedHeading()), h("p", { key: 'e3ddf360ba370314985a66ad28782a89b57ba51a', part: "subtitle", class: "bs-chatbot-feedback__subtitle" }, this.computedSubtitle())), h("div", { key: '50eaa4821ca056cb16bdabb96306ccc52bb987e4', 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("bs-icon", { name: this.rating >= value ? 'star-fill' : 'star', tone: "inherit" }))))), !this.submitted && (h("div", { key: '754de919956347beb69d38ab2fd95cbc741a5cc0', class: "bs-chatbot-feedback__field" }, h("label", { key: '1ba7da633b0b2b6ac036d62849c6b8d594c5dc2e', part: "label", class: "bs-chatbot-feedback__label", htmlFor: "bs-chatbot-feedback-comment" }, this.commentLabel), h("textarea", { key: '0abc18be7c42e7ddec42e94a4b88e845af29c9f3', 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: '5e772be2c5b47bda8e35fac82b785fc488b87d37', part: "comment", class: "bs-chatbot-feedback__comment" }, this.comment))), h("div", { key: '0473e7afaa3d96f1a1044f9410a95e468cc33db4', class: "bs-chatbot-feedback__actions" }, !this.submitted && (h("button", { key: 'a319bbd909a72c177649e899e4c6500778d57dce', type: "button", part: "submit", class: "bs-chatbot-feedback__submit", disabled: this.rating === 0, onClick: this.onSubmitClick }, h("bs-icon", { key: '29baadc25644ea985faf7f874741db4c2dcdd089', name: "paper-plane-right", tone: "inherit" }), this.submitLabel)), h("button", { key: 'aadd03c3f2b18d7e821e50891b9e94e884b6c36f', 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("bs-icon", { key: 'f9f088c5e2f0b9cd8f86d433cb1c516e65d1418f', name: "note-pencil", tone: "inherit" }), this.newChatLabel))));
+        return (h("div", { key: 'abe96e022470e207c9f7f809f0411decc3d5f15d', class: "bs-chatbot-feedback", role: "region", "aria-label": this.computedHeading() }, h("button", { key: 'bc4b49b49197f519c907a2d251f87dda32f692af', type: "button", part: "close", class: "bs-chatbot-feedback__close", "aria-label": this.closeLabel, onClick: this.onCloseClick }, h("bs-icon", { key: '9752026097d6059c5e42849f5ac1199cf1b62f1a', name: "x", tone: "inherit", size: "md" })), h("div", { key: '4a99b4d73ec91e57451c2fa8c39065d25bae3eff', class: "bs-chatbot-feedback__top" }, h("div", { key: '0a2a34e66a6cc804a6079024f2c988eb7772d9b8', class: "bs-chatbot-feedback__text" }, h("p", { key: '83b9fb4d2f1dcd4ab27ded8decc9895785ef8990', part: "heading", class: "bs-chatbot-feedback__heading" }, this.computedHeading()), h("p", { key: 'b6488793210e32bf867cc86adbd1fb18faaf402a', part: "subtitle", class: "bs-chatbot-feedback__subtitle" }, this.computedSubtitle())), h("div", { key: 'dc54e8f6b9c1baf511a90f382a88c15618c2c99a', 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("bs-icon", { name: this.rating >= value ? 'star-fill' : 'star', tone: "inherit" }))))), !this.submitted && (h("div", { key: '0cbd5a3e6419fe89fc6a2825aca72b4555e3b769', class: "bs-chatbot-feedback__field" }, h("label", { key: 'f7ecb448ac6ac8f0bea24122840d57f120bfeca0', part: "label", class: "bs-chatbot-feedback__label", htmlFor: "bs-chatbot-feedback-comment" }, this.commentLabel), h("textarea", { key: 'b3a71294376092dca5d196e21c4206a0299a7484', 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: 'd3fdc0be81a0cb12173a80d9f4b80e7e17fb6b88', part: "comment", class: "bs-chatbot-feedback__comment" }, this.comment))), h("div", { key: 'd20530168baf7b3905128550156ac30b328c4c4a', class: "bs-chatbot-feedback__actions" }, !this.submitted && (h("button", { key: '166e8a801f9ce7c9a1bbd3e03d4884b3e3819e77', type: "button", part: "submit", class: "bs-chatbot-feedback__submit", disabled: this.rating === 0, onClick: this.onSubmitClick }, h("bs-icon", { key: 'd1681fddde19c9303c5a5a716c9bcc41c7e81919', name: "paper-plane-right", tone: "inherit" }), this.submitLabel)), h("button", { key: '69218e0d70231f8930c3ede9bedd8cddc62e0425', 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("bs-icon", { key: '66e6151ed8f172e40c09ac8e9ace5970d2626f02', name: "note-pencil", tone: "inherit" }), 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: 'f0c324bef5be83ad32e9ceba663c8549ff656e4f', class: "bs-chatbot-header", role: "banner", "aria-label": this.heading }, h("div", { key: '5eddf01ee18aa11f4447b46813c95b7fdc119865', part: "logo", class: "bs-chatbot-header__logo", role: "img", "aria-label": this.heading, innerHTML: GENIE_LOGO_SVG }), h("div", { key: 'c9289ee0c7e7ef6b68ea632f71797b0117d50e74', class: "bs-chatbot-header__actions" }, h("slot", { key: 'b32fdb607945a114c88ca9e699a79937e0acd1cf', name: "actions" }), !this.hideNewChat && (h("span", { key: '46dca4bc6488c5b722154e76fe400c318c42e9c9', class: "bs-chatbot-header__tooltip-wrapper" }, h("button", { key: '023dacbfea16996c8e82793e4b5fc1269bf1a358', type: "button", part: "new-chat", class: "bs-chatbot-header__button", "aria-label": this.newChatLabel, onClick: this.onNewChatClick }, h("slot", { key: 'f1163cb48f30a0f30b63b4e456839aef082a3055', name: "new-chat-icon" }, h("bs-icon", { key: '6cce81b2e77ddb4279d82364a861642622a54f95', name: "note-pencil", tone: "inherit" }))), h("bs-tooltip", { key: '128a86c14973dcc83df59f129fba56c3aaa0a43e', class: "bs-chatbot-header__tooltip", placement: "top", "aria-hidden": "true" }, this.newChatLabel))), !this.hideHistory && (h("span", { key: '8f11045491e416e8ac9dc9e3c5d6a2628e7edefb', class: "bs-chatbot-header__tooltip-wrapper" }, h("button", { key: '07bebd752033ce96bb6037a0c26ab0fd76877769', type: "button", part: "history", class: "bs-chatbot-header__button", "aria-label": this.historyLabel, onClick: this.onHistoryClick }, h("slot", { key: 'b136a662ef52891d356f123e79e7dfd269127290', name: "history-icon" }, h("bs-icon", { key: '9a16baba88b301ad536242a3b160ab7c5309ed5b', name: "clock-counter-clockwise", tone: "inherit" }))), h("bs-tooltip", { key: '006423bbdd39cd97b126799ca0abde9dd49a2fdb', class: "bs-chatbot-header__tooltip", placement: "top", "aria-hidden": "true" }, this.historyLabel))), !this.hideExpand && (h("span", { key: 'c7b5f5a6881445597066ab72a58a63bc7a27257e', class: "bs-chatbot-header__tooltip-wrapper" }, h("button", { key: 'b12e87c73b3aeb48c49dee42caf404bebf211616', 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: 'b2c0af3e216151753a1865c3d7003aeaf6f5ac4e', name: "expand-icon" }, h("bs-icon", { key: 'cc11a845475bb70d254d21304bc7548b3bb4d908', name: "arrows-out-simple", tone: "inherit" }))), h("bs-tooltip", { key: '69900f0f7c83bebfdec08e7b2890b2b364102e1e', class: "bs-chatbot-header__tooltip", placement: "top", "aria-hidden": "true" }, this.expanded ? this.collapseLabel : this.expandLabel))), !this.hideClose && (h("span", { key: 'f8527d411010504c6fbf18d82bbf48e920bad539', class: "bs-chatbot-header__tooltip-wrapper" }, h("button", { key: 'ebe64fb9ed16a35f4ff29bd3ad62286dc6cc0211', type: "button", part: "close", class: "bs-chatbot-header__button", "aria-label": this.closeLabel, onClick: this.onCloseClick }, h("slot", { key: 'd93a5b6958872e8b967abeb71ce1ef9631b44b8c', name: "close-icon" }, h("bs-icon", { key: '3d18f704f5094d28c1b3a4c3bfe713cbe42cbf81', name: "x", tone: "inherit" }))), h("bs-tooltip", { key: '263181de49c246cbb88d8c2757978001debd2e69', class: "bs-chatbot-header__tooltip", placement: "top", "aria-hidden": "true" }, this.closeLabel))))));
+        return (h("div", { key: '2ddb9c205074cb798c819fa134697066ac74e007', class: "bs-chatbot-header", role: "banner", "aria-label": this.heading }, h("div", { key: '67c82de0246c79ea51c57ea8ff4a092355540a9d', part: "logo", class: "bs-chatbot-header__logo", role: "img", "aria-label": this.heading, innerHTML: GENIE_LOGO_SVG }), h("div", { key: 'a6f34d2e08e5db2c0ee53f650a6c4f0630e82f58', class: "bs-chatbot-header__actions" }, h("slot", { key: '7706d8c443cdd66dc493024a8bbe82004e8a4aab', name: "actions" }), !this.hideNewChat && (h("span", { key: '2a3628094dec7ef3275b197483e7d051d3cf19de', class: "bs-chatbot-header__tooltip-wrapper" }, h("button", { key: 'ca3ff416db460b27a54c1fc0a26c2247963f4421', type: "button", part: "new-chat", class: "bs-chatbot-header__button", "aria-label": this.newChatLabel, onClick: this.onNewChatClick }, h("slot", { key: '02021477c347faf9dc91a03632f5940a0902358e', name: "new-chat-icon" }, h("bs-icon", { key: '7007f65e886288ad0d7358712aae7f1cea2bc261', name: "note-pencil", tone: "inherit" }))), h("bs-tooltip", { key: 'ed13af0265b1a5e0fd4f510395a125e4104172fb', class: "bs-chatbot-header__tooltip", placement: "top", "aria-hidden": "true" }, this.newChatLabel))), !this.hideHistory && (h("span", { key: '0a544d3f67182c982a12536f964a6c3ff61e3b6b', class: "bs-chatbot-header__tooltip-wrapper" }, h("button", { key: 'c228101de7b8fcbfcbfae91bcc8ad5a8c16f0caa', type: "button", part: "history", class: "bs-chatbot-header__button", "aria-label": this.historyLabel, onClick: this.onHistoryClick }, h("slot", { key: '3f2bfe403db42cc3e699d557639cddd75981f221', name: "history-icon" }, h("bs-icon", { key: '1fde5494b813ee00c79d675a0a153d56852990da', name: "clock-counter-clockwise", tone: "inherit" }))), h("bs-tooltip", { key: '6e7ffda760c642815d5b403e16852df7675f835f', class: "bs-chatbot-header__tooltip", placement: "top", "aria-hidden": "true" }, this.historyLabel))), !this.hideExpand && (h("span", { key: 'e3ed6e2d4531f603b7911cb26d3213f212fe845c', class: "bs-chatbot-header__tooltip-wrapper" }, h("button", { key: '888df9fbf9464b634865e01ee9c41cfaab854566', 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: '9b8e079238abfb6cb423e43aad42c740c6ff49b9', name: "expand-icon" }, h("bs-icon", { key: 'ea854b094594e1a818a2dc3fd74c4b6cc039075e', name: "arrows-out-simple", tone: "inherit" }))), h("bs-tooltip", { key: '6105372ca30141f913bc1f1d006a7c256585d18d', class: "bs-chatbot-header__tooltip", placement: "top", "aria-hidden": "true" }, this.expanded ? this.collapseLabel : this.expandLabel))), !this.hideClose && (h("span", { key: 'c0c950c5d1c2efb3e3cb3bf603ca1a69456616fb', class: "bs-chatbot-header__tooltip-wrapper" }, h("button", { key: '3bec7ad338519220f4a80166cbd1ee2a2cf6e50a', type: "button", part: "close", class: "bs-chatbot-header__button", "aria-label": this.closeLabel, onClick: this.onCloseClick }, h("slot", { key: 'a3ab965313ae0909298b1fea50a84fd7be57a3f6', name: "close-icon" }, h("bs-icon", { key: 'bb95e5d9d7e972d901372e3af56ab5fd8e5ec8ac', name: "x", tone: "inherit" }))), h("bs-tooltip", { key: 'cc11deddfb77797722df5f4abf9f97e7f91d3d15', 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

@@ -128,7 +128,7 @@ export class BsChatbotResponseAction {
     };
     render() {
         const hasSources = !!this.sourcesCount && this.sourcesCount > 0;
-        return (h("div", { key: 'd6ec5d7832cb89fa6a9dc97d735e6ea55a7b7241', class: "bs-chatbot-response-action" }, h("button", { key: '17cbcd07677e2ab40b199dd7834c04b4570b7b8c', type: "button", part: "like", class: "bs-chatbot-response-action__button", "aria-label": this.likeLabel, "aria-pressed": this.liked ? 'true' : 'false', onClick: this.onLikeClick }, h("bs-ripple", { key: '4b768312fdf2bad4344958eebecddb65f4763219', part: "ripple", centered: true }), h("slot", { key: '6c821d89ed0046629b3f5f37718235a1616af813', name: "like-icon" }, h(ThumbsUpIcon, { key: '3190624e18324a064cc3da5bcc86a9b13684ef4b' }))), h("button", { key: 'af8bda39744ce0f66cf28b3b1e9336cc662233b3', type: "button", part: "dislike", class: "bs-chatbot-response-action__button", "aria-label": this.dislikeLabel, "aria-pressed": this.disliked ? 'true' : 'false', onClick: this.onDislikeClick }, h("bs-ripple", { key: 'dcf47fb5f3b7106e2247e60d88f6e2ae7b4e0bfe', part: "ripple", centered: true }), h("slot", { key: '92bd3a554dab27bfe5fb17aa216204bdb1e32b26', name: "dislike-icon" }, h(ThumbsDownIcon, { key: '4a4b2b1a781af704be5e3998444e24b92e45e794' }))), h("button", { key: '982758c52f1354a67a5ff57a2cb9b3f33de0d28d', type: "button", part: "copy", class: "bs-chatbot-response-action__button", "aria-label": this.copyLabel, onClick: this.onCopyClick }, h("bs-ripple", { key: '9fb0ea077279a7275bf77255e2fa88e644782c03', part: "ripple", centered: true }), h("slot", { key: '1d24ad346d08c41aa02b9e3c6b9a7bbd5d7afbbf', name: "copy-icon" }, h(CopyIcon, { key: '87ac9fdade8339b56d6bab2c937fac4cdf7e9600' }))), !this.hideRegenerate && (h("button", { key: 'bde35dbce8fe3cfc28a408c508d6774d4676d7da', type: "button", part: "regenerate", class: "bs-chatbot-response-action__button", "aria-label": this.regenerateLabel, onClick: this.onRegenerateClick }, h("bs-ripple", { key: '7e1bdea5844684936c18547ab5f793cb302ea5a6', part: "ripple", centered: true }), h("slot", { key: 'ec96ae7eada9da8b20f41e2e0646426e0e0bacf7', name: "regenerate-icon" }, h(RegenerateIcon, { key: 'c09ef6b4e47964f56bef9f004443b7dd2e24b401' })))), h("div", { key: '7776215dc4ca739c9ea55577f2b0e8869df35000', class: "bs-chatbot-response-action__menu-wrapper" }, h("button", { key: 'a8fe7faa099961d9c6cf14745f72b8c5afa50e84', 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("bs-ripple", { key: '109b246498589a0d1d80a0f3573f2a66f35f96d8', part: "ripple", centered: true }), h("slot", { key: '4e9e725c8cec5bc1fa6db8608ff7fdc1d78d53b8', name: "menu-icon" }, h(MenuIcon, { key: '4675b0d7b17211de98336a62e04e0d0b7876d83d' }))), this.menuOpen && (h("div", { key: 'cc48f0a1c834cd94f9ecc016f68b6a85138be604', class: "bs-chatbot-response-action__menu-popup" }, h("slot", { key: 'b9ad1bc5d4717e294ed196b50fec8ca0a340c655', name: "menu" })))), hasSources && (h("button", { key: 'c86ce3e4529f1e7c3e74ae59a0b6728ad5701190', type: "button", part: "sources", class: "bs-chatbot-response-action__sources", onClick: this.onSourcesClick }, h("slot", { key: 'cdd832fdc3ad9eb27103be3f4d2b08acd1141b1b', name: "sources-icon" }, h(SourcesIcon, { key: 'b82a6db98ce52e5b5e1f24f078c48734bafcaf59' })), h("span", { key: 'e1b7633db592eb2ee198c56f0b4e145037b671a4', class: "bs-chatbot-response-action__sources-label" }, this.sourcesCount, " ", this.sourcesCount === 1 ? this.sourceLabel : this.sourcesLabel)))));
+        return (h("div", { key: '4263ebed958bc24b67606be50a6a0f35602f6628', class: "bs-chatbot-response-action" }, h("button", { key: '6805493edf715e0977b046321f6f646c63012854', type: "button", part: "like", class: "bs-chatbot-response-action__button", "aria-label": this.likeLabel, "aria-pressed": this.liked ? 'true' : 'false', onClick: this.onLikeClick }, h("bs-ripple", { key: 'd239a216c3203eacc16a0f79bf5dc1e9ff9f9bb0', part: "ripple", centered: true }), h("slot", { key: 'b4e94465648fac5ab8063987f26ab95b9ec91ec9', name: "like-icon" }, h(ThumbsUpIcon, { key: 'b2ed36b80507555a6c719f4b253efd335bc8183a' }))), h("button", { key: 'ea84c74cd3cc0fddcfe46d17a521a3f972605516', type: "button", part: "dislike", class: "bs-chatbot-response-action__button", "aria-label": this.dislikeLabel, "aria-pressed": this.disliked ? 'true' : 'false', onClick: this.onDislikeClick }, h("bs-ripple", { key: '614061ea5267ce73b18893cb9134e416dba3501d', part: "ripple", centered: true }), h("slot", { key: 'b674da463ed8425a37c25eb1b8916ceb29f0fa74', name: "dislike-icon" }, h(ThumbsDownIcon, { key: '21104656e544086f66efd225d9a528e1726106dc' }))), h("button", { key: '3b13edb4d339c4ddf17c31c7ae1a1346caaffc10', type: "button", part: "copy", class: "bs-chatbot-response-action__button", "aria-label": this.copyLabel, onClick: this.onCopyClick }, h("bs-ripple", { key: '50775922e1996a662b9e9776e640c93b82e1353e', part: "ripple", centered: true }), h("slot", { key: '1de3aab0b4fc2c33797a3b92588c803edd893879', name: "copy-icon" }, h(CopyIcon, { key: '0fdc76095ed5e91889a479fbc0e6e430929d29b3' }))), !this.hideRegenerate && (h("button", { key: 'a4437c1135e3de9f00f6a6f6647a8cbf2278786d', type: "button", part: "regenerate", class: "bs-chatbot-response-action__button", "aria-label": this.regenerateLabel, onClick: this.onRegenerateClick }, h("bs-ripple", { key: '571a630b9b5834d7839ae76451b77e57a02c379c', part: "ripple", centered: true }), h("slot", { key: '910c06c47b93d7f54de30d13e665118a18d0b1e6', name: "regenerate-icon" }, h(RegenerateIcon, { key: '710a4c6ff5acbf447572c948fbeb289ff929a6f6' })))), h("div", { key: '30acbf6c546a10b2d76ff50ce913b8b8b1d36c38', class: "bs-chatbot-response-action__menu-wrapper" }, h("button", { key: '1ce53c3c29d74c58ff7087d7b486de5f64564423', 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("bs-ripple", { key: '9310b86d9067dd5c5ad86a29eb8c8d27ac183d23', part: "ripple", centered: true }), h("slot", { key: '1fd1370969fcdb9eb54fad72856dcbc40683f096', name: "menu-icon" }, h(MenuIcon, { key: '7c28c2c086c19378540dac7f2630be777e379e5e' }))), this.menuOpen && (h("div", { key: '677046c5003b0c34e631b2659017cc695ff0f72f', class: "bs-chatbot-response-action__menu-popup" }, h("slot", { key: 'e074a06431dbfd44f67604e935d40f3b91116cf5', name: "menu" })))), hasSources && (h("button", { key: 'b9fcdfde8f2969b12b1dc7ecaa0149a2d35ab3aa', type: "button", part: "sources", class: "bs-chatbot-response-action__sources", onClick: this.onSourcesClick }, h("slot", { key: 'a5a509eb6bb7c877a9dd7f8659191b073f1c0ccb', name: "sources-icon" }, h(SourcesIcon, { key: '49407e046d01a4f520b15b550121e8509aef053f' })), h("span", { key: 'f326640b200efcf12347714db2029327c95805f0', 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: '1d0c3253af7cf38b81b36ac15a78033c03e14c91', class: "bs-chatbot-sources-drawer", role: "region", "aria-label": this.heading }, h("div", { key: 'd5eb2089574325eb8540a98d0603368e46b8c73d', class: "bs-chatbot-sources-drawer__header" }, h("div", { key: '1fb338f2a8c1f868daef29625eb7bfc2ffb3ce0e', class: "bs-chatbot-sources-drawer__title-group" }, h("h2", { key: '6c4ab9c5de55e70cfe9c163d454cfa419bc83ea8', part: "heading", class: "bs-chatbot-sources-drawer__heading" }, this.heading), displayCount > 0 && (h("span", { key: 'fe7a147f6f7148f7c1252a93cd56060dc38b3eb2', part: "count", class: "bs-chatbot-sources-drawer__count" }, displayCount))), h("button", { key: 'fe09c59453243448e8c48ed6e451b5e49c3608d3', type: "button", part: "collapse", class: "bs-chatbot-sources-drawer__collapse", "aria-label": this.collapseLabel, onClick: this.onCollapseClick }, h("slot", { key: 'da8e67e324afb7eb6dc75d160ba3a6c447c33354', name: "collapse-icon" }, h(CaretRightIcon, { key: 'c079b91874239e6bdaea1cdeb65d7ccf70de90cd' })))), h("div", { key: 'f9098edd11a91137bb55deab94ab0b999e530cac', part: "list", class: "bs-chatbot-sources-drawer__list" }, h("slot", { key: 'e0c95d42eef55be86cee88f850556f2a4c712fcd', onSlotchange: this.onSlotchange }))));
+        return (h("div", { key: '72666e1a78127010e3ac2ebe6ce0f94117c4b432', class: "bs-chatbot-sources-drawer", role: "region", "aria-label": this.heading }, h("div", { key: 'a82c23071c94ab034e5618d03bdea9f23bf83f1f', class: "bs-chatbot-sources-drawer__header" }, h("div", { key: '592aa5597e26e34b9583dd3987e98a202f1f515e', class: "bs-chatbot-sources-drawer__title-group" }, h("h2", { key: 'd7d0841ad59dea22cda3c80cca96423c752760f3', part: "heading", class: "bs-chatbot-sources-drawer__heading" }, this.heading), displayCount > 0 && (h("span", { key: 'ca952fc240dc656ecb3b8626fe6ff04a6205b0b6', part: "count", class: "bs-chatbot-sources-drawer__count" }, displayCount))), h("button", { key: '733c375428582c657025ddde7b412174a4095324', type: "button", part: "collapse", class: "bs-chatbot-sources-drawer__collapse", "aria-label": this.collapseLabel, onClick: this.onCollapseClick }, h("slot", { key: '5b40e0be91f2c0d7370d597ca54854fea05d9c28', name: "collapse-icon" }, h(CaretRightIcon, { key: '0e0386e798e8c437ba6440d0d5a2f77afcd5b989' })))), h("div", { key: '71e980ce1ebbc1c6f1e61f61cfa669a85088d09e', part: "list", class: "bs-chatbot-sources-drawer__list" }, h("slot", { key: '3ad1f3ddb4b91b5e7f22167e471977708b8649cd', 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

@@ -46,7 +46,7 @@ export class BsChatbotSuggestionButton {
         this.bsSelect.emit();
     };
     render() {
-        return (h("button", { key: '5dec9f6d82254f0cac7ec92734ed199ffe22e421', type: "button", part: "button", class: "bs-chatbot-suggestion-button", disabled: this.disabled, onClick: this.onClick }, h("bs-ripple", { key: 'b4c464e7c9cbdb988f503babd2cb99f27e80b62f', part: "ripple", centered: false, disabled: this.disabled }), h("slot", { key: '73b0f23768b8ff67035d4dee7352eeff1bdde7c6' })));
+        return (h("button", { key: 'f7d29f1919ff885bc1f05626829bf58fae38be61', type: "button", part: "button", class: "bs-chatbot-suggestion-button", disabled: this.disabled, onClick: this.onClick }, h("bs-ripple", { key: '770017f5a44729eba5208878c17b31efdcab7952', part: "ripple", centered: false, disabled: this.disabled }), h("slot", { key: '6642b4c2cd8e3111fdf911b3fc6a01f67454da46' })));
     }
     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: '8458201ffae956d841ea313054cc75b0a51ad6ff', part: "container", class: "bs-checkbox-skeleton", role: "status", "aria-label": this.loadingLabel }, h("span", { key: '6c99ce841d3b9788cba16afbe23b4ec27e3fe1ce', part: "box", class: `bs-checkbox-skeleton__box bs-checkbox-skeleton__box--${this.size}` }), h("span", { key: 'f950ba0f0b3025d19ca5da7cefe3a75bb47932b1', part: "label", class: "bs-checkbox-skeleton__label" })));
+        return (h("span", { key: 'f8a4306f0371bcbc8ddec0ad91b3b7dd38dcd5da', part: "container", class: "bs-checkbox-skeleton", role: "status", "aria-label": this.loadingLabel }, h("span", { key: '253a8bf78c65ed31f05d89df7f3e6fa9438df197', part: "box", class: `bs-checkbox-skeleton__box bs-checkbox-skeleton__box--${this.size}` }), h("span", { key: 'ff994f5895f52fae3074be5c75ff4093ab27eef9', 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-group/bs-checkbox-group.cmp.test.js

@@ -4,6 +4,15 @@ const boxes = (root) => Array.from(root.querySelectorAll('bs-checkbox'));
 const input = (b) => b.shadowRoot.querySelector('input');
 const basic = (extra = {}) => (h("bs-checkbox-group", { label: "Notify by", ...extra }, h("bs-checkbox", { value: "email" }, "Email"), h("bs-checkbox", { value: "sms" }, "SMS"), h("bs-checkbox", { value: "push" }, "Push")));
 describe('bs-checkbox-group', () => {
+    it('announces required via legend text, not aria-required (invalid on a fieldset)', async () => {
+        const { root } = await render(basic({ required: true }));
+        const group = root.shadowRoot.querySelector('fieldset');
+        expect(group.hasAttribute('aria-required')).toBe(false);
+        expect(root.shadowRoot.querySelector('legend').textContent).toContain('(required)');
+        root.requiredLabel = 'påkrævet';
+        await new Promise(r => setTimeout(r, 50));
+        expect(root.shadowRoot.querySelector('legend').textContent).toContain('(påkrævet)');
+    });
     it('is a fieldset with a legend', async () => {
         const { root } = await render(basic());
         expect(root.shadowRoot.querySelector('fieldset')).not.toBeNull();

package/dist/collection/components/bs-checkbox-group/bs-checkbox-group.css

@@ -63,3 +63,16 @@
 .bs-checkbox-group__error {
   color: var(--bs-checkbox-group-error-color);
 }
+
+/* Visually hidden, still read by screen readers. */
+.bs-checkbox-group__sr-only {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  margin: -1px;
+  padding: 0;
+  overflow: hidden;
+  clip: rect(0 0 0 0);
+  white-space: nowrap;
+  border: 0;
+}

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

@@ -31,8 +31,10 @@ export class BsCheckboxGroup {
     error;
     /** Layout of the checkboxes. */
     orientation = 'vertical';
-    /** Marks the group as required: shows an asterisk after the label and sets `aria-required`. */
+    /** Marks the group as required: shows an asterisk after the label and adds the `requiredLabel` text to the legend for assistive tech. */
     required = false;
+    /** Text appended (visually hidden) to the legend when `required`, so screen readers announce it. `aria-required` is not valid on a `fieldset`. */
+    requiredLabel = 'required';
     /** `value`s of the checked checkboxes. An array, so set it as a JS property, not an attribute. Setting it checks the matching boxes and unchecks the rest. */
     value = [];
     /** Emitted with the new array of checked `value`s when the user toggles a checkbox. Replaces the checkboxes' own `bsChange`, which does not reach listeners outside the group. */
@@ -75,7 +77,10 @@ export class BsCheckboxGroup {
     render() {
         const descId = `${this.id}-desc`;
         const note = this.error || this.description;
-        return (h("fieldset", { key: '0fe78473d394ca02d2901e2dd6ee2b41bf0c8f82', part: "group", class: { 'bs-checkbox-group': true, 'bs-checkbox-group--error': !!this.error }, "aria-describedby": note ? descId : undefined, "aria-invalid": this.error ? 'true' : undefined, "aria-required": this.required ? 'true' : undefined }, this.label && (h("legend", { key: '93ebc36796a72142d0c37a5242fc3c41aac4cb24', part: "label", class: "bs-checkbox-group__label" }, this.label, this.required && h("span", { key: 'eafcf168ac7d17feef71686e3a57498093ab0b97', "aria-hidden": "true" }, " *"))), h("div", { key: '4473ad6ab2d88e0e1e6a68f5669d9008716a061b', part: "options", class: "bs-checkbox-group__options" }, h("slot", { key: '948c5302774f93e6e5173d0693450d14eb4230e3', onSlotchange: this.onSlotchange })), note && (h("span", { key: 'b625aa5a79b78c5fb2cceea6fa412582d41d4180', id: descId, part: this.error ? 'error' : 'description', class: this.error ? 'bs-checkbox-group__error' : 'bs-checkbox-group__description' }, this.error || this.description))));
+        return (h("fieldset", { key: '8f7fb1a067e1f56befc8b0482405333f4eb5d3b1', part: "group", class: { 'bs-checkbox-group': true, 'bs-checkbox-group--error': !!this.error }, "aria-describedby": note ? descId : undefined, "aria-invalid": this.error ? 'true' : undefined }, this.label && (h("legend", { key: '4184cdfef2d458b06159289c44ed62093ec43fbe', part: "label", class: "bs-checkbox-group__label" }, this.label, this.required && [
+            h("span", { key: '7c50ad16bb5a62aee6bb7c1c6171fb7fc7843cbc', "aria-hidden": "true" }, " *"),
+            h("span", { key: '07c282bd08e6ba04aa245f37987985bd3e19e842', class: "bs-checkbox-group__sr-only" }, " (", this.requiredLabel, ")"),
+        ])), h("div", { key: '2f418bcf802da9f6c312b103a0f49096e7bd0f08', part: "options", class: "bs-checkbox-group__options" }, h("slot", { key: '276403e8a81f0d6801ede58375a0802b382841a0', onSlotchange: this.onSlotchange })), note && (h("span", { key: 'bd3e98d357755bf1135c9dd9e3defb35090559da', id: descId, part: this.error ? 'error' : 'description', class: this.error ? 'bs-checkbox-group__error' : 'bs-checkbox-group__description' }, this.error || this.description))));
     }
     static get is() { return "bs-checkbox-group"; }
     static get encapsulation() { return "shadow"; }
@@ -186,7 +191,7 @@ export class BsCheckboxGroup {
                 "optional": false,
                 "docs": {
                     "tags": [],
-                    "text": "Marks the group as required: shows an asterisk after the label and sets `aria-required`."
+                    "text": "Marks the group as required: shows an asterisk after the label and adds the `requiredLabel` text to the legend for assistive tech."
                 },
                 "getter": false,
                 "setter": false,
@@ -194,6 +199,26 @@ export class BsCheckboxGroup {
                 "attribute": "required",
                 "defaultValue": "false"
             },
+            "requiredLabel": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Text appended (visually hidden) to the legend when `required`, so screen readers announce it. `aria-required` is not valid on a `fieldset`."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "required-label",
+                "defaultValue": "'required'"
+            },
             "value": {
                 "type": "unknown",
                 "mutable": true,

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

@@ -71,7 +71,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: '06a4efff34f6542d59f9e46b4df706cae4a3118c', 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("bs-ripple", { key: 'd76f2c368b82361e021d92eda38f68783910c4d7', part: "ripple", centered: false, disabled: this.disabled }), h("span", { key: 'e31e9dbb2f8663c8c496c0c24a465025de3513d9', part: "icon", class: `bs-chip-filter__icon ${this.hasIcon ? 'bs-chip-filter__icon--visible' : ''}` }, h("slot", { key: 'c9c11954b627f6f0cf2defd3bc24d39c83f8b6f7', name: "icon", onSlotchange: this.onIconSlotchange })), h("span", { key: 'af8b16f4c1c36d68db0ecef3844ef81e0c2a95f2', part: "label", class: "bs-chip-filter__label" }, h("slot", { key: 'afed8547e55dd8851f4a35204dfc8c19aac9552c' })), this.dropdown && (h("span", { key: 'ae9a53b2c520650bd8ec765ea21471800e9434ff', part: "caret", class: "bs-chip-filter__caret", "aria-hidden": "true" }, h(ChevronDownIcon, { key: '0311c2312584e20590bfb8d3c34a7b0d5efea652' })))));
+        return (h("button", { key: '7cfdd0089c8023f1409ccf9751ffe03329a6d884', 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("bs-ripple", { key: '3aa54019b1985b8cf77834c31b1df31a56e28774', part: "ripple", centered: false, disabled: this.disabled }), h("span", { key: '752fbf3f55aad2206e38f27e6841a4a8cb775449', part: "icon", class: `bs-chip-filter__icon ${this.hasIcon ? 'bs-chip-filter__icon--visible' : ''}` }, h("slot", { key: '51435c1edb40d989241b59413dc6e30b353b5b46', name: "icon", onSlotchange: this.onIconSlotchange })), h("span", { key: '34db254d4ee9616e2497705bc57237bcaac3b6a2', part: "label", class: "bs-chip-filter__label" }, h("slot", { key: '35a15ed0702180ab8cb58e6249b78d1322ee4b5b' })), this.dropdown && (h("span", { key: 'e72f4c5612cf67848711c31f2ab32403bdc645f2', part: "caret", class: "bs-chip-filter__caret", "aria-hidden": "true" }, h(ChevronDownIcon, { key: '513939f3b41904070b43fed9ac8169fb2c92ef6d' })))));
     }
     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: '300d18219fd28709d023bf5d8884ecd7365eb259', class: `bs-chip-informative bs-chip-informative--${this.color} bs-chip-informative--${this.size} bs-chip-informative--${paddingVariant}` }, h("span", { key: '9e75b6aa312abd6433dd83af37f27587cee98590', part: "icon", class: `bs-chip-informative__icon ${this.hasIcon ? 'bs-chip-informative__icon--visible' : ''}` }, h("slot", { key: 'cc55742c7d920b535efb6c3e2f721a88172dbe68', name: "icon", onSlotchange: this.onIconSlotchange })), h("span", { key: '198316a11fa1fd0a2eeca15d138f92bb00a5de6b', part: "label", class: "bs-chip-informative__label" }, h("slot", { key: '346399cea299338a6110e34fe9a7130e99aa6c09' }))));
+        return (h(Host, { key: 'd44cc865c85a33561d688c16ba73f325d42b5dd9', class: `bs-chip-informative bs-chip-informative--${this.color} bs-chip-informative--${this.size} bs-chip-informative--${paddingVariant}`, "aria-disabled": this.disabled ? 'true' : undefined }, h("span", { key: '287ae0812ffdb137d42c23ec1423a2939c57d316', part: "icon", class: `bs-chip-informative__icon ${this.hasIcon ? 'bs-chip-informative__icon--visible' : ''}` }, h("slot", { key: 'fbb9a6bd70dccc1873e77872a0b636acb2cbcd47', name: "icon", onSlotchange: this.onIconSlotchange })), h("span", { key: 'f4e3bc9305c5698b131da8724518d3fffd02d822', part: "label", class: "bs-chip-informative__label" }, h("slot", { key: 'ee13386ec9bf45e425b724bfbd0f9030f926fe79' }))));
     }
     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

@@ -80,7 +80,7 @@ export class BsChipInput {
     };
     render() {
         const paddingVariant = this.hasIcon ? 'icon' : 'text';
-        return (h(Host, { key: '8ab76f06cb483dbc73d33b0d18a5bd480835a73c', class: `bs-chip-input bs-chip-input--${this.size} bs-chip-input--${paddingVariant}` }, h("button", { key: '5bbf3a240d0e3bafbb05d2e1f08b1a536957845a', type: "button", part: "body", class: "bs-chip-input__body", disabled: this.disabled, "aria-pressed": String(this.selected), onClick: this.onBodyClick }, h("bs-ripple", { key: '0fb4d5f11b8f4f688c84d81d8f6a5a1588ef8e98', part: "ripple", centered: false, disabled: this.disabled }), h("span", { key: '6933afdd4c1d7cbee3c44fd5a4bdda6d50a057c6', part: "icon", class: `bs-chip-input__icon ${this.hasIcon ? 'bs-chip-input__icon--visible' : ''}` }, h("slot", { key: '76ceb9abac6525345e6c10fd0d32391e566754bb', name: "icon", onSlotchange: this.onIconSlotchange })), h("span", { key: '436b7b71ce8cfd6233a42097a54a0b4b1b63d446', part: "label", class: "bs-chip-input__label" }, h("slot", { key: '9a8e09c8a8cbc92951251b8cfb28b2bce6e21225', onSlotchange: this.onLabelSlotchange }))), h("button", { key: '52d5a5fac66271314c75bec429c9b44b21d9ea1c', type: "button", part: "remove", class: "bs-chip-input__remove", disabled: this.disabled, "aria-label": `${this.removeLabel} ${this.labelText}`, onClick: this.onRemoveClick }, h("bs-ripple", { key: 'fa18494eb706510dd91701d98b670b123dfbfb3c', part: "ripple", centered: true, disabled: this.disabled }), h(CloseIcon, { key: 'a56ac8cbc660bd9349ab82179901eadcb005ea2a' }))));
+        return (h(Host, { key: '15fae1671d90d277794f39e32920c890b34d44d7', class: `bs-chip-input bs-chip-input--${this.size} bs-chip-input--${paddingVariant}` }, h("button", { key: '5961600e9394099821e8e33edc7de71cf6a1ad9b', type: "button", part: "body", class: "bs-chip-input__body", disabled: this.disabled, "aria-pressed": String(this.selected), onClick: this.onBodyClick }, h("bs-ripple", { key: 'c1c90c8d5ab81d0c23edb4b4596e68b384aa8b0c', part: "ripple", centered: false, disabled: this.disabled }), h("span", { key: 'e6fd75f8cb1d8b8802a2d64e0852ebcaeefaa187', part: "icon", class: `bs-chip-input__icon ${this.hasIcon ? 'bs-chip-input__icon--visible' : ''}` }, h("slot", { key: '42997a9d073a6fab53fd23136115592cf71a62a4', name: "icon", onSlotchange: this.onIconSlotchange })), h("span", { key: 'd319b4e1e40d2486482866dbf8aa3717c4b0ee7f', part: "label", class: "bs-chip-input__label" }, h("slot", { key: '6cc26505fad8432f85df93ba4f764fcdc0489eaf', onSlotchange: this.onLabelSlotchange }))), h("button", { key: 'd78649e00740738908ccbdc268720dee41340cf9', type: "button", part: "remove", class: "bs-chip-input__remove", disabled: this.disabled, "aria-label": `${this.removeLabel} ${this.labelText}`, onClick: this.onRemoveClick }, h("bs-ripple", { key: 'dff2a2d6b215262f03bc36e34e0e083a7cf22e90', part: "ripple", centered: true, disabled: this.disabled }), h(CloseIcon, { key: 'b3b0ad0dbf5335c9225dcbbc5ed04f9960900c0e' }))));
     }
     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: 'c4198a9c562b4ce627f15e12796f5d72d44cd9a2', part: "container", class: "bs-citation-preview", surface: "base" }, h("div", { key: '33d193ce63ea5e0234a2a3dcd6e39cd3c119aa76', class: "bs-citation-preview__body" }, h("bs-source-link", { key: '38929a73cc1b795f33980bc09408ba41ab745701', part: "header", fileName: this.fileName, sourceName: this.sourceName, href: this.href, onBsOpen: () => this.bsOpen.emit() }), h("div", { key: '0d90d721c18c3adc62c594f7df5248308f23795d', part: "snippet", class: "bs-citation-preview__snippet" }, h("slot", { key: 'cf3b1b80d2c97f7f637babda7461d2b2559c2bad' })), h("div", { key: 'fe56a067454031faefa8bc2ef78f46c5f5abd8b7', class: "bs-citation-preview__footer" }, h("slot", { key: '142c1774ca2f6e4282fdf9edf8d6b1cd77158120', name: "footer" }, hasPage && (h("span", { key: '89b4fe38e813d7d88c00b4c19a8ca892eaa73ddb', part: "page", class: "bs-citation-preview__page" }, "Page ", this.page)))))));
+        return (h("bs-card", { key: '87d8ef821fbdfe846de40a2d74287e757d4d98c6', part: "container", class: "bs-citation-preview", surface: "base" }, h("div", { key: 'edecc65323eb56ec502e4f6242376d9ca535b08b', class: "bs-citation-preview__body" }, h("bs-source-link", { key: 'a00f41ef78e294f5009e2182bc0db921137d2322', part: "header", fileName: this.fileName, sourceName: this.sourceName, href: this.href, onBsOpen: () => this.bsOpen.emit() }), h("div", { key: 'c37e3ae17dc1835461ebc53002b9e596930cfaae', part: "snippet", class: "bs-citation-preview__snippet" }, h("slot", { key: '12ec7437fe56aa736d8ae751bed7a77109044071' })), h("div", { key: '3c2b6b1c2bf1802b835812a65865f25917b43868', class: "bs-citation-preview__footer" }, h("slot", { key: '49614ce08f91e86cacd6881b4e02f6c6cdf8046b', name: "footer" }, hasPage && (h("span", { key: '98fac4f066e02be5d7909756b1fdb6e37105b06e', 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.js

@@ -393,7 +393,7 @@ export class BsCommandPalette {
         const sections = this.shownSections().filter(s => this.filled[s]);
         const hasList = sections.length > 0;
         const showResults = loading || empty || hasList;
-        return (h("dialog", { key: 'd06cdefa922bb8a64cd772f193d1fa74fbb22f37', ref: el => (this.dialogEl = el), part: "dialog", class: "bs-command-palette", "aria-label": this.label, "aria-modal": "true", role: "dialog", onCancel: this.onCancel, onClose: () => this.open && this.setOpen(false), onClick: this.onDialogClick, onKeyDown: this.onDialogKeyDown }, h("div", { key: '0b6984201d7d83193e2b5e01d9cb877c8739f277', part: "panel", class: "bs-command-palette__panel" }, h("div", { key: 'ca8de39945a16582770e5e779d8fcd4bbdd42cf7', part: "search", class: "bs-command-palette__search" }, this.scopeLabel && (h("bs-chip-informative", { key: '90521a09ef55ac7c861646650293c0eac56e554b', class: "bs-command-palette__scope", color: "info" }, this.scopeLabel)), h("div", { key: 'f7cbe1a490c1ca4ad5516f164768443c28ff3efb', class: "bs-command-palette__field", ref: el => (this.comboEl = el), role: "combobox", "aria-label": this.placeholder, "aria-expanded": String(hasList), "aria-haspopup": "listbox", "aria-controls": hasList ? listId : undefined, onKeyDown: this.onKeyDown }, h("bs-input", { key: '698efbfc139c6e2660969420be7c166d0d6e7953', part: "input", ref: el => (this.inputEl = el), type: "search", value: this.value, placeholder: this.placeholder, onBsInput: this.onInput })), h("span", { key: '8bcae63dbfd913b0135c114782b4928c33d05ed6', class: "bs-command-palette__esc", "aria-hidden": "true" }, h("bs-key", { key: 'a2c958b98e4ee3ee1ba7e09cc5f0d1434c418e59', label: "Esc" }))), showResults && h("div", { key: '86be7cd95d0784de6620ac58688ba50898d34683', class: "bs-command-palette__divider", role: "presentation" }), showResults && (h("div", { key: '22511eee60186fdbe1c77018f910883e0e475d57', part: "results", class: "bs-command-palette__results", "aria-busy": String(loading), onMouseOver: this.onResultsMouseOver }, loading && (h("div", { key: 'ba3ad0ee5b52d4149df64b6025cb9a1a5ef05146', class: "bs-command-palette__loading", role: "status" }, h("bs-spinner", { key: '622094750110baec93176714b79fbe5fb984de9a', size: "sm" }), h("span", { key: 'db0d4c37dd97cf62d8e525ef72e237a464fc3614' }, this.loadingLabel))), empty && this.renderEmpty(), hasList && (h("div", { key: '532af3ce4bcc8c70994abcd69d807ff9a180ee44', id: listId, class: "bs-command-palette__list", role: "listbox", "aria-label": this.listLabel }, sections.map(s => this.renderSection(s)))))), this.showFooter && this.renderFooter()), h("span", { key: 'b27ff78735f3c4ed712ef187cf161c9f7a36bdd9', class: "bs-command-palette__live", "aria-live": "polite" }, this.announcement())));
+        return (h("dialog", { key: '664b76ce5f0466f35a0d75aba0f49600dfcba6ba', ref: el => (this.dialogEl = el), part: "dialog", class: "bs-command-palette", "aria-label": this.label, "aria-modal": "true", role: "dialog", onCancel: this.onCancel, onClose: () => this.open && this.setOpen(false), onClick: this.onDialogClick, onKeyDown: this.onDialogKeyDown }, h("div", { key: 'fe4e085c97b20ff85a8a2a7d1573b76cdfa102e6', part: "panel", class: "bs-command-palette__panel" }, h("div", { key: '398c5d4d9941ad6701733c170f87d4eef77a8bc9', part: "search", class: "bs-command-palette__search" }, this.scopeLabel && (h("bs-chip-informative", { key: 'bef7179a406e7870b67c7056d76d71c29e685c18', class: "bs-command-palette__scope", color: "info" }, this.scopeLabel)), h("div", { key: '64f7a2f90e696d2dfbefa73c7fcac4baeb1e3d66', class: "bs-command-palette__field", ref: el => (this.comboEl = el), role: "combobox", "aria-label": this.placeholder, "aria-expanded": String(hasList), "aria-haspopup": "listbox", "aria-controls": hasList ? listId : undefined, onKeyDown: this.onKeyDown }, h("bs-input", { key: 'dbc847385e89117d3756af9940afe3ee6af683ef', part: "input", ref: el => (this.inputEl = el), type: "search", value: this.value, placeholder: this.placeholder, onBsInput: this.onInput })), h("span", { key: '525119e7dda244394c2f54116ea27246390fe2a2', class: "bs-command-palette__esc", "aria-hidden": "true" }, h("bs-key", { key: 'c6172bc9bacb7e8001fa8b8a29c57cbea8cdc18b', label: "Esc" }))), showResults && h("div", { key: '0962bd70a0b883facafcf68180ab9f9c7bae3684', class: "bs-command-palette__divider", role: "presentation" }), showResults && (h("div", { key: '454715382ba589366df9c6b1b3964d8a79d47b2b', part: "results", class: "bs-command-palette__results", "aria-busy": String(loading), onMouseOver: this.onResultsMouseOver }, loading && (h("div", { key: '236e33c68396fa11b7701528f4de539d72f09000', class: "bs-command-palette__loading", role: "status" }, h("bs-spinner", { key: 'f028777638b9c0e3abae0011c2e572f027412efa', size: "sm" }), h("span", { key: '5656e7a12e0593de16e1c5bf7ff3d2e924f655ad' }, this.loadingLabel))), empty && this.renderEmpty(), hasList && (h("div", { key: '58033f868ecb4285748616d6cb7e3d95b5d8db68', id: listId, class: "bs-command-palette__list", role: "listbox", "aria-label": this.listLabel }, sections.map(s => this.renderSection(s)))))), this.showFooter && this.renderFooter()), h("span", { key: 'c9b46f7ce8a76f4b48776bf88f1e58242fb71ebf', class: "bs-command-palette__live", "aria-live": "polite" }, this.announcement())));
     }
     static get is() { return "bs-command-palette"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/bs-compact-menu-block/bs-compact-menu-block.js

@@ -27,7 +27,7 @@ export class BsCompactMenuBlock {
     name;
     render() {
         const common = { part: 'container', class: 'bs-compact-menu-block' };
-        return (h("button", { key: 'dfa6cc91f9a1d77f77d9b8ca116f048f73f7347f', ...common, type: "button" }, this.name));
+        return (h("button", { key: 'e97588e286f39cdd4d61e8bee3ec91ae192242c2', ...common, type: "button" }, this.name));
     }
     static get is() { return "bs-compact-menu-block"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/bs-company-switcher/bs-company-switcher.cmp.test.js

@@ -85,6 +85,17 @@ describe('bs-company-switcher', () => {
         expect(q(el, '[part="list"]')).toBeNull();
         expect(q(el, '[part="footer"]')).not.toBeNull();
     });
+    it('reports the search combobox as expanded only while there is a listbox to control', async () => {
+        const { el, type } = await make({ open: true });
+        const search = q(el, '[part="search"]');
+        expect(search.getAttribute('aria-expanded')).toBe('true');
+        expect(search.getAttribute('aria-controls')).toBe(q(el, '[part="list"]').id);
+        await type('zzz');
+        expect(search.getAttribute('aria-expanded')).toBe('false');
+        expect(search.hasAttribute('aria-controls')).toBe(false);
+        await type('');
+        expect(search.getAttribute('aria-expanded')).toBe('true');
+    });
     it('navigates with arrow keys and switches with Enter', async () => {
         const { el, press, waitForChanges } = await make({ open: true });
         await settle();
@@ -157,15 +168,10 @@ describe('bs-company-switcher', () => {
         expect(q(el, 'bs-input').placeholder).toBe('Finn selskap');
         expect(q(el, '[part="footer"]').textContent).toContain('Administrer');
     });
-    it('has no axe violations open (apart from bs-popover\'s own trigger wrapper)', async () => {
+    it('has no axe violations open', async () => {
         const { el } = await make({ open: true });
-        // Known gap in bs-popover: its trigger wrapper <div> carries aria-expanded/haspopup without a role
-        // (bs-popover's own tests assert those attributes), so axe flags aria-allowed-attr on it.
         const results = await axe.run(el);
-        const violations = results.violations
-            .map(v => ({ ...v, nodes: v.nodes.filter(n => !n.html.includes('bs-popover__trigger')) }))
-            .filter(v => v.nodes.length)
-            .map(v => `${v.id}: ${v.help}`);
+        const violations = results.violations.map(v => `${v.id}: ${v.help}`);
         expect(violations).toEqual([]);
     });
 });

package/dist/collection/components/bs-company-switcher/bs-company-switcher.js

@@ -234,10 +234,10 @@ export class BsCompanySwitcher {
         const empty = !!this.q && groups.length === 0;
         const listId = `${this.id}-listbox`;
         const total = groups.reduce((n, g) => n + g.items.length, 0);
-        return (h("bs-popover", { key: '5980bccab6835ad9384ba9314e35f0013053d2c9', class: "bs-company-switcher", open: this.open, placement: "bottom-start", onBsOpenChange: this.onPopoverOpenChange }, this.renderTrigger(), h("bs-card", { key: '6afff3828ecd224660d171514c23e7b3ca30f7ee', part: "panel", class: "bs-company-switcher__panel", surface: "base" }, h("div", { key: 'a046f869f51c0024e26efabf572dff82a8e2f787', class: "bs-company-switcher__search", onMouseDown: (ev) => ev.preventDefault() }, h("div", { key: '90e931c5129383fdb6443dae3ff9bed40fe61935', part: "search", role: "combobox", "aria-label": this.searchPlaceholder, "aria-expanded": "true", "aria-haspopup": "listbox", "aria-controls": groups.length ? listId : undefined, "aria-activedescendant": this.activeId ?? undefined, onKeyDown: this.onKeyDown }, h("bs-input", { key: 'c52a69879cdf3e7053f8b2fe97b5954b443121b6', ref: el => (this.inputEl = el), type: "search", value: this.query, placeholder: this.searchPlaceholder, onBsInput: this.onInput }))), groups.length > 0 && (h("div", { key: 'fd72b97de3388bb607abab5ec55fe5602314f281', id: listId, part: "list", class: "bs-company-switcher__list", role: "listbox", "aria-label": this.listLabel, onMouseDown: (ev) => ev.preventDefault(), onMouseLeave: () => (this.activeId = null) }, groups.map(g => {
+        return (h("bs-popover", { key: '48e99f7fe5b6f6fbb7d70f30eb11d929e3e93ae6', class: "bs-company-switcher", open: this.open, placement: "bottom-start", onBsOpenChange: this.onPopoverOpenChange }, this.renderTrigger(), h("bs-card", { key: 'b14bd8f8c3e0666c4526b3ab7bb45be674def1ee', part: "panel", class: "bs-company-switcher__panel", surface: "base" }, h("div", { key: '0a1874d70f6702be9a159415597a58ed59cefac4', class: "bs-company-switcher__search", onMouseDown: (ev) => ev.preventDefault() }, h("div", { key: 'd1d3cd795aec21ccf0e2acb2ac05fbf51dc49a73', part: "search", role: "combobox", "aria-label": this.searchPlaceholder, "aria-expanded": groups.length ? 'true' : 'false', "aria-haspopup": "listbox", "aria-controls": groups.length ? listId : undefined, "aria-activedescendant": this.activeId ?? undefined, onKeyDown: this.onKeyDown }, h("bs-input", { key: '84868f1a5641c314d5777dea0a0edc6e2d723328', ref: el => (this.inputEl = el), type: "search", value: this.query, placeholder: this.searchPlaceholder, onBsInput: this.onInput }))), groups.length > 0 && (h("div", { key: 'fe8bc69ac3f65664b33dbe2c3ee2700c96b1703b', id: listId, part: "list", class: "bs-company-switcher__list", role: "listbox", "aria-label": this.listLabel, onMouseDown: (ev) => ev.preventDefault(), onMouseLeave: () => (this.activeId = null) }, groups.map(g => {
             const hid = `${this.id}-h-${g.key}`;
             return (h("div", { part: "group", class: "bs-company-switcher__group", role: "group", "aria-labelledby": hid }, h("div", { part: "group-header", id: hid, class: "bs-company-switcher__group-header" }, g.header), g.items.map(c => this.renderRow(c))));
-        }))), empty && (h("bs-empty-state", { key: 'ec7b430654c356c6746c66e416e67ee436b1fdd0', part: "empty", class: "bs-company-switcher__empty", heading: this.emptyHeading.replace('{query}', this.query.trim()), description: this.emptyDescription }, h("svg", { key: '5a40d259338fabb61f69ebdcb0e3a9940f351ffe', slot: "icon", ...svgProps }, h("circle", { key: '757a039bb1b483c08f08af14e1b14dba2ae68c88', cx: "11", cy: "11", r: "7" }), h("path", { key: '5271a517de56a069843454c4f58c559ad458e20e', d: "m20 20-3.5-3.5" })))), h("bs-divider", { key: 'd5c25f9dc46b3272a7734ccc8b8d6fd5ed06986c', class: "bs-company-switcher__divider", decorative: true }), h("div", { key: 'd862e4c545a508f5306c07b76e92b1b381b68bc7', part: "footer", class: "bs-company-switcher__footer" }, h("bs-button", { key: '319614a523516d33c33cd6245c74787374e5304f', variant: "subtle", size: "sm", onClick: () => this.bsManageCompanies.emit() }, h("svg", { key: 'fd832a30f82be7bd8c61e236ecb605e12e2a1c0c', slot: "icon", ...svgProps }, h("circle", { key: '4efb646b40beb60f8b9eda1ea0204e2940c5272d', cx: "12", cy: "12", r: "3" }), h("path", { key: '199d7121c6ae29d435daa2c9e7c13af9f4415b19', d: "M19.4 15a1.7 1.7 0 0 0 .3 1.8l.1.1a2 2 0 1 1-2.8 2.8l-.1-.1a1.7 1.7 0 0 0-1.8-.3 1.7 1.7 0 0 0-1 1.5V21a2 2 0 1 1-4 0v-.1a1.7 1.7 0 0 0-1.1-1.5 1.7 1.7 0 0 0-1.8.3l-.1.1a2 2 0 1 1-2.8-2.8l.1-.1a1.7 1.7 0 0 0 .3-1.8 1.7 1.7 0 0 0-1.5-1H3a2 2 0 1 1 0-4h.1a1.7 1.7 0 0 0 1.5-1.1 1.7 1.7 0 0 0-.3-1.8l-.1-.1a2 2 0 1 1 2.8-2.8l.1.1a1.7 1.7 0 0 0 1.8.3H9a1.7 1.7 0 0 0 1-1.5V3a2 2 0 1 1 4 0v.1a1.7 1.7 0 0 0 1 1.5 1.7 1.7 0 0 0 1.8-.3l.1-.1a2 2 0 1 1 2.8 2.8l-.1.1a1.7 1.7 0 0 0-.3 1.8V9a1.7 1.7 0 0 0 1.5 1H21a2 2 0 1 1 0 4h-.1a1.7 1.7 0 0 0-1.5 1Z" })), this.manageLabel), h("bs-button", { key: 'b5c5f44bdbde03b5192c1aba73fffd22424594a9', variant: "subtle", size: "sm", onClick: () => this.bsAddCompanies.emit() }, h("svg", { key: 'c5ba249024a7fdd303cea0c94ad44befd17be2b1', slot: "icon", ...svgProps }, h("path", { key: 'a1b62a0f772ec9f89126d70ac0bc18c76208d6e3', d: "M12 5v14M5 12h14" })), this.addLabel)), h("span", { key: '1a23f13dcd3eba63ba9d69e54b6311bbc622a5d1', class: "bs-company-switcher__live", "aria-live": "polite" }, this.open && this.q ? (empty ? this.emptyHeading.replace('{query}', this.query.trim()) : `${total} ${total === 1 ? this.matchLabel : this.matchesLabel}`) : ''))));
+        }))), empty && (h("bs-empty-state", { key: 'ff3af7847fa2b6355ef464b03d7e2dae9af74e15', part: "empty", class: "bs-company-switcher__empty", heading: this.emptyHeading.replace('{query}', this.query.trim()), description: this.emptyDescription }, h("svg", { key: '43ee6aed173cf88d57bbfd0e92f724d782b15963', slot: "icon", ...svgProps }, h("circle", { key: '4834a47d151c62739bfd2019a4b761b49995d422', cx: "11", cy: "11", r: "7" }), h("path", { key: 'aefafbcdd557cfaf2493558a59a380090b6edc08', d: "m20 20-3.5-3.5" })))), h("bs-divider", { key: '08a39c4e8e5dbaf731579afd4d1e611fe30c361b', class: "bs-company-switcher__divider", decorative: true }), h("div", { key: 'e76be7acc1cde67c5dd3fb59a2033ec3a4d42674', part: "footer", class: "bs-company-switcher__footer" }, h("bs-button", { key: 'a05c921783996a3762635a25f3861ed55692e7b4', variant: "subtle", size: "sm", onClick: () => this.bsManageCompanies.emit() }, h("svg", { key: 'c402e76faa03fb68d303ce0e9dd1eb21c439d66f', slot: "icon", ...svgProps }, h("circle", { key: '27a640d8953fd9541d304c53ead6089a1f433886', cx: "12", cy: "12", r: "3" }), h("path", { key: 'd791ff4ac79664dfd91da361b07e03975e697d09', d: "M19.4 15a1.7 1.7 0 0 0 .3 1.8l.1.1a2 2 0 1 1-2.8 2.8l-.1-.1a1.7 1.7 0 0 0-1.8-.3 1.7 1.7 0 0 0-1 1.5V21a2 2 0 1 1-4 0v-.1a1.7 1.7 0 0 0-1.1-1.5 1.7 1.7 0 0 0-1.8.3l-.1.1a2 2 0 1 1-2.8-2.8l.1-.1a1.7 1.7 0 0 0 .3-1.8 1.7 1.7 0 0 0-1.5-1H3a2 2 0 1 1 0-4h.1a1.7 1.7 0 0 0 1.5-1.1 1.7 1.7 0 0 0-.3-1.8l-.1-.1a2 2 0 1 1 2.8-2.8l.1.1a1.7 1.7 0 0 0 1.8.3H9a1.7 1.7 0 0 0 1-1.5V3a2 2 0 1 1 4 0v.1a1.7 1.7 0 0 0 1 1.5 1.7 1.7 0 0 0 1.8-.3l.1-.1a2 2 0 1 1 2.8 2.8l-.1.1a1.7 1.7 0 0 0-.3 1.8V9a1.7 1.7 0 0 0 1.5 1H21a2 2 0 1 1 0 4h-.1a1.7 1.7 0 0 0-1.5 1Z" })), this.manageLabel), h("bs-button", { key: '125ced539bfc749c8bceaa5f3ed1c7dece3a5bde', variant: "subtle", size: "sm", onClick: () => this.bsAddCompanies.emit() }, h("svg", { key: '57af672d2154bcec2698f5885fc1db529d36e83c', slot: "icon", ...svgProps }, h("path", { key: '26ac9276c6a4af2abcb927b29e938ea4c3b93a02', d: "M12 5v14M5 12h14" })), this.addLabel)), h("span", { key: '474d0275c005bdf8c9436eaf8962ee1681c70f6c', class: "bs-company-switcher__live", "aria-live": "polite" }, this.open && this.q ? (empty ? this.emptyHeading.replace('{query}', this.query.trim()) : `${total} ${total === 1 ? this.matchLabel : this.matchesLabel}`) : ''))));
     }
     static get is() { return "bs-company-switcher"; }
     static get encapsulation() { return "shadow"; }