@brandsync/wc 1.8.0 → 1.10.0

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

@@ -0,0 +1,207 @@
+import { r as registerInstance, c as createEvent, a as getElement, h } from './index-AgoOSYvW.js';
+
+const bsTimepickerCss = () => `:host{display:inline-block;--bs-timepicker-width:294px;--bs-timepicker-bg:var(--bs-surface-raised);--bs-timepicker-radius:var(--bs-border-radius-100);--bs-timepicker-padding-y:var(--bs-spacing-200);--bs-timepicker-padding-x:var(--bs-spacing-200);--bs-timepicker-gap:var(--bs-spacing-200);--bs-timepicker-shadow:var(--bs-shadow-md);--bs-timepicker-title-size:var(--bs-font-size-2xl);--bs-timepicker-title-line-height:var(--bs-line-height-heading-h6);--bs-timepicker-color:var(--bs-text-default);--bs-timepicker-color-secondary:var(--bs-text-secondary);--bs-timepicker-divider:var(--bs-border-neutral-container);--bs-timepicker-cell-size:var(--bs-spacing-550);--bs-timepicker-cell-radius:var(--bs-border-radius-100);--bs-timepicker-value-radius:var(--bs-border-radius-50);--bs-timepicker-hover:var(--bs-surface-hover);--bs-timepicker-pressed:var(--bs-surface-pressed);--bs-timepicker-focus-ring-color:var(--bs-border-neutral-container-focused)}.bs-timepicker{box-sizing:border-box;display:flex;flex-direction:column;gap:var(--bs-timepicker-gap);width:var(--bs-timepicker-width);max-width:100%;padding:var(--bs-timepicker-padding-y) 0;border-radius:var(--bs-timepicker-radius);background:var(--bs-timepicker-bg);box-shadow:var(--bs-timepicker-shadow);color:var(--bs-timepicker-color);font-family:inherit;font-size:var(--bs-font-size-md)}.bs-timepicker__header{display:flex;align-items:center;gap:var(--bs-spacing-100);padding:0 var(--bs-timepicker-padding-x)}.bs-timepicker__title{flex:1 1 0;min-width:0;font-size:var(--bs-timepicker-title-size);font-weight:var(--bs-font-weight-bold);line-height:calc(var(--bs-timepicker-title-line-height) * 1px)}.bs-timepicker__format{display:flex;align-items:center;gap:var(--bs-spacing-50);color:var(--bs-timepicker-color-secondary);line-height:calc(var(--bs-line-height-body-md) * 1px)}.bs-timepicker__divider{height:1px;background:var(--bs-timepicker-divider)}.bs-timepicker__selector{display:flex;align-items:center;justify-content:center;gap:var(--bs-spacing-200);padding:0 var(--bs-timepicker-padding-x)}.bs-timepicker__spinner{display:flex;flex-direction:column;align-items:center;gap:var(--bs-spacing-100);width:var(--bs-timepicker-cell-size)}.bs-timepicker__step,.bs-timepicker__value{display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:var(--bs-timepicker-cell-size);height:var(--bs-timepicker-cell-size);padding:0;border:none;background:transparent;font-family:inherit}.bs-timepicker__step{border-radius:var(--bs-timepicker-cell-radius);color:var(--bs-timepicker-color-secondary);cursor:pointer}.bs-timepicker__step svg{width:24px;height:24px}.bs-timepicker__value{border-radius:var(--bs-timepicker-value-radius);color:var(--bs-timepicker-color);font-size:var(--bs-timepicker-title-size);font-weight:var(--bs-font-weight-bold);line-height:calc(var(--bs-timepicker-title-line-height) * 1px);font-variant-numeric:tabular-nums;cursor:pointer;user-select:none}.bs-timepicker__step:hover,.bs-timepicker__value:hover{background:var(--bs-timepicker-hover)}.bs-timepicker__step:active,.bs-timepicker__value:active{background:var(--bs-timepicker-pressed)}.bs-timepicker__step:focus-visible,.bs-timepicker__value:focus-visible{outline:2px solid var(--bs-timepicker-focus-ring-color);outline-offset:0}.bs-timepicker__separator{display:flex;align-items:center;color:var(--bs-timepicker-color)}.bs-timepicker__separator svg{width:4px;height:32px}.bs-timepicker__period::part(label){position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.bs-timepicker__period{width:112px}.bs-timepicker__period::part(control){caret-color:transparent;cursor:pointer;text-overflow:clip}.bs-timepicker__footer{display:flex;align-items:flex-start;justify-content:flex-end;gap:var(--bs-spacing-100);padding:0 var(--bs-timepicker-padding-x)}`;
+
+const BsTimepicker = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.bsChange = createEvent(this, "bsChange");
+        this.bsCancel = createEvent(this, "bsCancel");
+        if (hostRef.$hostElement$["s-ei"]) {
+            this.internals = hostRef.$hostElement$["s-ei"];
+        }
+        else {
+            this.internals = hostRef.$hostElement$.attachInternals();
+            hostRef.$hostElement$["s-ei"] = this.internals;
+        }
+    }
+    get el() { return getElement(this); }
+    internals;
+    initialValue = '';
+    typed = '';
+    /** The `name` the confirmed value is submitted under in a surrounding `<form>`. */
+    name;
+    /** The confirmed time, 24-hour `HH:mm`. Empty means no time chosen yet (the picker opens on
+     * 00:00). Mutable so Confirm updates it directly; `bsChange` still fires. */
+    value = '';
+    /** Display format: `12h` (with an AM/PM dropdown) or `24h`. The user can switch it with the
+     * 24h switch. Does not change `value`, which is always 24-hour. */
+    format = '12h';
+    /** Step, in minutes, of the minute spinner's carets and arrow keys. Typing is not constrained. */
+    minuteStep = 1;
+    /** Heading text. */
+    heading = 'Select Time';
+    /** Label of the 24h switch. */
+    formatLabel = '24h';
+    /** Label of the Confirm button. */
+    confirmLabel = 'Confirm';
+    /** Label of the Cancel button. */
+    cancelLabel = 'Cancel';
+    /** Accessible name of the hour spinner. */
+    hourLabel = 'Hour';
+    /** Accessible name of the minute spinner. */
+    minuteLabel = 'Minute';
+    /** Accessible name of the AM/PM dropdown. */
+    periodLabel = 'AM/PM';
+    /** Fires when the user presses Confirm: `{ value }` as 24-hour `HH:mm`. Not fired when `value` is
+     * set programmatically. */
+    bsChange;
+    /** Fires when the user presses Cancel. The draft is reset to `value`. */
+    bsCancel;
+    /** Draft hour, 0-23. */
+    hour = 0;
+    /** Draft minute, 0-59. */
+    minute = 0;
+    componentWillLoad() {
+        this.initialValue = this.value;
+        this.resetDraft();
+        this.syncFormValue();
+    }
+    onValueChange() {
+        this.resetDraft();
+        this.syncFormValue();
+    }
+    onNameChange() {
+        this.syncFormValue();
+    }
+    /** Called by the browser when the surrounding `<form>` is reset. */
+    formResetCallback() {
+        this.value = this.initialValue;
+    }
+    resetDraft() {
+        const t = parseTime(this.value);
+        this.hour = t ? t.hour : 0;
+        this.minute = t ? t.minute : 0;
+    }
+    syncFormValue() {
+        if (!this.internals?.setFormValue)
+            return;
+        this.internals.setFormValue(this.value ?? '');
+    }
+    get step() {
+        const n = Math.trunc(Number(this.minuteStep));
+        return Number.isFinite(n) && n >= 1 && n <= 59 ? n : 1;
+    }
+    get is12h() {
+        return this.format !== '24h';
+    }
+    get isPm() {
+        return this.hour >= 12;
+    }
+    // --- stepping ----------------------------------------------------------------------------
+    /** The number shown in a column. In 12h mode the hour reads 1-12. */
+    shown(col) {
+        if (col === 'minute')
+            return this.minute;
+        return this.is12h ? this.hour % 12 || 12 : this.hour;
+    }
+    bounds(col) {
+        if (col === 'minute')
+            return [0, 59];
+        return this.is12h ? [1, 12] : [0, 23];
+    }
+    setShown(col, n) {
+        if (col === 'minute') {
+            this.minute = n;
+        }
+        else {
+            // 12h keeps the current AM/PM; 12 AM is hour 0 and 12 PM is hour 12.
+            this.hour = this.is12h ? (n % 12) + (this.isPm ? 12 : 0) : n;
+        }
+    }
+    stepBy(col, dir) {
+        const [min, max] = this.bounds(col);
+        const size = max - min + 1;
+        const by = col === 'minute' ? this.step : 1;
+        let next = this.shown(col) + dir * by;
+        if (col === 'minute') {
+            // Snap onto the step grid when leaving an off-grid value (e.g. typed 07 with step 15).
+            const cur = this.shown(col);
+            next = dir === 1 ? Math.floor(cur / by) * by + by : Math.ceil(cur / by) * by - by;
+        }
+        this.setShown(col, ((((next - min) % size) + size) % size) + min);
+    }
+    onKeyDown = (col) => (ev) => {
+        const [min, max] = this.bounds(col);
+        if (ev.key === 'ArrowUp')
+            this.stepBy(col, 1);
+        else if (ev.key === 'ArrowDown')
+            this.stepBy(col, -1);
+        else if (ev.key === 'Home')
+            this.setShown(col, min);
+        else if (ev.key === 'End')
+            this.setShown(col, max);
+        else if (/^\d$/.test(ev.key)) {
+            // Two digits make a value; a lone digit that can't start a valid two-digit value commits
+            // immediately.
+            const candidate = Number((this.typed + ev.key).slice(-2));
+            this.typed = (this.typed + ev.key).slice(-2);
+            if (candidate >= min && candidate <= max)
+                this.setShown(col, candidate);
+            else {
+                this.typed = ev.key;
+                const single = Number(ev.key);
+                if (single >= min && single <= max)
+                    this.setShown(col, single);
+            }
+            if (this.typed.length === 2)
+                this.typed = '';
+            ev.preventDefault();
+            return;
+        }
+        else
+            return;
+        this.typed = '';
+        ev.preventDefault();
+    };
+    // --- actions -----------------------------------------------------------------------------
+    confirm = () => {
+        const value = `${pad(this.hour)}:${pad(this.minute)}`;
+        this.value = value;
+        this.bsChange.emit({ value });
+    };
+    cancel = () => {
+        this.resetDraft();
+        this.bsCancel.emit();
+    };
+    // --- rendering ---------------------------------------------------------------------------
+    renderColumn(col, label) {
+        const [min, max] = this.bounds(col);
+        const n = this.shown(col);
+        const stepLabel = (dir) => `${dir} ${label.toLowerCase()}`;
+        return (h("div", { part: "spinner", class: "bs-timepicker__spinner" }, h("button", { part: "step", type: "button", class: "bs-timepicker__step", "aria-label": stepLabel('Increase'), 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('Decrease'), 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("div", { key: 'a2e5fe098763d32468ffc0bdd3c2df153385dfd7', part: "container", class: "bs-timepicker" }, h("div", { key: 'd7a3bcdb9585480d2f58b27d8499f6ef9c8d21e0', part: "header", class: "bs-timepicker__header" }, h("div", { key: '6183e6243df377936ddc2d5a92238720efc7a671', part: "title", class: "bs-timepicker__title" }, this.heading), h("label", { key: '4e95425e9f67d6575ef9572a9c385b9a5c887359', class: "bs-timepicker__format" }, h("span", { key: '29771986229fd68af07078e3528a12d75f4a5794' }, this.formatLabel), h("bs-switch", { key: '946ea660ff659d71ca2c3e024bff8eb05afdcfe8', part: "format-toggle", size: "md", ariaLabel: this.formatLabel, checked: !this.is12h, onBsChange: (ev) => (this.format = ev.detail ? '24h' : '12h') }))), h("div", { key: 'e6367ea101ae0981224129bc6c70c7bf5d2b6db9', class: "bs-timepicker__divider" }), h("div", { key: '20ab9cfd9702dae8bf097de642e61439489f6fb5', part: "selector", class: "bs-timepicker__selector" }, this.renderColumn('hour', this.hourLabel), h("div", { key: '5780f3fb2eb6f5b2e6d29ed4cd1585190051e3fd', part: "separator", class: "bs-timepicker__separator", "aria-hidden": "true" }, h("svg", { key: 'd35956df0f6f18f1472cc720f4ab876bbc41e515', viewBox: "0 0 4 32", fill: "currentColor" }, h("circle", { key: '4e6083df833bc3bf6390c80d7911219e61a51d37', cx: "2", cy: "10", r: "2" }), h("circle", { key: 'e3dea9bb879e7b4b09b9d37a0becbfd54f803169', cx: "2", cy: "22", r: "2" }))), this.renderColumn('minute', this.minuteLabel), this.is12h && (h("bs-input", { key: 'a9fb9ef6ff16d5c3f4aa4e067e3795a7ddc7d1e7', 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: 'e4256dede407bec46c5da8e967001472ccd0f49b', class: "bs-timepicker__divider" }), h("div", { key: '9be6cade11a25c92c77f4313827f49ee8d89dfb4', part: "footer", class: "bs-timepicker__footer" }, h("bs-button", { key: '6ded59a284b389b5e4a259b1a238296ec83d6c27', part: "cancel", variant: "subtle", onClick: this.cancel }, this.cancelLabel), h("bs-button", { key: 'e1f566c9c34b3371783206910d91a9d49f8cdc41', part: "confirm", variant: "primary", onClick: this.confirm }, this.confirmLabel))));
+    }
+    static get formAssociated() { return true; }
+    static get watchers() { return {
+        "value": [{
+                "onValueChange": 0
+            }],
+        "name": [{
+                "onNameChange": 0
+            }]
+    }; }
+};
+function pad(n) {
+    return String(n).padStart(2, '0');
+}
+function parseTime(s) {
+    const m = /^(\d{1,2}):(\d{2})$/.exec((s ?? '').trim());
+    if (!m)
+        return undefined;
+    const hour = Number(m[1]);
+    const minute = Number(m[2]);
+    return hour <= 23 && minute <= 59 ? { hour, minute } : undefined;
+}
+BsTimepicker.style = bsTimepickerCss();
+
+export { BsTimepicker as bs_timepicker };

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

@@ -17,7 +17,7 @@ const BsToast = class {
         this.bsDismiss.emit();
     };
     render() {
-        return (h("div", { key: '238f177a44aa2bd735432fe8f3fd1d761065d023', part: "container", class: `bs-toast bs-toast--${this.state}`, role: "status", "aria-live": this.state === 'error' ? 'assertive' : 'polite' }, h("div", { key: '717e222c7b271db0ff5aa57db8ce0efa15bfaf50', class: "bs-toast__content" }, h("span", { key: '316106f6efbcc8abe6bb155e77ec21343b93287c', part: "icon", class: "bs-toast__icon", "aria-hidden": "true" }, h(StateIcon, { key: '5973febbe8d7be889fd14cac847c417a22acb111', state: this.state })), h("span", { key: '1d16db1ba5c010ac5af237b4b399e0dda6f6df59', part: "message", class: "bs-toast__message" }, h("slot", { key: '40e97271fec790a850491be58ae87e54b4765a6a' }))), h("div", { key: '16744b9b6ad79d13aec16afa6593ab0de1ec5ee2', class: "bs-toast__actions" }, h("button", { key: '87adace9953b2dca831543132f3fe5590bc4c52f', part: "close", type: "button", class: "bs-toast__close", "aria-label": "Dismiss", onClick: this.onDismiss }, h(CloseIcon, { key: 'dcf5ffe7a5553ec2792d801c7f62ed367d1454ef' })))));
+        return (h("div", { key: 'e8da15f45d0491a0eb8568a8fc31e2b802cf30c3', part: "container", class: `bs-toast bs-toast--${this.state}`, role: "status", "aria-live": this.state === 'error' ? 'assertive' : 'polite' }, h("div", { key: '703099dfc85c56997a2cf6e5e86bd559d1a9d971', class: "bs-toast__content" }, h("span", { key: 'dacb887b5e7bdae27100399a80f9c2cc7a9970d6', part: "icon", class: "bs-toast__icon", "aria-hidden": "true" }, h(StateIcon, { key: '5d71c6abf0c68673c20de54162557a224cffd66b', state: this.state })), h("span", { key: '6587834edfbdf0188a8780ee0c5b93a572956da4', part: "message", class: "bs-toast__message" }, h("slot", { key: '559c2a397c140532185da397a7cab18f484fad19' }))), h("div", { key: '87f868f1b541432798de1f511f92091434c41e0f', class: "bs-toast__actions" }, h("button", { key: '6267c6dcc3114af0d9fecd250097416f80f661b1', part: "close", type: "button", class: "bs-toast__close", "aria-label": "Dismiss", onClick: this.onDismiss }, h(CloseIcon, { key: '8b6a5b9e2ce36d5cbbec7801df81fd125c7d0f27' })))));
     }
 };
 const StateIcon = ({ state }) => {

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

@@ -14,7 +14,7 @@ const BsTooltip = class {
      */
     placement = 'top';
     render() {
-        return (h("div", { key: 'b7c2ee57db3a4e36cdd106d78f0f8d54c45a04c6', class: "bs-tooltip" }, h("span", { key: '22b738a760e9967233052ce4540c77da4ac9563e', part: "arrow", class: "bs-tooltip__arrow" }), h("div", { key: '69a8b07711478e699be4c8151d9f7dfd2e4e0bf4', part: "bubble", class: "bs-tooltip__bubble" }, h("slot", { key: 'b32c75a06582b8e8f99b973889450e9100b75323' }))));
+        return (h("div", { key: '6fdabb24080aa3e58a1054aa63f43878da2d0787', class: "bs-tooltip" }, h("span", { key: 'ec139068fd7714642215b47ffbd91318062cbb84', part: "arrow", class: "bs-tooltip__arrow" }), h("div", { key: 'c1e18985eeb5263b6faf9c14c1f6c93cfe6c1062', part: "bubble", class: "bs-tooltip__bubble" }, h("slot", { key: 'f521333b359cb1b30457753ee28379a064aeeae2' }))));
     }
 };
 BsTooltip.style = bsTooltipCss();

package/dist/esm/loader.js

@@ -4,7 +4,7 @@ export { s as setNonce } from './index-AgoOSYvW.js';
 const defineCustomElements = async (win, options) => {
   if (typeof window === 'undefined') return undefined;
   await globalScripts();
-  return bootstrapLazy([["bs-carousel",[[769,"bs-carousel",{"tracker":[1],"slidesPerView":[2,"slides-per-view"],"currentPage":[1538,"current-page"],"autoplay":[4],"interval":[2],"paused":[1540],"label":[1],"previousLabel":[1,"previous-label"],"nextLabel":[1,"next-label"],"pauseLabel":[1,"pause-label"],"playLabel":[1,"play-label"],"slideCount":[32],"interacting":[32]},[[1,"mouseenter","onMouseEnter"],[1,"mouseleave","onMouseLeave"],[0,"focusin","onFocusIn"],[0,"focusout","onFocusOut"]],{"currentPage":[{"onCurrentPageChange":0}],"autoplay":[{"updateTimer":0}],"paused":[{"updateTimer":0}],"interval":[{"updateTimer":0}],"interacting":[{"updateTimer":0}],"slideCount":[{"updateTimer":0}],"slidesPerView":[{"updateTimer":0}]}]]],["bs-file-upload-item",[[769,"bs-file-upload-item",{"state":[513],"fileName":[1,"file-name"],"fileSize":[1,"file-size"],"progress":[2],"message":[1],"thumbnailSrc":[1,"thumbnail-src"],"thumbnailAlt":[1,"thumbnail-alt"],"cancelLabel":[1,"cancel-label"],"removeLabel":[1,"remove-label"]}]]],["bs-input",[[849,"bs-input",{"name":[513],"value":[1025],"type":[1],"label":[1],"placeholder":[1],"description":[1],"error":[1],"disabled":[516],"required":[4],"step":[2],"min":[2],"max":[2],"options":[16],"rows":[2],"chips":[16],"titleOptions":[16],"initialsTitle":[1,"initials-title"],"countryOptions":[16],"country":[1],"length":[2],"open":[1540],"hasIcon":[32],"hasEndIcon":[32],"passwordVisible":[32],"chipDraft":[32]},[[0,"keydown","onHostKeydown"],[0,"focusout","onHostFocusOut"]],{"value":[{"onFormStateChange":0}],"type":[{"onFormStateChange":0}],"chips":[{"onFormStateChange":0}],"required":[{"onFormStateChange":0}]}]]],["bs-snackbar",[[769,"bs-snackbar",{"variant":[1],"loading":[4],"actionLabel":[1,"action-label"]}]]],["bs-attachment",[[513,"bs-attachment",{"type":[1],"fileName":[1,"file-name"],"imageSrc":[1,"image-src"],"imageAlt":[1,"image-alt"],"loading":[4],"removable":[4]}]]],["bs-breadcrumb-overflow",[[513,"bs-breadcrumb-overflow",{"items":[16],"overflowLabel":[1,"overflow-label"],"size":[513],"open":[32]},[[0,"keydown","onHostKeydown"],[0,"focusout","onHostFocusOut"]]]]],["bs-chatbot-header",[[769,"bs-chatbot-header",{"heading":[1],"expanded":[1540]}]]],["bs-dialog",[[769,"bs-dialog",{"open":[1540],"heading":[1],"size":[1],"centered":[516],"hasFooter":[32],"hasImage":[32],"hasIcon":[32]},[[4,"keydown","onKeydown"],[4,"focusin","onFocusIn"]]]]],["bs-file-upload",[[769,"bs-file-upload",{"direction":[513],"heading":[1],"description":[1],"buttonLabel":[1,"button-label"],"accept":[1],"multiple":[4],"disabled":[516],"dragging":[1540]}]]],["bs-navigation-drawer",[[769,"bs-navigation-drawer",{"heading":[1],"collapsible":[4],"collapsed":[1540],"logoBackground":[1,"logo-background"],"showLogo":[4,"show-logo"]},null,{"collapsed":[{"onCollapsedChange":0}]}]]],["bs-navigation-header",[[769,"bs-navigation-header",{"alignment":[1],"ariaLabel":[1,"aria-label"],"skipToContentHref":[1,"skip-to-content-href"],"skipToContentLabel":[1,"skip-to-content-label"],"logoBackground":[1,"logo-background"]}]]],["bs-accordion",[[769,"bs-accordion",{"expanded":[516],"size":[1],"disabled":[4],"showIcon":[4,"show-icon"],"showPreview":[4,"show-preview"]}]]],["bs-ai-disclaimer",[[257,"bs-ai-disclaimer"]]],["bs-ai-greeting",[[513,"bs-ai-greeting",{"assistantName":[1,"assistant-name"],"productName":[1,"product-name"]}]]],["bs-ai-thinking",[[513,"bs-ai-thinking",{"label":[1]}]]],["bs-attachment-list",[[769,"bs-attachment-list",{"ariaLabel":[1,"aria-label"],"canScrollRight":[32]}]]],["bs-avatar",[[513,"bs-avatar",{"type":[1],"size":[1],"initials":[1],"src":[1],"alt":[1],"ariaLabel":[1,"aria-label"],"disabled":[516]}]]],["bs-badge",[[769,"bs-badge",{"variant":[1]}]]],["bs-breadcrumb",[[769,"bs-breadcrumb",{"href":[1],"current":[516],"size":[513]}]]],["bs-breadcrumbs",[[769,"bs-breadcrumbs",{"label":[1],"size":[1]},null,{"size":[{"onSizeChange":0}]}]]],["bs-button-skeleton",[[513,"bs-button-skeleton",{"size":[1]}]]],["bs-card",[[769,"bs-card",{"surface":[1],"hasImage":[32]}]]],["bs-chatbot-feedback",[[513,"bs-chatbot-feedback",{"rating":[1538],"submitted":[1540],"comment":[1025],"heading":[1],"subtitle":[1]}]]],["bs-chatbot-response-action",[[769,"bs-chatbot-response-action",{"sourcesCount":[2,"sources-count"],"menuOpen":[1540,"menu-open"]},[[4,"click","onDocumentClick"],[4,"keydown","onKeydown"]]]]],["bs-chatbot-sources-drawer",[[769,"bs-chatbot-sources-drawer",{"heading":[1],"count":[2],"slottedCount":[32]}]]],["bs-chatbot-suggestion-button",[[769,"bs-chatbot-suggestion-button",{"disabled":[4]}]]],["bs-checkbox",[[849,"bs-checkbox",{"name":[513],"value":[1],"required":[4],"size":[1],"checked":[1540],"indeterminate":[1540],"disabled":[516],"error":[4],"ariaLabel":[1,"aria-label"]},null,{"checked":[{"syncFormValue":0}],"value":[{"syncFormValue":0}],"required":[{"syncFormValue":0}],"indeterminate":[{"onIndeterminateChange":0}]}]]],["bs-checkbox-skeleton",[[513,"bs-checkbox-skeleton",{"size":[1]}]]],["bs-chip-filter",[[785,"bs-chip-filter",{"size":[1],"selected":[516],"dropdown":[4],"disabled":[4],"ariaLabel":[1,"aria-label"],"hasIcon":[32]}]]],["bs-chip-informative",[[769,"bs-chip-informative",{"color":[1],"size":[1],"disabled":[516],"hasIcon":[32]}]]],["bs-chip-input",[[785,"bs-chip-input",{"size":[1],"selected":[1540],"disabled":[516],"hasIcon":[32],"labelText":[32]}]]],["bs-composer",[[785,"bs-composer",{"variant":[1],"placeholder":[1],"value":[1025],"state":[513],"ariaLabel":[1,"aria-label"],"hasAttachments":[32]}]]],["bs-composer-status-banner",[[769,"bs-composer-status-banner",{"type":[1],"message":[1],"showIcon":[4,"show-icon"],"showButton":[4,"show-button"],"actionLabel":[1,"action-label"],"allowClose":[4,"allow-close"]}]]],["bs-data-table",[[513,"bs-data-table",{"columns":[16],"rows":[16],"sortColumn":[1,"sort-column"],"sortDirection":[1,"sort-direction"],"selectable":[4],"cellRenderer":[16],"selectedIds":[32],"clearSelection":[64]}]]],["bs-inline-tab",[[769,"bs-inline-tab",{"selected":[516],"disabled":[4],"ariaLabel":[1,"aria-label"],"tabbable":[4],"hasIcon":[32],"hasLabel":[32]}]]],["bs-navigation-drawer-item",[[769,"bs-navigation-drawer-item",{"selected":[516],"expandable":[4],"expanded":[1540],"nested":[4],"ariaLabel":[1,"aria-label"],"collapsed":[516],"hasIcon":[32]}]]],["bs-progress",[[513,"bs-progress",{"type":[1],"size":[1],"strokeWidth":[2,"stroke-width"],"value":[2],"showLabel":[4,"show-label"],"ariaLabel":[1,"aria-label"]}]]],["bs-radio",[[849,"bs-radio",{"name":[513],"value":[1],"checked":[1540],"disabled":[516],"groupHasChecked":[32]},[[4,"bsChange","onAnyRadioChange"]],{"checked":[{"onCheckedChange":0}],"value":[{"onCheckedChange":0}]}]]],["bs-slider",[[593,"bs-slider",{"type":[1],"name":[513],"showLabel":[4,"show-label"],"label":[1],"min":[2],"max":[2],"step":[2],"value":[1026],"valueStart":[1026,"value-start"],"valueEnd":[1026,"value-end"],"segments":[2],"disabled":[516],"ariaLabel":[1,"aria-label"]},null,{"value":[{"syncFormValue":0}],"valueStart":[{"syncFormValue":0}],"valueEnd":[{"syncFormValue":0}],"type":[{"syncFormValue":0}]}]]],["bs-source-link",[[769,"bs-source-link",{"fileName":[1,"file-name"],"sourceName":[1,"source-name"],"version":[1],"href":[1],"target":[1]}]]],["bs-stepper",[[769,"bs-stepper",{"currentStep":[2,"current-step"],"direction":[513],"showDescription":[4,"show-description"]},null,{"currentStep":[{"onPropChange":0}],"direction":[{"onPropChange":0}],"showDescription":[{"onPropChange":0}]}]]],["bs-stepper-step",[[513,"bs-stepper-step",{"name":[1],"description":[1],"error":[4],"disabled":[4],"computedState":[1,"computed-state"],"direction":[1],"showDescription":[4,"show-description"]}]]],["bs-switch",[[849,"bs-switch",{"name":[513],"value":[1],"size":[1],"checked":[1540],"disabled":[516],"ariaLabel":[1,"aria-label"]},null,{"checked":[{"syncFormValue":0}],"value":[{"syncFormValue":0}]}]]],["bs-tab",[[769,"bs-tab",{"selected":[516],"disabled":[4],"iconPosition":[1,"icon-position"],"ariaLabel":[1,"aria-label"],"tabbable":[4],"hasIcon":[32],"hasLabel":[32],"hasBadge":[32]}]]],["bs-tabs",[[769,"bs-tabs",{"type":[1],"orientation":[1]},[[0,"bsSelect","onTabSelect"],[0,"keydown","onKeyDown"]],{"orientation":[{"syncRovingTabindex":0}]}]]],["bs-toast",[[769,"bs-toast",{"state":[1]}]]],["bs-menu-item",[[769,"bs-menu-item",{"disabled":[4],"hasIcon":[32]}]]],["bs-pagination",[[513,"bs-pagination",{"totalPages":[2,"total-pages"],"currentPage":[1538,"current-page"],"siblingCount":[2,"sibling-count"],"previousLabel":[1,"previous-label"],"nextLabel":[1,"next-label"]}]]],["bs-progress-linear",[[769,"bs-progress-linear",{"type":[1],"size":[1],"value":[2],"showLabel":[4,"show-label"],"ariaLabel":[1,"aria-label"],"hasLabelContent":[32]}]]],["bs-tooltip",[[769,"bs-tooltip",{"placement":[1]}]]],["bs-logo",[[513,"bs-logo",{"variant":[1],"background":[1],"src":[1],"alt":[1]}]]],["bs-menu",[[257,"bs-menu",null,[[0,"keydown","onKeyDown"]]]]],["bs-button",[[849,"bs-button",{"variant":[1],"size":[1],"disabled":[4],"type":[1],"ariaLabel":[1,"aria-label"],"hasIcon":[32],"hasEndIcon":[32],"hasLabel":[32]}]]],["bs-icon-button",[[849,"bs-icon-button",{"variant":[1],"size":[1],"disabled":[4],"type":[1],"ariaLabel":[1,"aria-label"]}]]]], options);
+  return bootstrapLazy(JSON.parse("[[\"bs-timepicker\",[[577,\"bs-timepicker\",{\"name\":[513],\"value\":[1537],\"format\":[1537],\"minuteStep\":[2,\"minute-step\"],\"heading\":[1],\"formatLabel\":[1,\"format-label\"],\"confirmLabel\":[1,\"confirm-label\"],\"cancelLabel\":[1,\"cancel-label\"],\"hourLabel\":[1,\"hour-label\"],\"minuteLabel\":[1,\"minute-label\"],\"periodLabel\":[1,\"period-label\"],\"hour\":[32],\"minute\":[32]},null,{\"value\":[{\"onValueChange\":0}],\"name\":[{\"onNameChange\":0}]}]]],[\"bs-carousel\",[[769,\"bs-carousel\",{\"tracker\":[1],\"slidesPerView\":[2,\"slides-per-view\"],\"currentPage\":[1538,\"current-page\"],\"autoplay\":[4],\"interval\":[2],\"paused\":[1540],\"label\":[1],\"previousLabel\":[1,\"previous-label\"],\"nextLabel\":[1,\"next-label\"],\"pauseLabel\":[1,\"pause-label\"],\"playLabel\":[1,\"play-label\"],\"slideCount\":[32],\"interacting\":[32]},[[1,\"mouseenter\",\"onMouseEnter\"],[1,\"mouseleave\",\"onMouseLeave\"],[0,\"focusin\",\"onFocusIn\"],[0,\"focusout\",\"onFocusOut\"]],{\"currentPage\":[{\"onCurrentPageChange\":0}],\"autoplay\":[{\"updateTimer\":0}],\"paused\":[{\"updateTimer\":0}],\"interval\":[{\"updateTimer\":0}],\"interacting\":[{\"updateTimer\":0}],\"slideCount\":[{\"updateTimer\":0}],\"slidesPerView\":[{\"updateTimer\":0}]}]]],[\"bs-datepicker\",[[577,\"bs-datepicker\",{\"name\":[513],\"range\":[516],\"value\":[1537],\"start\":[1537],\"end\":[1537],\"min\":[1],\"max\":[1],\"locale\":[1],\"firstDayOfWeek\":[2,\"first-day-of-week\"],\"startLabel\":[1,\"start-label\"],\"endLabel\":[1,\"end-label\"],\"monthLabel\":[1,\"month-label\"],\"yearLabel\":[1,\"year-label\"],\"previousLabel\":[1,\"previous-label\"],\"nextLabel\":[1,\"next-label\"],\"viewDate\":[32],\"focusedIso\":[32],\"hoverIso\":[32],\"draft\":[32],\"openMenu\":[32]},null,{\"value\":[{\"onSelectionChange\":0},{\"onSelectionJump\":0}],\"start\":[{\"onSelectionChange\":0},{\"onSelectionJump\":0}],\"end\":[{\"onSelectionChange\":0}],\"range\":[{\"onSelectionChange\":0}],\"name\":[{\"onSelectionChange\":0}]}]]],[\"bs-file-upload-item\",[[769,\"bs-file-upload-item\",{\"state\":[513],\"fileName\":[1,\"file-name\"],\"fileSize\":[1,\"file-size\"],\"progress\":[2],\"message\":[1],\"thumbnailSrc\":[1,\"thumbnail-src\"],\"thumbnailAlt\":[1,\"thumbnail-alt\"],\"cancelLabel\":[1,\"cancel-label\"],\"removeLabel\":[1,\"remove-label\"]}]]],[\"bs-snackbar\",[[769,\"bs-snackbar\",{\"variant\":[1],\"loading\":[4],\"actionLabel\":[1,\"action-label\"]}]]],[\"bs-attachment\",[[513,\"bs-attachment\",{\"type\":[1],\"fileName\":[1,\"file-name\"],\"imageSrc\":[1,\"image-src\"],\"imageAlt\":[1,\"image-alt\"],\"loading\":[4],\"removable\":[4]}]]],[\"bs-breadcrumb-overflow\",[[513,\"bs-breadcrumb-overflow\",{\"items\":[16],\"overflowLabel\":[1,\"overflow-label\"],\"size\":[513],\"open\":[32]},[[0,\"keydown\",\"onHostKeydown\"],[0,\"focusout\",\"onHostFocusOut\"]]]]],[\"bs-chatbot-header\",[[769,\"bs-chatbot-header\",{\"heading\":[1],\"expanded\":[1540]}]]],[\"bs-dialog\",[[769,\"bs-dialog\",{\"open\":[1540],\"heading\":[1],\"size\":[1],\"centered\":[516],\"hasFooter\":[32],\"hasImage\":[32],\"hasIcon\":[32]},[[4,\"keydown\",\"onKeydown\"],[4,\"focusin\",\"onFocusIn\"]]]]],[\"bs-file-upload\",[[769,\"bs-file-upload\",{\"direction\":[513],\"heading\":[1],\"description\":[1],\"buttonLabel\":[1,\"button-label\"],\"accept\":[1],\"multiple\":[4],\"disabled\":[516],\"dragging\":[1540]}]]],[\"bs-navigation-drawer\",[[769,\"bs-navigation-drawer\",{\"heading\":[1],\"collapsible\":[4],\"collapsed\":[1540],\"logoBackground\":[1,\"logo-background\"],\"showLogo\":[4,\"show-logo\"],\"open\":[1540],\"mobile\":[32]},[[4,\"keydown\",\"onDocumentKeydown\"],[4,\"focusin\",\"onDocumentFocusIn\"]],{\"collapsed\":[{\"onCollapsedChange\":0}],\"mobile\":[{\"onMobileChange\":0}],\"open\":[{\"onOpenChange\":0}]}]]],[\"bs-navigation-header\",[[769,\"bs-navigation-header\",{\"alignment\":[1],\"ariaLabel\":[1,\"aria-label\"],\"skipToContentHref\":[1,\"skip-to-content-href\"],\"skipToContentLabel\":[1,\"skip-to-content-label\"],\"logoBackground\":[1,\"logo-background\"]}]]],[\"bs-accordion\",[[769,\"bs-accordion\",{\"expanded\":[516],\"size\":[1],\"disabled\":[4],\"showIcon\":[4,\"show-icon\"],\"showPreview\":[4,\"show-preview\"]}]]],[\"bs-ai-disclaimer\",[[257,\"bs-ai-disclaimer\"]]],[\"bs-ai-greeting\",[[513,\"bs-ai-greeting\",{\"assistantName\":[1,\"assistant-name\"],\"productName\":[1,\"product-name\"]}]]],[\"bs-ai-thinking\",[[513,\"bs-ai-thinking\",{\"label\":[1]}]]],[\"bs-attachment-list\",[[769,\"bs-attachment-list\",{\"ariaLabel\":[1,\"aria-label\"],\"canScrollRight\":[32]}]]],[\"bs-avatar\",[[513,\"bs-avatar\",{\"type\":[1],\"size\":[1],\"initials\":[1],\"src\":[1],\"alt\":[1],\"ariaLabel\":[1,\"aria-label\"],\"disabled\":[516]}]]],[\"bs-badge\",[[769,\"bs-badge\",{\"variant\":[1]}]]],[\"bs-breadcrumb\",[[769,\"bs-breadcrumb\",{\"href\":[1],\"current\":[516],\"size\":[513]}]]],[\"bs-breadcrumbs\",[[769,\"bs-breadcrumbs\",{\"label\":[1],\"size\":[1]},null,{\"size\":[{\"onSizeChange\":0}]}]]],[\"bs-button-skeleton\",[[513,\"bs-button-skeleton\",{\"size\":[1]}]]],[\"bs-card\",[[769,\"bs-card\",{\"surface\":[1],\"hasImage\":[32]}]]],[\"bs-chatbot-feedback\",[[513,\"bs-chatbot-feedback\",{\"rating\":[1538],\"submitted\":[1540],\"comment\":[1025],\"heading\":[1],\"subtitle\":[1]}]]],[\"bs-chatbot-response-action\",[[769,\"bs-chatbot-response-action\",{\"sourcesCount\":[2,\"sources-count\"],\"menuOpen\":[1540,\"menu-open\"]},[[4,\"click\",\"onDocumentClick\"],[4,\"keydown\",\"onKeydown\"]]]]],[\"bs-chatbot-sources-drawer\",[[769,\"bs-chatbot-sources-drawer\",{\"heading\":[1],\"count\":[2],\"slottedCount\":[32]}]]],[\"bs-chatbot-suggestion-button\",[[769,\"bs-chatbot-suggestion-button\",{\"disabled\":[4]}]]],[\"bs-checkbox\",[[849,\"bs-checkbox\",{\"name\":[513],\"value\":[1],\"required\":[4],\"size\":[1],\"checked\":[1540],\"indeterminate\":[1540],\"disabled\":[516],\"error\":[4],\"ariaLabel\":[1,\"aria-label\"]},null,{\"checked\":[{\"syncFormValue\":0}],\"value\":[{\"syncFormValue\":0}],\"required\":[{\"syncFormValue\":0}],\"indeterminate\":[{\"onIndeterminateChange\":0}]}]]],[\"bs-checkbox-skeleton\",[[513,\"bs-checkbox-skeleton\",{\"size\":[1]}]]],[\"bs-chip-filter\",[[785,\"bs-chip-filter\",{\"size\":[1],\"selected\":[516],\"dropdown\":[4],\"disabled\":[4],\"ariaLabel\":[1,\"aria-label\"],\"hasIcon\":[32]}]]],[\"bs-chip-informative\",[[769,\"bs-chip-informative\",{\"color\":[1],\"size\":[1],\"disabled\":[516],\"hasIcon\":[32]}]]],[\"bs-chip-input\",[[785,\"bs-chip-input\",{\"size\":[1],\"selected\":[1540],\"disabled\":[516],\"hasIcon\":[32],\"labelText\":[32]}]]],[\"bs-composer\",[[785,\"bs-composer\",{\"variant\":[1],\"placeholder\":[1],\"value\":[1025],\"state\":[513],\"ariaLabel\":[1,\"aria-label\"],\"hasAttachments\":[32]}]]],[\"bs-composer-status-banner\",[[769,\"bs-composer-status-banner\",{\"type\":[1],\"message\":[1],\"showIcon\":[4,\"show-icon\"],\"showButton\":[4,\"show-button\"],\"actionLabel\":[1,\"action-label\"],\"allowClose\":[4,\"allow-close\"]}]]],[\"bs-data-table\",[[513,\"bs-data-table\",{\"columns\":[16],\"rows\":[16],\"sortColumn\":[1,\"sort-column\"],\"sortDirection\":[1,\"sort-direction\"],\"selectable\":[4],\"cellRenderer\":[16],\"selectedIds\":[32],\"clearSelection\":[64]}]]],[\"bs-inline-tab\",[[769,\"bs-inline-tab\",{\"selected\":[516],\"disabled\":[4],\"ariaLabel\":[1,\"aria-label\"],\"value\":[513],\"tabbable\":[4],\"hasIcon\":[32],\"hasLabel\":[32]}]]],[\"bs-navigation-drawer-item\",[[769,\"bs-navigation-drawer-item\",{\"selected\":[516],\"expandable\":[4],\"expanded\":[1540],\"nested\":[4],\"ariaLabel\":[1,\"aria-label\"],\"collapsed\":[516],\"hasIcon\":[32]}]]],[\"bs-progress\",[[513,\"bs-progress\",{\"type\":[1],\"size\":[1],\"strokeWidth\":[2,\"stroke-width\"],\"value\":[2],\"showLabel\":[4,\"show-label\"],\"ariaLabel\":[1,\"aria-label\"]}]]],[\"bs-radio\",[[849,\"bs-radio\",{\"name\":[513],\"value\":[1],\"checked\":[1540],\"disabled\":[516],\"groupHasChecked\":[32]},[[4,\"bsChange\",\"onAnyRadioChange\"]],{\"checked\":[{\"onCheckedChange\":0}],\"value\":[{\"onCheckedChange\":0}]}]]],[\"bs-slider\",[[593,\"bs-slider\",{\"type\":[1],\"name\":[513],\"showLabel\":[4,\"show-label\"],\"label\":[1],\"min\":[2],\"max\":[2],\"step\":[2],\"value\":[1026],\"valueStart\":[1026,\"value-start\"],\"valueEnd\":[1026,\"value-end\"],\"segments\":[2],\"disabled\":[516],\"ariaLabel\":[1,\"aria-label\"]},null,{\"value\":[{\"syncFormValue\":0}],\"valueStart\":[{\"syncFormValue\":0}],\"valueEnd\":[{\"syncFormValue\":0}],\"type\":[{\"syncFormValue\":0}]}]]],[\"bs-source-link\",[[769,\"bs-source-link\",{\"fileName\":[1,\"file-name\"],\"sourceName\":[1,\"source-name\"],\"version\":[1],\"href\":[1],\"target\":[1]}]]],[\"bs-stepper\",[[769,\"bs-stepper\",{\"currentStep\":[2,\"current-step\"],\"direction\":[513],\"showDescription\":[4,\"show-description\"]},null,{\"currentStep\":[{\"onPropChange\":0}],\"direction\":[{\"onPropChange\":0}],\"showDescription\":[{\"onPropChange\":0}]}]]],[\"bs-stepper-step\",[[513,\"bs-stepper-step\",{\"name\":[1],\"description\":[1],\"error\":[4],\"disabled\":[4],\"computedState\":[1,\"computed-state\"],\"direction\":[1],\"showDescription\":[4,\"show-description\"]}]]],[\"bs-tab\",[[769,\"bs-tab\",{\"selected\":[516],\"disabled\":[4],\"iconPosition\":[1,\"icon-position\"],\"ariaLabel\":[1,\"aria-label\"],\"value\":[513],\"tabbable\":[4],\"hasIcon\":[32],\"hasLabel\":[32],\"hasBadge\":[32]}]]],[\"bs-tabs\",[[769,\"bs-tabs\",{\"type\":[1],\"orientation\":[1],\"value\":[1537]},[[0,\"bsSelect\",\"onTabSelect\"],[0,\"keydown\",\"onKeyDown\"]],{\"value\":[{\"onValueChange\":0}],\"orientation\":[{\"syncRovingTabindex\":0}]}]]],[\"bs-toast\",[[769,\"bs-toast\",{\"state\":[1]}]]],[\"bs-pagination\",[[513,\"bs-pagination\",{\"totalPages\":[2,\"total-pages\"],\"currentPage\":[1538,\"current-page\"],\"siblingCount\":[2,\"sibling-count\"],\"previousLabel\":[1,\"previous-label\"],\"nextLabel\":[1,\"next-label\"]}]]],[\"bs-progress-linear\",[[769,\"bs-progress-linear\",{\"type\":[1],\"size\":[1],\"value\":[2],\"showLabel\":[4,\"show-label\"],\"ariaLabel\":[1,\"aria-label\"],\"hasLabelContent\":[32]}]]],[\"bs-switch\",[[849,\"bs-switch\",{\"name\":[513],\"value\":[1],\"size\":[1],\"checked\":[1540],\"disabled\":[516],\"ariaLabel\":[1,\"aria-label\"]},null,{\"checked\":[{\"syncFormValue\":0}],\"value\":[{\"syncFormValue\":0}]}]]],[\"bs-tooltip\",[[769,\"bs-tooltip\",{\"placement\":[1]}]]],[\"bs-logo\",[[513,\"bs-logo\",{\"variant\":[1],\"background\":[1],\"src\":[1],\"alt\":[1]}]]],[\"bs-button\",[[849,\"bs-button\",{\"variant\":[1],\"size\":[1],\"disabled\":[4],\"type\":[1],\"ariaLabel\":[1,\"aria-label\"],\"hasIcon\":[32],\"hasEndIcon\":[32],\"hasLabel\":[32]}]]],[\"bs-menu\",[[257,\"bs-menu\",null,[[0,\"keydown\",\"onKeyDown\"]]]]],[\"bs-input_2\",[[849,\"bs-input\",{\"name\":[513],\"value\":[1025],\"type\":[1],\"label\":[1],\"placeholder\":[1],\"description\":[1],\"error\":[1],\"disabled\":[516],\"required\":[4],\"step\":[2],\"min\":[2],\"max\":[2],\"options\":[16],\"rows\":[2],\"chips\":[16],\"titleOptions\":[16],\"initialsTitle\":[1,\"initials-title\"],\"countryOptions\":[16],\"country\":[1],\"length\":[2],\"open\":[1540],\"hasIcon\":[32],\"hasEndIcon\":[32],\"passwordVisible\":[32],\"chipDraft\":[32]},[[0,\"keydown\",\"onHostKeydown\"],[0,\"focusout\",\"onHostFocusOut\"]],{\"value\":[{\"onFormStateChange\":0}],\"type\":[{\"onFormStateChange\":0}],\"chips\":[{\"onFormStateChange\":0}],\"required\":[{\"onFormStateChange\":0}]}],[769,\"bs-menu-item\",{\"disabled\":[4],\"hasIcon\":[32]}]]],[\"bs-icon-button\",[[849,\"bs-icon-button\",{\"variant\":[1],\"size\":[1],\"disabled\":[4],\"type\":[1],\"ariaLabel\":[1,\"aria-label\"]}]]]]"), options);
 };
 
 export { defineCustomElements };

package/dist/types/components/bs-breadcrumb/bs-breadcrumb/bs-breadcrumb.d.ts

@@ -1,3 +1,4 @@
+import { EventEmitter } from '../../../stencil-public-runtime';
 export type BsBreadcrumbSize = 'sm' | 'md';
 /**
  * A single crumb within a `<bs-breadcrumbs>` trail: a leading separator icon plus either a link,
@@ -40,5 +41,14 @@ export declare class BsBreadcrumb {
      * size is unchanged, since Figma didn't specify a `sm` icon size and guessing one risked drifting
      * off-brand. Reflected so consumers/CSS can target `bs-breadcrumb[size="sm"]`. */
     size: BsBreadcrumbSize;
+    /** Fires when the crumb's link is clicked, before the browser navigates. **Cancelable**: call
+     * `event.preventDefault()` to stop the native navigation and route it yourself (an SPA router).
+     * Detail is `{ href }`. Only a plain primary-button click emits it -- ctrl/cmd/shift/alt-clicks
+     * and middle-clicks (open in a new tab/window) are left to the browser. Bubbles and is composed,
+     * so one listener on the surrounding `<bs-breadcrumbs>` covers every crumb. */
+    bsNavigate: EventEmitter<{
+        href: string;
+    }>;
+    private onLinkClick;
     render(): any;
 }

package/dist/types/components/bs-breadcrumb/bs-breadcrumb-overflow/bs-breadcrumb-overflow.d.ts

@@ -1,3 +1,4 @@
+import { EventEmitter } from '../../../stencil-public-runtime';
 import type { BsBreadcrumbSize } from '../bs-breadcrumb/bs-breadcrumb';
 export interface BsBreadcrumbOverflowItem {
     label: string;
@@ -56,6 +57,13 @@ export declare class BsBreadcrumbOverflow {
     size: BsBreadcrumbSize;
     /** Whether the overflow popup is open. */
     open: boolean;
+    /** Fires when one of the popup's links is clicked, before the browser navigates. **Cancelable**
+     * -- see `bs-breadcrumb`'s `bsNavigate`, which this mirrors (same detail, same modified-click
+     * rule). Detail is `{ href }`. */
+    bsNavigate: EventEmitter<{
+        href: string;
+    }>;
+    private onItemClick;
     private onEllipsisToggle;
     /** Closes the overflow popup on Escape, from anywhere within the component -- host is the
      * default @Listen target, so this fires whether focus is on the ellipsis button itself or on a

package/dist/types/components/bs-button/bs-icon-button/bs-icon-button.d.ts

@@ -21,7 +21,8 @@ export type BsIconButtonSize = 'xs' | 'sm' | 'md' | 'lg';
  * just conditionally, unlike `bs-button`) -- there's no visible label text to fall back on for an
  * accessible name.
  *
- * @slot - Default slot: the icon content. Exactly one icon, no label.
+ * @slot - Default slot: the icon content. Exactly one icon, no label -- an inline SVG, or an icon-font
+ * glyph (sized by `font-size`, which this component sets from the `size` prop).
  * @part icon - The icon wrapper element.
  */
 export declare class BsIconButton {

package/dist/types/components/bs-button/bs-icon-button/bs-icon-button.stories.d.ts

@@ -12,5 +12,6 @@ export default meta;
 type Story = StoryObj<BsIconButtonArgs>;
 export declare const Primary: Story;
 export declare const Sizes: Story;
+export declare const IconFontGlyph: Story;
 export declare const Disabled: Story;
 export declare const AllCombinations: Story;

package/dist/types/components/bs-data-table/bs-data-table.d.ts

@@ -37,8 +37,22 @@ export declare class BsDataTable {
     sortColumn?: string;
     sortDirection: 'asc' | 'desc';
     selectable: boolean;
-    /** Optional custom cell renderer, e.g. for an actions column. Function props are JS-property-only,
-     * same as array props -- there is no attribute equivalent. Falls back to the raw cell value. */
+    /** Optional custom cell renderer, for rich cells such as a status badge, a link or an actions
+     * column. It returns an **HTML string** that is inserted into the cell as real markup
+     * (`innerHTML`), so links, buttons, `<img>` and other web components (e.g. `<bs-badge>`) all render.
+     *
+     * **When set it renders every cell, not just the special ones** -- return the plain value for
+     * ordinary columns too. And **the returned string is not escaped or sanitized** (same trust
+     * model as React's `dangerouslySetInnerHTML`): escape any untrusted row data you put in it, plain
+     * columns included, or it will be interpreted as HTML. Without a `cellRenderer`, values are
+     * rendered as escaped text.
+     *
+     * The markup is static HTML -- attach behavior yourself, e.g. one `click` listener on the table
+     * that reads `event.composedPath()[0]` (events from inside the shadow root are retargeted to the
+     * table itself).
+     *
+     * Function props are JS-property-only, same as array props -- there is no attribute equivalent.
+     * Falls back to the raw cell value (as escaped text) when unset. */
     cellRenderer?: (row: BsDataTableRow, column: BsDataTableColumn) => string;
     bsSort: EventEmitter<{
         column: string;

package/dist/types/components/bs-datepicker/bs-datepicker.cmp.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/components/bs-datepicker/bs-datepicker.d.ts

@@ -0,0 +1,136 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+export interface BsDatepickerChange {
+    /** Single mode: the selected date as `YYYY-MM-DD` (empty string when cleared). */
+    value?: string;
+    /** Range mode: the range start as `YYYY-MM-DD`. */
+    start?: string;
+    /** Range mode: the range end as `YYYY-MM-DD`. Empty while only the start has been picked. */
+    end?: string;
+}
+/**
+ * An inline calendar for picking a single date, or a start/end date range. Matches the Figma
+ * "Date picker" component's two types: "Default" (month and year dropdowns above the grid) and
+ * "Range" (start and end date fields above the grid, with the days between highlighted).
+ *
+ * Dates are always `YYYY-MM-DD` strings, interpreted in the user's local time zone -- never full
+ * ISO timestamps -- so a date can't shift by a day across time zones.
+ *
+ * The calendar renders inline at a fixed width; to show it as a popover, put it inside a
+ * `bs-menu` or your own overlay.
+ *
+ * ## When to use
+ * - Picking a date where seeing the surrounding days of the week/month helps (a booking, a
+ *   deadline, a report window).
+ * - Picking a period (`range`) such as a start and end date.
+ *
+ * ## When not to use
+ * - A date the user knows by heart and can type quickly (a birth date) -- `bs-input type="date"`
+ *   is faster there.
+ *
+ * ## Keyboard
+ * Arrow keys move by day/week, Home/End jump to the start/end of the week, PageUp/PageDown move by
+ * month (with Shift, by year), Enter/Space select the focused day.
+ *
+ * @part container - The outer card.
+ * @part header - The row of month/year dropdowns (default) or start/end fields (range).
+ * @part menu - The month/year dropdown list, when open (default mode).
+ * @part nav - The row holding the previous/next buttons and the title.
+ * @part prev - The previous-month button.
+ * @part next - The next-month button.
+ * @part title - The title between the nav buttons.
+ * @part weekday - Each weekday column header.
+ * @part grid - The day grid.
+ * @part day - Each day button.
+ * @part selected - A selected day (the single date, or either end of a range), in addition to `day`.
+ * @part in-range - A day strictly between the range start and end, in addition to `day`.
+ * @part outside - A day from the previous/next month, in addition to `day`.
+ * @part today - Today's day button, in addition to `day`.
+ */
+export declare class BsDatepicker {
+    el: HTMLElement;
+    internals: ElementInternals;
+    private initialValue;
+    private initialStart;
+    private initialEnd;
+    /** The `name` the value is submitted under in a surrounding `<form>`. In `range` mode the dates
+     * are submitted as `<name>-start` and `<name>-end`. */
+    name?: string;
+    /** Select a start/end range instead of a single date. */
+    range: boolean;
+    /** The selected date (`YYYY-MM-DD`) in single mode. Mutable so a click updates it directly;
+     * `bsChange` still fires for the consumer to react. Ignored when `range` is set. */
+    value: string;
+    /** The range start (`YYYY-MM-DD`) in `range` mode. */
+    start: string;
+    /** The range end (`YYYY-MM-DD`) in `range` mode. */
+    end: string;
+    /** Earliest selectable date (`YYYY-MM-DD`). Earlier days render disabled. */
+    min?: string;
+    /** Latest selectable date (`YYYY-MM-DD`). Later days render disabled. */
+    max?: string;
+    /** BCP 47 locale used for month names, weekday names and the title. */
+    locale: string;
+    /** First column of the grid: `0` for Sunday (the Figma spec), `1` for Monday, ... `6`. */
+    firstDayOfWeek: number;
+    /** Label above the start field in `range` mode. */
+    startLabel: string;
+    /** Label above the end field in `range` mode. */
+    endLabel: string;
+    /** Accessible name for the month dropdown (single mode). */
+    monthLabel: string;
+    /** Accessible name for the year dropdown (single mode). */
+    yearLabel: string;
+    /** Accessible name for the previous-month button. */
+    previousLabel: string;
+    /** Accessible name for the next-month button. */
+    nextLabel: string;
+    /** Fires when the user changes the selection. Single mode: `{ value }`. Range mode: `{ start,
+     * end }` -- fired once for the first click (with an empty `end`) and again when the range is
+     * completed. Not fired when the props are set programmatically. */
+    bsChange: EventEmitter<BsDatepickerChange>;
+    /** First day of the month currently displayed. */
+    viewDate: Date;
+    /** The day holding the roving tabindex. */
+    focusedIso: string;
+    /** The day the pointer is over while a range is half-picked, for the live range preview. */
+    hoverIso: string;
+    /** Text the user is typing into a range field, keyed by which field. Cleared on commit. */
+    draft: {
+        start?: string;
+        end?: string;
+    };
+    /** Which header dropdown (single mode) is open. */
+    openMenu: 'month' | 'year' | null;
+    private shouldFocusDay;
+    private menuToScroll;
+    componentWillLoad(): void;
+    componentDidRender(): void;
+    onSelectionChange(): void;
+    onSelectionJump(): void;
+    /** Called by the browser when the surrounding `<form>` is reset. */
+    formResetCallback(): void;
+    private showSelection;
+    private syncFormValue;
+    private isDisabled;
+    private selectDay;
+    private commitDraft;
+    private moveView;
+    private onKeyDown;
+    private get safeFirstDay();
+    private get fmt();
+    private formatField;
+    private titleText;
+    private monthOptions;
+    private yearOptions;
+    private weekdays;
+    private gridDays;
+    private renderHeader;
+    /** A `bs-input type="dropdown"` trigger with our own `bs-menu` list below it. bs-input's built-in
+     * menu has no checkmark or scroll limit, so it's used only as the field look: it gets no
+     * `options` (so renders no menu of its own) and its `bsOpen` toggles ours. */
+    private renderDropdown;
+    render(): any;
+    /** The day that should be reachable with Tab when nothing in view has been focused yet: the
+     * selection if it's in the displayed month, else today if it is, else the 1st. */
+    private defaultTabbable;
+}

package/dist/types/components/bs-datepicker/bs-datepicker.stories.d.ts

@@ -0,0 +1,20 @@
+import type { Meta, StoryObj } from '@storybook/web-components-vite';
+interface BsDatepickerArgs {
+    range: boolean;
+    value: string;
+    start: string;
+    end: string;
+    min: string;
+    max: string;
+    locale: string;
+    firstDayOfWeek: number;
+}
+declare const meta: Meta<BsDatepickerArgs>;
+export default meta;
+type Story = StoryObj<BsDatepickerArgs>;
+export declare const Default: Story;
+export declare const Range: Story;
+export declare const RangeAcrossWeeks: Story;
+export declare const MinMax: Story;
+export declare const MondayFirst: Story;
+export declare const Danish: Story;

package/dist/types/components/bs-menu/bs-menu.stories.d.ts

@@ -3,3 +3,4 @@ declare const meta: Meta;
 export default meta;
 type Story = StoryObj;
 export declare const Default: Story;
+export declare const DropdownRecipe: Story;

package/dist/types/components/bs-tab/bs-inline-tab/bs-inline-tab.d.ts

@@ -45,6 +45,10 @@ export declare class BsInlineTab {
      * violation). Stencil reflects this camelCase prop to the `aria-label` HTML attribute
      * automatically, same as `bs-tab`'s identical prop. */
     ariaLabel: string | null;
+    /** Identifies this tab within a parent `bs-tabs`: the group's `value` is the selected tab's
+     * `value`, and `bsChange` reports it. Optional -- a tab without one is identified by its
+     * zero-based position in the group (`"0"`, `"1"`...). */
+    value?: string;
     /** Set by a parent `bs-tabs` to implement roving tabindex (only one tab in the group is in the
      * Tab order; arrow keys move between them). Left `undefined` for a standalone tab, which stays
      * a normal tab stop. */

package/dist/types/components/bs-tab/bs-tab/bs-tab.d.ts

@@ -51,6 +51,10 @@ export declare class BsTab {
      * violation). Stencil reflects this camelCase prop to the `aria-label` HTML attribute
      * automatically, same as `bs-button`'s identical prop. */
     ariaLabel: string | null;
+    /** Identifies this tab within a parent `bs-tabs`: the group's `value` is the selected tab's
+     * `value`, and `bsChange` reports it. Optional -- a tab without one is identified by its
+     * zero-based position in the group (`"0"`, `"1"`...). */
+    value?: string;
     /** Set by a parent `bs-tabs` to implement roving tabindex (only one tab in the group is in the
      * Tab order; arrow keys move between them). Left `undefined` for a standalone tab, which stays
      * a normal tab stop. */

package/dist/types/components/bs-tab/bs-tabs/bs-tabs.d.ts

@@ -1,3 +1,4 @@
+import { EventEmitter } from '../../../stencil-public-runtime';
 export type BsTabsType = 'bs-tab' | 'bs-inline-tab';
 export type BsTabsOrientation = 'horizontal' | 'vertical';
 /**
@@ -33,6 +34,18 @@ export declare class BsTabs {
     /** Layout direction of the tab bar itself. Sets `aria-orientation` on the internal wrapper and
      * switches `flex-direction`. */
     orientation: BsTabsOrientation;
+    /** The selected tab's `value`. Mutable and reflected: it follows the user's selection, and
+     * setting it from outside (attribute or property) selects the matching tab -- without emitting
+     * `bsChange`, which only fires for user-driven changes. A tab's value is its own `value` prop,
+     * or, for a tab without one, its zero-based position in the group as a string (`"0"`, `"1"`...).
+     * If unset, it is read from whichever tab is already `selected` once the group loads. */
+    value?: string;
+    /** Fires when the user selects a different tab (click, or arrow/Home/End), with the new
+     * `value`. Does not fire when `value` is set programmatically. `bsSelect` on the individual tab
+     * still fires as before. */
+    bsChange: EventEmitter<{
+        value: string;
+    }>;
     /**
      * Catches `bsSelect` bubbling up from any slotted `<bs-tab>`/`<bs-inline-tab>` (Stencil's
      * `@Event()` defaults to `bubbles: true, composed: true`, and `@Listen` without a target listens
@@ -42,6 +55,10 @@ export declare class BsTabs {
      */
     onTabSelect(ev: CustomEvent<void>): void;
     componentDidLoad(): void;
+    private tabValue;
+    /** Selects the tab whose value matches `this.value` (and deselects the rest). */
+    private applyValue;
+    onValueChange(): void;
     syncRovingTabindex(): void;
     private tabs;
     /** WAI-ARIA tabs pattern (automatic activation): arrows move focus *and* selection to the

package/dist/types/components/bs-tab/bs-tabs/bs-tabs.stories.d.ts

@@ -11,3 +11,4 @@ type Story = StoryObj<BsTabsArgs>;
 export declare const Default: Story;
 export declare const InlineTabGroup: Story;
 export declare const Vertical: Story;
+export declare const WithValueAndPanels: Story;