@brandsync/wc 1.17.0 → 1.18.0

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

@@ -1,151 +0,0 @@
-import { r as registerInstance, c as createEvent, a as getElement, h } from './index-D3SkQJpw.js';
-
-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: 'da517e23c7a7028088ce255b01d7e1a2e6517804', class: "bs-popover" }, h("div", { key: '6acca226b72b7c22f77e7e507c26a56d5e5d56a3', 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: '877e07422f0e85bfe3b85d0029b1df425516aaf2', name: "trigger", ref: el => (this.triggerSlot = el) })), h("div", { key: 'f9da851d41e4bdbf6bcd41dcf2e3de7a6f2c61b6', part: "popup", id: this.popupId, class: "bs-popover__popup", tabindex: "-1", hidden: !this.open, ref: el => (this.popupEl = el) }, h("slot", { key: 'd3dc628e79868aab472a6cd6e074e2d7d880ffb0' }))));
-    }
-    static get watchers() { return {
-        "open": [{
-                "onOpenChange": 0
-            }],
-        "placement": [{
-                "onPlacementChange": 0
-            }]
-    }; }
-};
-BsPopover.style = bsPopoverCss();
-
-export { BsPopover as bs_popover };

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

@@ -1,49 +0,0 @@
-import { r as registerInstance, h } from './index-D3SkQJpw.js';
-
-const bsSkeletonCss = () => `:host{display:block;--bs-skeleton-bg:var(--bs-color-neutral-container);--bs-skeleton-radius:var(--bs-border-radius-100);--bs-skeleton-width:100%;--bs-skeleton-text-height:1em;--bs-skeleton-rect-height:96px;--bs-skeleton-gap:var(--bs-spacing-100);--bs-skeleton-duration:1.5s}.bs-skeleton{display:flex;flex-direction:column;gap:var(--bs-skeleton-gap)}.bs-skeleton__line{display:block;max-width:100%;width:var(--bs-skeleton-width);background:var(--bs-skeleton-bg);border-radius:var(--bs-skeleton-radius)}.bs-skeleton__line--text{height:var(--bs-skeleton-text-height)}.bs-skeleton__line--rect{height:var(--bs-skeleton-rect-height)}.bs-skeleton__line--circle{height:var(--bs-skeleton-rect-height);width:var(--bs-skeleton-rect-height);border-radius:var(--bs-border-radius-full)}.bs-skeleton__line--short{width:60%}.bs-skeleton--animated .bs-skeleton__line{animation:bs-skeleton-pulse var(--bs-skeleton-duration) ease-in-out infinite}@keyframes bs-skeleton-pulse{0%,100%{opacity:1}50%{opacity:0.5}}@media (prefers-reduced-motion: reduce){.bs-skeleton--animated .bs-skeleton__line{animation:none}}`;
-
-const BsSkeleton = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-    }
-    /** Shape of the placeholder. */
-    variant = 'text';
-    /** Any CSS length (e.g. `200px`, `50%`). Falls back to `--bs-skeleton-width`. For `circle`, if
-     * only one of `width`/`height` is set the other matches it. */
-    width;
-    /** Any CSS length. Falls back to the variant's default height custom property. */
-    height;
-    /** Number of text lines (`variant="text"` only). The last line of a multi-line block is shorter.
-     * Values below 1 are treated as 1. */
-    lines = 1;
-    /** Whether the placeholder pulses. Disabled automatically under `prefers-reduced-motion`. */
-    animated = true;
-    /** When set, the placeholder gets `role="status"` and this as its `aria-label`; otherwise it is
-     * `aria-hidden="true"`. */
-    label;
-    render() {
-        const isText = this.variant === 'text';
-        const count = isText ? Math.max(1, Math.floor(Number(this.lines)) || 1) : 1;
-        let width = this.width;
-        let height = this.height;
-        if (this.variant === 'circle') {
-            width = width ?? height;
-            height = height ?? width;
-        }
-        const style = {};
-        if (width)
-            style.width = width;
-        if (height)
-            style.height = height;
-        const lines = [];
-        for (let i = 0; i < count; i++) {
-            const isShortLast = isText && count > 1 && i === count - 1 && !this.width;
-            lines.push(h("span", { part: "line", class: { 'bs-skeleton__line': true, [`bs-skeleton__line--${this.variant}`]: true, 'bs-skeleton__line--short': isShortLast }, style: style }));
-        }
-        const hasLabel = !!this.label;
-        return (h("span", { key: 'c5cbf5b6a64b8658ffd5b60816db3d226c342d65', part: "container", class: { 'bs-skeleton': true, 'bs-skeleton--animated': this.animated, [`bs-skeleton--${this.variant}`]: true }, role: hasLabel ? 'status' : undefined, "aria-label": hasLabel ? this.label : undefined, "aria-hidden": hasLabel ? undefined : 'true' }, lines));
-    }
-};
-BsSkeleton.style = bsSkeletonCss();
-
-export { BsSkeleton as bs_skeleton };