@brandsync/wc 1.18.0 → 1.20.0

package/dist/esm/bs-list-item_2.entry.js

@@ -1,212 +0,0 @@
-import { r as registerInstance, c as createEvent, a as getElement, h, H as Host } from './index-D3SkQJpw.js';
-
-const bsListItemCss = () => `:host{display:block;width:100%;box-sizing:border-box;outline:none;color:var(--bs-list-item-color);--bs-list-item-min-height:var(--bs-spacing-1000);--bs-list-item-padding-y:var(--bs-spacing-150);--bs-list-item-padding-x:var(--bs-spacing-200);--bs-list-item-gap:var(--bs-spacing-200);--bs-list-item-content-gap:var(--bs-spacing-25);--bs-list-item-radius:var(--bs-border-radius-100);--bs-list-item-bg:transparent;--bs-list-item-bg-hover:var(--bs-surface-hover);--bs-list-item-bg-pressed:var(--bs-surface-pressed);--bs-list-item-bg-focus:var(--bs-surface-focus);--bs-list-item-bg-selected:var(--bs-surface-selected);--bs-list-item-bg-selected-hover:var(--bs-surface-selected-hover);--bs-list-item-bg-selected-pressed:var(--bs-surface-selected-pressed);--bs-list-item-bg-selected-focus:var(--bs-surface-selected-focus);--bs-list-item-bg-disabled:var(--bs-surface-action-disabled);--bs-list-item-color:var(--bs-text-default);--bs-list-item-color-disabled:var(--bs-text-on-disabled);--bs-list-item-focus-ring:var(--bs-border-neutral-focus);--bs-list-item-image-width:72px;--bs-list-item-image-height:56px}.bs-list-item{box-sizing:border-box;display:flex;align-items:center;gap:var(--bs-list-item-gap);width:100%;min-height:var(--bs-list-item-min-height);padding:var(--bs-list-item-padding-y) var(--bs-list-item-padding-x);border-radius:var(--bs-list-item-radius);overflow:clip;background:var(--bs-list-item-bg);color:var(--bs-list-item-color);font-family:inherit;font-size:var(--bs-font-size-md);line-height:calc(var(--bs-line-height-body-md) * 1px);transition:background-color var(--bs-duration-fast) var(--bs-easing-standard)}:host([selected]) .bs-list-item{background:var(--bs-list-item-bg-selected)}:host(.bs-list-item--interactive){cursor:pointer}:host(.bs-list-item--interactive:hover) .bs-list-item{background:var(--bs-list-item-bg-hover)}:host(.bs-list-item--interactive[selected]:hover) .bs-list-item{background:var(--bs-list-item-bg-selected-hover)}:host(.bs-list-item--interactive:active) .bs-list-item{background:var(--bs-list-item-bg-pressed)}:host(.bs-list-item--interactive[selected]:active) .bs-list-item{background:var(--bs-list-item-bg-selected-pressed)}:host(:focus-visible) .bs-list-item{background:var(--bs-list-item-bg-focus);outline:2px solid var(--bs-list-item-focus-ring);outline-offset:2px}:host([selected]:focus-visible) .bs-list-item{background:var(--bs-list-item-bg-selected-focus)}:host([disabled]){color:var(--bs-list-item-color-disabled);cursor:default}:host([disabled]) .bs-list-item{background:var(--bs-list-item-bg-disabled);color:var(--bs-list-item-color-disabled)}:host([disabled]) ::slotted(img),:host([disabled]) ::slotted(bs-avatar){opacity:0.5}.bs-list-item__leading{display:none;flex-shrink:0;align-items:center}.bs-list-item__leading--has-content{display:flex}::slotted(img[slot='leading']){display:block;width:var(--bs-list-item-image-width);height:var(--bs-list-item-image-height);border-radius:var(--bs-border-radius-100);object-fit:cover}::slotted(svg[slot='leading']){width:32px;height:32px}.bs-list-item__content{display:flex;flex-direction:column;gap:var(--bs-list-item-content-gap);flex:1 1 0;min-width:0}.bs-list-item__label{font-weight:var(--bs-font-weight-semibold)}.bs-list-item__description,.bs-list-item__support{font-weight:var(--bs-font-weight-regular)}.bs-list-item__trailing{display:none;flex-shrink:0;align-items:center;height:32px}.bs-list-item__trailing--shown{display:flex}@media (prefers-reduced-motion: reduce){.bs-list-item{transition:none}}`;
-
-const BsListItem = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.bsItemClick = createEvent(this, "bsItemClick");
-    }
-    get el() { return getElement(this); }
-    /** First text line (semibold). */
-    label = null;
-    /** Second text line (the "paragraph"). */
-    description = null;
-    /** Optional third text line. */
-    supportText = null;
-    /** Marks the row as selected. Managed by the parent `bs-list` when it is `selectable`. */
-    selected = false;
-    /** Disables the row: dimmed, not focusable, no click event. */
-    disabled = false;
-    /** Shows a trailing caret (unless the `trailing` slot has content). */
-    showArrow = false;
-    /** Identifies the item; emitted by `bsItemClick` and matched against `bs-list`'s `value`. */
-    value = null;
-    /** Makes a standalone row a focusable `role="button"` that emits `bsItemClick`. */
-    interactive = false;
-    /** Set by the parent `bs-list`: `listitem` (plain list) or `option` (selectable list). Do not set by hand. */
-    selectionRole = null;
-    hasLeading = false;
-    hasTrailing = false;
-    hasDefault = false;
-    /** Fires on click / Enter / Space when the row is interactive and not disabled. Payload is `value`. */
-    bsItemClick;
-    get isInteractive() {
-        return this.selectionRole === 'option' || this.interactive;
-    }
-    activate() {
-        if (this.disabled || !this.isInteractive)
-            return;
-        this.bsItemClick.emit(this.value);
-    }
-    onClick() {
-        this.activate();
-    }
-    onKeyDown(ev) {
-        if (ev.target !== this.el)
-            return;
-        if (ev.key === 'Enter' || ev.key === ' ') {
-            ev.preventDefault();
-            this.activate();
-        }
-    }
-    slotHas = (ev) => ev.target.assignedNodes({ flatten: true }).some(n => n.nodeType === 1 || (n.textContent || '').trim() !== '');
-    render() {
-        const interactive = this.isInteractive;
-        const role = this.selectionRole === 'option' ? 'option' : this.selectionRole === 'listitem' ? 'listitem' : this.interactive ? 'button' : undefined;
-        const standaloneFocusable = this.interactive && !this.selectionRole && !this.disabled;
-        const showTrailing = this.showArrow || this.hasTrailing;
-        return (h(Host, { key: 'eac7aeec4fedc05af55c5ca7a78efb693199de3a', role: role, tabindex: standaloneFocusable ? '0' : undefined, "aria-selected": this.selectionRole === 'option' ? String(this.selected) : undefined, "aria-disabled": this.disabled ? 'true' : undefined, class: { 'bs-list-item--interactive': interactive && !this.disabled } }, h("div", { key: '3ba832febb95adfc10481b0b1d70cc4448f0a9dd', part: "container", class: "bs-list-item" }, h("div", { key: 'd528d17243f6185d164c5f6964abe4b1d8143d5b', part: "leading", class: { 'bs-list-item__leading': true, 'bs-list-item__leading--has-content': this.hasLeading } }, h("slot", { key: '60efa1761cc46a7790986689acbada2f99d94add', name: "leading", onSlotchange: (e) => (this.hasLeading = this.slotHas(e)) })), h("div", { key: '4af6ee3b0969aeecdc2ead6b63be52b90927b713', part: "content", class: "bs-list-item__content" }, !this.hasDefault && this.label && (h("div", { key: '57481516f3d3ed73854a58fa870d40d760252b99', part: "label", class: "bs-list-item__label" }, this.label)), !this.hasDefault && this.description && (h("div", { key: 'acb37f4ec42b1c4c49d82cd21a89353a48ff3fcc', part: "description", class: "bs-list-item__description" }, this.description)), !this.hasDefault && this.supportText && (h("div", { key: 'b9e310fd74f06b1114b2ecf64b6c7de8b63a4c61', part: "support-text", class: "bs-list-item__support" }, this.supportText)), h("slot", { key: '7bb751ff77d29cd6f1852c90f5e71f855b222345', onSlotchange: (e) => (this.hasDefault = this.slotHas(e)) })), h("div", { key: '2bf6cb3dedfe1dcf868aba049f3718083ec63830', part: "trailing", class: { 'bs-list-item__trailing': true, 'bs-list-item__trailing--shown': showTrailing } }, h("slot", { key: '5cf7ede0e83b1040210346bdf7e7e6a5c7d06cfd', name: "trailing", onSlotchange: (e) => (this.hasTrailing = this.slotHas(e)) }, this.showArrow && (h("svg", { key: 'fb103f9892eebfd9a481c8d4b60e7504cb19311e', viewBox: "0 0 32 32", width: "32", height: "32", fill: "none", "aria-hidden": "true" }, h("path", { key: 'c33fa8a2aaa5a446adde56c7c8d4bfece8ef1dc9', d: "M12 7L21 16L12 25", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }))))))));
-    }
-};
-BsListItem.style = bsListItemCss();
-
-const bsPopoverCss = () => `:host{display:inline-block;position:relative;--bs-popover-bg:var(--bs-surface-raised);--bs-popover-radius:var(--bs-border-radius-100);--bs-popover-shadow:var(--bs-shadow-md);--bs-popover-offset:var(--bs-spacing-100);--bs-popover-min-width:var(--bs-scale-1600);--bs-popover-z-index:var(--bs-z-index-popover)}.bs-popover__trigger{display:inline-block}.bs-popover__popup{position:absolute;z-index:var(--bs-popover-z-index);min-width:var(--bs-popover-min-width);background:var(--bs-popover-bg);border-radius:var(--bs-popover-radius);box-shadow:var(--bs-popover-shadow);top:calc(100% + var(--bs-popover-offset));left:0}.bs-popover__popup{outline:none}.bs-popover__popup[hidden]{display:none}:host([data-placement='bottom-start']) .bs-popover__popup{top:calc(100% + var(--bs-popover-offset));bottom:auto;left:0;right:auto}:host([data-placement='bottom-end']) .bs-popover__popup{top:calc(100% + var(--bs-popover-offset));bottom:auto;left:auto;right:0}:host([data-placement='top-start']) .bs-popover__popup{top:auto;left:0;right:auto;bottom:calc(100% + var(--bs-popover-offset))}:host([data-placement='top-end']) .bs-popover__popup{top:auto;left:auto;right:0;bottom:calc(100% + var(--bs-popover-offset))}`;
-
-let popoverId = 0;
-const BsPopover = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.bsOpenChange = createEvent(this, "bsOpenChange");
-    }
-    get el() { return getElement(this); }
-    /** Whether the popup is shown. */
-    open = false;
-    /** Where the popup sits relative to the trigger. */
-    placement = 'bottom-start';
-    /** Emitted when the open state changes through user interaction, with the new value. */
-    bsOpenChange;
-    popupId = `bs-popover-${++popoverId}`;
-    triggerSlot;
-    popupEl;
-    needsFocusIn = false;
-    escaped = false;
-    onOpenChange(next) {
-        this.detach();
-        if (next) {
-            document.addEventListener('click', this.onDocClick, true);
-            document.addEventListener('keydown', this.onKeyDown);
-            window.addEventListener('resize', this.reposition);
-            window.addEventListener('scroll', this.reposition, true);
-            this.needsFocusIn = true;
-        }
-        else {
-            this.needsFocusIn = false;
-            this.el.setAttribute('data-placement', this.placement);
-            const active = this.el.shadowRoot?.activeElement || document.activeElement;
-            const focusInside = this.el.contains(document.activeElement) && document.activeElement !== this.triggerSlot?.assignedElements()[0] && !this.isInTrigger(document.activeElement);
-            if (this.escaped || (focusInside && active))
-                this.focusTrigger();
-        }
-        this.escaped = false;
-    }
-    onPlacementChange() {
-        this.reposition();
-    }
-    componentWillLoad() {
-        this.el.setAttribute('data-placement', this.placement);
-    }
-    componentDidRender() {
-        if (!this.open)
-            return;
-        this.reposition();
-        if (this.needsFocusIn) {
-            this.needsFocusIn = false;
-            this.focusPopup();
-        }
-    }
-    isInTrigger(node) {
-        const first = this.triggerSlot?.assignedElements() ?? [];
-        return !!node && first.some(t => t.contains(node));
-    }
-    /** Effective placement after collision flipping; mirrored on the host as `data-placement`. */
-    reposition = () => {
-        if (!this.open || !this.popupEl)
-            return;
-        const [v, h] = this.placement.split('-');
-        // Measure from the preferred placement.
-        this.el.setAttribute('data-placement', this.placement);
-        const trig = this.el.getBoundingClientRect();
-        const pop = this.popupEl.getBoundingClientRect();
-        const vh = window.innerHeight;
-        const vw = window.innerWidth;
-        let rv = v;
-        let rh = h;
-        if (v === 'bottom' && pop.bottom > vh && trig.top >= pop.height)
-            rv = 'top';
-        else if (v === 'top' && pop.top < 0 && vh - trig.bottom >= pop.height)
-            rv = 'bottom';
-        if (h === 'start' && pop.right > vw && trig.right >= pop.width)
-            rh = 'end';
-        else if (h === 'end' && pop.left < 0 && vw - trig.left >= pop.width)
-            rh = 'start';
-        this.el.setAttribute('data-placement', `${rv}-${rh}`);
-    };
-    focusPopup() {
-        const sel = 'a[href],button:not([disabled]),input:not([disabled]),select:not([disabled]),textarea:not([disabled]),[tabindex]:not([tabindex="-1"])';
-        const slot = this.popupEl?.querySelector('slot');
-        const assigned = slot?.assignedElements({ flatten: true }) ?? [];
-        for (const a of assigned) {
-            const target = a.matches(sel) ? a : a.querySelector(sel);
-            if (target) {
-                target.focus();
-                return;
-            }
-        }
-        this.popupEl?.focus();
-    }
-    disconnectedCallback() {
-        this.detach();
-    }
-    componentDidLoad() {
-        if (this.open)
-            this.onOpenChange(true);
-    }
-    detach() {
-        document.removeEventListener('click', this.onDocClick, true);
-        document.removeEventListener('keydown', this.onKeyDown);
-        window.removeEventListener('resize', this.reposition);
-        window.removeEventListener('scroll', this.reposition, true);
-    }
-    setOpen(next) {
-        if (this.open === next)
-            return;
-        this.open = next;
-        this.bsOpenChange.emit(next);
-    }
-    focusTrigger() {
-        const first = this.triggerSlot?.assignedElements()[0];
-        first?.focus();
-    }
-    onTriggerKeyDown = (ev) => {
-        if (ev.key === 'ArrowDown' && !this.open) {
-            ev.preventDefault();
-            this.setOpen(true);
-        }
-    };
-    onTriggerClick = () => this.setOpen(!this.open);
-    onDocClick = (ev) => {
-        if (!ev.composedPath().includes(this.el))
-            this.setOpen(false);
-    };
-    onKeyDown = (ev) => {
-        if (ev.key === 'Escape' && this.open) {
-            this.escaped = true;
-            this.setOpen(false);
-        }
-    };
-    render() {
-        return (h("div", { key: 'a98416df7a3b9edbbac835ea99150bd22e21d0b1', class: "bs-popover" }, h("div", { key: 'd69eb18d28a99bd22d14a40167c1a5f9d4ed09e5', part: "trigger", class: "bs-popover__trigger", "aria-haspopup": "true", "aria-expanded": String(this.open), "aria-controls": this.popupId, onClick: this.onTriggerClick, onKeyDown: this.onTriggerKeyDown }, h("slot", { key: '3b6242971ba9f2bcccfdddfe15b564b3deef1eec', name: "trigger", ref: el => (this.triggerSlot = el) })), h("div", { key: '0d815e6f7ec731e5643891784b35df2cb635a6a9', part: "popup", id: this.popupId, class: "bs-popover__popup", tabindex: "-1", hidden: !this.open, ref: el => (this.popupEl = el) }, h("slot", { key: '8e455726291b8f4faaaf1f1fee190047cbd9525b' }))));
-    }
-    static get watchers() { return {
-        "open": [{
-                "onOpenChange": 0
-            }],
-        "placement": [{
-                "onPlacementChange": 0
-            }]
-    }; }
-};
-BsPopover.style = bsPopoverCss();
-
-export { BsListItem as bs_list_item, BsPopover as bs_popover };

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

