@brandsync/wc 1.17.0 → 1.19.0

package/dist/cjs/bs-accordion.cjs.entry.js

@@ -2,13 +2,14 @@
 
 var index = require('./index-BYfMRtlW.js');
 
-const bsAccordionCss = () => `:host{display:block;--bs-accordion-radius:var(--bs-border-radius-100);--bs-accordion-header-padding-y-medium:var(--bs-spacing-150);--bs-accordion-header-padding-y-large:var(--bs-spacing-250);--bs-accordion-header-padding-x:var(--bs-spacing-200);--bs-accordion-content-padding-bottom:var(--bs-spacing-150);--bs-accordion-content-padding-right:var(--bs-spacing-200);--bs-accordion-content-padding-left:var(--bs-spacing-800);--bs-accordion-content-padding-left-no-icon:var(--bs-spacing-200);--bs-accordion-icon-width-medium:var(--bs-spacing-800);--bs-accordion-icon-height-medium:48px;--bs-accordion-icon-size-large:var(--bs-spacing-800);--bs-accordion-font-size:var(--bs-font-size-md);--bs-accordion-line-height:var(--bs-line-height-body-md);--bs-accordion-font-weight:var(--bs-font-weight-semibold);--bs-accordion-text-default:var(--bs-text-default);--bs-accordion-bg-hover:var(--bs-surface-hover);--bs-accordion-bg-disabled:var(--bs-surface-action-disabled);--bs-accordion-text-disabled:var(--bs-text-on-disabled);--bs-accordion-focus-ring:var(--bs-border-neutral-focus)}.bs-accordion{display:block;border-radius:var(--bs-accordion-radius);overflow:hidden;font-family:inherit}.bs-accordion:has(.bs-accordion__header:hover),.bs-accordion:has(.bs-accordion__header:active){background:var(--bs-accordion-bg-hover)}.bs-accordion:has(.bs-accordion__header:focus-visible){background:var(--bs-accordion-bg-hover);outline:2px solid var(--bs-accordion-focus-ring);outline-offset:2px;border-radius:calc(var(--bs-accordion-radius) + 2px)}.bs-accordion__header{display:flex;align-items:center;width:100%;border:none;background:transparent;color:var(--bs-accordion-text-default);padding:0;cursor:pointer;font-family:inherit;text-align:start}.bs-accordion__header:focus-visible{outline:none}.bs-accordion__header--medium{padding-top:var(--bs-accordion-header-padding-y-medium);padding-bottom:var(--bs-accordion-header-padding-y-medium)}.bs-accordion__header--large{padding-top:var(--bs-accordion-header-padding-y-large);padding-bottom:var(--bs-accordion-header-padding-y-large)}.bs-accordion__header:disabled{background:var(--bs-accordion-bg-disabled);color:var(--bs-accordion-text-disabled);cursor:default}.bs-accordion__icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;color:inherit}.bs-accordion__icon svg{width:24px;height:24px}.bs-accordion__icon--medium{width:var(--bs-accordion-icon-width-medium);height:var(--bs-accordion-icon-height-medium)}.bs-accordion__icon--large{width:var(--bs-accordion-icon-size-large);height:var(--bs-accordion-icon-size-large)}.bs-accordion__label{flex:1 1 auto;min-width:0;font-size:var(--bs-accordion-font-size);line-height:calc(var(--bs-accordion-line-height) * 1px);font-weight:var(--bs-accordion-font-weight)}.bs-accordion__label--no-icon{padding-inline-start:var(--bs-accordion-header-padding-x)}.bs-accordion__caret{display:flex;align-items:center;justify-content:center;flex-shrink:0;color:inherit}.bs-accordion__caret svg{width:24px;height:24px}.bs-accordion__caret--medium{width:var(--bs-accordion-icon-width-medium);height:var(--bs-accordion-icon-height-medium)}.bs-accordion__caret--large{width:var(--bs-accordion-icon-size-large);height:var(--bs-accordion-icon-size-large)}.bs-accordion__content{padding-top:0;padding-bottom:var(--bs-accordion-content-padding-bottom);padding-inline-end:var(--bs-accordion-content-padding-right);padding-inline-start:var(--bs-accordion-content-padding-left);color:var(--bs-accordion-text-default);font-size:var(--bs-accordion-font-size);line-height:calc(var(--bs-accordion-line-height) * 1px)}.bs-accordion__content--no-icon{padding-inline-start:var(--bs-accordion-content-padding-left-no-icon)}.bs-accordion__content--collapsed{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bs-accordion--disabled .bs-accordion__content{background:var(--bs-accordion-bg-disabled);color:var(--bs-accordion-text-disabled)}`;
+const bsAccordionCss = () => `:host{display:block;--bs-accordion-radius:var(--bs-border-radius-100);--bs-accordion-header-padding-y-medium:var(--bs-spacing-150);--bs-accordion-header-padding-y-large:var(--bs-spacing-250);--bs-accordion-header-padding-x:var(--bs-spacing-200);--bs-accordion-content-padding-bottom:var(--bs-spacing-150);--bs-accordion-content-padding-right:var(--bs-spacing-200);--bs-accordion-content-padding-left:var(--bs-spacing-800);--bs-accordion-content-padding-left-no-icon:var(--bs-spacing-200);--bs-accordion-icon-width-medium:var(--bs-spacing-800);--bs-accordion-icon-height-medium:48px;--bs-accordion-icon-size-large:var(--bs-spacing-800);--bs-accordion-font-size:var(--bs-font-size-md);--bs-accordion-line-height:var(--bs-line-height-body-md);--bs-accordion-font-weight:var(--bs-font-weight-semibold);--bs-accordion-text-default:var(--bs-text-default);--bs-accordion-bg-hover:var(--bs-surface-hover);--bs-accordion-bg-disabled:var(--bs-surface-action-disabled);--bs-accordion-text-disabled:var(--bs-text-on-disabled);--bs-accordion-focus-ring:var(--bs-border-neutral-focus);--bs-accordion-duration:var(--bs-duration-default);--bs-accordion-easing:var(--bs-easing-standard)}.bs-accordion{display:block;border-radius:var(--bs-accordion-radius);overflow:hidden;font-family:inherit;transition:background-color var(--bs-accordion-duration) var(--bs-accordion-easing)}.bs-accordion:has(.bs-accordion__header:hover),.bs-accordion:has(.bs-accordion__header:active){background:var(--bs-accordion-bg-hover)}.bs-accordion:has(.bs-accordion__header:focus-visible){background:var(--bs-accordion-bg-hover);outline:2px solid var(--bs-accordion-focus-ring);outline-offset:2px;border-radius:calc(var(--bs-accordion-radius) + 2px)}.bs-accordion__header{display:flex;align-items:center;width:100%;border:none;background:transparent;color:var(--bs-accordion-text-default);padding:0;cursor:pointer;font-family:inherit;text-align:start}.bs-accordion__header:focus-visible{outline:none}.bs-accordion__header--medium{padding-top:var(--bs-accordion-header-padding-y-medium);padding-bottom:var(--bs-accordion-header-padding-y-medium)}.bs-accordion__header--large{padding-top:var(--bs-accordion-header-padding-y-large);padding-bottom:var(--bs-accordion-header-padding-y-large)}.bs-accordion__header:disabled{background:var(--bs-accordion-bg-disabled);color:var(--bs-accordion-text-disabled);cursor:default}.bs-accordion__icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;color:inherit}.bs-accordion__icon svg{width:24px;height:24px}.bs-accordion__icon--medium{width:var(--bs-accordion-icon-width-medium);height:var(--bs-accordion-icon-height-medium)}.bs-accordion__icon--large{width:var(--bs-accordion-icon-size-large);height:var(--bs-accordion-icon-size-large)}.bs-accordion__label{flex:1 1 auto;min-width:0;font-size:var(--bs-accordion-font-size);line-height:calc(var(--bs-accordion-line-height) * 1px);font-weight:var(--bs-accordion-font-weight)}.bs-accordion__label--no-icon{padding-inline-start:var(--bs-accordion-header-padding-x)}.bs-accordion__caret{display:flex;align-items:center;justify-content:center;flex-shrink:0;color:inherit}.bs-accordion__caret{transition:transform var(--bs-accordion-duration) var(--bs-accordion-easing)}.bs-accordion__caret--open{transform:rotate(180deg)}.bs-accordion__caret svg{width:24px;height:24px}.bs-accordion__caret--medium{width:var(--bs-accordion-icon-width-medium);height:var(--bs-accordion-icon-height-medium)}.bs-accordion__caret--large{width:var(--bs-accordion-icon-size-large);height:var(--bs-accordion-icon-size-large)}.bs-accordion__content{box-sizing:border-box;padding-top:0;padding-bottom:var(--bs-accordion-content-padding-bottom);padding-inline-end:var(--bs-accordion-content-padding-right);padding-inline-start:var(--bs-accordion-content-padding-left);color:var(--bs-accordion-text-default);font-size:var(--bs-accordion-font-size);line-height:calc(var(--bs-accordion-line-height) * 1px)}.bs-accordion__content--no-icon{padding-inline-start:var(--bs-accordion-content-padding-left-no-icon)}.bs-accordion__content--collapsed{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bs-accordion--disabled .bs-accordion__content{background:var(--bs-accordion-bg-disabled);color:var(--bs-accordion-text-disabled)}`;
 
 const BsAccordion = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
         this.bsToggle = index.createEvent(this, "bsToggle");
     }
