@brandsync/wc 1.16.0 → 1.18.0

package/dist/collection/components/bs-shortcut-row/bs-shortcut-row.js

@@ -0,0 +1,154 @@
+import { h } from "@stencil/core";
+/**
+ * One row of a shortcut list: an action label on the left and its keyboard shortcut on the right.
+ * Static information, not interactive. Standalone it has no role; `bs-keyboard-shortcuts` sets
+ * `selectionRole="listitem"` on its rows (same pattern as `bs-list-item`).
+ *
+ * Built from `bs-key-caps` (and so `bs-key`).
+ *
+ * ## When to use
+ * - A line in a keyboard-shortcut reference, usually inside `bs-keyboard-shortcuts`.
+ *
+ * ## When not to use
+ * - A clickable command or menu entry -- use `bs-menu-item` (which has its own shortcut slot).
+ *
+ * @slot - The action label (overrides the `action` prop).
+ * @slot keys - Your own `bs-key-caps` (or custom keys), replacing the generated one.
+ * @part container - The row.
+ * @part action - The action label wrapper.
+ * @part keys - The wrapper around the key caps.
+ * @prop --bs-shortcut-row-height - Row height. Defaults to `36px` (Figma).
+ * @prop --bs-shortcut-row-padding-x - Horizontal padding. Aliased to `--bs-spacing-100`.
+ * @prop --bs-shortcut-row-gap - Gap between label and keys. Aliased to `--bs-spacing-100`.
+ * @prop --bs-shortcut-row-radius - Corner radius. Aliased to `--bs-border-radius-75`.
+ * @prop --bs-shortcut-row-color - Label colour. Aliased to `--bs-text-default`.
+ * @prop --bs-shortcut-row-color-disabled - Label colour while `disabled`. Aliased to `--bs-text-on-disabled`.
+ */
+export class BsShortcutRow {
+    /** The action, e.g. "Save". The default slot overrides it. */
+    action;
+    /** The keys, e.g. `"Ctrl+S"`, or an array (`['Ctrl', '+']`) for a literal plus key. See `bs-key-caps`. */
+    keys;
+    /** Accessible name of the key caps, e.g. "Control plus S". Defaults to the keys joined with "plus". */
+    label;
+    /** Dims the label and the keys. */
+    disabled = false;
+    /** Set by the parent list (`"listitem"`). Standalone rows have no role. */
+    selectionRole = null;
+    render() {
+        return (h("div", { key: '019d1b17a212cfc3732533c31eb45d53adcecff3', part: "container", class: "bs-shortcut-row", role: this.selectionRole ?? undefined }, h("span", { key: '21fe3aa23547e79bdb9a9bb436f593b059ffaefc', part: "action", class: "bs-shortcut-row__action" }, h("slot", { key: '98e36778be62584ef1bf5f021392f978cc52cf6d' }, this.action)), h("span", { key: '73470e43a024637de6dbb8fcd27917247233caea', part: "keys", class: "bs-shortcut-row__keys" }, h("slot", { key: 'c004ffae40b85181aaf35e1d5f5e3581eb386700', name: "keys" }, h("bs-key-caps", { key: 'd5bea5cfc5e156cd6789950e691896b6c50a62e0', keys: this.keys, label: this.label, disabled: this.disabled })))));
+    }
+    static get is() { return "bs-shortcut-row"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["bs-shortcut-row.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["bs-shortcut-row.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "action": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "The action, e.g. \"Save\". The default slot overrides it."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "action"
+            },
+            "keys": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string | string[]",
+                    "resolved": "string | string[]",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "The keys, e.g. `\"Ctrl+S\"`, or an array (`['Ctrl', '+']`) for a literal plus key. See `bs-key-caps`."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "keys"
+            },
+            "label": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Accessible name of the key caps, e.g. \"Control plus S\". Defaults to the keys joined with \"plus\"."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "label"
+            },
+            "disabled": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Dims the label and the keys."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": true,
+                "attribute": "disabled",
+                "defaultValue": "false"
+            },
+            "selectionRole": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "'listitem' | null",
+                    "resolved": "\"listitem\"",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Set by the parent list (`\"listitem\"`). Standalone rows have no role."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "selection-role",
+                "defaultValue": "null"
+            }
+        };
+    }
+}

package/dist/collection/components/bs-shortcut-row/bs-shortcut-row.stories.js

@@ -0,0 +1,24 @@
+import { html } from "lit";
+import { componentDescription } from "../../stories-utils";
+const meta = {
+    title: 'Components/bs-shortcut-row',
+    parameters: { docs: { description: { component: componentDescription('bs-shortcut-row') } } },
+    render: args => html `<bs-shortcut-row style="width: 318px;" action=${args.action} keys=${args.keys} ?disabled=${args.disabled}></bs-shortcut-row>`,
+    argTypes: { action: { control: 'text' }, keys: { control: 'text' }, disabled: { control: 'boolean' } },
+    args: { action: 'Save', keys: 'Ctrl+S', disabled: false },
+};
+export default meta;
+export const Default = {};
+export const Disabled = { args: { disabled: true } };
+export const ThreeKeys = { args: { action: 'Save as view', keys: 'Ctrl+Shift+S' } };
+export const IconKey = {
+    name: 'Icon key (keys slot)',
+    render: () => html `
+    <bs-shortcut-row style="width: 318px;" action="Submit">
+      <bs-key-caps slot="keys" label="Control plus Return">
+        <bs-key label="Ctrl"></bs-key>
+        <bs-key><svg slot="icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M9 14 4 9l5-5" /><path d="M4 9h10.5a5.5 5.5 0 0 1 0 11H11" /></svg></bs-key>
+      </bs-key-caps>
+    </bs-shortcut-row>
+  `,
+};

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

