@brandsync/wc 1.15.0 → 1.17.0

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

@@ -68,7 +68,7 @@ const BsStack = class {
                 parts.push(index.h("slot", { name: `bs-stack-item-${i}`, onSlotchange: this.sync }));
             }
         }
-        return (index.h(index.Host, { key: '36539e2d556a29fffe996ae4b53d207ac39e3889', style: { '--bs-stack-gap-token': `var(--bs-spacing-${gap})` } }, index.h("slot", { key: 'fe94e79e6ded0341d04792c9be2949c6663de5a9', onSlotchange: this.sync }), parts));
+        return (index.h(index.Host, { key: 'be2e4a8ecb5d4fd27441b8cafbfd7e8a17ea3b82', style: { '--bs-stack-gap-token': `var(--bs-spacing-${gap})` } }, index.h("slot", { key: '4eab2557384cb6ae620ea3feef8e36dc0a2e2f08', onSlotchange: this.sync }), parts));
     }
     static get watchers() { return {
         "divider": [{

package/dist/cjs/bs-stepper-step.cjs.entry.js

@@ -34,7 +34,7 @@ const BsStepperStep = class {
     }
     render() {
         const state = this.state;
-        return (index.h(index.Host, { key: 'aebeb38afde905d2b5d12f6c6218c7f6d8caa6db', role: "listitem", class: `bs-stepper-step--${this.direction}` }, index.h("div", { key: '5ce2ab43631225cabfad3d0a65724fe53475c609', class: "bs-stepper-step__top" }, index.h("span", { key: '5270d9396ce4eaae1e7f8893d28198df7f87d515', part: "icon", class: `bs-stepper-step__icon bs-stepper-step__icon--${state}` }, state === 'current' && index.h("span", { key: 'a2a83808311c13113d9cefa5a2bc9926be9dea97', class: "bs-stepper-step__icon-dot" }), state === 'done' && index.h(CheckIcon, { key: 'acf704a0de2391bac5cddc3eebef1f6aa821e233' }), state === 'error' && index.h(ExclamationIcon, { key: '4fc253c6ffced8ef5eaf337e39c0912b0765f5aa' })), index.h("span", { key: '163f5b4e465c4b6b27238ceaf73d7cdd96f5b376', part: "connector", class: "bs-stepper-step__connector", "aria-hidden": "true" }, index.h("span", { key: 'f71f15dba5235e6176dad102c4ebad976e063900', class: "bs-stepper-step__connector-line" }))), index.h("span", { key: 'ae5cd8999024687a6a3631dc6887428256899479', part: "label", class: `bs-stepper-step__label bs-stepper-step__label--${state}` }, index.h("span", { key: 'a5971b572a0f1a2f602e8f888a16d6e0e5599183', part: "name", class: "bs-stepper-step__name" }, this.name), this.showDescription && this.description && (index.h("span", { key: '2873a2ceb40f7abc5e543a0d50192bc42945f3e5', part: "description", class: "bs-stepper-step__description" }, this.description)))));
+        return (index.h(index.Host, { key: '8e11ed2e78a5e6468ed6265f90199bdc0c2e4bcc', role: "listitem", class: `bs-stepper-step--${this.direction}` }, index.h("div", { key: '0d50e2845fb886a73e7eeaad474c0d9c1b2e06cb', class: "bs-stepper-step__top" }, index.h("span", { key: '1bfe85491c42f8e1bf00a4e86c162448564b5142', part: "icon", class: `bs-stepper-step__icon bs-stepper-step__icon--${state}` }, state === 'current' && index.h("span", { key: 'e3ac4066de9f1c9bfa824a889c654952891221b8', class: "bs-stepper-step__icon-dot" }), state === 'done' && index.h(CheckIcon, { key: '7c1e237ce011d77b47d26e622974d6a2629ecfd3' }), state === 'error' && index.h(ExclamationIcon, { key: '9420c50c9154f007ae0802473f0a5e0cf18fe8fd' })), index.h("span", { key: '039f2ca1186b82bebb8e989630f575599c64e85b', part: "connector", class: "bs-stepper-step__connector", "aria-hidden": "true" }, index.h("span", { key: 'dc5a250a1437eda9baf7cd38a69fa36d26e6cfaa', class: "bs-stepper-step__connector-line" }))), index.h("span", { key: 'df8d2c94073f134125d34e5686f0c340c2c59d87', part: "label", class: `bs-stepper-step__label bs-stepper-step__label--${state}` }, index.h("span", { key: '5bdce9915c1e6e2610bbe101bc41108cfa2e0cd5', part: "name", class: "bs-stepper-step__name" }, this.name), this.showDescription && this.description && (index.h("span", { key: '39ddca52aa59717d22ca56ece74b4518d1ae2370', part: "description", class: "bs-stepper-step__description" }, this.description)))));
     }
 };
 const CheckIcon = () => (index.h("svg", { viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true" }, index.h("path", { d: "M2.5 9L6 12.5L14 4.5", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" })));

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

@@ -44,7 +44,7 @@ const BsStepper = class {
     }
     render() {
         // role="list" so each bs-stepper-step's role="listitem" has the required parent.
-        return (index.h(index.Host, { key: '974bd59785233de47d55750ede0a3d823ff11c75', role: "list" }, index.h("slot", { key: 'ce637c2c5631329c747897c66ec2cca9e6f738fb', onSlotchange: this.onSlotChange })));
+        return (index.h(index.Host, { key: '3f002aa5977dd81a203b44aeb3ffd9e82e1d78ab', role: "list" }, index.h("slot", { key: 'f5a64626aba6cef29bcc7710c839583ccc2a2c71', onSlotchange: this.onSlotChange })));
     }
     static get watchers() { return {
         "currentStep": [{

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

@@ -72,7 +72,7 @@ const BsSwitch = class {
         const knobClasses = ['bs-switch__knob', `bs-switch__knob--${this.size}`, this.disabled ? 'bs-switch__knob--disabled' : '']
             .filter(Boolean)
             .join(' ');
-        return (index.h("label", { key: '8e879cda3d51659448298ad74e0cd72d6a3c7692', class: `bs-switch ${this.disabled ? 'bs-switch--disabled' : ''}` }, index.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 }), index.h("span", { key: '713c1fe5e578730b3afdeff880083ca9df5f0805', part: "track", class: trackClasses }, index.h("span", { key: 'f64210e5e3c6fa2c814567921922da3a3b93dd5f', part: "knob", class: knobClasses })), index.h("span", { key: '5a5cdbdb31470bcda460412ddb6f78fa4bb37a4b', part: "label", class: "bs-switch__label" }, index.h("slot", { key: '4d1857d66cfbed3b59805359692371decec5c374' }))));
+        return (index.h("label", { key: '49f1cfc9d185ab00f7186dc032b791a23ca26f70', class: `bs-switch ${this.disabled ? 'bs-switch--disabled' : ''}` }, index.h("input", { key: '8c20d342f636a06e7506008c00b612746e5c5698', 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 }), index.h("span", { key: 'd1fcfa9efbe5a3bffe23c597770b330622729a62', part: "track", class: trackClasses }, index.h("span", { key: '54d63b56c139c5b67bff4a61496914b641e498c3', part: "knob", class: knobClasses })), index.h("span", { key: 'd4ddc5b7e7ca13c74f4693f645fbe375447fe86b', part: "label", class: "bs-switch__label" }, index.h("slot", { key: '866fd38ac545d1ad19494b267594d7e4aab4b0b1' }))));
     }
     static get delegatesFocus() { return true; }
     static get formAssociated() { return true; }

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

@@ -80,7 +80,7 @@ const BsTab = class {
         const iconOnly = this.hasIcon && !this.hasLabel;
         const vertical = this.hasIcon && this.hasLabel && this.iconPosition === 'top';
         const showBadge = this.hasBadge && !iconOnly && !vertical;
-        return (index.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 }, index.h("span", { key: 'd48e487274031e23a9febc4dccec966e939420ff', part: "icon", class: `bs-tab__icon ${this.hasIcon ? 'bs-tab__icon--has-content' : ''}` }, index.h("slot", { key: '004e5fc7c61b9d4a9813ce8a5ce21e71ff3f9bb8', name: "icon", onSlotchange: this.onIconSlotchange })), index.h("span", { key: 'e7d905a2daed877414e43078a2a4460486eee9a2', part: "label", class: `bs-tab__label ${this.hasLabel ? 'bs-tab__label--has-content' : ''}` }, index.h("slot", { key: '2bc379c7f2bd7a14c1864da3024773a1e392598f', onSlotchange: this.onLabelSlotchange })), index.h("span", { key: '92aff30ad4fd06d0a16c5fc40202fb4c553e80d6', part: "badge", class: `bs-tab__badge ${showBadge ? 'bs-tab__badge--has-content' : ''}` }, index.h("slot", { key: 'e655135dd81a288e7428d00c0778bb2b42294258', name: "badge", onSlotchange: this.onBadgeSlotchange })), index.h("span", { key: 'abecf083399730cc0e84c62109f51b683bf55ac0', part: "indicator", class: "bs-tab__indicator" })));
+        return (index.h("button", { key: '9041f39829dd71f2dd2d54a5c2e8329f6fe8e11a', 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 }, index.h("span", { key: 'a57aec34d30bcaf112aa7f5d4530a4d64f2101a7', part: "icon", class: `bs-tab__icon ${this.hasIcon ? 'bs-tab__icon--has-content' : ''}` }, index.h("slot", { key: 'a60bd8b1c3b46de2ce9c33ba4f667bc815badcf6', name: "icon", onSlotchange: this.onIconSlotchange })), index.h("span", { key: 'd64146a811bbec39d7a9abe85446340b6d2d8988', part: "label", class: `bs-tab__label ${this.hasLabel ? 'bs-tab__label--has-content' : ''}` }, index.h("slot", { key: 'eb7a7f6d6999e6b0e8677fbb6e87ccba699f3977', onSlotchange: this.onLabelSlotchange })), index.h("span", { key: 'f281adb319e2653ebd2e4ef770750aafa30a9a82', part: "badge", class: `bs-tab__badge ${showBadge ? 'bs-tab__badge--has-content' : ''}` }, index.h("slot", { key: 'fd72ae0865d4cd6cecc8ace8a8da056574f71d3b', name: "badge", onSlotchange: this.onBadgeSlotchange })), index.h("span", { key: '4a278ac85059a94677816b87df1ff343da5c5f65', part: "indicator", class: "bs-tab__indicator" })));
     }
 };
 BsTab.style = bsTabCss();
@@ -200,7 +200,7 @@ const BsTabs = class {
     }
     render() {
         const vertical = this.orientation === 'vertical';
-        return (index.h("div", { key: '07185cefa2f1a443035e61ba13f080913ce73ca6', part: "tablist", role: "tablist", "aria-orientation": this.orientation, class: `bs-tabs bs-tabs--${this.type} ${vertical ? 'bs-tabs--vertical' : ''}` }, index.h("slot", { key: '99fe98e753609bc4f594fb32dab5a7df2f4b3c0d', onSlotchange: () => this.syncRovingTabindex() })));
+        return (index.h("div", { key: 'eb523e0109735c416498c91955787b00c0d5402d', part: "tablist", role: "tablist", "aria-orientation": this.orientation, class: `bs-tabs bs-tabs--${this.type} ${vertical ? 'bs-tabs--vertical' : ''}` }, index.h("slot", { key: '506c2e41eb12e830793431ec474d1ec286a12016', onSlotchange: () => this.syncRovingTabindex() })));
     }
     static get watchers() { return {
         "value": [{
@@ -245,7 +245,7 @@ const BsWhatsNewEntry = class {
     hasImage = false;
     render() {
         const level = Math.min(6, Math.max(1, Math.trunc(Number(this.headingLevel)) || 3));
-        return (index.h("div", { key: '392e53167e223e1a34802bf0106d0a92e3fbce47', class: "bs-whats-new-entry" }, (this.tag || this.date || this.unread) && (index.h("div", { key: 'a069414465afa8d5894967c4b91c029c6ca94714', part: "meta", class: "bs-whats-new-entry__meta" }, this.tag && (index.h("bs-chip-informative", { key: 'ba1c8320df4641ad9ba2e781a475ba81ab2e793e', part: "tag", size: "sm", color: this.tagColor }, this.tag)), this.date && (index.h("span", { key: '90fff95b14393041ef0d2a95f9d2f1e1e4fc4824', part: "date", class: "bs-whats-new-entry__date" }, this.date)), this.unread && (index.h("span", { key: '72a3ed86e67fdfbe754b94431e313b4978887bc0', part: "unread", class: "bs-whats-new-entry__unread" }, index.h("span", { key: '70f8e4492c9b09f39ffb78d3d2d6d0baf8cae27c', class: "bs-whats-new-entry__sr-only" }, this.unreadLabel))))), index.h("div", { key: '2930545aee739edac5d93ae7abc87984becbc6d6', part: "image", class: { 'bs-whats-new-entry__image': true, 'bs-whats-new-entry__image--visible': this.hasImage } }, index.h("slot", { key: 'a1ca6d788ee50e16668c50621c631b7be10128ea', name: "image", onSlotchange: (ev) => (this.hasImage = ev.target.assignedNodes().length > 0) })), index.h("div", { key: 'bc1cc0c9ad0d4272aa0e612822200d47a9108406', class: "bs-whats-new-entry__content" }, this.heading && index.h(`h${level}`, { part: 'heading', class: { 'bs-whats-new-entry__heading': true } }, this.heading), this.description && (index.h("p", { key: '7e0a2520c2c3bd7c753e4f3a64d7f61230bf1c7e', part: "description", class: "bs-whats-new-entry__description" }, this.description)), this.actionLabel && (index.h("bs-button", { key: '8344b34f92c0bcd1da4e491823f8d1f2cef82ad2', part: "action", class: "bs-whats-new-entry__action", variant: "subtle", size: "sm", onClick: () => this.bsAction.emit() }, this.actionLabel, index.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" }, index.h("path", { key: '0833d06eca31e2a199ff5cd4def1a408d74c4030', d: "M5 12H19" }), index.h("path", { key: 'e079ace356dc320dfde3f48d7336d2507303d1bf', d: "M13 6L19 12L13 18" }))))), this.divider && index.h("div", { key: '369d9767229d3fb57cb1a68d0bcefb03da4a953e', part: "divider", class: "bs-whats-new-entry__divider" })));
+        return (index.h("div", { key: 'ba59c32f90076f9faba57d1d1424c31af93ad240', class: "bs-whats-new-entry" }, (this.tag || this.date || this.unread) && (index.h("div", { key: '9a6440e38742503ec18082d4dbefab9869595865', part: "meta", class: "bs-whats-new-entry__meta" }, this.tag && (index.h("bs-chip-informative", { key: 'bf497ffc620943d72c51439c39301cdf96a03720', part: "tag", size: "sm", color: this.tagColor }, this.tag)), this.date && (index.h("span", { key: '8e854f17bcb076e301d2cb0a16427be230a994b6', part: "date", class: "bs-whats-new-entry__date" }, this.date)), this.unread && (index.h("span", { key: '2569be36e5869d3c29dc7a233930f99e82776f35', part: "unread", class: "bs-whats-new-entry__unread" }, index.h("span", { key: 'f833cdf102d376ecc296fb636ce24493dc0715ba', class: "bs-whats-new-entry__sr-only" }, this.unreadLabel))))), index.h("div", { key: '17773eb42eb20a1dc729c7026b8b80735092ad2a', part: "image", class: { 'bs-whats-new-entry__image': true, 'bs-whats-new-entry__image--visible': this.hasImage } }, index.h("slot", { key: 'b217d2bfa06a46f53416cbdef847edb2475e54b2', name: "image", onSlotchange: (ev) => (this.hasImage = ev.target.assignedNodes().length > 0) })), index.h("div", { key: '8c7a4695302ac3b66c9f4365242c690ada0859a9', class: "bs-whats-new-entry__content" }, this.heading && index.h(`h${level}`, { part: 'heading', class: { 'bs-whats-new-entry__heading': true } }, this.heading), this.description && (index.h("p", { key: '098bab050181c7cbce9353e86b31d8d5fc71bc37', part: "description", class: "bs-whats-new-entry__description" }, this.description)), this.actionLabel && (index.h("bs-button", { key: 'a455f4ce7519409bead2de900d20a4e8c0cff87f', part: "action", class: "bs-whats-new-entry__action", variant: "subtle", size: "sm", onClick: () => this.bsAction.emit() }, this.actionLabel, index.h("svg", { key: 'af8d18c4893ac8048c1646d9d44cdd0ad7bcc3cc', slot: "end-icon", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round", "aria-hidden": "true" }, index.h("path", { key: 'aa1c74a5a7786032205569c58ffd5f46eae3efa6', d: "M5 12H19" }), index.h("path", { key: '38c809d94d7b789cbc2eb7b65408c878c82d1c43', d: "M13 6L19 12L13 18" }))))), this.divider && index.h("div", { key: 'dd61984417895380ec5b80b3b03b329bcae068ec', part: "divider", class: "bs-whats-new-entry__divider" })));
     }
 };
 BsWhatsNewEntry.style = bsWhatsNewEntryCss();

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

@@ -178,14 +178,14 @@ const BsTimepicker = class {
         return (index.h("div", { part: "spinner", class: "bs-timepicker__spinner" }, index.h("button", { part: "step", type: "button", class: "bs-timepicker__step", "aria-label": stepLabel(this.increaseLabel), tabindex: -1, onClick: () => this.stepBy(col, 1) }, index.h("svg", { viewBox: "0 0 24 24", fill: "none", "aria-hidden": "true" }, index.h("path", { d: "M18 15L12 9L6 15", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }))), index.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)), index.h("button", { part: "step", type: "button", class: "bs-timepicker__step", "aria-label": stepLabel(this.decreaseLabel), tabindex: -1, onClick: () => this.stepBy(col, -1) }, index.h("svg", { viewBox: "0 0 24 24", fill: "none", "aria-hidden": "true" }, index.h("path", { d: "M6 9L12 15L18 9", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" })))));
     }
     render() {
-        return (index.h("bs-card", { key: 'ad3c51871ca4b0b1871944b658bae070140d1e99', part: "container", class: "bs-timepicker", surface: "raised" }, index.h("div", { key: 'b522d8a85e0161c4f7cd7938364919eda0585cf9', class: "bs-timepicker__body" }, index.h("div", { key: 'a3dd5ea83fa63cd9e8e6db2dfeb32b195e084f58', part: "header", class: "bs-timepicker__header" }, index.h("div", { key: '9af7c0024a4341ed1bbaccb4fb25e0e7558de93e', part: "title", class: "bs-timepicker__title" }, this.heading), index.h("label", { key: 'e18dcfcfe44a19f8dbac0737e487b23234d92fd6', class: "bs-timepicker__format" }, index.h("span", { key: '954b1579e9789c76521ba9364ed84caee882a05d' }, this.formatLabel), index.h("bs-switch", { key: '020b23405f62aa272c8af71d9071e0090bec5c30', part: "format-toggle", size: "md", ariaLabel: this.formatLabel, checked: !this.is12h, onBsChange: (ev) => (this.format = ev.detail ? '24h' : '12h') }))), index.h("div", { key: '283ba5ff1525c6561b7d00552dfc86ed34284f9b', class: "bs-timepicker__divider" }), index.h("div", { key: 'c2dfc0cb7b7cc0e5d106565746f3426b4065af9a', part: "selector", class: "bs-timepicker__selector" }, this.renderColumn('hour', this.hourLabel), index.h("div", { key: '1d017fd059c36955ba5ba4c5da5a05b9fb18e7d2', part: "separator", class: "bs-timepicker__separator", "aria-hidden": "true" }, index.h("svg", { key: '6b182c00b7dbd9150640c47aee43423d20e270c5', viewBox: "0 0 4 32", fill: "currentColor" }, index.h("circle", { key: '531640b6870cc87a284ac9ea64ca5b292c4f529f', cx: "2", cy: "10", r: "2" }), index.h("circle", { key: '323a4a90bebd8203b5c2f9803ffe03055991f9e2', cx: "2", cy: "22", r: "2" }))), this.renderColumn('minute', this.minuteLabel), this.is12h && (index.h("bs-input", { key: '3d7ec2986824358b3f1e795a9ce05b1b81d14432', part: "period", class: "bs-timepicker__period", type: "dropdown", label: this.periodLabel, value: this.isPm ? 'PM' : 'AM', options: [
+        return (index.h("bs-card", { key: 'b10beb8dd035f96558d0cc1c62d8a9a852372e76', part: "container", class: "bs-timepicker", surface: "raised" }, index.h("div", { key: 'b75d31cab0ab45200526e32a4fd80ec4bbd0b93f', class: "bs-timepicker__body" }, index.h("div", { key: 'c76189d083c5e6294fdc3eb1584af65926a27b91', part: "header", class: "bs-timepicker__header" }, index.h("div", { key: 'd45ff2bd2e9f0057d2fce6235ecec2bc0e2a3904', part: "title", class: "bs-timepicker__title" }, this.heading), index.h("label", { key: '316576f63687c47440950845933e6236bec58c32', class: "bs-timepicker__format" }, index.h("span", { key: 'cc5785121a7437e85589e96499744ff963b99566' }, this.formatLabel), index.h("bs-switch", { key: 'b0b9fd4459092130c4f57a33a7ff3c3cfd8f8b96', part: "format-toggle", size: "md", ariaLabel: this.formatLabel, checked: !this.is12h, onBsChange: (ev) => (this.format = ev.detail ? '24h' : '12h') }))), index.h("div", { key: '8c14c3d42847b567d2abe2a476f9437a20f908c6', class: "bs-timepicker__divider" }), index.h("div", { key: '24368cea251d0075d4a5c6df2968ff68fc7def5d', part: "selector", class: "bs-timepicker__selector" }, this.renderColumn('hour', this.hourLabel), index.h("div", { key: 'f5ac1c36851ccf6af8ff21c929177e91a04d1a32', part: "separator", class: "bs-timepicker__separator", "aria-hidden": "true" }, index.h("svg", { key: '0c6a2dc94536c5111c0e8587750b21f843a04861', viewBox: "0 0 4 32", fill: "currentColor" }, index.h("circle", { key: '2d31480fbd0194ee9d6c9e60b25975654ad9952b', cx: "2", cy: "10", r: "2" }), index.h("circle", { key: '193b270a5c49634359a3fe93729ed3723177ca49', cx: "2", cy: "22", r: "2" }))), this.renderColumn('minute', this.minuteLabel), this.is12h && (index.h("bs-input", { key: '2fd70fb4b969a3c078a673df95315e32ee5e9612', 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;
-            } }))), index.h("div", { key: '664da910d0c1849ff6a47ca326945b37f837760a', class: "bs-timepicker__divider" }), index.h("div", { key: '852c88b44cbb5cc3f236363181920163776a4521', part: "footer", class: "bs-timepicker__footer" }, index.h("bs-button", { key: 'e92e26209c7ed2e45094265a54ad8347ce697f05', part: "cancel", variant: "subtle", onClick: this.cancel }, this.cancelLabel), index.h("bs-button", { key: '110338b7a98727089613a3eb661ca5e0d8346691', part: "confirm", variant: "primary", onClick: this.confirm }, this.confirmLabel)))));
+            } }))), index.h("div", { key: 'a49af89bf97bd9127917a37d65f192b023b7535f', class: "bs-timepicker__divider" }), index.h("div", { key: '67c33e73ebff80a943a78d455d0325a905839d4a', part: "footer", class: "bs-timepicker__footer" }, index.h("bs-button", { key: '4307ff06608b43825fb3618bad115f6ff0249ec9', part: "cancel", variant: "subtle", onClick: this.cancel }, this.cancelLabel), index.h("bs-button", { key: '336fbe75a702f49a8640bd4be98826910f2e1a1f', part: "confirm", variant: "primary", onClick: this.confirm }, this.confirmLabel)))));
     }
     static get formAssociated() { return true; }
     static get watchers() { return {

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

@@ -21,7 +21,7 @@ const BsToast = class {
         this.bsDismiss.emit();
     };
     render() {
-        return (index.h("div", { key: '335782bd5c8c1c721105684ee50efb71dc8a9dd8', part: "container", class: `bs-toast bs-toast--${this.state}`, role: "status", "aria-live": this.state === 'error' ? 'assertive' : 'polite' }, index.h("div", { key: '77c48c6315299064a6904646f46bb787dc4dada2', class: "bs-toast__content" }, index.h("span", { key: '8aef9bc3f662320fb3d60bbfdf8d4d8672297bd4', part: "icon", class: "bs-toast__icon", "aria-hidden": "true" }, index.h(StateIcon, { key: 'b1501a806e5866b69fbea2073741325f65b1209c', state: this.state })), index.h("span", { key: '751407d5dc04f3f8b4e57c5b47d1639f66e673a6', part: "message", class: "bs-toast__message" }, index.h("slot", { key: '9407fe265762817eb68e8119a40b792b53dbdb6e' }))), index.h("div", { key: '4bcd82ca67e8ce49998c7c954b3764df242e4eeb', class: "bs-toast__actions" }, index.h("button", { key: '352a9789b6f773ee385396bda80fde2ed972af30', part: "close", type: "button", class: "bs-toast__close", "aria-label": this.dismissLabel, onClick: this.onDismiss }, index.h(CloseIcon, { key: '5296f2811fda1f42b95087c4494fa05d3e0efff4' })))));
+        return (index.h("div", { key: '962b8e77c2a88c3454e5979e133a0afabdc0647d', part: "container", class: `bs-toast bs-toast--${this.state}`, role: "status", "aria-live": this.state === 'error' ? 'assertive' : 'polite' }, index.h("div", { key: 'b8412715dc7f6c5562ca4405cfcf032885ed34fb', class: "bs-toast__content" }, index.h("span", { key: '7cb72a3a3a8338b272b6bd55d31c4524fcc1cb95', part: "icon", class: "bs-toast__icon", "aria-hidden": "true" }, index.h(StateIcon, { key: '1497ae74f4214bb0b604da2fe3027d195c025af0', state: this.state })), index.h("span", { key: 'b6a425877af268bc3625c4fe8904fd278e85652a', part: "message", class: "bs-toast__message" }, index.h("slot", { key: 'ff37e67ce2652237f85f10a7a8e2596f348d2e67' }))), index.h("div", { key: '375891513e9d63651f88d9c943ec177ab359cdf6', class: "bs-toast__actions" }, index.h("button", { key: 'f19133e7fece3fe4ef7bf9477483110183e511cb', part: "close", type: "button", class: "bs-toast__close", "aria-label": this.dismissLabel, onClick: this.onDismiss }, index.h(CloseIcon, { key: '9379d93d62c959a607ee30c35d999a997da39b72' })))));
     }
 };
 const StateIcon = ({ state }) => {

package/dist/cjs/bs-tooltip-trigger.cjs.entry.js

@@ -38,7 +38,7 @@ const BsTooltipTrigger = class {
     };
     render() {
         const show = this.visible && !!this.text;
-        return (index.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 }, index.h("slot", { key: 'bf83352404bcdf757325421b86c8c571f89bae47' }), index.h("div", { key: '44f5fed6608f49041f206e44302a22404c1b6fc2', part: "tooltip", id: this.tooltipId, class: "bs-tooltip-trigger__tooltip", role: "tooltip", hidden: !show }, index.h("bs-tooltip", { key: 'f04fab6b6e9c6fba4c0dbdfe01db5927e98227cb' }, this.text))));
+        return (index.h("div", { key: '6e7f5e9019ed6184d1981e71a47e056d9c00b92a', 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 }, index.h("slot", { key: '4ed822a023c8b5f8c74f21f1e4f962e701a89517' }), index.h("div", { key: '2246032cca29561ded2e48ff26272b88ed4b4a40', part: "tooltip", id: this.tooltipId, class: "bs-tooltip-trigger__tooltip", role: "tooltip", hidden: !show }, index.h("bs-tooltip", { key: '40347ad8cd72910b16c9bf2cbd5f15c2a1688f0d' }, this.text))));
     }
 };
 BsTooltipTrigger.style = bsTooltipTriggerCss();

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

@@ -16,7 +16,7 @@ const BsTooltip = class {
      */
     placement = 'top';
     render() {
-        return (index.h("div", { key: 'f41f09865c1604e9c6f42d77a007ebef233d3b20', class: "bs-tooltip" }, index.h("span", { key: 'c963a9ffaedeb05e4b6787509e683f20fbd5d893', part: "arrow", class: "bs-tooltip__arrow" }), index.h("div", { key: 'ac5c26e3fded66c18cc563b33626645d6049f9e2', part: "bubble", class: "bs-tooltip__bubble" }, index.h("slot", { key: '662c27547a391756b7d1a98d1154c0e01690e110' }))));
+        return (index.h("div", { key: '4d7f71a8f113cf7d7ddca55936612df27557141f', class: "bs-tooltip" }, index.h("span", { key: 'e9dcb1f16b34377edbc52f8cbf2bae0c431680e0', part: "arrow", class: "bs-tooltip__arrow" }), index.h("div", { key: 'c8fe41efa7ea8d43cbec1e832562f67f06eecc19', part: "bubble", class: "bs-tooltip__bubble" }, index.h("slot", { key: 'cbc53c4425dd8aafa4fb4ebc4381f17bc622222c' }))));
     }
 };
 BsTooltip.style = bsTooltipCss();

package/dist/cjs/bs-tree-item.cjs.entry.js

@@ -0,0 +1,94 @@
+'use strict';
+
+var index = require('./index-BYfMRtlW.js');
+
+const bsTreeItemCss = () => `:host{display:block;outline:none;--bs-tree-item-height:var(--bs-spacing-600);--bs-tree-item-indent:40px;--bs-tree-item-radius:var(--bs-border-radius-100);--bs-tree-item-padding-x:var(--bs-spacing-50);--bs-tree-item-caret-gap:var(--bs-spacing-150);--bs-tree-item-content-gap:var(--bs-spacing-100);--bs-tree-item-font-size:var(--bs-font-size-md);--bs-tree-item-line-height:var(--bs-line-height-body-md);--bs-tree-item-text:var(--bs-text-default);--bs-tree-item-icon:var(--bs-icon-default);--bs-tree-item-bg-selected:var(--bs-surface-selected);--bs-tree-item-bg-hover:var(--bs-surface-hover);--bs-tree-item-bg-pressed:var(--bs-surface-pressed);--bs-tree-item-bg-focus:var(--bs-surface-focus);--bs-tree-item-bg-selected-hover:var(--bs-surface-selected-hover);--bs-tree-item-bg-selected-pressed:var(--bs-surface-selected-pressed);--bs-tree-item-bg-selected-focus:var(--bs-surface-selected-focus);--bs-tree-item-focus-ring:var(--bs-border-primary-hover);--bs-tree-item-text-disabled:var(--bs-text-on-disabled);--bs-tree-item-icon-disabled:var(--bs-icon-disabled);color:var(--bs-tree-item-text);font-family:inherit}:host([disabled]){color:var(--bs-tree-item-text-disabled)}.bs-tree-item__row{box-sizing:border-box;width:100%;height:var(--bs-tree-item-height);display:flex;padding-inline-start:calc((var(--bs-tree-item-level, 1) - 1) * var(--bs-tree-item-indent))}.bs-tree-item__container{box-sizing:border-box;flex:1;min-width:0;height:100%;display:flex;align-items:center;gap:var(--bs-tree-item-caret-gap);padding-inline:var(--bs-tree-item-padding-x);border-radius:var(--bs-tree-item-radius);background:transparent;cursor:pointer}.bs-tree-item__container--selected{background:var(--bs-tree-item-bg-selected)}.bs-tree-item__container:not(.bs-tree-item__container--disabled):hover{background:var(--bs-tree-item-bg-hover)}.bs-tree-item__container--selected:not(.bs-tree-item__container--disabled):hover{background:var(--bs-tree-item-bg-selected-hover)}.bs-tree-item__container:not(.bs-tree-item__container--disabled):active{background:var(--bs-tree-item-bg-pressed)}.bs-tree-item__container--selected:not(.bs-tree-item__container--disabled):active{background:var(--bs-tree-item-bg-selected-pressed)}:host(:focus-visible) .bs-tree-item__container{background:var(--bs-tree-item-bg-focus);outline:2px solid var(--bs-tree-item-focus-ring);outline-offset:0}:host(:focus-visible) .bs-tree-item__container--selected{background:var(--bs-tree-item-bg-selected-focus)}.bs-tree-item__container--disabled{cursor:default}.bs-tree-item__caret{display:flex;flex:none;width:24px;height:24px;color:var(--bs-tree-item-icon);transition:transform 150ms ease}.bs-tree-item__caret--open{transform:rotate(90deg)}.bs-tree-item__caret svg,.bs-tree-item__icon svg{width:24px;height:24px}.bs-tree-item__content{display:flex;align-items:center;gap:var(--bs-tree-item-content-gap);min-width:0}.bs-tree-item__icon{display:flex;flex:none;width:24px;height:24px;color:var(--bs-tree-item-icon)}.bs-tree-item__label{min-width:0;font-size:var(--bs-tree-item-font-size);line-height:calc(var(--bs-tree-item-line-height) * 1px);font-weight:var(--bs-font-weight-regular);color:inherit;word-break:break-word}.bs-tree-item__container--disabled .bs-tree-item__caret,.bs-tree-item__container--disabled .bs-tree-item__icon{color:var(--bs-tree-item-icon-disabled)}@media (prefers-reduced-motion: reduce){.bs-tree-item__caret{transition:none}}`;
+
+const BsTreeItem = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.bsToggle = index.createEvent(this, "bsToggle");
+        this.bsSelect = index.createEvent(this, "bsSelect");
+    }
+    get el() { return index.getElement(this); }
+    /** The row's text. Use the `label` slot for rich content. */
+    label = '';
+    /** Whether the child items are shown. Only meaningful for parents. Mutable: the caret, the
+     * keyboard and the owning tree toggle it. Reflected. */
+    expanded = false;
+    /** Marks the row as selected. Owned by the tree (single selection, synced with its `value`).
+     * Reflected. */
+    selected = false;
+    /** Disables the row: not focusable, ignores clicks, dimmed. Reflected. */
+    disabled = false;
+    /** Shows the leading icon (default folder / file, or the `icon` slot). */
+    showIcon = true;
+    /** Identifier used in events and for the tree's `value`. Falls back to `label` when empty. */
+    value = '';
+    /** Emitted when the user toggles expansion (caret click or keyboard), with the new `expanded`
+     * value. Not emitted when `expanded` is set from code. */
+    bsToggle;
+    /** Emitted (bubbling, composed) when the user activates the row, with the item's value. The
+     * owning `bs-tree` listens and updates the selection. */
+    bsSelect;
+    level = 1;
+    hasChildren = false;
+    observer;
+    connectedCallback() {
+        this.computeLevel();
+        this.computeHasChildren();
+        this.observer = new MutationObserver(() => this.computeHasChildren());
+        this.observer.observe(this.el, { childList: true });
+    }
+    disconnectedCallback() {
+        this.observer?.disconnect();
+    }
+    computeLevel() {
+        let level = 1;
+        let p = this.el.parentElement;
+        while (p) {
+            if (p.tagName === 'BS-TREE-ITEM')
+                level++;
+            p = p.parentElement;
+        }
+        this.level = level;
+    }
+    computeHasChildren() {
+        this.hasChildren = Array.from(this.el.children).some(c => c.tagName === 'BS-TREE-ITEM');
+    }
+    /** Sets `expanded` as a user action: updates the prop and emits `bsToggle`. No-op for leaves,
+     * disabled items, or when the value would not change. */
+    async setExpanded(next) {
+        if (this.disabled || !this.hasChildren || this.expanded === next)
+            return;
+        this.expanded = next;
+        this.bsToggle.emit(next);
+    }
+    onCaretClick = (e) => {
+        e.stopPropagation();
+        if (this.disabled)
+            return;
+        this.setExpanded(!this.expanded);
+    };
+    onRowClick = () => {
+        if (this.disabled)
+            return;
+        this.bsSelect.emit(this.value || this.label);
+    };
+    render() {
+        const isParent = this.hasChildren;
+        const managed = !!this.el.closest('bs-tree');
+        const showChildren = isParent && this.expanded;
+        return (index.h(index.Host, { key: 'ec3feab142de28ddd1e474d1bbb0b338b4350a8c', 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' }) }, index.h("div", { key: '711521ffa3cd3f46a90ef102d0e552992bcbb495', class: "bs-tree-item__row", style: { '--bs-tree-item-level': String(this.level) } }, index.h("div", { key: 'd72150c1b891962f1a5228d4e4ee85822bb20b3e', 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 && (index.h("span", { key: 'f788c92178c2f8ddb4aae5472f0625073b043811', part: "caret", class: { 'bs-tree-item__caret': true, 'bs-tree-item__caret--open': this.expanded }, "aria-hidden": "true", onClick: this.onCaretClick }, index.h(CaretRightIcon, { key: '18d5ef1a4dd6aa4d1095c9239952171bdbe917c9' }))), index.h("span", { key: '7f78d1c1fd7e6ac20bb0780c454b47ac09ee9fcb', class: "bs-tree-item__content" }, this.showIcon && (index.h("span", { key: '98f4d7812c832edb394ac26ba707d12761a45b7e', part: "icon", class: "bs-tree-item__icon", "aria-hidden": "true" }, index.h("slot", { key: '5a9d10638edf2b1c269c3df5d08f82f5fe2795f6', name: "icon" }, isParent ? index.h(FolderIcon, null) : index.h(FileIcon, null)))), index.h("span", { key: '5e7e2ffbbb9a81b25b6eadf08d4db3e55cbbd919', part: "label", class: "bs-tree-item__label" }, index.h("slot", { key: 'bd5f92d093ebcc75b0d7f683f0e234e5757c06d0', name: "label" }, this.label))))), showChildren && (index.h("div", { key: '605a2bfdf479903c96750bd11d2e99044b38bc5c', part: "group", class: "bs-tree-item__group", role: "group" }, index.h("slot", { key: 'ee652e9cc80780f30eec5f18a9d5a7e27e9f2395' })))));
+    }
+};
+const CaretRightIcon = () => (index.h("svg", { viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true" }, index.h("path", { d: "M9.75 6L15.75 12L9.75 18", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" })));
+const FolderIcon = () => (index.h("svg", { viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true" }, index.h("path", { d: "M3.75 6.75C3.75 5.92 4.42 5.25 5.25 5.25H9.4C9.8 5.25 10.18 5.41 10.46 5.69L11.54 6.77C11.82 7.05 12.2 7.21 12.6 7.21H18.75C19.58 7.21 20.25 7.88 20.25 8.71V17.25C20.25 18.08 19.58 18.75 18.75 18.75H5.25C4.42 18.75 3.75 18.08 3.75 17.25V6.75Z", stroke: "currentColor", "stroke-width": "1.5", "stroke-linejoin": "round" })));
+const FileIcon = () => (index.h("svg", { viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true" }, index.h("path", { d: "M13.5 3.75H7.5C6.67 3.75 6 4.42 6 5.25V18.75C6 19.58 6.67 20.25 7.5 20.25H16.5C17.33 20.25 18 19.58 18 18.75V8.25L13.5 3.75Z", stroke: "currentColor", "stroke-width": "1.5", "stroke-linejoin": "round" }), index.h("path", { d: "M13.5 3.75V8.25H18", stroke: "currentColor", "stroke-width": "1.5", "stroke-linejoin": "round" }), index.h("path", { d: "M9 12.75H15M9 15.75H15", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round" })));
+BsTreeItem.style = bsTreeItemCss();
+
+exports.bs_tree_item = BsTreeItem;

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

@@ -0,0 +1,197 @@
+'use strict';
+
+var index = require('./index-BYfMRtlW.js');
+
+const bsTreeCss = () => `:host{display:block}.bs-tree{display:block;width:100%}`;
+
+const BsTree = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.bsChange = index.createEvent(this, "bsChange");
+    }
+    get el() { return index.getElement(this); }
+    /** Accessible name of the tree. Bound onto the internal `role="tree"` element (an `aria-label`
+     * on the host would not reach it). */
+    ariaLabel = null;
+    /** The `value` (or, when empty, the `label`) of the selected item. Two-way synced with each
+     * item's `selected` (single selection). Setting it from code does not emit `bsChange`. */
+    value = '';
+    /** When `false`, rows do not select (clicks and Enter/Space do nothing) but parents still
+     * expand and collapse. */
+    selectable = true;
+    /** Emitted when the user changes the selection (click, Enter/Space), with the new value. Not
+     * emitted when `value` is set from code. */
+    bsChange;
+    observer;
+    connectedCallback() {
+        this.observer = new MutationObserver(() => this.refresh());
+        this.observer.observe(this.el, {
+            childList: true,
+            subtree: true,
+            attributes: true,
+            attributeFilter: ['expanded', 'disabled'],
+        });
+    }
+    disconnectedCallback() {
+        this.observer?.disconnect();
+    }
+    componentDidLoad() {
+        if (!this.value) {
+            const preselected = this.items().find(i => i.selected || i.hasAttribute('selected'));
+            if (preselected)
+                this.value = this.keyOf(preselected);
+        }
+        this.syncSelection();
+        this.refresh();
+    }
+    onValueChange() {
+        this.syncSelection();
+        this.refresh();
+    }
+    /** Expands every parent item. */
+    async expandAll() {
+        this.items().forEach(i => (i.expanded = true));
+    }
+    /** Collapses every parent item. */
+    async collapseAll() {
+        this.items().forEach(i => (i.expanded = false));
+    }
+    items() {
+        return Array.from(this.el.querySelectorAll('bs-tree-item'));
+    }
+    keyOf(item) {
+        return item.value || item.label;
+    }
+    isParent(item) {
+        return Array.from(item.children).some(c => c.tagName === 'BS-TREE-ITEM');
+    }
+    isRendered(item) {
+        let p = item.parentElement;
+        while (p && p !== this.el) {
+            if (p.tagName === 'BS-TREE-ITEM' && !p.expanded)
+                return false;
+            p = p.parentElement;
+        }
+        return true;
+    }
+    navigable() {
+        return this.items().filter(i => !i.disabled && this.isRendered(i));
+    }
+    syncSelection() {
+        let found = false;
+        this.items().forEach(i => {
+            const sel = !!this.value && !found && this.keyOf(i) === this.value;
+            if (sel)
+                found = true;
+            if (i.selected !== sel)
+                i.selected = sel;
+        });
+    }
+    /** Roving tabindex: one tabbable item (selected if navigable, else the first). */
+    refresh(preferred) {
+        const nav = this.navigable();
+        const target = preferred && nav.includes(preferred) ? preferred : nav.find(i => i.selected) ?? nav[0];
+        this.items().forEach(i => {
+            if (i.disabled)
+                i.removeAttribute('tabindex');
+            else
+                i.setAttribute('tabindex', i === target ? '0' : '-1');
+        });
+    }
+    focusItem(item) {
+        if (!item)
+            return;
+        this.refresh(item);
+        item.focus();
+    }
+    select(item) {
+        if (!this.selectable || item.disabled)
+            return;
+        const key = this.keyOf(item);
+        if (key === this.value)
+            return;
+        this.value = key;
+        this.syncSelection();
+        this.refresh(item);
+        this.bsChange.emit(key);
+    }
+    onItemSelect(e) {
+        const item = e.target.closest('bs-tree-item');
+        if (item)
+            this.select(item);
+    }
+    onFocusIn(e) {
+        const item = e.target.closest?.('bs-tree-item');
+        if (item && !item.disabled && e.target === item)
+            this.refresh(item);
+    }
+    onKeyDown(e) {
+        const item = e.target.closest?.('bs-tree-item');
+        if (!item || e.target !== item || e.altKey || e.ctrlKey || e.metaKey)
+            return;
+        const nav = this.navigable();
+        const idx = nav.indexOf(item);
+        const rtl = getComputedStyle(this.el).direction === 'rtl';
+        let key = e.key;
+        if (rtl && key === 'ArrowRight')
+            key = 'ArrowLeft';
+        else if (rtl && key === 'ArrowLeft')
+            key = 'ArrowRight';
+        const parent = this.isParent(item);
+        switch (key) {
+            case 'ArrowDown':
+                this.focusItem(nav[idx + 1]);
+                break;
+            case 'ArrowUp':
+                if (idx > 0)
+                    this.focusItem(nav[idx - 1]);
+                break;
+            case 'Home':
+                this.focusItem(nav[0]);
+                break;
+            case 'End':
+                this.focusItem(nav[nav.length - 1]);
+                break;
+            case 'ArrowRight':
+                if (!parent)
+                    return;
+                if (!item.expanded)
+                    item.setExpanded(true);
+                else
+                    this.focusItem(nav.find(i => i.parentElement === item));
+                break;
+            case 'ArrowLeft':
+                if (parent && item.expanded)
+                    item.setExpanded(false);
+                else {
+                    const up = item.parentElement;
+                    if (up && up.tagName === 'BS-TREE-ITEM' && !up.disabled)
+                        this.focusItem(up);
+                }
+                break;
+            case 'Enter':
+            case ' ':
+                this.select(item);
+                break;
+            case '*':
+                Array.from(item.parentElement.children)
+                    .filter((c) => c.tagName === 'BS-TREE-ITEM')
+                    .forEach(sib => sib.setExpanded(true));
+                break;
+            default:
+                return;
+        }
+        e.preventDefault();
+    }
+    render() {
+        return (index.h("div", { key: 'fb73a8063a6a5b82df89fe43fe8e2101f676ef1b', part: "container", class: "bs-tree", role: "tree", "aria-label": this.ariaLabel }, index.h("slot", { key: 'b72a24a057489b00bfc0966ff98328a174f54a14' })));
+    }
+    static get watchers() { return {
+        "value": [{
+                "onValueChange": 0
+            }]
+    }; }
+};
+BsTree.style = bsTreeCss();
+
+exports.bs_tree = BsTree;