+    get el() { return index.getElement(this); }
     /** Whether the section is expanded. This is the single source of truth for the component's
      * visual state -- a controlled component, like a controlled `<input>`. Clicking (or
      * keyboard-activating) the header never mutates this prop itself; it only emits `bsToggle` with
@@ -33,6 +34,58 @@ const BsAccordion = class {
     /** Emitted when the header is activated (click, or Enter/Space while focused), with the
      * REQUESTED new expanded value (`!expanded`). Never fires while `disabled`. */
     bsToggle;
+    /** Keeps the body mounted while it animates closed when `showPreview` is `false`. */
+    closing = false;
+    contentEl;
+    animation;
+    fromHeight = 0;
+    fromPadding = '0px';
+    pendingAnimation = false;
+    /**
+     * Runs before the re-render that follows an `expanded` change, so the body's current height can
+     * be read while it is still in its old state. `componentDidRender` then animates from that height
+     * to the new one. Reading the live height (not a stored one) also makes interrupting a running
+     * animation start from wherever it currently is.
+     */
+    onExpandedChange(expanded) {
+        const content = this.contentEl;
+        this.fromHeight = content ? content.getBoundingClientRect().height : 0;
+        this.fromPadding = content ? getComputedStyle(content).paddingBottom : '0px';
+        this.animation?.cancel();
+        this.pendingAnimation = true;
+        if (!expanded && !this.showPreview)
+            this.closing = true;
+    }
+    componentDidRender() {
+        if (!this.pendingAnimation)
+            return;
+        this.pendingAnimation = false;
+        const content = this.contentEl;
+        const style = getComputedStyle(this.el);
+        const ms = this.toMs(style.getPropertyValue('--bs-accordion-duration'));
+        if (!content || ms === 0) {
+            this.closing = false;
+            return;
+        }
+        const toZero = !this.expanded && !this.showPreview;
+        const toHeight = toZero ? 0 : content.getBoundingClientRect().height;
+        const toPadding = toZero ? '0px' : getComputedStyle(content).paddingBottom;
+        this.animation = content.animate([
+            { height: `${this.fromHeight}px`, paddingBottom: this.fromPadding, overflow: 'hidden' },
+            { height: `${toHeight}px`, paddingBottom: toPadding, overflow: 'hidden' },
+        ], { duration: ms, easing: style.getPropertyValue('--bs-accordion-easing').trim() || 'ease' });
+        this.animation.onfinish = () => {
+            this.closing = false;
+        };
+    }
+    toMs(value) {
+        const v = value.trim();
+        if (v.endsWith('ms'))
+            return parseFloat(v);
+        if (v.endsWith('s'))
+            return parseFloat(v) * 1000;
+        return 0;
+    }
     onActivate = () => {
         if (this.disabled)
             return;
@@ -43,12 +96,16 @@ const BsAccordion = class {
         // `<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 (index.h("div", { key: '2774538f3bc8d52e5a295edafbdad5e2a12dddda', part: "container", class: `bs-accordion bs-accordion--${this.size} ${this.disabled ? 'bs-accordion--disabled' : ''}` }, index.h("button", { key: '7e1942dca9082ac653dd7e3d55d9b919790bcd5b', 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 && (index.h("span", { key: 'abd274cb295ae34e9220846a1e8466623f65663a', part: "icon", class: `bs-accordion__icon bs-accordion__icon--${this.size}`, "aria-hidden": "true" }, index.h("slot", { key: 'd9c4c429852c77f4a10c05eb247a9d3d35559ef6', name: "icon" }, index.h(PlusIcon, { key: '2fb492c43754a517e4e98b684f811be21777e849' })))), index.h("span", { key: 'a02484f1a47148493fbc193bc4b9daa8e4c634e7', part: "label", class: `bs-accordion__label ${this.showIcon ? '' : 'bs-accordion__label--no-icon'}` }, index.h("slot", { key: '8241ccee7233e85c2d69c225c07e67b982674ef7', name: "label" })), index.h("span", { key: '6e36ee8dbd22ca924f9d8ea8b5c3017c5478f058', part: "caret", class: `bs-accordion__caret bs-accordion__caret--${this.size}`, "aria-hidden": "true" }, this.expanded ? index.h(CaretUpIcon, null) : index.h(CaretDownIcon, null))), (this.expanded || this.showPreview) && (index.h("div", { key: '1e3ad6fe654c633a4094ea9014ef79d82feae2db', part: "content", class: `bs-accordion__content ${this.showIcon ? '' : 'bs-accordion__content--no-icon'} ${this.expanded ? 'bs-accordion__content--expanded' : 'bs-accordion__content--collapsed'}` }, index.h("slot", { key: '6a60fd12ed4ec7e3b4ab0e56414e0a90c4f5d889' })))));
+        return (index.h("div", { key: 'b7645b3be5116d906a2aa6e4e680859a9c19323f', part: "container", class: `bs-accordion bs-accordion--${this.size} ${this.disabled ? 'bs-accordion--disabled' : ''}` }, index.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 && (index.h("span", { key: '5d35f4e2c05704a6bef532919301e765f8195aa7', part: "icon", class: `bs-accordion__icon bs-accordion__icon--${this.size}`, "aria-hidden": "true" }, index.h("slot", { key: '137280692f375379ef43be918094192d6030e2ad', name: "icon" }, index.h(PlusIcon, { key: '8826de2813774382dcf21e856288ff936eb12425' })))), index.h("span", { key: '57f370d082a86b7488bf309a114b82077d1f6711', part: "label", class: `bs-accordion__label ${this.showIcon ? '' : 'bs-accordion__label--no-icon'}` }, index.h("slot", { key: '5563063582ee2e1fb79d02acdc3d0feb5ac07eec', name: "label" })), index.h("span", { key: '8d8afd4433823aa8122b2ed167fd5ed3c32dc21a', part: "caret", class: `bs-accordion__caret bs-accordion__caret--${this.size} ${this.expanded ? 'bs-accordion__caret--open' : ''}`, "aria-hidden": "true" }, index.h(CaretDownIcon, { key: '51dfcbdfa5ccff5c3e6a6c2f983fc4d7fb460c18' }))), (this.expanded || this.showPreview || this.closing) && (index.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'}` }, index.h("slot", { key: '56493eb5b425134b38ac60f481219a823379626e' })))));
     }
+    static get watchers() { return {
+        "expanded": [{
+                "onExpandedChange": 0
+            }]
+    }; }
 };
 const PlusIcon = () => (index.h("svg", { viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true" }, index.h("path", { d: "M12 5V19", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }), index.h("path", { d: "M5 12H19", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" })));
 const CaretDownIcon = () => (index.h("svg", { viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true" }, index.h("path", { d: "M6 9.75L12 15.75L18 9.75", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" })));
-const CaretUpIcon = () => (index.h("svg", { viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true" }, index.h("path", { d: "M6 14.25L12 8.25L18 14.25", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" })));
 BsAccordion.style = bsAccordionCss();
 
 exports.bs_accordion = BsAccordion;

package/dist/cjs/bs-ai-disclaimer.cjs.entry.js

@@ -10,7 +10,7 @@ const BsAiDisclaimer = class {
     }
     render() {
         //images.unsplash.com/photo-1512917774080-9991f1c4c750?w=200&h=200&fit=crop
-         return (index.h("div", { key: '3c30f834cdeb8f1d88cc1e09ca7b37448cd78c68', class: "bs-ai-disclaimer" }, index.h("p", { key: '013748c40473c12d408d0c6a8abf8dfa04e6e2a8', part: "text", class: "bs-ai-disclaimer__text" }, index.h("slot", { key: '9ac815b71c84206ba5a5387dc502565c8773d742' }))));
+         return (index.h("div", { key: 'c60fa36f1340f01982c9084dcc24d875df50d33f', class: "bs-ai-disclaimer" }, index.h("p", { key: '19d76fe258f68e2e0e2a0f7f22a6775c7522cef0', part: "text", class: "bs-ai-disclaimer__text" }, index.h("slot", { key: '66861e47f7da39e0b1e162d327dedf0d57fcaf2f' }))));
     }
 };
 BsAiDisclaimer.style = bsAiDisclaimerCss();

package/dist/cjs/bs-ai-greeting.cjs.entry.js