@@ -1,22 +0,0 @@
-import { r as registerInstance, h } from './index-D3SkQJpw.js';
-
-const bsSpinnerCss = () => `:host{display:inline-block;vertical-align:middle;--bs-spinner-size-xs:var(--bs-spacing-200);--bs-spinner-size-sm:var(--bs-spacing-250);--bs-spinner-size-md:var(--bs-spacing-300);--bs-spinner-color:currentColor;--bs-spinner-track-opacity:0.25;--bs-spinner-duration:0.8s}.bs-spinner{display:inline-flex;width:1em;height:1em;color:inherit}.bs-spinner--xs{width:var(--bs-spinner-size-xs);height:var(--bs-spinner-size-xs)}.bs-spinner--sm{width:var(--bs-spinner-size-sm);height:var(--bs-spinner-size-sm)}.bs-spinner--md{width:var(--bs-spinner-size-md);height:var(--bs-spinner-size-md)}.bs-spinner__svg{width:100%;height:100%;animation:bs-spinner-spin var(--bs-spinner-duration) linear infinite}.bs-spinner__track{stroke:var(--bs-spinner-color);opacity:var(--bs-spinner-track-opacity)}.bs-spinner__arc{stroke:var(--bs-spinner-color)}@keyframes bs-spinner-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){.bs-spinner__svg{animation-duration:calc(var(--bs-spinner-duration) * 4)}}`;
-
-const BsSpinner = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-    }
-    /** `xs`/`sm`/`md` use fixed token sizes; `inherit` (default) is `1em`, following the font size. */
-    size = 'inherit';
-    /** Accessible name (e.g. "Loading"). When set, the spinner gets `role="status"` and this
-     * `aria-label`; when omitted it is `aria-hidden="true"` (use it next to visible text that already
-     * says what is happening). */
-    label;
-    render() {
-        const hasLabel = !!this.label;
-        return (h("span", { key: '73a069aba17ae7ddd5e18e203801d367b017352f', part: "container", class: `bs-spinner bs-spinner--${this.size}`, role: hasLabel ? 'status' : undefined, "aria-label": hasLabel ? this.label : undefined, "aria-hidden": hasLabel ? undefined : 'true' }, h("svg", { key: '087c596109a43266ec8d3ad9aa61cacee53c9694', part: "svg", class: "bs-spinner__svg", viewBox: "0 0 24 24", fill: "none", focusable: "false" }, h("circle", { key: '1de135213d827e2397815890d6606dfe908c10d7', class: "bs-spinner__track", cx: "12", cy: "12", r: "9", "stroke-width": "3" }), h("path", { key: 'c5a6f2689dfdc3e35fe253a20dab2133fc25d4c4', class: "bs-spinner__arc", d: "M12 3a9 9 0 0 1 9 9", "stroke-width": "3", "stroke-linecap": "round" }))));
-    }
-};
-BsSpinner.style = bsSpinnerCss();
-
-export { BsSpinner as bs_spinner };