@@ -60,7 +60,7 @@ export class BsSkeleton {
             lines.push(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 (h("span", { key: '7d2c9b9259f7a7402540d55cdbb66e40809eb8af', 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));
+        return (h("span", { key: 'e0351fc81dcf42831238b46015159672c5f05044', 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));
     }
     static get is() { return "bs-skeleton"; }
     static get encapsulation() { return "shadow"; }

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

@@ -233,7 +233,7 @@ export class BsSlider {
     render() {
         const isRange = this.type === 'range';
         const rootClasses = ['bs-slider', this.disabled ? 'bs-slider--disabled' : ''].filter(Boolean).join(' ');
-        return (h("div", { key: '27a3ea5b427fcc77b8d5e3e1ebe2e5bc4e63b7c7', class: rootClasses }, this.showLabel && (h("div", { key: '0d4a3457ce390dd2b05be33e46a3bd67dd6f027e', class: "bs-slider__header" }, h("span", { key: '21fda56ed3bfad6a7838cc6be53fe206634e35a8', id: "bs-slider-label", part: "label", class: "bs-slider__label" }, this.label), isRange ? (h("span", { class: "bs-slider__value-fields" }, this.renderPercentField(this.percent(this.effectiveValueStart), this.onStartPercentFieldChange, this.ariaLabel ?? this.startValueLabel), h("span", { class: "bs-slider__separator" }, "\u2013"), this.renderPercentField(this.percent(this.effectiveValueEnd), this.onEndPercentFieldChange, this.ariaLabel ? `${this.ariaLabel} end` : this.endValueLabel))) : (this.renderPercentField(this.percent(this.value), this.onPercentFieldChange, this.ariaLabel ? `${this.ariaLabel} value` : 'Value')))), h("div", { key: '1d8b7c5fa72467ae5a58520ad66452331c5d8e16', class: "bs-slider__row" }, this.showLabel && (h("span", { key: 'd45c1e0d5cfe7a66f8bd85a239148b2c13a8b3df', part: "bound", class: "bs-slider__bound" }, this.min)), isRange ? this.renderRangeThumbs() : this.renderSingleThumb(), this.showLabel && (h("span", { key: '063d2007c094ebed57e58fe0fbaa0e1f0581ed71', part: "bound", class: "bs-slider__bound" }, this.max)))));
+        return (h("div", { key: 'd9db9ea41a0bf6b19513967b97aace0dcf8441ad', class: rootClasses }, this.showLabel && (h("div", { key: 'cd526f47736d86f89ef498cfdef32a0e2d6eff41', class: "bs-slider__header" }, h("span", { key: 'f69780fc00ed0aa8fb91612646883a9a2594cdee', id: "bs-slider-label", part: "label", class: "bs-slider__label" }, this.label), isRange ? (h("span", { class: "bs-slider__value-fields" }, this.renderPercentField(this.percent(this.effectiveValueStart), this.onStartPercentFieldChange, this.ariaLabel ?? this.startValueLabel), h("span", { class: "bs-slider__separator" }, "\u2013"), this.renderPercentField(this.percent(this.effectiveValueEnd), this.onEndPercentFieldChange, this.ariaLabel ? `${this.ariaLabel} end` : this.endValueLabel))) : (this.renderPercentField(this.percent(this.value), this.onPercentFieldChange, this.ariaLabel ? `${this.ariaLabel} value` : 'Value')))), h("div", { key: 'b010c143ed9717fd2c5de226d8f069dbf6c4d6f8', class: "bs-slider__row" }, this.showLabel && (h("span", { key: 'dc880f89d866fb2f32bc5a0bb3213678e9ede851', part: "bound", class: "bs-slider__bound" }, this.min)), isRange ? this.renderRangeThumbs() : this.renderSingleThumb(), this.showLabel && (h("span", { key: 'f99450e8ff78789f88b6f4eafb31d48cb623d6d6', part: "bound", class: "bs-slider__bound" }, this.max)))));
     }
     static get is() { return "bs-slider"; }
     static get encapsulation() { return "shadow"; }

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

@@ -67,7 +67,7 @@ export class BsSnackbar {
         this.bsDismiss.emit();
     };
     render() {
-        return (h("div", { key: 'c28affe5d8731108fb850d3a748f529ee387a19b', part: "container", class: `bs-snackbar bs-snackbar--${this.variant}`, role: "status", "aria-live": this.variant === 'error' ? 'assertive' : 'polite' }, h("div", { key: 'fa1934bd51d1c2c9287d748c28885ca48972160f', class: "bs-snackbar__content" }, h("span", { key: 'b2d96ef66bc8fabf1efb19951ca2559cd17cccd6', part: "icon", class: "bs-snackbar__icon", "aria-hidden": "true" }, this.loading ? h("span", { class: "bs-snackbar__spinner" }) : h(CheckCircleIcon, null)), h("span", { key: 'bf425e1893ecc38f5c808589b3e4aa37377ebdc8', part: "message", class: "bs-snackbar__message" }, h("slot", { key: '5ad9c390508942f8d3b380de83100da30a06f02d' }))), h("div", { key: '84d388fa214fc995d5f0f5f3a336984b251373c8', class: "bs-snackbar__actions" }, this.actionLabel && (h("bs-button", { key: 'c96e9fc2252a60a6a33aa31e3b698bf1662f7447', part: "action", variant: this.actionVariant ?? ACTION_VARIANT[this.variant], size: "sm", onClick: this.onAction }, this.actionLabel)), !this.hideClose && (h("bs-icon-button", { key: '8b0a71688b6418ebb2db2fe648334048429d7168', part: "close", variant: "subtle", size: "md", ariaLabel: "Dismiss", onClick: this.onDismiss }, h(CloseIcon, { key: 'bcc155735db55392b049f6b5761e05341e588d35' }))))));
+        return (h("div", { key: 'b16a2868bd2de4cb2d1acc8e0f01ba6b2b249d07', part: "container", class: `bs-snackbar bs-snackbar--${this.variant}`, role: "status", "aria-live": this.variant === 'error' ? 'assertive' : 'polite' }, h("div", { key: 'cbd5c263b03734f7f43858a28d7b81abd529b06a', class: "bs-snackbar__content" }, h("span", { key: '8dec1eb35c2cbb9d611f84f49c0db993fb6c8d67', part: "icon", class: "bs-snackbar__icon", "aria-hidden": "true" }, this.loading ? h("span", { class: "bs-snackbar__spinner" }) : h(CheckCircleIcon, null)), h("span", { key: '6fada5eb6ce220e4a0c19e12afc238e04f094058', part: "message", class: "bs-snackbar__message" }, h("slot", { key: 'c13059e6ce29b13323f2498eb4228ad8976adedc' }))), h("div", { key: '43128f9b4faf428b3fa2b631aaf2ee6241d85028', class: "bs-snackbar__actions" }, this.actionLabel && (h("bs-button", { key: '99aa344e0e668a7867f64be05088d9ac0d509c97', part: "action", variant: this.actionVariant ?? ACTION_VARIANT[this.variant], size: "sm", onClick: this.onAction }, this.actionLabel)), !this.hideClose && (h("bs-icon-button", { key: '9ab854da28d9c5f2c3f4c001896d0bc311a6fa96', part: "close", variant: "subtle", size: "md", ariaLabel: "Dismiss", onClick: this.onDismiss }, h(CloseIcon, { key: '79d37f2641743f006e5a1fd6462e6998284c9c23' }))))));
     }
     static get is() { return "bs-snackbar"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/bs-source-link/bs-source-link.js

@@ -51,8 +51,8 @@ export class BsSourceLink {
     };
     render() {
         const inner = [
-            h("span", { key: '3d00fafba4a8fde90e505901414b2f69cc357f09', class: "bs-source-link__left" }, h("span", { key: '3f72b63198834ab9d99e772d4299c762c5f258b1', class: "bs-source-link__filename-row" }, h("span", { key: 'cdf084aa7cec2d47d8a641550b791bd5321e3f75', part: "icon", class: "bs-source-link__icon" }, h("slot", { key: 'e43bab36dd3ea255d4a8d2a06e87d6580e2e74ce', name: "icon" }, h(FileTextIcon, { key: 'f9aa3540274d3c9394f56db184b28a1255f70314' }))), h("p", { key: '9207d20bcf4f4abcd5dd4ce0c95feb2a923e5229', part: "filename", class: "bs-source-link__filename" }, this.fileName)), h("span", { key: 'c11cecb430fb25b8fe59b56d8bdcd1e1c4d1afd1', class: "bs-source-link__meta" }, this.sourceName && (h("span", { key: '9a532dc663f902d4392d09213cd9529026d36eb9', part: "source", class: "bs-source-link__source" }, this.sourceName)), this.sourceName && this.version && h("span", { key: '969374f25e3109ad92f3ba1a1b9b24477ddeaf93', class: "bs-source-link__dot", "aria-hidden": "true" }), this.version && (h("span", { key: '6bdbf5854e631344e0545acb496a4f10cce914ac', part: "version", class: "bs-source-link__version" }, this.version)))),
-            h("span", { key: '1b1096caa42934fbd71408a7ce0b0d89ea77a554', part: "arrow", class: "bs-source-link__arrow", "aria-hidden": "true" }, h(ArrowUpRightIcon, { key: '0170f5d95af6e27964cb7b51c63520cd691224ed' })),
+            h("span", { key: '9572b79e4cd438c467f929176f8902add784daa9', class: "bs-source-link__left" }, h("span", { key: '4e78ee66c58ce90028f808c8dfe6e47073935dfb', class: "bs-source-link__filename-row" }, h("span", { key: '28fe6cb713250185200574cb84046dd81162d408', part: "icon", class: "bs-source-link__icon" }, h("slot", { key: '539a353101091a029b9c0b719c518e20b12c328b', name: "icon" }, h(FileTextIcon, { key: '165fd7898e00afc33aee871a5d9bea62af150d42' }))), h("p", { key: '2ed7dd64c0999eb1a9f776edc0cdf3663f7144f9', part: "filename", class: "bs-source-link__filename" }, this.fileName)), h("span", { key: '929373efd21a172ea8cf8364c60bf8fad750c0f0', class: "bs-source-link__meta" }, this.sourceName && (h("span", { key: '4ec488047359b61b875fdfb35b051fdaaea529dd', part: "source", class: "bs-source-link__source" }, this.sourceName)), this.sourceName && this.version && h("span", { key: '2db5112b0d0d5e1f1bad743f008bcd492a88bf24', class: "bs-source-link__dot", "aria-hidden": "true" }), this.version && (h("span", { key: '2ffbec44121787991c57b662a7ab3ea2b7eda848', part: "version", class: "bs-source-link__version" }, this.version)))),
+            h("span", { key: '4207fea42538d9da5139eb12f9441faf87555215', part: "arrow", class: "bs-source-link__arrow", "aria-hidden": "true" }, h(ArrowUpRightIcon, { key: '9ca2ac0f0ed7fc1b5f90ae7650620281b4a5b1ee' })),
         ];
         return this.href ? (h("a", { class: "bs-source-link", href: this.href, target: this.target, rel: "noopener noreferrer", onClick: this.onClick }, inner)) : (h("button", { type: "button", class: "bs-source-link", onClick: this.onClick }, inner));
     }

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

@@ -30,7 +30,7 @@ export class BsSpinner {
     label;
     render() {
         const hasLabel = !!this.label;
-        return (h("span", { key: 'ffeef19b6e11c8bae27649f667c65be8b6b211e5', part: "container", class: `bs-spinner bs-spinner--${this.size}`, role: hasLabel ? 'status' : undefined, "aria-label": hasLabel ? this.label : undefined, "aria-hidden": hasLabel ? undefined : 'true' }, h("svg", { key: 'afa93c3331107ff2be423c0693ed546d1687c143', part: "svg", class: "bs-spinner__svg", viewBox: "0 0 24 24", fill: "none", focusable: "false" }, h("circle", { key: 'e016a9b43eb8f297f644ba9a1d4f4e2a9dc35752', class: "bs-spinner__track", cx: "12", cy: "12", r: "9", "stroke-width": "3" }), h("path", { key: '68827930d857322dfb7480de9cc76bb18011120d', class: "bs-spinner__arc", d: "M12 3a9 9 0 0 1 9 9", "stroke-width": "3", "stroke-linecap": "round" }))));
+        return (h("span", { key: '73a069aba17ae7ddd5e18e203801d367b017352f', part: "container", class: `bs-spinner bs-spinner--${this.size}`, role: hasLabel ? 'status' : undefined, "aria-label": hasLabel ? this.label : undefined, "aria-hidden": hasLabel ? undefined : 'true' }, h("svg", { key: '087c596109a43266ec8d3ad9aa61cacee53c9694', part: "svg", class: "bs-spinner__svg", viewBox: "0 0 24 24", fill: "none", focusable: "false" }, h("circle", { key: '1de135213d827e2397815890d6606dfe908c10d7', class: "bs-spinner__track", cx: "12", cy: "12", r: "9", "stroke-width": "3" }), h("path", { key: 'c5a6f2689dfdc3e35fe253a20dab2133fc25d4c4', class: "bs-spinner__arc", d: "M12 3a9 9 0 0 1 9 9", "stroke-width": "3", "stroke-linecap": "round" }))));
     }
     static get is() { return "bs-spinner"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/bs-split-pane/bs-split-pane.js

@@ -215,7 +215,7 @@ export class BsSplitPane {
                 nodes.push(h("div", { part: "divider", class: { 'bs-split-pane__divider': true, 'bs-split-pane__divider--active': this.draggingIndex === i, 'bs-split-pane__divider--static': !this.resizable }, role: "separator", "aria-orientation": dividerOrientation, "aria-label": this.dividerLabel, "aria-valuemin": 0, "aria-valuemax": 100, "aria-valuenow": this.percentFor(i), tabindex: this.resizable ? 0 : undefined, onPointerDown: this.onPointerDown(i), onPointerMove: this.onPointerMove, onPointerUp: this.onPointerUp, onPointerCancel: this.onPointerUp, onKeyDown: this.onKeyDown(i) }, h("span", { part: "divider-thumb", class: "bs-split-pane__thumb" })));
             }
         }
-        return (h("div", { key: '67d978089645337e56106163c6d6ac38fd6d063c', part: "container", class: `bs-split-pane bs-split-pane--${this.orientation}` }, nodes));
+        return (h("div", { key: '393f6696b4ee66188aba4bb9ddf3ab30b64d00e1', part: "container", class: `bs-split-pane bs-split-pane--${this.orientation}` }, nodes));
     }
     static get is() { return "bs-split-pane"; }
     static get encapsulation() { return "shadow"; }

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

@@ -81,7 +81,7 @@ export class BsStack {
                 parts.push(h("slot", { name: `bs-stack-item-${i}`, onSlotchange: this.sync }));
             }
         }
-        return (h(Host, { key: '36539e2d556a29fffe996ae4b53d207ac39e3889', style: { '--bs-stack-gap-token': `var(--bs-spacing-${gap})` } }, h("slot", { key: 'fe94e79e6ded0341d04792c9be2949c6663de5a9', onSlotchange: this.sync }), parts));
+        return (h(Host, { key: '3dd99af43522ccafcafc9104fbed43e4e2f6380e', style: { '--bs-stack-gap-token': `var(--bs-spacing-${gap})` } }, h("slot", { key: 'b193f6ccb5f81420c67cf467c1163130b9e37a68', onSlotchange: this.sync }), parts));
     }
     static get is() { return "bs-stack"; }
     static get encapsulation() { return "shadow"; }

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

@@ -62,7 +62,7 @@ export class BsStepper {
     }
     render() {
         // role="list" so each bs-stepper-step's role="listitem" has the required parent.
-        return (h(Host, { key: 'a7e2549511e9899efdde9adbcaacae876d12a36d', role: "list" }, h("slot", { key: 'e2587a0139435b5d09ef591746f03020cc01c4b7', onSlotchange: this.onSlotChange })));
+        return (h(Host, { key: '26b3570657f0f1f53f8be811b6ccab12adfb6b95', role: "list" }, h("slot", { key: '3d50ee55ee74ca3bffccc6eb74ab4ab6228f3c65', onSlotchange: this.onSlotChange })));
     }
     static get is() { return "bs-stepper"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/bs-stepper/bs-stepper-step/bs-stepper-step.js

@@ -57,7 +57,7 @@ export class BsStepperStep {
     }
     render() {
         const state = this.state;
-        return (h(Host, { key: 'aebeb38afde905d2b5d12f6c6218c7f6d8caa6db', role: "listitem", class: `bs-stepper-step--${this.direction}` }, h("div", { key: '5ce2ab43631225cabfad3d0a65724fe53475c609', class: "bs-stepper-step__top" }, h("span", { key: '5270d9396ce4eaae1e7f8893d28198df7f87d515', part: "icon", class: `bs-stepper-step__icon bs-stepper-step__icon--${state}` }, state === 'current' && h("span", { key: 'a2a83808311c13113d9cefa5a2bc9926be9dea97', class: "bs-stepper-step__icon-dot" }), state === 'done' && h(CheckIcon, { key: 'acf704a0de2391bac5cddc3eebef1f6aa821e233' }), state === 'error' && h(ExclamationIcon, { key: '4fc253c6ffced8ef5eaf337e39c0912b0765f5aa' })), h("span", { key: '163f5b4e465c4b6b27238ceaf73d7cdd96f5b376', part: "connector", class: "bs-stepper-step__connector", "aria-hidden": "true" }, h("span", { key: 'f71f15dba5235e6176dad102c4ebad976e063900', class: "bs-stepper-step__connector-line" }))), h("span", { key: 'ae5cd8999024687a6a3631dc6887428256899479', part: "label", class: `bs-stepper-step__label bs-stepper-step__label--${state}` }, h("span", { key: 'a5971b572a0f1a2f602e8f888a16d6e0e5599183', part: "name", class: "bs-stepper-step__name" }, this.name), this.showDescription && this.description && (h("span", { key: '2873a2ceb40f7abc5e543a0d50192bc42945f3e5', part: "description", class: "bs-stepper-step__description" }, this.description)))));
+        return (h(Host, { key: '901bffe1d0482fde0739f1b46fca7759624991ff', role: "listitem", class: `bs-stepper-step--${this.direction}` }, h("div", { key: '6284d29020215b566de5a74c465f97d76c75c3a5', class: "bs-stepper-step__top" }, h("span", { key: '1cdb4cab7e487957286b003bc937ff5f49e0eca9', part: "icon", class: `bs-stepper-step__icon bs-stepper-step__icon--${state}` }, state === 'current' && h("span", { key: 'ef00cbd4828d7f6e5428575ea8d85697d5ec5b55', class: "bs-stepper-step__icon-dot" }), state === 'done' && h(CheckIcon, { key: '480ca636a3d22c04dd0d8a407270efb0e4175cd1' }), state === 'error' && h(ExclamationIcon, { key: '30facdf35bc7f0dcd170a076650fc2cb117aa629' })), h("span", { key: 'a89558fd6b1677868b69512758285325890a7594', part: "connector", class: "bs-stepper-step__connector", "aria-hidden": "true" }, h("span", { key: 'e0b38e517d39a8170f06f0d2fbb6b8c5453ab818', class: "bs-stepper-step__connector-line" }))), h("span", { key: '2808ef00ddbcf4e3b92e0f9613760b8b82291d14', part: "label", class: `bs-stepper-step__label bs-stepper-step__label--${state}` }, h("span", { key: '3cb74de8b60d2d1d86bb62b444c241e2f3208d32', part: "name", class: "bs-stepper-step__name" }, this.name), this.showDescription && this.description && (h("span", { key: '3b9820069fea4b146ae886eca951430e34c86c71', part: "description", class: "bs-stepper-step__description" }, this.description)))));
     }
     static get is() { return "bs-stepper-step"; }
     static get encapsulation() { return "shadow"; }

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

@@ -75,7 +75,7 @@ export class BsSwitch {
         const knobClasses = ['bs-switch__knob', `bs-switch__knob--${this.size}`, this.disabled ? 'bs-switch__knob--disabled' : '']
             .filter(Boolean)
             .join(' ');
-        return (h("label", { key: '8e879cda3d51659448298ad74e0cd72d6a3c7692', class: `bs-switch ${this.disabled ? 'bs-switch--disabled' : ''}` }, h("input", { key: '49e885f0275339b520e601eab3dd5e58e4deaf33', class: "bs-switch__input", type: "checkbox", role: "switch", checked: this.checked, disabled: this.disabled, "aria-checked": String(this.checked), "aria-label": this.ariaLabel, onChange: this.onChange }), h("span", { key: '713c1fe5e578730b3afdeff880083ca9df5f0805', part: "track", class: trackClasses }, h("span", { key: 'f64210e5e3c6fa2c814567921922da3a3b93dd5f', part: "knob", class: knobClasses })), h("span", { key: '5a5cdbdb31470bcda460412ddb6f78fa4bb37a4b', part: "label", class: "bs-switch__label" }, h("slot", { key: '4d1857d66cfbed3b59805359692371decec5c374' }))));
+        return (h("label", { key: '853ef8cff63a735080d2dc13a3bcbf624f90adcd', class: `bs-switch ${this.disabled ? 'bs-switch--disabled' : ''}` }, h("input", { key: '8ac32fe72fb6284553662925482dfbca96c37875', class: "bs-switch__input", type: "checkbox", role: "switch", checked: this.checked, disabled: this.disabled, "aria-checked": String(this.checked), "aria-label": this.ariaLabel, onChange: this.onChange }), h("span", { key: '8c32a40a08cf3e16f90fda8b6c90c4d4d172b927', part: "track", class: trackClasses }, h("span", { key: 'c5796361aae4834d104a802ccbde22dad715af49', part: "knob", class: knobClasses })), h("span", { key: '3c3a97ce272cbfdc94d23477c05931696cd39ee8', part: "label", class: "bs-switch__label" }, h("slot", { key: '2eb731f751e838ef577e944cc82f9df4dadc0935' }))));
     }
     static get is() { return "bs-switch"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/bs-tab/bs-inline-tab/bs-inline-tab.js

@@ -94,7 +94,7 @@ export class BsInlineTab {
     };
     render() {
         const iconOnly = this.hasIcon && !this.hasLabel;
-        return (h("button", { key: 'f1e23c86e704fca62991ceaf662a93aae674728f', type: "button", part: "tab", role: "tab", class: `bs-inline-tab ${this.selected ? 'bs-inline-tab--selected' : ''} ${this.disabled ? 'bs-inline-tab--disabled' : ''} ${iconOnly ? 'bs-inline-tab--icon-only' : ''} ${this.hasIcon ? 'bs-inline-tab--has-icon' : ''}`, disabled: this.disabled, "aria-selected": String(this.selected), "aria-disabled": this.disabled ? 'true' : undefined, "aria-label": this.ariaLabel, tabIndex: this.tabbable === undefined ? undefined : this.tabbable ? 0 : -1, onClick: this.onClick }, h("span", { key: '67bcaa27f2e31e9fe6e96b7c76282c007ae26645', part: "icon", class: `bs-inline-tab__icon ${this.hasIcon ? 'bs-inline-tab__icon--has-content' : ''}` }, h("slot", { key: '207eb1515e056ed6d84ecf6a88e33e1c0d36b5d6', name: "icon", onSlotchange: this.onIconSlotchange })), h("span", { key: 'bb75375e4cadbcfb27b56ff27df160ad5537b97f', part: "label", class: `bs-inline-tab__label ${this.hasLabel ? 'bs-inline-tab__label--has-content' : ''}` }, h("slot", { key: 'f0b7ff382a8b2d5427def19194a19a18ca057821', onSlotchange: this.onLabelSlotchange }))));
+        return (h("button", { key: '593a07fb914f26cb831c92319993fcd161ee7f0d', type: "button", part: "tab", role: "tab", class: `bs-inline-tab ${this.selected ? 'bs-inline-tab--selected' : ''} ${this.disabled ? 'bs-inline-tab--disabled' : ''} ${iconOnly ? 'bs-inline-tab--icon-only' : ''} ${this.hasIcon ? 'bs-inline-tab--has-icon' : ''}`, disabled: this.disabled, "aria-selected": String(this.selected), "aria-disabled": this.disabled ? 'true' : undefined, "aria-label": this.ariaLabel, tabIndex: this.tabbable === undefined ? undefined : this.tabbable ? 0 : -1, onClick: this.onClick }, h("span", { key: '42a07b0dfd4cd676f25616f8693ddfa75c55e6fe', part: "icon", class: `bs-inline-tab__icon ${this.hasIcon ? 'bs-inline-tab__icon--has-content' : ''}` }, h("slot", { key: 'da847d9052ac9cbec891de26f4550b706107aff1', name: "icon", onSlotchange: this.onIconSlotchange })), h("span", { key: '85e3dfb8f6c266c1b225b9814194c8eed6d97edd', part: "label", class: `bs-inline-tab__label ${this.hasLabel ? 'bs-inline-tab__label--has-content' : ''}` }, h("slot", { key: 'f99da4b89292a8399f1d615bd01a1dec7913abdb', onSlotchange: this.onLabelSlotchange }))));
     }
     static get is() { return "bs-inline-tab"; }
     static get encapsulation() { return "shadow"; }

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

@@ -107,7 +107,7 @@ export class BsTab {
         const iconOnly = this.hasIcon && !this.hasLabel;
         const vertical = this.hasIcon && this.hasLabel && this.iconPosition === 'top';
         const showBadge = this.hasBadge && !iconOnly && !vertical;
-        return (h("button", { key: '23d18710e7c697958aa0a7b4f8248bd85541db04', type: "button", part: "tab", role: "tab", class: `bs-tab ${this.selected ? 'bs-tab--selected' : ''} ${this.disabled ? 'bs-tab--disabled' : ''} ${iconOnly ? 'bs-tab--icon-only' : ''} ${vertical ? 'bs-tab--vertical' : ''}`, disabled: this.disabled, "aria-selected": String(this.selected), "aria-disabled": this.disabled ? 'true' : undefined, "aria-label": this.ariaLabel, tabIndex: this.tabbable === undefined ? undefined : this.tabbable ? 0 : -1, onClick: this.onClick }, h("span", { key: 'd48e487274031e23a9febc4dccec966e939420ff', part: "icon", class: `bs-tab__icon ${this.hasIcon ? 'bs-tab__icon--has-content' : ''}` }, h("slot", { key: '004e5fc7c61b9d4a9813ce8a5ce21e71ff3f9bb8', name: "icon", onSlotchange: this.onIconSlotchange })), h("span", { key: 'e7d905a2daed877414e43078a2a4460486eee9a2', part: "label", class: `bs-tab__label ${this.hasLabel ? 'bs-tab__label--has-content' : ''}` }, h("slot", { key: '2bc379c7f2bd7a14c1864da3024773a1e392598f', onSlotchange: this.onLabelSlotchange })), h("span", { key: '92aff30ad4fd06d0a16c5fc40202fb4c553e80d6', part: "badge", class: `bs-tab__badge ${showBadge ? 'bs-tab__badge--has-content' : ''}` }, h("slot", { key: 'e655135dd81a288e7428d00c0778bb2b42294258', name: "badge", onSlotchange: this.onBadgeSlotchange })), h("span", { key: 'abecf083399730cc0e84c62109f51b683bf55ac0', part: "indicator", class: "bs-tab__indicator" })));
+        return (h("button", { key: 'fe8218735ca725926530b81f4d24ecab9a02674a', type: "button", part: "tab", role: "tab", class: `bs-tab ${this.selected ? 'bs-tab--selected' : ''} ${this.disabled ? 'bs-tab--disabled' : ''} ${iconOnly ? 'bs-tab--icon-only' : ''} ${vertical ? 'bs-tab--vertical' : ''}`, disabled: this.disabled, "aria-selected": String(this.selected), "aria-disabled": this.disabled ? 'true' : undefined, "aria-label": this.ariaLabel, tabIndex: this.tabbable === undefined ? undefined : this.tabbable ? 0 : -1, onClick: this.onClick }, h("span", { key: '3402d5e392bd7f564c8af40db99c6f6dc8afaf00', part: "icon", class: `bs-tab__icon ${this.hasIcon ? 'bs-tab__icon--has-content' : ''}` }, h("slot", { key: '38ad5a0cd85e9f02e4b4f42ded831b9acbc4e9df', name: "icon", onSlotchange: this.onIconSlotchange })), h("span", { key: 'a10798abf3a7e42801a82589b4993a54fc0d4bd4', part: "label", class: `bs-tab__label ${this.hasLabel ? 'bs-tab__label--has-content' : ''}` }, h("slot", { key: '123d097e2515fc709c6e0785cb8373d97da30673', onSlotchange: this.onLabelSlotchange })), h("span", { key: 'a44fc02f45dbebdf11cc7a57440d9b065087adf9', part: "badge", class: `bs-tab__badge ${showBadge ? 'bs-tab__badge--has-content' : ''}` }, h("slot", { key: '855acb39e1ca31c0fc9de6ad2728dc83b47ea3e6', name: "badge", onSlotchange: this.onBadgeSlotchange })), h("span", { key: 'f2312b0e3dbfbcc48a02a201760f18dc4afd6e89', part: "indicator", class: "bs-tab__indicator" })));
     }
     static get is() { return "bs-tab"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/bs-tab/bs-tabs/bs-tabs.js

@@ -135,7 +135,7 @@ export class BsTabs {
     }
     render() {
         const vertical = this.orientation === 'vertical';
-        return (h("div", { key: '07185cefa2f1a443035e61ba13f080913ce73ca6', part: "tablist", role: "tablist", "aria-orientation": this.orientation, class: `bs-tabs bs-tabs--${this.type} ${vertical ? 'bs-tabs--vertical' : ''}` }, h("slot", { key: '99fe98e753609bc4f594fb32dab5a7df2f4b3c0d', onSlotchange: () => this.syncRovingTabindex() })));
+        return (h("div", { key: 'a4d8ed9dc495a188c837bc2baaf39dc1f810d18a', part: "tablist", role: "tablist", "aria-orientation": this.orientation, class: `bs-tabs bs-tabs--${this.type} ${vertical ? 'bs-tabs--vertical' : ''}` }, h("slot", { key: 'd633cbbcabeb0e9e360dd0e83f4c726547770e3f', onSlotchange: () => this.syncRovingTabindex() })));
     }
     static get is() { return "bs-tabs"; }
     static get encapsulation() { return "shadow"; }

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

@@ -200,14 +200,14 @@ export class BsTimepicker {
         return (h("div", { part: "spinner", class: "bs-timepicker__spinner" }, h("button", { part: "step", type: "button", class: "bs-timepicker__step", "aria-label": stepLabel(this.increaseLabel), tabindex: -1, onClick: () => this.stepBy(col, 1) }, h("svg", { viewBox: "0 0 24 24", fill: "none", "aria-hidden": "true" }, h("path", { d: "M18 15L12 9L6 15", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }))), h("div", { part: "value", class: "bs-timepicker__value", role: "spinbutton", tabindex: 0, "aria-label": label, "aria-valuemin": min, "aria-valuemax": max, "aria-valuenow": n, "aria-valuetext": pad(n), onKeyDown: this.onKeyDown(col), onBlur: () => (this.typed = '') }, pad(n)), h("button", { part: "step", type: "button", class: "bs-timepicker__step", "aria-label": stepLabel(this.decreaseLabel), tabindex: -1, onClick: () => this.stepBy(col, -1) }, h("svg", { viewBox: "0 0 24 24", fill: "none", "aria-hidden": "true" }, h("path", { d: "M6 9L12 15L18 9", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" })))));
     }
     render() {
-        return (h("bs-card", { key: 'ad3c51871ca4b0b1871944b658bae070140d1e99', part: "container", class: "bs-timepicker", surface: "raised" }, h("div", { key: 'b522d8a85e0161c4f7cd7938364919eda0585cf9', class: "bs-timepicker__body" }, h("div", { key: 'a3dd5ea83fa63cd9e8e6db2dfeb32b195e084f58', part: "header", class: "bs-timepicker__header" }, h("div", { key: '9af7c0024a4341ed1bbaccb4fb25e0e7558de93e', part: "title", class: "bs-timepicker__title" }, this.heading), h("label", { key: 'e18dcfcfe44a19f8dbac0737e487b23234d92fd6', class: "bs-timepicker__format" }, h("span", { key: '954b1579e9789c76521ba9364ed84caee882a05d' }, this.formatLabel), h("bs-switch", { key: '020b23405f62aa272c8af71d9071e0090bec5c30', part: "format-toggle", size: "md", ariaLabel: this.formatLabel, checked: !this.is12h, onBsChange: (ev) => (this.format = ev.detail ? '24h' : '12h') }))), h("div", { key: '283ba5ff1525c6561b7d00552dfc86ed34284f9b', class: "bs-timepicker__divider" }), h("div", { key: 'c2dfc0cb7b7cc0e5d106565746f3426b4065af9a', part: "selector", class: "bs-timepicker__selector" }, this.renderColumn('hour', this.hourLabel), h("div", { key: '1d017fd059c36955ba5ba4c5da5a05b9fb18e7d2', part: "separator", class: "bs-timepicker__separator", "aria-hidden": "true" }, h("svg", { key: '6b182c00b7dbd9150640c47aee43423d20e270c5', viewBox: "0 0 4 32", fill: "currentColor" }, h("circle", { key: '531640b6870cc87a284ac9ea64ca5b292c4f529f', cx: "2", cy: "10", r: "2" }), h("circle", { key: '323a4a90bebd8203b5c2f9803ffe03055991f9e2', cx: "2", cy: "22", r: "2" }))), this.renderColumn('minute', this.minuteLabel), this.is12h && (h("bs-input", { key: '3d7ec2986824358b3f1e795a9ce05b1b81d14432', part: "period", class: "bs-timepicker__period", type: "dropdown", label: this.periodLabel, value: this.isPm ? 'PM' : 'AM', options: [
+        return (h("bs-card", { key: '185b44b483c9cf247656ae469ad69f9c64c8e41c', part: "container", class: "bs-timepicker", surface: "raised" }, h("div", { key: 'b23908efe3abf9882be697f92bf457bbe6a55ec1', class: "bs-timepicker__body" }, h("div", { key: '61fa7ba86099a2c53963a09864f3c2ca3f027111', part: "header", class: "bs-timepicker__header" }, h("div", { key: '6a70e05d3aa012f5941db7212a67ed2345946c15', part: "title", class: "bs-timepicker__title" }, this.heading), h("label", { key: 'd2f5829e927ec0e28a4523c4a7d5b03260e8c8f0', class: "bs-timepicker__format" }, h("span", { key: '3354f298b48c8ec801cce4594d317e01858b8b71' }, this.formatLabel), h("bs-switch", { key: '0a57baeffb981e3a571d0f1822523d3b97da7988', part: "format-toggle", size: "md", ariaLabel: this.formatLabel, checked: !this.is12h, onBsChange: (ev) => (this.format = ev.detail ? '24h' : '12h') }))), h("div", { key: 'b48f10a8c7548b25e0ff50910f64f1f02790bb76', class: "bs-timepicker__divider" }), h("div", { key: 'a10ba57ccd51a56ea23b6a61dfdfd2729004855e', part: "selector", class: "bs-timepicker__selector" }, this.renderColumn('hour', this.hourLabel), h("div", { key: '16599630eb6f2d58dc190d1b094e8c243fa6659d', part: "separator", class: "bs-timepicker__separator", "aria-hidden": "true" }, h("svg", { key: '82749333115eba07a03d22e5ac9fe913160d6af8', viewBox: "0 0 4 32", fill: "currentColor" }, h("circle", { key: '09e97173b802d10629481ea89a51f8f18b0dba20', cx: "2", cy: "10", r: "2" }), h("circle", { key: 'ae5f855f4d40a2688b253d054ec3af8821beb1cb', cx: "2", cy: "22", r: "2" }))), this.renderColumn('minute', this.minuteLabel), this.is12h && (h("bs-input", { key: 'c245dda70d5c59f6aff109a24532c6ad2e288372', part: "period", class: "bs-timepicker__period", type: "dropdown", label: this.periodLabel, value: this.isPm ? 'PM' : 'AM', options: [
                 { label: 'AM', value: 'AM' },
                 { label: 'PM', value: 'PM' },
             ], onBsChange: (ev) => {
                 const pm = ev.detail === 'PM';
                 if (pm !== this.isPm)
                     this.hour = (this.hour + 12) % 24;
-            } }))), h("div", { key: '664da910d0c1849ff6a47ca326945b37f837760a', class: "bs-timepicker__divider" }), h("div", { key: '852c88b44cbb5cc3f236363181920163776a4521', part: "footer", class: "bs-timepicker__footer" }, h("bs-button", { key: 'e92e26209c7ed2e45094265a54ad8347ce697f05', part: "cancel", variant: "subtle", onClick: this.cancel }, this.cancelLabel), h("bs-button", { key: '110338b7a98727089613a3eb661ca5e0d8346691', part: "confirm", variant: "primary", onClick: this.confirm }, this.confirmLabel)))));
+            } }))), h("div", { key: '1b2357274665377d31590aa3e5561a27bfc90100', class: "bs-timepicker__divider" }), h("div", { key: 'cfa3b7f3c98cc732b33e0a7a2ff76ecefb029f6c', part: "footer", class: "bs-timepicker__footer" }, h("bs-button", { key: '0d4127041258cc0066517d4b5588307306356cda', part: "cancel", variant: "subtle", onClick: this.cancel }, this.cancelLabel), h("bs-button", { key: 'd8b5d5867275490d03ae1741fb1795b670c72514', part: "confirm", variant: "primary", onClick: this.confirm }, this.confirmLabel)))));
     }
     static get is() { return "bs-timepicker"; }
     static get encapsulation() { return "shadow"; }

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

@@ -27,7 +27,7 @@ export class BsToast {
         this.bsDismiss.emit();
     };
     render() {
-        return (h("div", { key: '335782bd5c8c1c721105684ee50efb71dc8a9dd8', part: "container", class: `bs-toast bs-toast--${this.state}`, role: "status", "aria-live": this.state === 'error' ? 'assertive' : 'polite' }, h("div", { key: '77c48c6315299064a6904646f46bb787dc4dada2', class: "bs-toast__content" }, h("span", { key: '8aef9bc3f662320fb3d60bbfdf8d4d8672297bd4', part: "icon", class: "bs-toast__icon", "aria-hidden": "true" }, h(StateIcon, { key: 'b1501a806e5866b69fbea2073741325f65b1209c', state: this.state })), h("span", { key: '751407d5dc04f3f8b4e57c5b47d1639f66e673a6', part: "message", class: "bs-toast__message" }, h("slot", { key: '9407fe265762817eb68e8119a40b792b53dbdb6e' }))), h("div", { key: '4bcd82ca67e8ce49998c7c954b3764df242e4eeb', class: "bs-toast__actions" }, h("button", { key: '352a9789b6f773ee385396bda80fde2ed972af30', part: "close", type: "button", class: "bs-toast__close", "aria-label": this.dismissLabel, onClick: this.onDismiss }, h(CloseIcon, { key: '5296f2811fda1f42b95087c4494fa05d3e0efff4' })))));
+        return (h("div", { key: '0bf6aadc817b574c07c2ed2cc00cb4a756591902', part: "container", class: `bs-toast bs-toast--${this.state}`, role: "status", "aria-live": this.state === 'error' ? 'assertive' : 'polite' }, h("div", { key: '961e5d3223d58061e1009fa823cd6e85b90637c2', class: "bs-toast__content" }, h("span", { key: '7b677b94135c89a16121a5fd81ff9a2a000c2dee', part: "icon", class: "bs-toast__icon", "aria-hidden": "true" }, h(StateIcon, { key: '88b0339e7b503cf2c415d1988f0aab1173b196c1', state: this.state })), h("span", { key: '34f3fb2f09d743405ad095251ced770a9ee790e8', part: "message", class: "bs-toast__message" }, h("slot", { key: '078843c14efaa0c9a8b1949393516cc2dd456de3' }))), h("div", { key: '9d968f0a028c950335f5b8b3540e22a152c39645', class: "bs-toast__actions" }, h("button", { key: '5fe8bd9e2bdd97df7ef8909a834c321e00ae022f', part: "close", type: "button", class: "bs-toast__close", "aria-label": this.dismissLabel, onClick: this.onDismiss }, h(CloseIcon, { key: '448afe4578a31afb0b1a9316d3e035d5eadadff3' })))));
     }
     static get is() { return "bs-toast"; }
     static get encapsulation() { return "shadow"; }

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

@@ -42,7 +42,7 @@ export class BsTooltip {
      */
     placement = 'top';
     render() {
-        return (h("div", { key: 'e55b4605c7b2293c533ba267d7af4f4832079749', class: "bs-tooltip" }, h("span", { key: '67f361a8f7600897914b2257346f42f837103e82', part: "arrow", class: "bs-tooltip__arrow" }), h("div", { key: '3dba38a0960caa3ac0efded8d152c1e6c6ab0d5b', part: "bubble", class: "bs-tooltip__bubble" }, h("slot", { key: '6b6d297440f1386d134911c1f219f441a4251d9f' }))));
+        return (h("div", { key: '924b224f9594aca557bc767d61cb8e1b6fd8c6d5', class: "bs-tooltip" }, h("span", { key: 'c97417a9d17c35e0b100f5e2c2f548abbfc23338', part: "arrow", class: "bs-tooltip__arrow" }), h("div", { key: '498e53eaed40ea87de2cf30d5dbe4359d24e8506', part: "bubble", class: "bs-tooltip__bubble" }, h("slot", { key: '268d910b87e4d7b67f9288bdd16d26bfc468d9da' }))));
     }
     static get is() { return "bs-tooltip"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/bs-tooltip-trigger/bs-tooltip-trigger.js

@@ -48,7 +48,7 @@ export class BsTooltipTrigger {
     };
     render() {
         const show = this.visible && !!this.text;
-        return (h("div", { key: '399a6f518855e7ba3ac3824276933d3b1ec913cc', part: "trigger", class: "bs-tooltip-trigger", "aria-describedby": this.tooltipId, onMouseEnter: this.show, onMouseLeave: this.hide, onFocusin: this.show, onFocusout: this.hide, onKeyDown: this.onKeyDown }, h("slot", { key: 'bf83352404bcdf757325421b86c8c571f89bae47' }), h("div", { key: '44f5fed6608f49041f206e44302a22404c1b6fc2', part: "tooltip", id: this.tooltipId, class: "bs-tooltip-trigger__tooltip", role: "tooltip", hidden: !show }, h("bs-tooltip", { key: 'f04fab6b6e9c6fba4c0dbdfe01db5927e98227cb' }, this.text))));
+        return (h("div", { key: '24d2d838ba7e3ff7c7ea29da91548a2217fd78fa', part: "trigger", class: "bs-tooltip-trigger", "aria-describedby": this.tooltipId, onMouseEnter: this.show, onMouseLeave: this.hide, onFocusin: this.show, onFocusout: this.hide, onKeyDown: this.onKeyDown }, h("slot", { key: 'b911c44e690a3e4dcf64ab7dc78bf18a2f39c8d4' }), h("div", { key: '3a8533fe8853c39f51f1808400b3e6bdf91e2576', part: "tooltip", id: this.tooltipId, class: "bs-tooltip-trigger__tooltip", role: "tooltip", hidden: !show }, h("bs-tooltip", { key: 'b0ab6217c11a8839c0b4fe7762ae33b0d9dc1e1a' }, this.text))));
     }
     static get is() { return "bs-tooltip-trigger"; }
     static get encapsulation() { return "shadow"; }

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

@@ -189,7 +189,7 @@ export class BsTree {
         e.preventDefault();
     }
     render() {
-        return (h("div", { key: '40bf9c9ae1f488a82f3d2972e5f9206db865928d', part: "container", class: "bs-tree", role: "tree", "aria-label": this.ariaLabel }, h("slot", { key: 'eb72026e90f834759d8249ed1a291aa7ca30ac2d' })));
+        return (h("div", { key: '586069268f0b5e3a8a855bf1ee67584460c8e8b6', part: "container", class: "bs-tree", role: "tree", "aria-label": this.ariaLabel }, h("slot", { key: 'd78f0e9a2ec38295bbddc42fb12d27e874ff0ebf' })));
     }
     static get is() { return "bs-tree"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/bs-tree-item/bs-tree-item.js

@@ -92,11 +92,11 @@ export class BsTreeItem {
         const isParent = this.hasChildren;
         const managed = !!this.el.closest('bs-tree');
         const showChildren = isParent && this.expanded;
-        return (h(Host, { key: 'e0c36ce76f0250f77cd920f0e4ce4f713d5298a3', role: "treeitem", "aria-level": String(this.level), "aria-expanded": isParent ? String(this.expanded) : null, "aria-selected": String(this.selected), "aria-disabled": this.disabled ? 'true' : null, ...(managed || this.disabled ? {} : { tabindex: '0' }) }, h("div", { key: '6b79b70c4688ebce60d70d42b387b106b42ae950', class: "bs-tree-item__row", style: { '--bs-tree-item-level': String(this.level) } }, h("div", { key: '65bf594501088b7510393ad07ecde34f0e4f2287', part: "container", class: {
+        return (h(Host, { key: '4e4e36591f3757bf89b769b79cd09096d557a961', role: "treeitem", "aria-level": String(this.level), "aria-expanded": isParent ? String(this.expanded) : null, "aria-selected": String(this.selected), "aria-disabled": this.disabled ? 'true' : null, ...(managed || this.disabled ? {} : { tabindex: '0' }) }, h("div", { key: 'd6eadb88384d6c463937033e48fe301717dd9f3e', class: "bs-tree-item__row", style: { '--bs-tree-item-level': String(this.level) } }, h("div", { key: '66da380c06c54b824ac3a447044894c22428edf8', part: "container", class: {
                 'bs-tree-item__container': true,
                 'bs-tree-item__container--selected': this.selected,
                 'bs-tree-item__container--disabled': this.disabled,
-            }, onClick: this.onRowClick }, isParent && (h("span", { key: 'cfadf7e6d433b61c79055a872311f6dd5758e8df', part: "caret", class: { 'bs-tree-item__caret': true, 'bs-tree-item__caret--open': this.expanded }, "aria-hidden": "true", onClick: this.onCaretClick }, h(CaretRightIcon, { key: '079088e9abcdb46dc95480b4abe8d51f1b0f8095' }))), h("span", { key: 'b3fcebd0cc01f6e00d59b7901fc9ca7c2c50b2f9', class: "bs-tree-item__content" }, this.showIcon && (h("span", { key: '490160aea2ccbd3101c1a46b44615ead36318361', part: "icon", class: "bs-tree-item__icon", "aria-hidden": "true" }, h("slot", { key: '9dd058da6a37117a5496fa28c6be1443304157ce', name: "icon" }, isParent ? h(FolderIcon, null) : h(FileIcon, null)))), h("span", { key: '40e2a4a618ebf6e661e2208c0cfa4c0c44c1d66d', part: "label", class: "bs-tree-item__label" }, h("slot", { key: 'b1999984ebb958ffa3a46c281f3dde023374f4e4', name: "label" }, this.label))))), showChildren && (h("div", { key: 'b6e68b2c00ee98d89c8c6103f58580075b7a67ba', part: "group", class: "bs-tree-item__group", role: "group" }, h("slot", { key: '24e53e0558b6a73f1d12f8dab3f661988dff1d85' })))));
+            }, onClick: this.onRowClick }, isParent && (h("span", { key: '6600cfd9aa01bf0f0a3f0458e661e8be30f9e649', part: "caret", class: { 'bs-tree-item__caret': true, 'bs-tree-item__caret--open': this.expanded }, "aria-hidden": "true", onClick: this.onCaretClick }, h(CaretRightIcon, { key: 'c0eecda85015fa0c2dc4e8c2f0b4561fdd037305' }))), h("span", { key: '83bc2d33e7f7f34a1ee682bfb93a633b65257842', class: "bs-tree-item__content" }, this.showIcon && (h("span", { key: '06411b06381b28c86d0332f7ec51a58b868e2ace', part: "icon", class: "bs-tree-item__icon", "aria-hidden": "true" }, h("slot", { key: '5762de30314db63f9c262bbb84af36ea3605a8d6', name: "icon" }, isParent ? h(FolderIcon, null) : h(FileIcon, null)))), h("span", { key: '7576371cfccb855e4fb57ced1c63c241833e4ec3', part: "label", class: "bs-tree-item__label" }, h("slot", { key: '4459a19608ca7d7f98fa7b84a9e1cb08573176ff', name: "label" }, this.label))))), showChildren && (h("div", { key: 'c7d2b82efbd0622845b95fae4e04608e13bd685d', part: "group", class: "bs-tree-item__group", role: "group" }, h("slot", { key: '3edd6e523532400ec89928284bc73146a1bdf391' })))));
     }
     static get is() { return "bs-tree-item"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/bs-whats-new-entry/bs-whats-new-entry.js

@@ -50,7 +50,7 @@ export class BsWhatsNewEntry {
     hasImage = false;
     render() {
         const level = Math.min(6, Math.max(1, Math.trunc(Number(this.headingLevel)) || 3));
-        return (h("div", { key: '392e53167e223e1a34802bf0106d0a92e3fbce47', class: "bs-whats-new-entry" }, (this.tag || this.date || this.unread) && (h("div", { key: 'a069414465afa8d5894967c4b91c029c6ca94714', part: "meta", class: "bs-whats-new-entry__meta" }, this.tag && (h("bs-chip-informative", { key: 'ba1c8320df4641ad9ba2e781a475ba81ab2e793e', part: "tag", size: "sm", color: this.tagColor }, this.tag)), this.date && (h("span", { key: '90fff95b14393041ef0d2a95f9d2f1e1e4fc4824', part: "date", class: "bs-whats-new-entry__date" }, this.date)), this.unread && (h("span", { key: '72a3ed86e67fdfbe754b94431e313b4978887bc0', part: "unread", class: "bs-whats-new-entry__unread" }, h("span", { key: '70f8e4492c9b09f39ffb78d3d2d6d0baf8cae27c', class: "bs-whats-new-entry__sr-only" }, this.unreadLabel))))), h("div", { key: '2930545aee739edac5d93ae7abc87984becbc6d6', part: "image", class: { 'bs-whats-new-entry__image': true, 'bs-whats-new-entry__image--visible': this.hasImage } }, h("slot", { key: 'a1ca6d788ee50e16668c50621c631b7be10128ea', name: "image", onSlotchange: (ev) => (this.hasImage = ev.target.assignedNodes().length > 0) })), h("div", { key: 'bc1cc0c9ad0d4272aa0e612822200d47a9108406', class: "bs-whats-new-entry__content" }, this.heading && h(`h${level}`, { part: 'heading', class: { 'bs-whats-new-entry__heading': true } }, this.heading), this.description && (h("p", { key: '7e0a2520c2c3bd7c753e4f3a64d7f61230bf1c7e', part: "description", class: "bs-whats-new-entry__description" }, this.description)), this.actionLabel && (h("bs-button", { key: '8344b34f92c0bcd1da4e491823f8d1f2cef82ad2', part: "action", class: "bs-whats-new-entry__action", variant: "subtle", size: "sm", onClick: () => this.bsAction.emit() }, this.actionLabel, h("svg", { key: '8941060aacc137bee4a7a9f15a9a32023dfc5390', slot: "end-icon", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round", "aria-hidden": "true" }, h("path", { key: '0833d06eca31e2a199ff5cd4def1a408d74c4030', d: "M5 12H19" }), h("path", { key: 'e079ace356dc320dfde3f48d7336d2507303d1bf', d: "M13 6L19 12L13 18" }))))), this.divider && h("div", { key: '369d9767229d3fb57cb1a68d0bcefb03da4a953e', part: "divider", class: "bs-whats-new-entry__divider" })));
+        return (h("div", { key: '54a3c2784ae0599f6ab1173672f59fc65a9e7ccc', class: "bs-whats-new-entry" }, (this.tag || this.date || this.unread) && (h("div", { key: 'c82e5e5d7486828d8c8d703d3ad7afda5e84beb7', part: "meta", class: "bs-whats-new-entry__meta" }, this.tag && (h("bs-chip-informative", { key: '570273e8af631ea919b4d7f801fb882deb1648bb', part: "tag", size: "sm", color: this.tagColor }, this.tag)), this.date && (h("span", { key: '8e7f75b5120d29dc7b036ce0faa920f7435cfc05', part: "date", class: "bs-whats-new-entry__date" }, this.date)), this.unread && (h("span", { key: '1bcc3e4e6d09e7d4a2225f53cad4bd143b5ed766', part: "unread", class: "bs-whats-new-entry__unread" }, h("span", { key: '2a5b2a37d5044ee066b6d82ae09d557136acd4db', class: "bs-whats-new-entry__sr-only" }, this.unreadLabel))))), h("div", { key: 'e0ef87bc59f4ac7244ae325844b871d341f01854', part: "image", class: { 'bs-whats-new-entry__image': true, 'bs-whats-new-entry__image--visible': this.hasImage } }, h("slot", { key: '5ede8b73d53cb3120146324567c7496d13666525', name: "image", onSlotchange: (ev) => (this.hasImage = ev.target.assignedNodes().length > 0) })), h("div", { key: '483ce24be414275059e23225b43d473963e9d41e', class: "bs-whats-new-entry__content" }, this.heading && h(`h${level}`, { part: 'heading', class: { 'bs-whats-new-entry__heading': true } }, this.heading), this.description && (h("p", { key: '15f00f081c7673153dd1e1504e238066a7492682', part: "description", class: "bs-whats-new-entry__description" }, this.description)), this.actionLabel && (h("bs-button", { key: '5d39e42399197e3d58ce59d0eb10e7e47a55ad39', part: "action", class: "bs-whats-new-entry__action", variant: "subtle", size: "sm", onClick: () => this.bsAction.emit() }, this.actionLabel, h("svg", { key: '957deb07628192f8ccc16f931f2b4ddc4dd54ea5', slot: "end-icon", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round", "aria-hidden": "true" }, h("path", { key: 'a4ea579ee77a8caf70c15dc3b209f7663cc77eb6', d: "M5 12H19" }), h("path", { key: '65e70780afab82c607d84ca242ba34c862809520', d: "M13 6L19 12L13 18" }))))), this.divider && h("div", { key: '04c5d9479f1844bbf1baef6c2f4e02450098b0fa', part: "divider", class: "bs-whats-new-entry__divider" })));
     }
     static get is() { return "bs-whats-new-entry"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/ui-shell/bs-navigation-drawer/bs-navigation-drawer/bs-navigation-drawer.js

@@ -234,11 +234,11 @@ export class BsNavigationDrawer {
     };
     render() {
         const classes = ['bs-navigation-drawer', this.mobile ? 'bs-navigation-drawer--overlay' : '', this.overlayOpen ? 'bs-navigation-drawer--open' : ''].filter(Boolean).join(' ');
-        return (h(Host, { key: '42d5e96011b592d6e9059f9013ba880f18eb70c9', "data-overlay": this.mobile ? '' : undefined }, this.mobile && h("div", { key: 'a540c7afbaae18f82427f52bb11732db341652fe', part: "backdrop", class: "bs-navigation-drawer__backdrop", onClick: this.requestClose }), h("nav", { key: '14ac3fff472e789fb4b7f956f22815c8500d8614', ref: el => (this.navRef = el), class: classes, "aria-label": this.heading,
+        return (h(Host, { key: 'b2203f52ae157b565d62e06521b70ddea7f2ae14', "data-overlay": this.mobile ? '' : undefined }, this.mobile && h("div", { key: 'ef85987f69ff5795d899118c8d339d3f52a6f4af', part: "backdrop", class: "bs-navigation-drawer__backdrop", onClick: this.requestClose }), h("nav", { key: '260b591e3439863671aa51b5c90ae203dda82bb5', ref: el => (this.navRef = el), class: classes, "aria-label": this.heading,
             // Stays a plain <nav> landmark in every state: ARIA does not allow role="dialog" on <nav>
             // (axe: aria-allowed-role). Modality is behavioral -- focus is held inside, the page behind is
             // scrimmed, Escape closes -- rather than announced through aria-modal.
-            tabIndex: this.mobile ? -1 : undefined }, this.showLogo && (h("div", { key: '967456673797619dfa73899581cab755be52af3b', part: "logo", class: "bs-navigation-drawer__logo bs-navigation-drawer__logo--full" }, h("bs-logo", { key: 'f549a0ae8684bd3a3769f1804ba75788eab0fdbb', variant: "full", background: this.logoBackground }))), this.showLogo && (h("div", { key: '89ae0f3c46e353f7495a0084d79dd053027ef1fe', part: "logo", class: "bs-navigation-drawer__logo bs-navigation-drawer__logo--mark" }, h("bs-logo", { key: '6f882163691596ddd61663a1f0988a5cc2c070e7', variant: "mark", background: this.logoBackground }))), h("div", { key: 'dc69df3f9231cd1108e9fa9cd5c19848cbcb63f7', class: "bs-navigation-drawer__title-row" }, h("span", { key: 'ae58f3e70c798282ad337666fbc2e45caa5c641f', part: "title", class: "bs-navigation-drawer__title" }, this.heading), this.collapsible && (h("button", { key: 'b44ab95a3631ff984565cfd2c1c37e37e4941bb1', type: "button", part: "collapse", class: "bs-navigation-drawer__collapse", "aria-label": this.collapsed ? this.expandLabel : this.collapseLabel, "aria-pressed": this.collapsed ? 'true' : 'false', onClick: this.onCollapseClick }, h(CaretLeftIcon, { key: '75a698b86b7dff676cc161989cc6d7b28805c63f' })))), h("div", { key: 'd34097102039aeebb803dc4aba6a1a0fbd8e5dfb', part: "search", class: "bs-navigation-drawer__search" }, h("slot", { key: 'b15dede4663c582b609208cbbb84d9cd5b62c2b5', name: "search" })), h("button", { key: '39f0d260eb12c28467a507bd37ed5c113a976746', type: "button", part: "search-trigger", class: "bs-navigation-drawer__search-trigger", "aria-label": this.searchLabel, onClick: this.onSearchTriggerClick }, h(SearchIcon, { key: '81d77be5b7a36c537096feed0a9ffdc6f3bdfa9f' })), h("div", { key: '8b0d86a6a0b5215fa6a076cba11d237af86706b4', part: "items", class: "bs-navigation-drawer__items" }, h("slot", { key: '75a1f8fe4eee6f05d70ca8ceb4437fcf7f62f463' })))));
+            tabIndex: this.mobile ? -1 : undefined }, this.showLogo && (h("div", { key: '1f947bcd8f55aae3fc83c31c4f1220934de4ca24', part: "logo", class: "bs-navigation-drawer__logo bs-navigation-drawer__logo--full" }, h("bs-logo", { key: 'e77c2e6c15478d308f6c2694164262ad37672ba8', variant: "full", background: this.logoBackground }))), this.showLogo && (h("div", { key: 'c3fa7b9cf7a54a42b1dde273127e59b3880aa5a2', part: "logo", class: "bs-navigation-drawer__logo bs-navigation-drawer__logo--mark" }, h("bs-logo", { key: '4c35edb7b838ea0c812de2197a6d3d59316449a5', variant: "mark", background: this.logoBackground }))), h("div", { key: 'ea7e753bb4a313718f8d003d299cf2d98c4bf94e', class: "bs-navigation-drawer__title-row" }, h("span", { key: '90e3cdc335d0c2820fe9002e2fafc162576b3240', part: "title", class: "bs-navigation-drawer__title" }, this.heading), this.collapsible && (h("button", { key: '3b5a555dc34380c22030733ca745279e3ddca1b6', type: "button", part: "collapse", class: "bs-navigation-drawer__collapse", "aria-label": this.collapsed ? this.expandLabel : this.collapseLabel, "aria-pressed": this.collapsed ? 'true' : 'false', onClick: this.onCollapseClick }, h(CaretLeftIcon, { key: 'f5e095681e642741cbbfe97ad5ae11fe10c679d4' })))), h("div", { key: '14f9928d98e7773b43c9b6a7dcbdcbdb5302c088', part: "search", class: "bs-navigation-drawer__search" }, h("slot", { key: 'ea0fe474c09c0550b2d89cfc2a7a8294c9d1cedd', name: "search" })), h("button", { key: 'e4a321e70895804445a902cdbb07f65952653bed', type: "button", part: "search-trigger", class: "bs-navigation-drawer__search-trigger", "aria-label": this.searchLabel, onClick: this.onSearchTriggerClick }, h(SearchIcon, { key: '582c3bc3117c49270e5c0ba0d0f0d2e5de9c6625' })), h("div", { key: '844f4f8eb5e95921f6aa1c643bf0fc52255ab19f', part: "items", class: "bs-navigation-drawer__items" }, h("slot", { key: '52485aab4b1ddb41051dba85e657d18f9a8abbd8' })))));
     }
     static get is() { return "bs-navigation-drawer"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/ui-shell/bs-navigation-drawer/bs-navigation-drawer-item/bs-navigation-drawer-item.js

@@ -131,7 +131,7 @@ export class BsNavigationDrawerItem {
         // incorrectly also toggle this parent row on every child click. Both are wrapped in a
         // `display: contents` container so render() still returns a single root node (this codebase's
         // convention, e.g. bs-input.tsx) without that wrapper affecting layout at all.
-        return (h("div", { key: '85f2f7433acb876df6c07e8e28180d65267b968d', class: "bs-navigation-drawer-item__root" }, h("button", { key: '51efff117f3410556a8bf69bb145354310891ab6', type: "button", part: "item", class: rowClasses, "aria-expanded": this.expandable ? String(this.expanded) : undefined, "aria-label": this.ariaLabel ?? undefined, onClick: this.onClick }, !this.nested && (h("span", { key: 'e118e88762d490ce60445627ba165d478d53e384', part: "icon", class: `bs-navigation-drawer-item__icon ${this.hasIcon ? 'bs-navigation-drawer-item__icon--has-content' : ''}` }, h("slot", { key: '93232818f6c070e5b9f628f93d62d339298a63d5', name: "icon", onSlotchange: this.onIconSlotchange }))), h("span", { key: '0aaa3791bed4e8c42646c574ee75e15193257aca', part: "label", class: "bs-navigation-drawer-item__label" }, h("slot", { key: '1000297ddcf737d1aac9d57fd62992bcd8698956' })), this.expandable && (h("span", { key: 'aaaa08d8c0409cc88183a94a0ac8ef7a38eb420a', part: "chevron", class: `bs-navigation-drawer-item__chevron ${this.expanded ? 'bs-navigation-drawer-item__chevron--expanded' : ''}` }, h(ChevronDownIcon, { key: '48436ef0e29ef13d5cf3e7517c04c908c9678934' })))), this.expandable && (h("span", { key: '974bcce5691835dd2c0719faf9dd27028e185677', part: "children", class: "bs-navigation-drawer-item__children" }, h("slot", { key: '06b88afc18da4e730d2a26ecd51ab1cac77e4f94', name: "children" })))));
+        return (h("div", { key: '81e29ccbcc7a513d9caa85982104e4c65919ffce', class: "bs-navigation-drawer-item__root" }, h("button", { key: '68e2c8edd1280f003719751c9cf2aa561ecc9059', type: "button", part: "item", class: rowClasses, "aria-expanded": this.expandable ? String(this.expanded) : undefined, "aria-label": this.ariaLabel ?? undefined, onClick: this.onClick }, !this.nested && (h("span", { key: '7520bf470ed4250c8767905d5b7e05166b2d9f06', part: "icon", class: `bs-navigation-drawer-item__icon ${this.hasIcon ? 'bs-navigation-drawer-item__icon--has-content' : ''}` }, h("slot", { key: 'c8cffca5bb390ab60d68c6c97736053c374bb026', name: "icon", onSlotchange: this.onIconSlotchange }))), h("span", { key: '4f3b8034935678d64a29281f2cfd1ed44250eca2', part: "label", class: "bs-navigation-drawer-item__label" }, h("slot", { key: 'e9f50c5b4dc9e96ed39d85c1daa96981deb7a810' })), this.expandable && (h("span", { key: '369853e213a7ecd0a64ec28d820d40139fb6d68e', part: "chevron", class: `bs-navigation-drawer-item__chevron ${this.expanded ? 'bs-navigation-drawer-item__chevron--expanded' : ''}` }, h(ChevronDownIcon, { key: 'f3d8fcd09d63be37a4b6a1e3cc10240eec5425f9' })))), this.expandable && (h("span", { key: '445291ae6a7f888ac6cb456ada3a7a17cf4638dd', part: "children", class: "bs-navigation-drawer-item__children" }, h("slot", { key: '697e924b580b1fef5f0b5871df38c0bd104982c8', name: "children" })))));
     }
     static get is() { return "bs-navigation-drawer-item"; }
     static get encapsulation() { return "shadow"; }