@@ -16,7 +16,7 @@ const BsAiGreeting = class {
         const subtext = this.productName
             ? `How can I help you with ${this.productName} today?`
             : 'How can I help you today?';
-        return (index.h("div", { key: '20b39c35e9f4d552fa3e30dbfa86ba53bff48c89', class: "bs-ai-greeting" }, index.h("div", { key: 'bb6d790ccb6595fc646c2a5cc6dedd358cfb75d0', part: "heading", class: "bs-ai-greeting__heading" }, index.h("p", { key: '86eba00635450b5eb13311cbe354059ef4b572b8', class: "bs-ai-greeting__heading-line" }, "Hi. I'm ", this.assistantName, ","), index.h("p", { key: '4e66b440952f29946465ca899d2dfcea08c0f170', class: "bs-ai-greeting__heading-line" }, "your AI assistant.")), index.h("p", { key: '01eea96ec6e8d5f8196ac493b60cbc1423a1afaf', part: "subtext", class: "bs-ai-greeting__subtext" }, subtext)));
+        return (index.h("div", { key: '1044390f82275f2ece3242201178e5fbe3dd0f83', class: "bs-ai-greeting" }, index.h("div", { key: '338a57a7ed4aae16d0210ad322b3dd14e4ae3c45', part: "heading", class: "bs-ai-greeting__heading" }, index.h("p", { key: '9aec512708b3ec838992af2e84911331e600def7', class: "bs-ai-greeting__heading-line" }, "Hi. I'm ", this.assistantName, ","), index.h("p", { key: 'ab23bbb5b65532320cad671818202fc8acebba46', class: "bs-ai-greeting__heading-line" }, "your AI assistant.")), index.h("p", { key: '1d4b83012beb32bedcf48de15461179e8bd7eca8', part: "subtext", class: "bs-ai-greeting__subtext" }, subtext)));
     }
 };
 BsAiGreeting.style = bsAiGreetingCss();

package/dist/cjs/bs-ai-thinking.cjs.entry.js

@@ -26,7 +26,7 @@ const BsAiThinking = class {
     /** The status text shown next to the icon, e.g. "Retrieving", "Thinking", "Searching". */
     label = 'Thinking';
     render() {
-        return (index.h("div", { key: '7877c365ded09531d50c42b2e5dda84cd058a173', class: "bs-ai-thinking", role: "status", "aria-live": "polite" }, index.h("img", { key: 'fbacfc324a798da29d2ab4c6ecd8f042745cee19', part: "icon", class: "bs-ai-thinking__icon", src: GENIE_MARK_ICON, alt: "", "aria-hidden": "true" }), index.h("span", { key: '5d7befe1e0cacd3b08d8d529da86d98ef80d207d', part: "label", class: "bs-ai-thinking__label" }, this.label)));
+        return (index.h("div", { key: '86329576f183a586c2cedfcfe6d5ddb76d37ed25', class: "bs-ai-thinking", role: "status", "aria-live": "polite" }, index.h("img", { key: '5d56adc7f23efb232569765b3cf3529859bd4035', part: "icon", class: "bs-ai-thinking__icon", src: GENIE_MARK_ICON, alt: "", "aria-hidden": "true" }), index.h("span", { key: 'abd1bb6e0adf31a1ddc74bbbf08d3f0128aa0ae4', part: "label", class: "bs-ai-thinking__label" }, this.label)));
     }
 };
 BsAiThinking.style = bsAiThinkingCss();

package/dist/cjs/bs-app-recent-item_3.cjs.entry.js

