@brandsync/wc 1.19.0 → 1.20.1

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

@@ -1,258 +0,0 @@
-import { r as registerInstance, c as createEvent, a as getElement, h, H as Host } from './index-D3SkQJpw.js';
-import { c as cancelMotion, r as readMotion, p as play } from './motion-BSt9HeTa.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{position:relative;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: 'a4036266a279faf010db1b74aafec4e82574e921', 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: '5536afa9b97d2813b04ae1b81731a9a9598f326a', part: "container", class: "bs-list-item" }, interactive && !this.disabled && h("bs-ripple", { key: 'b88b81c3aa539eb54f275ec26c63049e9f3c8163', part: "ripple" }), h("div", { key: 'c297bb864a5744e51ef7053e1ee965cd5bb4184b', part: "leading", class: { 'bs-list-item__leading': true, 'bs-list-item__leading--has-content': this.hasLeading } }, h("slot", { key: '7f67174fcaff9518c2b5b6303b0ea817f1a151c0', name: "leading", onSlotchange: (e) => (this.hasLeading = this.slotHas(e)) })), h("div", { key: 'dc21fd490e75685ca49619f4eafb76e175c4d15d', part: "content", class: "bs-list-item__content" }, !this.hasDefault && this.label && (h("div", { key: '857cb18376ff874ae8f651f4b354a7e01c4992d0', part: "label", class: "bs-list-item__label" }, this.label)), !this.hasDefault && this.description && (h("div", { key: '0c21f5a9300f1ef3ebd633e22467f05ccc4d4bc7', part: "description", class: "bs-list-item__description" }, this.description)), !this.hasDefault && this.supportText && (h("div", { key: '0b5aa6198aec09d9a4a7cd3086407e71bd3daf99', part: "support-text", class: "bs-list-item__support" }, this.supportText)), h("slot", { key: 'ce13d14cb3d11f7ec93782dae33e83e802f56e5b', onSlotchange: (e) => (this.hasDefault = this.slotHas(e)) })), h("div", { key: '723bf038e7b070a17080c15183a8ea1b3b4abe79', part: "trailing", class: { 'bs-list-item__trailing': true, 'bs-list-item__trailing--shown': showTrailing } }, h("slot", { key: '48057fb7c77264a761185f029a3f8a8c55f3eed4', name: "trailing", onSlotchange: (e) => (this.hasTrailing = this.slotHas(e)) }, this.showArrow && (h("svg", { key: 'b13854ebfc8bfe7571f91ffd0b1d15043c4edf5d', viewBox: "0 0 32 32", width: "32", height: "32", fill: "none", "aria-hidden": "true" }, h("path", { key: '386a20723c7b54845ef2fff0b2292828775f3c06', 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-duration:var(--bs-duration-fast);--bs-popover-easing:var(--bs-easing-standard);--bs-popover-distance:var(--bs-spacing-50)}.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;
-    /** True while the exit motion plays after `open` went false, so the popup stays visible for it. */
-    closing = false;
-    popupEl;
-    enterPending = false;
-    exitPending = false;
-    motionRun = 0;
-    needsFocusIn = false;
-    escaped = false;
-    onOpenChange(next) {
-        this.detach();
-        this.motionRun++;
-        cancelMotion(this.popupEl);
-        if (next) {
-            this.closing = false;
-            this.enterPending = true;
-            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;
-            if (this.popupEl && !this.popupEl.hidden && readMotion(this.el, 'bs-popover').ms > 0) {
-                // Keep the resolved (possibly flipped) placement while the popup fades out; it is reset when the motion ends.
-                this.closing = true;
-                this.exitPending = true;
-            }
-            else {
-                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);
-    }
-    /** Slides toward the trigger it hangs off: a popup above its trigger rises from below, one below drops from above. */
-    offset(distance) {
-        const above = (this.el.getAttribute('data-placement') ?? this.placement).startsWith('top');
-        return `translateY(${above ? distance : -distance}px)`;
-    }
-    playEnter() {
-        const { ms, easing, distance } = readMotion(this.el, 'bs-popover');
-        if (ms === 0)
-            return;
-        play(this.popupEl, [{ opacity: 0, transform: this.offset(distance) }, { opacity: 1, transform: 'none' }], ms, easing);
-    }
-    playExit() {
-        const { ms, easing, distance } = readMotion(this.el, 'bs-popover');
-        const run = ++this.motionRun;
-        play(this.popupEl, [{ opacity: 1, transform: 'none' }, { opacity: 0, transform: this.offset(distance) }], ms, easing, 'forwards').then(() => {
-            if (run !== this.motionRun)
-                return;
-            this.closing = false;
-            this.el.setAttribute('data-placement', this.placement);
-        });
-    }
-    componentDidRender() {
-        if (!this.open && this.closing && this.exitPending) {
-            this.exitPending = false;
-            this.playExit();
-        }
-        if (!this.open)
-            return;
-        this.reposition();
-        if (this.enterPending) {
-            this.enterPending = false;
-            this.playEnter();
-        }
-        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: '39151f3b9bf56616c0e96cf0c5312d75331d89bb', class: "bs-popover" }, h("div", { key: 'dd05791d8e55c9abf1447761bd3c411b86bc20f4', 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: '5aaf9d25f29381bc005e2424a43e806d01a74ec4', name: "trigger", ref: el => (this.triggerSlot = el) })), h("div", { key: 'bc734ecdcb751ff09bb5ccdc5829035d8fd56f72', part: "popup", id: this.popupId, class: "bs-popover__popup", tabindex: "-1", hidden: !this.open && !this.closing, ref: el => (this.popupEl = el) }, h("slot", { key: 'b10ce9654f2c0f899fded5b13bf0d66f841d3f2e' }))));
-    }
-    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: '17b3ac21aefe35279e52717c529bcba6d2ae7b75', 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: '8ca1165795b8fadb7ea3c3c8228fc6f24d3ce3b2', part: "svg", class: "bs-spinner__svg", viewBox: "0 0 24 24", fill: "none", focusable: "false" }, h("circle", { key: '07d9b05e6e6f11e742bdbeea99e7f31322696363', class: "bs-spinner__track", cx: "12", cy: "12", r: "9", "stroke-width": "3" }), h("path", { key: '83d83f51d3c89cc3997950ff94e4911c6d1c0748', 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 };