@@ -0,0 +1,133 @@
+'use strict';
+
+var index = require('./index-BYfMRtlW.js');
+
+const bsAppRecentItemCss = () => `:host{display:block;box-sizing:border-box;--bs-app-recent-item-padding-x:var(--bs-spacing-100);--bs-app-recent-item-padding-y:var(--bs-spacing-100);--bs-app-recent-item-gap:var(--bs-spacing-150);--bs-app-recent-item-radius:var(--bs-border-radius-100);--bs-app-recent-item-bg:transparent;--bs-app-recent-item-bg-hover:var(--bs-surface-hover);--bs-app-recent-item-bg-pressed:var(--bs-surface-pressed);--bs-app-recent-item-bg-current:var(--bs-surface-selected);--bs-app-recent-item-icon-bg:var(--bs-color-neutral-container);--bs-app-recent-item-color:var(--bs-text-default);--bs-app-recent-item-color-muted:var(--bs-text-secondary);--bs-app-recent-item-color-disabled:var(--bs-text-on-disabled);--bs-app-recent-item-focus-ring:var(--bs-border-neutral-focus)}.bs-app-recent-item{box-sizing:border-box;display:flex;align-items:center;gap:var(--bs-app-recent-item-gap);width:100%;margin:0;padding:var(--bs-app-recent-item-padding-y) var(--bs-app-recent-item-padding-x);border:0;border-radius:var(--bs-app-recent-item-radius);background:var(--bs-app-recent-item-bg);color:var(--bs-app-recent-item-color);font-family:var(--bs-typography-font-family-body, Roboto), sans-serif;text-align:left;cursor:pointer}.bs-app-recent-item:hover,.bs-app-recent-item:active,.bs-app-recent-item[aria-current='true']{--bs-app-recent-item-icon-bg:var(--bs-surface-base)}.bs-app-recent-item[aria-current='true']{background:var(--bs-app-recent-item-bg-current)}.bs-app-recent-item:hover{background:var(--bs-app-recent-item-bg-hover)}.bs-app-recent-item:active{background:var(--bs-app-recent-item-bg-pressed)}.bs-app-recent-item:focus-visible{outline:var(--bs-spacing-25) solid var(--bs-app-recent-item-focus-ring);outline-offset:0}.bs-app-recent-item[aria-disabled='true']{background:var(--bs-app-recent-item-bg);color:var(--bs-app-recent-item-color-disabled);cursor:not-allowed}.bs-app-recent-item[aria-disabled='true'] .bs-app-recent-item__description{color:var(--bs-app-recent-item-color-disabled)}.bs-app-recent-item__icon{--bs-icon-tile-bg:var(--bs-app-recent-item-icon-bg);--bs-icon-tile-color:var(--bs-icon-default)}.bs-app-recent-item[aria-disabled='true'] .bs-app-recent-item__icon{--bs-icon-tile-color:var(--bs-app-recent-item-color-disabled)}.bs-app-recent-item__glyph{display:block;width:var(--bs-icon-tile-icon-size);height:var(--bs-icon-tile-icon-size);background:currentColor;-webkit-mask:var(--bs-app-recent-item-glyph) center / contain no-repeat;mask:var(--bs-app-recent-item-glyph) center / contain no-repeat}.bs-app-recent-item__text{flex:1 1 0;min-width:0;display:flex;flex-direction:column}.bs-app-recent-item__name{font-size:var(--bs-fontsize-body-sm);font-weight:var(--bs-font-weight-medium);line-height:calc(var(--bs-line-height-body-sm) * 1px)}.bs-app-recent-item__description{color:var(--bs-app-recent-item-color-muted);font-size:var(--bs-fontsize-caption-sm);line-height:calc(var(--bs-line-height-caption-sm) * 1px)}.bs-app-recent-item__name,.bs-app-recent-item__description{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}`;
+
+const BsAppRecentItem = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+    }
+    /** The app name, and the accessible name of the row together with the description. */
+    name;
+    /** Second line under the name. */
+    description;
+    /** URL of a monochrome SVG painted with the icon colour. The default slot overrides it. */
+    icon;
+    /** The app you are in right now: selected background and `aria-current="true"`. */
+    current = false;
+    /** Dims the row, sets `aria-disabled` and takes it out of the tab order. */
+    disabled = false;
+    onClick = (ev) => {
+        if (this.disabled) {
+            ev.preventDefault();
+            ev.stopPropagation();
+        }
+    };
+    render() {
+        const common = {
+            part: 'container',
+            class: 'bs-app-recent-item',
+            'aria-current': this.current ? 'true' : undefined,
+            'aria-disabled': this.disabled ? 'true' : undefined,
+            tabindex: this.disabled ? -1 : undefined,
+            onClick: this.onClick,
+        };
+        const body = [
+            index.h("bs-icon-tile", { key: '25195db69c69ce67d0679a08ae8747829ceded31', part: "icon", class: "bs-app-recent-item__icon", size: "md" }, this.icon ? index.h("span", { class: "bs-app-recent-item__glyph", style: { '--bs-app-recent-item-glyph': `url(${JSON.stringify(this.icon)})` } }) : index.h("slot", null)),
+            index.h("span", { key: 'ef11e62cab8201965e9d8c0d6f2afbc520b11af8', class: "bs-app-recent-item__text" }, index.h("span", { key: 'fad916fcc805b11e1659aa6885aa38651c99f1d3', part: "name", class: "bs-app-recent-item__name" }, this.name), this.description && (index.h("span", { key: 'e4b5d5c3f944b47de6637db714e661ad6df9735f', part: "description", class: "bs-app-recent-item__description" }, this.description))),
+        ];
+        return (index.h("button", { key: '8fe690965c53eea77a004123ecdddec7f1172e42', ...common, type: "button" }, body));
+    }
+};
+BsAppRecentItem.style = bsAppRecentItemCss();
+
+const bsAppTileCss = () => `:host{display:block;box-sizing:border-box;--bs-app-tile-icon-size:calc(var(--bs-sizing-500) + var(--bs-spacing-50));--bs-app-tile-padding:var(--bs-spacing-150);--bs-app-tile-gap:var(--bs-spacing-150);--bs-app-tile-radius:var(--bs-border-radius-100);--bs-app-tile-bg:transparent;--bs-app-tile-bg-hover:var(--bs-surface-hover);--bs-app-tile-bg-pressed:var(--bs-surface-pressed);--bs-app-tile-bg-current:var(--bs-surface-selected);--bs-app-tile-icon-bg:var(--bs-color-neutral-container);--bs-app-tile-color:var(--bs-text-default);--bs-app-tile-color-disabled:var(--bs-text-on-disabled);--bs-app-tile-focus-ring:var(--bs-border-neutral-focus)}:host([size='compact']){--bs-app-tile-icon-size:var(--bs-sizing-400);--bs-app-tile-padding:var(--bs-spacing-100);--bs-app-tile-gap:var(--bs-spacing-50)}.bs-app-tile{box-sizing:border-box;display:flex;flex-direction:column;align-items:center;gap:var(--bs-app-tile-gap);width:100%;margin:0;padding:var(--bs-app-tile-padding);border:0;border-radius:var(--bs-app-tile-radius);background:var(--bs-app-tile-bg);color:var(--bs-app-tile-color);font-family:var(--bs-typography-font-family-body, Roboto), sans-serif;text-align:center;cursor:pointer}.bs-app-tile:hover,.bs-app-tile:active,.bs-app-tile[aria-current='true']{--bs-app-tile-icon-bg:var(--bs-surface-base)}.bs-app-tile[aria-current='true']{background:var(--bs-app-tile-bg-current)}.bs-app-tile:hover{background:var(--bs-app-tile-bg-hover)}.bs-app-tile:active{background:var(--bs-app-tile-bg-pressed)}.bs-app-tile:focus-visible{outline:var(--bs-spacing-25) solid var(--bs-app-tile-focus-ring);outline-offset:0}.bs-app-tile[aria-disabled='true']{background:var(--bs-app-tile-bg);color:var(--bs-app-tile-color-disabled);cursor:not-allowed}.bs-app-tile[aria-disabled='true'] .bs-app-tile__icon{--bs-icon-tile-color:var(--bs-app-tile-color-disabled)}.bs-app-tile__icon{--bs-icon-tile-size:var(--bs-app-tile-icon-size);--bs-icon-tile-bg:var(--bs-app-tile-icon-bg);--bs-icon-tile-color:var(--bs-icon-default)}.bs-app-tile__glyph{display:block;width:var(--bs-icon-tile-icon-size);height:var(--bs-icon-tile-icon-size);background:currentColor;-webkit-mask:var(--bs-app-tile-glyph) center / contain no-repeat;mask:var(--bs-app-tile-glyph) center / contain no-repeat}.bs-app-tile__label{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--bs-fontsize-body-sm);font-weight:var(--bs-font-weight-medium);line-height:calc(var(--bs-line-height-body-sm) * 1px)}:host([size='compact']) .bs-app-tile__label{font-size:var(--bs-fontsize-caption-sm);line-height:calc(var(--bs-line-height-caption-sm) * 1px);font-weight:var(--bs-font-weight-regular)}`;
+
+const BsAppTile = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+    }
+    /** The app name, shown under the icon and used as the accessible name. */
+    name;
+    /** `grid` is the 3-column launcher tile; `compact` the smaller 4-column one. */
+    size = 'grid';
+    /** URL of a monochrome SVG painted with the icon colour. The default slot overrides it. */
+    icon;
+    /** The app you are in right now: selected background and `aria-current="true"`. */
+    current = false;
+    /** Dims the tile, sets `aria-disabled` and takes it out of the tab order. */
+    disabled = false;
+    onClick = (ev) => {
+        if (this.disabled) {
+            ev.preventDefault();
+            ev.stopPropagation();
+        }
+    };
+    render() {
+        const common = {
+            part: 'container',
+            class: 'bs-app-tile',
+            'aria-current': this.current ? 'true' : undefined,
+            'aria-disabled': this.disabled ? 'true' : undefined,
+            tabindex: this.disabled ? -1 : undefined,
+            onClick: this.onClick,
+        };
+        const body = [
+            index.h("bs-icon-tile", { key: '6404044d9a208e22f557cb71fbfdfc91c78b3b0c', part: "icon", class: "bs-app-tile__icon", size: this.size === 'grid' ? 'lg' : 'md' }, this.icon ? index.h("span", { class: "bs-app-tile__glyph", style: { '--bs-app-tile-glyph': `url(${JSON.stringify(this.icon)})` } }) : index.h("slot", null)),
+            index.h("span", { key: '0bb976f0b075ad63f52cd9f07fe541bc826a69cd', part: "label", class: "bs-app-tile__label" }, this.name),
+        ];
+        return (index.h("button", { key: 'c6dc2a317c93fd4fa2c39a42d6c194e1345c4720', ...common, type: "button" }, body));
+    }
+};
+BsAppTile.style = bsAppTileCss();
+
+const bsSkeletonCss = () => `:host{display:block;--bs-skeleton-bg:var(--bs-color-neutral-container);--bs-skeleton-radius:var(--bs-border-radius-100);--bs-skeleton-width:100%;--bs-skeleton-text-height:1em;--bs-skeleton-rect-height:96px;--bs-skeleton-gap:var(--bs-spacing-100);--bs-skeleton-duration:1.5s}.bs-skeleton{display:flex;flex-direction:column;gap:var(--bs-skeleton-gap)}.bs-skeleton__line{display:block;max-width:100%;width:var(--bs-skeleton-width);background:var(--bs-skeleton-bg);border-radius:var(--bs-skeleton-radius)}.bs-skeleton__line--text{height:var(--bs-skeleton-text-height)}.bs-skeleton__line--rect{height:var(--bs-skeleton-rect-height)}.bs-skeleton__line--circle{height:var(--bs-skeleton-rect-height);width:var(--bs-skeleton-rect-height);border-radius:var(--bs-border-radius-full)}.bs-skeleton__line--short{width:60%}.bs-skeleton--animated .bs-skeleton__line{animation:bs-skeleton-pulse var(--bs-skeleton-duration) ease-in-out infinite}@keyframes bs-skeleton-pulse{0%,100%{opacity:1}50%{opacity:0.5}}@media (prefers-reduced-motion: reduce){.bs-skeleton--animated .bs-skeleton__line{animation:none}}`;
+
+const BsSkeleton = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+    }
+    /** Shape of the placeholder. */
+    variant = 'text';
+    /** Any CSS length (e.g. `200px`, `50%`). Falls back to `--bs-skeleton-width`. For `circle`, if
+     * only one of `width`/`height` is set the other matches it. */
+    width;
+    /** Any CSS length. Falls back to the variant's default height custom property. */
+    height;
+    /** Number of text lines (`variant="text"` only). The last line of a multi-line block is shorter.
+     * Values below 1 are treated as 1. */
+    lines = 1;
+    /** Whether the placeholder pulses. Disabled automatically under `prefers-reduced-motion`. */
+    animated = true;
+    /** When set, the placeholder gets `role="status"` and this as its `aria-label`; otherwise it is
+     * `aria-hidden="true"`. */
+    label;
+    render() {
+        const isText = this.variant === 'text';
+        const count = isText ? Math.max(1, Math.floor(Number(this.lines)) || 1) : 1;
+        let width = this.width;
+        let height = this.height;
+        if (this.variant === 'circle') {
+            width = width ?? height;
+            height = height ?? width;
+        }
+        const style = {};
+        if (width)
+            style.width = width;
+        if (height)
+            style.height = height;
+        const lines = [];
+        for (let i = 0; i < count; i++) {
+            const isShortLast = isText && count > 1 && i === count - 1 && !this.width;
+            lines.push(index.h("span", { part: "line", class: { 'bs-skeleton__line': true, [`bs-skeleton__line--${this.variant}`]: true, 'bs-skeleton__line--short': isShortLast }, style: style }));
+        }
+        const hasLabel = !!this.label;
+        return (index.h("span", { key: '0ee4009d1f3de93bdca785aac769f559c42b4d27', part: "container", class: { 'bs-skeleton': true, 'bs-skeleton--animated': this.animated, [`bs-skeleton--${this.variant}`]: true }, role: hasLabel ? 'status' : undefined, "aria-label": hasLabel ? this.label : undefined, "aria-hidden": hasLabel ? undefined : 'true' }, lines));
+    }
+};
+BsSkeleton.style = bsSkeletonCss();
+
+exports.bs_app_recent_item = BsAppRecentItem;
+exports.bs_app_tile = BsAppTile;
+exports.bs_skeleton = BsSkeleton;

package/dist/cjs/bs-app-shell.cjs.entry.js

@@ -11,7 +11,7 @@ const BsAppShell = class {
     /** When true the host is `height: 100%`; when false it is content-sized with `min-height: 100vh`. */
     fullHeight = true;
     render() {
-        return (index.h("div", { key: 'bb129be6f9df534225bd91bc49b218cd297b9f50', class: "bs-app-shell", part: "container" }, index.h("div", { key: 'b7557918e3a7c0c54c5e96c73af17af25276e227', class: "bs-app-shell__header", part: "header" }, index.h("slot", { key: '135463253e19c6a2d5ff86b04413e6838f824a89', name: "header" })), index.h("div", { key: '6c261a296a432f8de89308ad846f879b0222ad38', class: "bs-app-shell__navigation", part: "navigation" }, index.h("slot", { key: 'ab2bcf3c3deebef265b9bd363a398f27a0dd08e5', name: "navigation" })), index.h("main", { key: 'c5c464164626c5556db4b13f21d1a1b160b4cd0b', class: "bs-app-shell__main", part: "main" }, index.h("slot", { key: 'b10f392415fae0ff71064034e8731a1d389c2c2b' })), index.h("div", { key: 'cef45e2cf170b9cada37921339fc42349e8a2bab', class: "bs-app-shell__aside", part: "aside" }, index.h("slot", { key: 'fc72f095f04b9ed1adb60853d7bd94c7a9d3fc8b', name: "aside" }))));
+        return (index.h("div", { key: 'ff8c3b56c5ef688cc6c0ea56506ff11276e8d3e3', class: "bs-app-shell", part: "container" }, index.h("div", { key: 'd5774240964b2983194a2159a0a1144a21a6d283', class: "bs-app-shell__header", part: "header" }, index.h("slot", { key: '277a167b2f8bedde05303de0c40d3eba2ca2d991', name: "header" })), index.h("div", { key: '239b9188f0d433fead73cbef56adf4c2814481e8', class: "bs-app-shell__navigation", part: "navigation" }, index.h("slot", { key: '40ae1bad1999bc8d7ab42fd3d42871a5ca6f7e6f', name: "navigation" })), index.h("main", { key: '4ac23628e313bce91c8ba91b988cef538561d5db', class: "bs-app-shell__main", part: "main" }, index.h("slot", { key: '33b33785532d89474eaba090fdb4dc46975f0e2b' })), index.h("div", { key: '5b746ae7fb368233c68cc67f983b34229d5103d1', class: "bs-app-shell__aside", part: "aside" }, index.h("slot", { key: 'c68ae0b5809ad6ea9e4f02e0bdb9364e0ccc914b', name: "aside" }))));
     }
 };
 BsAppShell.style = bsAppShellCss();

package/dist/cjs/bs-app-switcher.cjs.entry.js

@@ -0,0 +1,208 @@
+'use strict';
+
+var index = require('./index-BYfMRtlW.js');
+
+const bsAppSwitcherCss = () => `:host{display:block;box-sizing:border-box;width:var(--bs-app-switcher-width);max-width:100%;--bs-app-switcher-width:360px;--bs-app-switcher-radius:var(--bs-border-radius-150);--bs-app-switcher-bg:var(--bs-surface-base);--bs-app-switcher-border-color:var(--bs-border-default);--bs-app-switcher-shadow:var(--bs-shadow-position-0) var(--bs-shadow-position-100) var(--bs-shadow-blur-200) var(--bs-elevation-higher);--bs-app-switcher-padding:var(--bs-spacing-150);--bs-app-switcher-text-color:var(--bs-text-default);--bs-app-switcher-header-color:var(--bs-text-secondary);--bs-app-switcher-link-color:var(--bs-text-action);--bs-app-switcher-focus-ring:var(--bs-border-neutral-focus)}.bs-app-switcher{display:block;position:relative;--bs-card-bg:var(--bs-app-switcher-bg);--bs-card-radius:var(--bs-app-switcher-radius);--bs-card-padding:0px;--bs-card-border-width:1px;--bs-card-border-color:var(--bs-app-switcher-border-color);--bs-card-shadow:var(--bs-app-switcher-shadow)}.bs-app-switcher__header,.bs-app-switcher__footer{display:flex;align-items:center;justify-content:space-between;padding:var(--bs-spacing-150) var(--bs-spacing-200)}.bs-app-switcher__heading{margin:0;color:var(--bs-app-switcher-text-color);font-family:var(--bs-typography-font-family-heading, Roboto), sans-serif;font-size:var(--bs-fontsize-heading-h6);font-weight:var(--bs-font-weight-bold);line-height:calc(var(--bs-line-height-heading-h6) * 1px)}.bs-app-switcher__manage,.bs-app-switcher__browse{display:inline-flex;align-items:center;gap:var(--bs-spacing-50);margin:0;padding:0;border:0;border-radius:var(--bs-border-radius-50);background:none;font-family:var(--bs-typography-font-family-body, Roboto), sans-serif;cursor:pointer}.bs-app-switcher__manage{color:var(--bs-app-switcher-text-color);font-size:var(--bs-fontsize-body-sm);font-weight:var(--bs-font-weight-medium);line-height:calc(var(--bs-line-height-body-sm) * 1px);text-decoration:none}.bs-app-switcher__browse{color:var(--bs-app-switcher-link-color);font-size:var(--bs-fontsize-caption-sm);line-height:calc(var(--bs-line-height-caption-sm) * 1px);text-decoration:underline}.bs-app-switcher__manage:hover,.bs-app-switcher__browse:hover{color:var(--bs-text-action-hover)}.bs-app-switcher__manage:focus-visible,.bs-app-switcher__browse:focus-visible{outline:var(--bs-spacing-25) solid var(--bs-app-switcher-focus-ring);outline-offset:var(--bs-spacing-25)}.bs-app-switcher__external{width:var(--bs-spacing-150);height:var(--bs-spacing-150);flex:none}.bs-app-switcher__search{padding:var(--bs-spacing-150) var(--bs-app-switcher-padding) var(--bs-spacing-50)}.bs-app-switcher__search bs-input{width:100%}.bs-app-switcher__body{padding:var(--bs-spacing-50) var(--bs-app-switcher-padding) var(--bs-spacing-150)}.bs-app-switcher__group-header{padding:var(--bs-spacing-100) var(--bs-spacing-100) var(--bs-spacing-50);color:var(--bs-app-switcher-header-color);font-family:var(--bs-typography-font-family-body, Roboto), sans-serif;font-size:var(--bs-fontsize-caption-sm);font-weight:var(--bs-font-weight-semibold);line-height:calc(var(--bs-line-height-caption-sm) * 1px);letter-spacing:var(--bs-letter-spacing-wide);text-transform:uppercase}.bs-app-switcher__grid,.bs-app-switcher__list{display:grid;margin:0;padding:0;list-style:none}.bs-app-switcher__grid--grid{grid-template-columns:repeat(3, minmax(0, 1fr));gap:var(--bs-spacing-150)}.bs-app-switcher__grid--compact{grid-template-columns:repeat(4, minmax(0, 1fr));gap:var(--bs-spacing-100)}.bs-app-switcher__section-divider{display:block;width:calc(100% + var(--bs-app-switcher-padding) * 2);margin:0 calc(var(--bs-app-switcher-padding) * -1)}.bs-app-switcher__empty{--bs-empty-state-padding-y:var(--bs-spacing-300)}.bs-app-switcher__skeleton-header{--bs-skeleton-width:var(--bs-sizing-1000);display:block;padding:var(--bs-spacing-100)}.bs-app-switcher__skeleton-tile{display:flex;flex-direction:column;align-items:center;gap:var(--bs-spacing-150);padding:var(--bs-spacing-150)}.bs-app-switcher__skeleton-icon{--bs-skeleton-width:calc(var(--bs-sizing-500) + var(--bs-spacing-50));--bs-skeleton-rect-height:calc(var(--bs-sizing-500) + var(--bs-spacing-50))}.bs-app-switcher__skeleton-label{--bs-skeleton-width:var(--bs-sizing-800)}.bs-app-switcher__live{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}`;
+
+let uid = 0;
+const svgProps = {
+    viewBox: '0 0 24 24',
+    fill: 'none',
+    stroke: 'currentColor',
+    'stroke-width': '1.8',
+    'stroke-linecap': 'round',
+    'stroke-linejoin': 'round',
+    'aria-hidden': 'true',
+};
+const SKELETON_TILES = [0, 1, 2, 3, 4, 5, 6, 7, 8];
+const BsAppSwitcher = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.bsAppSelect = index.createEvent(this, "bsAppSelect");
+        this.bsManage = index.createEvent(this, "bsManage");
+        this.bsBrowseAll = index.createEvent(this, "bsBrowseAll");
+        this.bsClearSearch = index.createEvent(this, "bsClearSearch");
+        this.bsRetry = index.createEvent(this, "bsRetry");
+        this.bsRequestAccess = index.createEvent(this, "bsRequestAccess");
+        this.bsQueryChange = index.createEvent(this, "bsQueryChange");
+    }
+    get el() { return index.getElement(this); }
+    id = `bs-as-${++uid}`;
+    inputEl;
+    /** The apps the user can open. JS property only (an array cannot be an attribute). */
+    apps = [];
+    /** Recently opened apps, most recent first. When there are any, the panel shows Recent and All apps. JS property only. */
+    recent = [];
+    /** `id` of the app you are in: selected background and `aria-current`. */
+    currentId;
+    /** The search text. Mutable: typing, Escape and "Clear search" update it. */
+    query = '';
+    /** `loading` shows skeleton tiles, `error` the failure state. */
+    status = 'ready';
+    /** URL of the Manage link. Without it Manage is a button that only fires `bsManage`. */
+    manageHref;
+    /** URL of the Browse all link. Without it it is a button that only fires `bsBrowseAll`. */
+    browseHref;
+    /** Panel heading. */
+    heading = 'EG apps';
+    /** Text of the Manage link. */
+    manageLabel = 'Manage';
+    /** Placeholder (and accessible name) of the search field. */
+    searchPlaceholder = 'Find an app';
+    /** Header of the default group when there are no recent apps. */
+    yourAppsLabel = 'Your apps';
+    /** Header of the recent group. */
+    recentLabel = 'Recent';
+    /** Header of the all apps group. */
+    allAppsLabel = 'All apps';
+    /** Search header with several results ("2 results"). */
+    resultsLabel = 'results';
+    /** Search header with one result ("1 result"). */
+    resultLabel = 'result';
+    /** Text of the footer link. */
+    browseLabel = 'Browse all EG products';
+    /** No-results heading. `{query}` is replaced by the query. */
+    noResultsHeading = 'No apps match “{query}”';
+    /** No-results description. */
+    noResultsDescription = 'Check the spelling, or browse all EG products to find more apps.';
+    /** Text of the Clear search button. */
+    clearLabel = 'Clear search';
+    /** Error heading. */
+    errorHeading = 'Couldn’t load your apps';
+    /** Error description. */
+    errorDescription = 'Check your connection and try again. Your work in the current app is not affected.';
+    /** Text of the Try again button. */
+    retryLabel = 'Try again';
+    /** Empty heading (no apps assigned). */
+    emptyHeading = 'No apps assigned yet';
+    /** Empty description. */
+    emptyDescription = 'Ask your administrator for access, or browse all EG products to see what’s available.';
+    /** Text of the Request access button. */
+    requestAccessLabel = 'Request access';
+    /** Announced while loading. */
+    loadingLabel = 'Loading apps…';
+    /** Fires when an app is chosen (click or Enter), with the app. Cancelable: `preventDefault()` cancels the originating click. */
+    bsAppSelect;
+    /** Fires when Manage is pressed. */
+    bsManage;
+    /** Fires when Browse all is pressed. */
+    bsBrowseAll;
+    /** Fires when the search is cleared with the Clear search button or Escape. */
+    bsClearSearch;
+    /** Fires when Try again is pressed. */
+    bsRetry;
+    /** Fires when Request access is pressed. */
+    bsRequestAccess;
+    /** Fires when the search text changes through user interaction, with the new text. */
+    bsQueryChange;
+    get q() {
+        return this.query.trim().toLowerCase();
+    }
+    matches() {
+        const q = this.q;
+        return this.apps.filter(a => a.name.toLowerCase().includes(q) || (a.description ?? '').toLowerCase().includes(q));
+    }
+    recentApps() {
+        return this.recent
+            .map(r => ({ app: this.apps.find(a => a.id === r.appId), recent: r }))
+            .filter((x) => !!x.app);
+    }
+    setQuery(next) {
+        this.query = next;
+        this.bsQueryChange.emit(next);
+    }
+    clear() {
+        if (!this.query)
+            return;
+        this.setQuery('');
+        this.bsClearSearch.emit();
+        this.inputEl?.focus();
+    }
+    onInput = (ev) => {
+        ev.stopPropagation();
+        this.setQuery(ev.detail);
+    };
+    onSearchKeyDown = (ev) => {
+        if (ev.key === 'Escape' && this.query) {
+            // Clear first; a second Escape (empty field) is left alone so a wrapping popover can close.
+            ev.preventDefault();
+            ev.stopPropagation();
+            this.clear();
+        }
+    };
+    select(app, ev) {
+        if (app.disabled)
+            return;
+        const e = this.bsAppSelect.emit(app);
+        if (e.defaultPrevented)
+            ev.preventDefault();
+    }
+    desc(r) {
+        return [r.openedLabel, r.companyName].filter(Boolean).join(' · ');
+    }
+    renderLink(part, cls, href, label, onPress, trailing) {
+        const inner = [label, trailing];
+        return href ? (index.h("a", { part: part, class: cls, href: href, onClick: onPress }, inner)) : (index.h("button", { part: part, class: cls, type: "button", onClick: onPress }, inner));
+    }
+    renderTile(app, size) {
+        return (index.h("li", null, index.h("bs-app-tile", { part: "tile", size: size, name: app.name, icon: app.icon, disabled: !!app.disabled, current: app.id === this.currentId, onClick: (ev) => this.select(app, ev) })));
+    }
+    renderRow(app, description) {
+        return (index.h("li", null, index.h("bs-app-recent-item", { part: "row", name: app.name, description: description, icon: app.icon, disabled: !!app.disabled, current: app.id === this.currentId, onClick: (ev) => this.select(app, ev) })));
+    }
+    renderGroup(key, header, list, kind, size) {
+        const hid = `${this.id}-h-${key}`;
+        return (index.h("div", { part: "group", class: "bs-app-switcher__group", role: "group", "aria-labelledby": hid }, index.h("div", { part: "group-header", id: hid, class: "bs-app-switcher__group-header" }, header), index.h("ul", { part: kind, role: "list", class: { 'bs-app-switcher__grid': kind === 'grid', [`bs-app-switcher__grid--${size}`]: !!size, 'bs-app-switcher__list': kind === 'list' } }, list)));
+    }
+    renderState(heading, description, intent, icon, action) {
+        return (index.h("bs-empty-state", { part: "empty", class: "bs-app-switcher__empty", heading: heading, description: description, intent: intent }, icon, action));
+    }
+    renderBody() {
+        if (this.status === 'loading') {
+            return (index.h("div", { class: "bs-app-switcher__body", "aria-busy": "true" }, index.h("bs-skeleton", { class: "bs-app-switcher__skeleton-header" }), index.h("ul", { role: "list", class: "bs-app-switcher__grid bs-app-switcher__grid--grid" }, SKELETON_TILES.map(() => (index.h("li", { class: "bs-app-switcher__skeleton-tile" }, index.h("bs-skeleton", { variant: "rect", class: "bs-app-switcher__skeleton-icon" }), index.h("bs-skeleton", { class: "bs-app-switcher__skeleton-label" })))))));
+        }
+        if (this.status === 'error') {
+            return (index.h("div", { class: "bs-app-switcher__body", role: "alert" }, this.renderState(this.errorHeading, this.errorDescription, 'error', index.h("svg", { slot: "icon", ...svgProps }, index.h("circle", { cx: "12", cy: "12", r: "9" }), index.h("path", { d: "M12 7.5v5.5M12 16.2v.1" })), index.h("bs-button", { slot: "action", variant: "outlined", size: "sm", onClick: () => this.bsRetry.emit() }, this.retryLabel))));
+        }
+        if (this.apps.length === 0) {
+            return (index.h("div", { class: "bs-app-switcher__body" }, this.renderState(this.emptyHeading, this.emptyDescription, 'default', index.h("svg", { slot: "icon", viewBox: "0 0 24 24", fill: "currentColor", "aria-hidden": "true" }, [6, 12, 18].flatMap(x => [6, 12, 18].map(y => index.h("circle", { cx: x, cy: y, r: "1.5" })))), index.h("bs-button", { slot: "action", variant: "outlined", size: "sm", onClick: () => this.bsRequestAccess.emit() }, this.requestAccessLabel))));
+        }
+        return [this.renderSearch(), index.h("div", { class: "bs-app-switcher__body" }, this.renderApps())];
+    }
+    renderSearch() {
+        return (index.h("div", { part: "search", class: "bs-app-switcher__search", onKeyDown: this.onSearchKeyDown }, index.h("bs-input", { ref: el => (this.inputEl = el), type: "search", value: this.query, placeholder: this.searchPlaceholder, onBsInput: this.onInput })));
+    }
+    renderApps() {
+        if (this.q) {
+            const found = this.matches();
+            if (!found.length) {
+                return this.renderState(this.noResultsHeading.replace('{query}', this.query.trim()), this.noResultsDescription, 'default', index.h("svg", { slot: "icon", ...svgProps }, index.h("circle", { cx: "11", cy: "11", r: "7" }), index.h("path", { d: "m20 20-3.5-3.5" })), index.h("bs-button", { slot: "action", variant: "outlined", size: "sm", onClick: () => this.clear() }, this.clearLabel));
+            }
+            return this.renderGroup('results', `${found.length} ${found.length === 1 ? this.resultLabel : this.resultsLabel}`, found.map(a => this.renderRow(a, a.description)), 'list');
+        }
+        const recent = this.recentApps();
+        if (recent.length) {
+            return [
+                this.renderGroup('recent', this.recentLabel, recent.map(({ app, recent: r }) => this.renderRow(app, this.desc(r))), 'list'),
+                index.h("bs-divider", { decorative: true, class: "bs-app-switcher__section-divider" }),
+                this.renderGroup('all', this.allAppsLabel, this.apps.map(a => this.renderTile(a, 'compact')), 'grid', 'compact'),
+            ];
+        }
+        return this.renderGroup('yours', this.yourAppsLabel, this.apps.map(a => this.renderTile(a, 'grid')), 'grid', 'grid');
+    }
+    liveText() {
+        if (this.status === 'loading')
+            return this.loadingLabel;
+        if (this.status !== 'ready' || !this.apps.length || !this.q)
+            return '';
+        const n = this.matches().length;
+        return n ? `${n} ${n === 1 ? this.resultLabel : this.resultsLabel}` : this.noResultsHeading.replace('{query}', this.query.trim());
+    }
+    render() {
+        const headingId = `${this.id}-heading`;
+        return (index.h("bs-card", { key: '8257b65b618a40aa48c5e4e6ea464cd0e730b822', part: "panel", class: "bs-app-switcher", surface: "base", role: "region", "aria-labelledby": headingId }, index.h("div", { key: '99756a738b6954a8f6d6b4dae25115d9ba132be2', part: "header", class: "bs-app-switcher__header" }, index.h("h2", { key: '61ac20db2636acdf82c495e4aa1afaad047e5241', part: "heading", id: headingId, class: "bs-app-switcher__heading" }, this.heading), this.renderLink('manage', 'bs-app-switcher__manage', this.manageHref, this.manageLabel, () => this.bsManage.emit())), index.h("bs-divider", { key: 'f68ea80899a97f097dd26a4d4ff311a0c958c7a9', decorative: true }), this.renderBody(), index.h("bs-divider", { key: '05db5ca0047deb646a0b0bf68afec0663e7b132f', decorative: true }), index.h("div", { key: 'b32e86a8ba520756bce064384502f4ce71ada4ba', part: "footer", class: "bs-app-switcher__footer" }, this.renderLink('browse', 'bs-app-switcher__browse', this.browseHref, this.browseLabel, () => this.bsBrowseAll.emit(), index.h("svg", { class: "bs-app-switcher__external", ...svgProps }, index.h("path", { d: "M7 17 17 7M8 7h9v9" })))), index.h("span", { key: '1de45b23ef4e79e1b7af1f438304260f264e0489', class: "bs-app-switcher__live", role: "status" }, this.liveText())));
+    }
+};
+BsAppSwitcher.style = bsAppSwitcherCss();
+
+exports.bs_app_switcher = BsAppSwitcher;

package/dist/cjs/bs-attachment-list.cjs.entry.js

@@ -39,7 +39,7 @@ const BsAttachmentList = class {
         this.canScrollRight = row.scrollWidth - row.clientWidth - row.scrollLeft > 1;
     };
     render() {
-        return (index.h("div", { key: '5da3ba40df155851bc126032e1f3b618d5f01c2d', class: "bs-attachment-list" }, index.h("div", { key: 'f335a3ca13ee519190b6ba42e016a6ee42ac7dd9', part: "row", class: "bs-attachment-list__row", ref: el => (this.row = el), onScroll: this.onScroll, role: "group", "aria-label": this.ariaLabel, tabIndex: 0 }, index.h("slot", { key: '29076c83e54c19cb98fb0747b1ad8ac6b2a5d0da', onSlotchange: this.onSlotchange })), this.canScrollRight && index.h("div", { key: '025b21c62387ecf3656dd7a8492a45fe3376a3ea', part: "fade", class: "bs-attachment-list__fade", "aria-hidden": "true" })));
+        return (index.h("div", { key: 'c01982051a8914fcaede14e787f362a4f82a317d', class: "bs-attachment-list" }, index.h("div", { key: '9475c8aa5dec12ed9356f72326bdc4ab215576d5', part: "row", class: "bs-attachment-list__row", ref: el => (this.row = el), onScroll: this.onScroll, role: "group", "aria-label": this.ariaLabel, tabIndex: 0 }, index.h("slot", { key: '85db80cf4422334d291377e5cc7390f69e014676', onSlotchange: this.onSlotchange })), this.canScrollRight && index.h("div", { key: 'a8659966ec3fd0a128a9e4b5d40ff7121b919172', part: "fade", class: "bs-attachment-list__fade", "aria-hidden": "true" })));
     }
 };
 BsAttachmentList.style = bsAttachmentListCss();

package/dist/cjs/bs-attachment.cjs.entry.js

@@ -32,7 +32,7 @@ const BsAttachment = class {
     };
     render() {
         const isImage = this.type === 'image';
-        return (index.h("div", { key: '6919ab09c1a5acb3eb1fd6b7d617683d848a593f', class: { 'bs-attachment': true, 'bs-attachment--loading': this.loading }, "aria-busy": this.loading ? 'true' : 'false' }, isImage ? this.renderImage() : this.renderCard(), this.removable && (index.h("bs-icon-button", { key: '270cdce81d9b3d7646ad4e24258791615a848c88', part: "remove", class: "bs-attachment__remove", size: "xs", variant: "neutral", ariaLabel: `${this.removeLabel}: ${this.fileName}`, onClick: this.onRemoveClick }, index.h(CloseIcon, { key: '6d2cd9288f9dfe717bb95ac24ccb0752d0923404' })))));
+        return (index.h("div", { key: '397e7570d4765a1e4dfb410666c0fb0b78c06686', class: { 'bs-attachment': true, 'bs-attachment--loading': this.loading }, "aria-busy": this.loading ? 'true' : 'false' }, isImage ? this.renderImage() : this.renderCard(), this.removable && (index.h("bs-icon-button", { key: '738b5e3dbf1e2b0856bb20dc5eb3027d1cd87ef5', part: "remove", class: "bs-attachment__remove", size: "xs", variant: "neutral", ariaLabel: `${this.removeLabel}: ${this.fileName}`, onClick: this.onRemoveClick }, index.h(CloseIcon, { key: 'd21c9d3832f170c5af2d01e2d76b83be3acd3da7' })))));
     }
     renderImage() {
         return (index.h("div", { part: "thumbnail", class: "bs-attachment__thumbnail" }, index.h("img", { class: "bs-attachment__image", src: this.imageSrc, alt: this.imageAlt }), this.loading && index.h(Spinner, { class: "bs-attachment__spinner bs-attachment__spinner--overlay", size: 16, label: this.uploadingLabel })));

package/dist/cjs/bs-avatar.cjs.entry.js

@@ -2,7 +2,7 @@
 
 var index = require('./index-BYfMRtlW.js');
 
-const bsAvatarCss = () => `:host{display:inline-flex;vertical-align:middle;--bs-avatar-size-xs:24px;--bs-avatar-size-sm:32px;--bs-avatar-size-md:44px;--bs-avatar-size-lg:64px;--bs-avatar-size-xl:96px;--bs-avatar-size-xxl:128px;--bs-avatar-radius:var(--bs-border-radius-full);--bs-avatar-border-width:var(--bs-border-width-thin);--bs-avatar-border-width-xxl:1.333px}.bs-avatar{box-sizing:border-box;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:var(--bs-avatar-radius);border:var(--bs-avatar-border-width) solid var(--bs-avatar-border-primary);background:var(--bs-avatar-bg-dafault);flex-shrink:0;user-select:none;-webkit-user-select:none}.bs-avatar--xs{width:var(--bs-avatar-size-xs);height:var(--bs-avatar-size-xs)}.bs-avatar--sm{width:var(--bs-avatar-size-sm);height:var(--bs-avatar-size-sm)}.bs-avatar--md{width:var(--bs-avatar-size-md);height:var(--bs-avatar-size-md)}.bs-avatar--lg{width:var(--bs-avatar-size-lg);height:var(--bs-avatar-size-lg)}.bs-avatar--xl{width:var(--bs-avatar-size-xl);height:var(--bs-avatar-size-xl)}.bs-avatar--xxl{width:var(--bs-avatar-size-xxl);height:var(--bs-avatar-size-xxl);border-width:var(--bs-avatar-border-width-xxl)}.bs-avatar__image{display:block;width:100%;height:100%;object-fit:cover}.bs-avatar__icon{width:60%;height:60%;color:var(--bs-avatar-icon-primary)}.bs-avatar__initials{color:var(--bs-avatar-text-default);font-family:var(--bs-typography-font-family-body);font-weight:var(--bs-font-weight-medium);text-align:center;white-space:nowrap}.bs-avatar--xs .bs-avatar__initials,.bs-avatar--sm .bs-avatar__initials{font-size:var(--bs-fontsize-caption-sm);line-height:calc(var(--bs-line-height-caption-sm) * 1px)}.bs-avatar--md .bs-avatar__initials{font-family:var(--bs-typography-font-family-heading);font-weight:var(--bs-font-weight-bold);font-size:var(--bs-fontsize-heading-h6);line-height:calc(var(--bs-line-height-heading-h6) * 1px)}.bs-avatar--lg .bs-avatar__initials{font-size:var(--bs-fontsize-body-md);line-height:calc(var(--bs-line-height-body-md) * 1px)}.bs-avatar--xl .bs-avatar__initials,.bs-avatar--xxl .bs-avatar__initials{font-family:var(--bs-typography-font-family-heading);font-weight:var(--bs-font-weight-bold);font-size:var(--bs-fontsize-heading-h4);line-height:calc(var(--bs-line-height-heading-h4) * 1px)}:host(:hover:not([disabled])) .bs-avatar{background:var(--bs-avatar-bg-hover);border-color:var(--bs-avatar-border-hover)}:host(:active:not([disabled])) .bs-avatar{background:var(--bs-avatar-bg-pressed);border-color:var(--bs-avatar-border-pressed)}:host(:focus-visible:not([disabled])){outline:none}:host(:focus-visible:not([disabled])) .bs-avatar{background:var(--bs-avatar-bg-focused);border-color:var(--bs-avatar-border-focused);box-shadow:0 0 0 3px var(--bs-avatar-border-focus)}:host([disabled]){opacity:0.5}`;
+const bsAvatarCss = () => `:host{display:inline-flex;vertical-align:middle;--bs-avatar-size-xs:24px;--bs-avatar-size-sm:32px;--bs-avatar-size-md:44px;--bs-avatar-size-lg:64px;--bs-avatar-size-xl:96px;--bs-avatar-size-xxl:128px;--bs-avatar-radius:var(--bs-border-radius-full);--bs-avatar-border-width:var(--bs-border-width-thin);--bs-avatar-border-width-xxl:1.333px}.bs-avatar{box-sizing:border-box;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:var(--bs-avatar-radius);border:var(--bs-avatar-border-width) solid var(--bs-avatar-border-primary);background:var(--bs-avatar-bg-dafault);flex-shrink:0;user-select:none;-webkit-user-select:none}.bs-avatar--xs{width:var(--bs-avatar-size-xs);height:var(--bs-avatar-size-xs)}.bs-avatar--sm{width:var(--bs-avatar-size-sm);height:var(--bs-avatar-size-sm)}.bs-avatar--md{width:var(--bs-avatar-size-md);height:var(--bs-avatar-size-md)}.bs-avatar--lg{width:var(--bs-avatar-size-lg);height:var(--bs-avatar-size-lg)}.bs-avatar--xl{width:var(--bs-avatar-size-xl);height:var(--bs-avatar-size-xl)}.bs-avatar--xxl{width:var(--bs-avatar-size-xxl);height:var(--bs-avatar-size-xxl);border-width:var(--bs-avatar-border-width-xxl)}.bs-avatar__image{display:block;width:100%;height:100%;object-fit:cover}.bs-avatar__icon{width:60%;height:60%;color:var(--bs-avatar-icon-primary)}.bs-avatar__initials{color:var(--bs-avatar-text-default);font-family:var(--bs-typography-font-family-body, Roboto), sans-serif;font-weight:var(--bs-font-weight-medium);text-align:center;white-space:nowrap}.bs-avatar--xs .bs-avatar__initials,.bs-avatar--sm .bs-avatar__initials{font-size:var(--bs-fontsize-caption-sm);line-height:calc(var(--bs-line-height-caption-sm) * 1px)}.bs-avatar--md .bs-avatar__initials{font-family:var(--bs-typography-font-family-heading, Roboto), sans-serif;font-weight:var(--bs-font-weight-bold);font-size:var(--bs-fontsize-heading-h6);line-height:calc(var(--bs-line-height-heading-h6) * 1px)}.bs-avatar--lg .bs-avatar__initials{font-size:var(--bs-fontsize-body-md);line-height:calc(var(--bs-line-height-body-md) * 1px)}.bs-avatar--xl .bs-avatar__initials,.bs-avatar--xxl .bs-avatar__initials{font-family:var(--bs-typography-font-family-heading, Roboto), sans-serif;font-weight:var(--bs-font-weight-bold);font-size:var(--bs-fontsize-heading-h4);line-height:calc(var(--bs-line-height-heading-h4) * 1px)}:host(:hover:not([disabled])) .bs-avatar{background:var(--bs-avatar-bg-hover);border-color:var(--bs-avatar-border-hover)}:host(:active:not([disabled])) .bs-avatar{background:var(--bs-avatar-bg-pressed);border-color:var(--bs-avatar-border-pressed)}:host(:focus-visible:not([disabled])){outline:none}:host(:focus-visible:not([disabled])) .bs-avatar{background:var(--bs-avatar-bg-focused);border-color:var(--bs-avatar-border-focused);box-shadow:0 0 0 3px var(--bs-avatar-border-focus)}:host([disabled]){opacity:0.5}`;
 
 const BsAvatar = class {
     constructor(hostRef) {

package/dist/cjs/bs-badge.cjs.entry.js

@@ -11,7 +11,7 @@ const BsBadge = class {
     /** Maps directly to the brandsync-tokens `--bs-badge-bg-*` / `--bs-badge-text-*` sets. */
     variant = 'default';
     render() {
-        return (index.h("span", { key: '91c12085eda1d9599e50542a273bab640e7f348f', part: "container", class: `bs-badge bs-badge--${this.variant}` }, index.h("slot", { key: '21f0edd06967e4f608cc16f27c52d3eec0794eb0' })));
+        return (index.h("span", { key: 'e81df8a115da1e47eec003565f06f7d8f2bce24a', part: "container", class: `bs-badge bs-badge--${this.variant}` }, index.h("slot", { key: '112b68af29d688640aace037db5f9d786956d264' })));
     }
 };
 BsBadge.style = bsBadgeCss();

package/dist/cjs/bs-breadcrumb-overflow.cjs.entry.js

@@ -58,7 +58,7 @@ const BsBreadcrumbOverflow = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '4dd958f3f99f42072bb314654fc5a0856d8e41c4', role: "listitem" }, index.h("span", { key: 'ab7d01467e99b810b62e71d7ed289316470529f5', part: "separator", class: "bs-breadcrumb-overflow__separator", "aria-hidden": "true" }, index.h(CaretRightIcon, { key: '6590de37057e39c4c914fde3dc3490e17566ad66' })), index.h("span", { key: '63081f592180f605716221c80dbb877acf926d48', class: "bs-breadcrumb-overflow__wrapper" }, index.h("button", { key: '0ec87f47561dc329269b1fefef0ccb76dae4cdb4', type: "button", part: "ellipsis", class: "bs-breadcrumb-overflow__ellipsis", "aria-haspopup": "menu", "aria-expanded": String(this.open), "aria-label": this.overflowLabel, onClick: this.onEllipsisToggle }, index.h(DotsThreeIcon, { key: '6da3c5bee9f532264e2e58227dccc4dfc3786782' })), this.open && this.items.length > 0 && (index.h("bs-menu", { key: '66f772f0f53090e960d2a9b08e1283989dfc02f8', part: "menu", class: "bs-breadcrumb-overflow__menu" }, this.items.map(item => item.href ? (index.h("a", { part: "link", class: "bs-breadcrumb-overflow__link", href: item.href, onClick: this.onItemClick(item.href) }, item.label)) : (index.h("span", { part: "link", class: "bs-breadcrumb-overflow__link" }, item.label))))))));
+        return (index.h(index.Host, { key: '8b47ed9e6346d813bf2db5a510151027d6f2a523', role: "listitem" }, index.h("span", { key: '7eb3b681a555c1bf07b16c34c8e7364384ecb3d2', part: "separator", class: "bs-breadcrumb-overflow__separator", "aria-hidden": "true" }, index.h(CaretRightIcon, { key: '4bd4ced37d1a24b37f507b53b7b6c0fe8f577de7' })), index.h("span", { key: '03f6ff9300d53bcbddf6d8fb57ed08a85fe9e67b', class: "bs-breadcrumb-overflow__wrapper" }, index.h("button", { key: '9b0fb0cfc28ccffbfe54dffc8a5612d1c83b27f5', type: "button", part: "ellipsis", class: "bs-breadcrumb-overflow__ellipsis", "aria-haspopup": "menu", "aria-expanded": String(this.open), "aria-label": this.overflowLabel, onClick: this.onEllipsisToggle }, index.h(DotsThreeIcon, { key: '932b86a682c495b1acc47cd703294c5b2dbf3c03' })), this.open && this.items.length > 0 && (index.h("bs-menu", { key: '809bbfe99843c3e531ee2e620a5adca4c66360d9', part: "menu", class: "bs-breadcrumb-overflow__menu" }, this.items.map(item => item.href ? (index.h("a", { part: "link", class: "bs-breadcrumb-overflow__link", href: item.href, onClick: this.onItemClick(item.href) }, item.label)) : (index.h("span", { part: "link", class: "bs-breadcrumb-overflow__link" }, item.label))))))));
     }
 };
 const CaretRightIcon = () => (index.h("svg", { viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true" }, index.h("path", { d: "M6 3L11 8L6 13", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" })));

package/dist/cjs/bs-breadcrumb.cjs.entry.js

@@ -41,7 +41,7 @@ const BsBreadcrumb = class {
             ev.preventDefault();
     };
     render() {
-        return (index.h(index.Host, { key: 'a9ccd034d839eb8c2b3e3dfb7536737cd0189b75', role: "listitem" }, index.h("span", { key: '5b10b00b1b2ac1a5246f8d658edb2f2a1110df56', part: "separator", class: "bs-breadcrumb__separator", "aria-hidden": "true" }, index.h(CaretRightIcon, { key: 'c3d867d49f00e09a333116f9f87aeb6c9478379b' })), this.current ? (index.h("span", { part: "current", class: "bs-breadcrumb__current", "aria-current": "page" }, index.h("slot", null))) : this.href ? (index.h("a", { part: "link", class: "bs-breadcrumb__link", href: this.href, onClick: this.onLinkClick }, index.h("slot", null))) : (index.h("span", { part: "link", class: "bs-breadcrumb__link" }, index.h("slot", null)))));
+        return (index.h(index.Host, { key: 'b6d483d8dd99cda45b49bfc488aeec3514e3b234', role: "listitem" }, index.h("span", { key: '2dd5b9265590a43403f22830d34c1c7c4815927e', part: "separator", class: "bs-breadcrumb__separator", "aria-hidden": "true" }, index.h(CaretRightIcon, { key: '7178d1170e8fbdde1281514ac6916bf1e7561e7b' })), this.current ? (index.h("span", { part: "current", class: "bs-breadcrumb__current", "aria-current": "page" }, index.h("slot", null))) : this.href ? (index.h("a", { part: "link", class: "bs-breadcrumb__link", href: this.href, onClick: this.onLinkClick }, index.h("slot", null))) : (index.h("span", { part: "link", class: "bs-breadcrumb__link" }, index.h("slot", null)))));
     }
 };
 const CaretRightIcon = () => (index.h("svg", { viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true" }, index.h("path", { d: "M6 3L11 8L6 13", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" })));