@sekiui/elements 0.1.3 → 0.1.5

package/dist/cjs/focus-trap-CFl79SjZ.js

@@ -1,165 +0,0 @@
-'use strict';
-
-/**
- * Focus trap utility for dialog and modal components.
- *
- * These helpers walk the *composed* (flattened) tree rather than a single
- * shadow root. Dialog content is projected through a `<slot>`, so the actual
- * focusable elements live in the host's light DOM — and custom elements like
- * `seki-button` keep their focusable `<button>` inside their own shadow root.
- * A plain `container.querySelectorAll()` never sees either, which is why the
- * trap previously matched nothing.
- */
-const FOCUSABLE_SELECTOR = [
-    'a[href]',
-    'button:not([disabled])',
-    'input:not([disabled])',
-    'select:not([disabled])',
-    'textarea:not([disabled])',
-    '[tabindex]:not([tabindex="-1"])',
-    'audio[controls]',
-    'video[controls]',
-    '[contenteditable]:not([contenteditable="false"])',
-].join(', ');
-function isFocusableCandidate(el) {
-    return el instanceof HTMLElement && el.matches(FOCUSABLE_SELECTOR);
-}
-function isHidden(el) {
-    return (el.hidden === true ||
-        el.getAttribute('aria-hidden') === 'true');
-}
-/**
- * Recursively collect focusable elements in composed-tree (DOM) order,
- * descending through shadow roots and resolving `<slot>` assignments.
- */
-function collectFocusable(node, out) {
-    // Resolve slots to their assigned (projected) elements.
-    if (node.tagName === 'SLOT') {
-        const assigned = node.assignedElements({ flatten: true });
-        for (const el of assigned) {
-            collectFocusable(el, out);
-        }
-        return;
-    }
-    // Skip hidden subtrees entirely.
-    if (isHidden(node))
-        return;
-    if (isFocusableCandidate(node)) {
-        out.push(node);
-    }
-    // When an element hosts a shadow root, its rendered subtree is the shadow
-    // tree (light children only surface via slots inside it). Otherwise walk
-    // the light children directly.
-    const children = node.shadowRoot
-        ? Array.from(node.shadowRoot.children)
-        : Array.from(node.children);
-    for (const child of children) {
-        collectFocusable(child, out);
-    }
-}
-/**
- * Get all focusable elements within a container, crossing shadow-DOM and slot
- * boundaries so projected content and nested web components are included.
- */
-function getFocusableElements(container) {
-    var _a;
-    const out = [];
-    const root = (_a = container.shadowRoot) !== null && _a !== void 0 ? _a : container;
-    for (const child of Array.from(root.children)) {
-        collectFocusable(child, out);
-    }
-    return out;
-}
-/**
- * Resolve the deepest active element, descending into nested shadow roots.
- * `document.activeElement` only reports the outermost shadow host.
- */
-function getDeepActiveElement() {
-    var _a;
-    let active = document.activeElement;
-    while ((_a = active === null || active === void 0 ? void 0 : active.shadowRoot) === null || _a === void 0 ? void 0 : _a.activeElement) {
-        active = active.shadowRoot.activeElement;
-    }
-    return active;
-}
-/**
- * Focus the first focusable element in a container.
- */
-function focusFirst(container) {
-    const focusables = getFocusableElements(container);
-    if (focusables.length > 0) {
-        focusables[0].focus();
-    }
-}
-/**
- * Trap focus within a container during Tab key navigation.
- */
-function trapFocus(container, event) {
-    if (event.key !== 'Tab')
-        return;
-    const focusables = getFocusableElements(container);
-    if (focusables.length === 0) {
-        // Nothing focusable inside — keep focus from escaping the modal.
-        event.preventDefault();
-        return;
-    }
-    const first = focusables[0];
-    const last = focusables[focusables.length - 1];
-    const active = getDeepActiveElement();
-    // `contains()` does not cross shadow boundaries, so detect "escaped" focus by
-    // membership in the composed focusables list instead.
-    const isInside = active !== null && focusables.indexOf(active) !== -1;
-    if (event.shiftKey) {
-        if (active === first || !isInside) {
-            event.preventDefault();
-            last.focus();
-        }
-    }
-    else {
-        if (active === last || !isInside) {
-            event.preventDefault();
-            first.focus();
-        }
-    }
-}
-// ---------------------------------------------------------------------------
-// Body scroll lock (reference-counted so stacked modals don't unlock early).
-// ---------------------------------------------------------------------------
-let scrollLockCount = 0;
-let savedOverflow = '';
-let savedPaddingRight = '';
-/**
- * Lock body scroll when a modal opens. Safe to nest: the lock is only applied
- * on the first call and the original inline styles are restored on the last
- * matching unlock.
- */
-function lockBodyScroll() {
-    if (scrollLockCount === 0) {
-        savedOverflow = document.body.style.overflow;
-        savedPaddingRight = document.body.style.paddingRight;
-        const scrollbarWidth = window.innerWidth - document.documentElement.clientWidth;
-        document.body.style.overflow = 'hidden';
-        if (scrollbarWidth > 0) {
-            document.body.style.paddingRight = `${scrollbarWidth}px`;
-        }
-    }
-    scrollLockCount++;
-}
-/**
- * Unlock body scroll when a modal closes. Only the final unlock restores the
- * original inline styles.
- */
-function unlockBodyScroll() {
-    if (scrollLockCount === 0)
-        return;
-    scrollLockCount--;
-    if (scrollLockCount === 0) {
-        document.body.style.overflow = savedOverflow;
-        document.body.style.paddingRight = savedPaddingRight;
-    }
-}
-
-exports.focusFirst = focusFirst;
-exports.lockBodyScroll = lockBodyScroll;
-exports.trapFocus = trapFocus;
-exports.unlockBodyScroll = unlockBodyScroll;

package/dist/components/p-D50kwTtW.js

@@ -1,160 +0,0 @@
-/**
- * Focus trap utility for dialog and modal components.
- *
- * These helpers walk the *composed* (flattened) tree rather than a single
- * shadow root. Dialog content is projected through a `<slot>`, so the actual
- * focusable elements live in the host's light DOM — and custom elements like
- * `seki-button` keep their focusable `<button>` inside their own shadow root.
- * A plain `container.querySelectorAll()` never sees either, which is why the
- * trap previously matched nothing.
- */
-const FOCUSABLE_SELECTOR = [
-    'a[href]',
-    'button:not([disabled])',
-    'input:not([disabled])',
-    'select:not([disabled])',
-    'textarea:not([disabled])',
-    '[tabindex]:not([tabindex="-1"])',
-    'audio[controls]',
-    'video[controls]',
-    '[contenteditable]:not([contenteditable="false"])',
-].join(', ');
-function isFocusableCandidate(el) {
-    return el instanceof HTMLElement && el.matches(FOCUSABLE_SELECTOR);
-}
-function isHidden(el) {
-    return (el.hidden === true ||
-        el.getAttribute('aria-hidden') === 'true');
-}
-/**
- * Recursively collect focusable elements in composed-tree (DOM) order,
- * descending through shadow roots and resolving `<slot>` assignments.
- */
-function collectFocusable(node, out) {
-    // Resolve slots to their assigned (projected) elements.
-    if (node.tagName === 'SLOT') {
-        const assigned = node.assignedElements({ flatten: true });
-        for (const el of assigned) {
-            collectFocusable(el, out);
-        }
-        return;
-    }
-    // Skip hidden subtrees entirely.
-    if (isHidden(node))
-        return;
-    if (isFocusableCandidate(node)) {
-        out.push(node);
-    }
-    // When an element hosts a shadow root, its rendered subtree is the shadow
-    // tree (light children only surface via slots inside it). Otherwise walk
-    // the light children directly.
-    const children = node.shadowRoot
-        ? Array.from(node.shadowRoot.children)
-        : Array.from(node.children);
-    for (const child of children) {
-        collectFocusable(child, out);
-    }
-}
-/**
- * Get all focusable elements within a container, crossing shadow-DOM and slot
- * boundaries so projected content and nested web components are included.
- */
-function getFocusableElements(container) {
-    var _a;
-    const out = [];
-    const root = (_a = container.shadowRoot) !== null && _a !== void 0 ? _a : container;
-    for (const child of Array.from(root.children)) {
-        collectFocusable(child, out);
-    }
-    return out;
-}
-/**
- * Resolve the deepest active element, descending into nested shadow roots.
- * `document.activeElement` only reports the outermost shadow host.
- */
-function getDeepActiveElement() {
-    var _a;
-    let active = document.activeElement;
-    while ((_a = active === null || active === void 0 ? void 0 : active.shadowRoot) === null || _a === void 0 ? void 0 : _a.activeElement) {
-        active = active.shadowRoot.activeElement;
-    }
-    return active;
-}
-/**
- * Focus the first focusable element in a container.
- */
-function focusFirst(container) {
-    const focusables = getFocusableElements(container);
-    if (focusables.length > 0) {
-        focusables[0].focus();
-    }
-}
-/**
- * Trap focus within a container during Tab key navigation.
- */
-function trapFocus(container, event) {
-    if (event.key !== 'Tab')
-        return;
-    const focusables = getFocusableElements(container);
-    if (focusables.length === 0) {
-        // Nothing focusable inside — keep focus from escaping the modal.
-        event.preventDefault();
-        return;
-    }
-    const first = focusables[0];
-    const last = focusables[focusables.length - 1];
-    const active = getDeepActiveElement();
-    // `contains()` does not cross shadow boundaries, so detect "escaped" focus by
-    // membership in the composed focusables list instead.
-    const isInside = active !== null && focusables.indexOf(active) !== -1;
-    if (event.shiftKey) {
-        if (active === first || !isInside) {
-            event.preventDefault();
-            last.focus();
-        }
-    }
-    else {
-        if (active === last || !isInside) {
-            event.preventDefault();
-            first.focus();
-        }
-    }
-}
-// ---------------------------------------------------------------------------
-// Body scroll lock (reference-counted so stacked modals don't unlock early).
-// ---------------------------------------------------------------------------
-let scrollLockCount = 0;
-let savedOverflow = '';
-let savedPaddingRight = '';
-/**
- * Lock body scroll when a modal opens. Safe to nest: the lock is only applied
- * on the first call and the original inline styles are restored on the last
- * matching unlock.
- */
-function lockBodyScroll() {
-    if (scrollLockCount === 0) {
-        savedOverflow = document.body.style.overflow;
-        savedPaddingRight = document.body.style.paddingRight;
-        const scrollbarWidth = window.innerWidth - document.documentElement.clientWidth;
-        document.body.style.overflow = 'hidden';
-        if (scrollbarWidth > 0) {
-            document.body.style.paddingRight = `${scrollbarWidth}px`;
-        }
-    }
-    scrollLockCount++;
-}
-/**
- * Unlock body scroll when a modal closes. Only the final unlock restores the
- * original inline styles.
- */
-function unlockBodyScroll() {
-    if (scrollLockCount === 0)
-        return;
-    scrollLockCount--;
-    if (scrollLockCount === 0) {
-        document.body.style.overflow = savedOverflow;
-        document.body.style.paddingRight = savedPaddingRight;
-    }
-}
-
-export { focusFirst as f, lockBodyScroll as l, trapFocus as t, unlockBodyScroll as u };

package/dist/components/p-DJMgrCw3.js

@@ -1,54 +0,0 @@
-/**
- * Context Bridge Utility
- *
- * Generalizes the "parent publishes state onto its host element + child
- * subscribes via closest()" pattern used by compound components (select,
- * toggle-group, combobox, ...). Each parent calls publishContext() from its
- * updateContextOnElement()-equivalent method; each child calls
- * subscribeToContextChange() once in componentDidLoad() and the returned
- * unsubscribe() in disconnectedCallback().
- *
- * Extracted after the same bug (child freezes at mount-time state because
- * nothing told it the parent changed) was independently fixed three times
- * for select (#244/#253), toggle-group (#255/#257), and combobox (#258/#259).
- */
-/**
- * One event name shared by every compound-component family. Stencil's
- * @Event() emits with { bubbles: true, composed: true } by default, so a
- * nested compound (e.g. a toggle-group rendered inside a select) can cause an
- * inner parent's event to bubble past an outer parent's own children. This is
- * harmless today only because subscribeToContextChange()'s callback takes no
- * payload and every handler re-reads its own closest() parent's live context
- * rather than trusting event.detail — do not add a payload to this event or
- * that bubbling becomes a real cross-family bug.
- */
-const SEKI_CONTEXT_CHANGE_EVENT = 'sekiContextChange';
-/**
- * Parent-side: publish a fresh context object onto the host element and
- * notify subscribed children. Must assign a plain property, not a class
- * accessor of the same name — in the dist-custom-elements build the class
- * IS the host element, so an accessor collision throws (#254).
- */
-function publishContext(el, propertyName, context, emitter) {
-    el[propertyName] = context;
-    emitter.emit();
-}
-/**
- * Child-side: find the nearest ancestor matching parentSelector and listen
- * for context-change notifications. onChange is called with no payload by
- * design — children re-read the live context property via closest() rather
- * than trusting a stale event.detail snapshot. No-ops safely (null parent,
- * no-op unsubscribe) if no matching parent is found.
- */
-function subscribeToContextChange(el, parentSelector, onChange) {
-    const parent = el.closest(parentSelector);
-    if (parent) {
-        parent.addEventListener(SEKI_CONTEXT_CHANGE_EVENT, onChange);
-    }
-    return {
-        parent,
-        unsubscribe: () => parent === null || parent === void 0 ? void 0 : parent.removeEventListener(SEKI_CONTEXT_CHANGE_EVENT, onChange),
-    };
-}
-
-export { publishContext as p, subscribeToContextChange as s };

package/dist/esm/context-bridge-DJMgrCw3.js

@@ -1,54 +0,0 @@
-/**
- * Context Bridge Utility
- *
- * Generalizes the "parent publishes state onto its host element + child
- * subscribes via closest()" pattern used by compound components (select,
- * toggle-group, combobox, ...). Each parent calls publishContext() from its
- * updateContextOnElement()-equivalent method; each child calls
- * subscribeToContextChange() once in componentDidLoad() and the returned
- * unsubscribe() in disconnectedCallback().
- *
- * Extracted after the same bug (child freezes at mount-time state because
- * nothing told it the parent changed) was independently fixed three times
- * for select (#244/#253), toggle-group (#255/#257), and combobox (#258/#259).
- */
-/**
- * One event name shared by every compound-component family. Stencil's
- * @Event() emits with { bubbles: true, composed: true } by default, so a
- * nested compound (e.g. a toggle-group rendered inside a select) can cause an
- * inner parent's event to bubble past an outer parent's own children. This is
- * harmless today only because subscribeToContextChange()'s callback takes no
- * payload and every handler re-reads its own closest() parent's live context
- * rather than trusting event.detail — do not add a payload to this event or
- * that bubbling becomes a real cross-family bug.
- */
-const SEKI_CONTEXT_CHANGE_EVENT = 'sekiContextChange';
-/**
- * Parent-side: publish a fresh context object onto the host element and
- * notify subscribed children. Must assign a plain property, not a class
- * accessor of the same name — in the dist-custom-elements build the class
- * IS the host element, so an accessor collision throws (#254).
- */
-function publishContext(el, propertyName, context, emitter) {
-    el[propertyName] = context;
-    emitter.emit();
-}
-/**
- * Child-side: find the nearest ancestor matching parentSelector and listen
- * for context-change notifications. onChange is called with no payload by
- * design — children re-read the live context property via closest() rather
- * than trusting a stale event.detail snapshot. No-ops safely (null parent,
- * no-op unsubscribe) if no matching parent is found.
- */
-function subscribeToContextChange(el, parentSelector, onChange) {
-    const parent = el.closest(parentSelector);
-    if (parent) {
-        parent.addEventListener(SEKI_CONTEXT_CHANGE_EVENT, onChange);
-    }
-    return {
-        parent,
-        unsubscribe: () => parent === null || parent === void 0 ? void 0 : parent.removeEventListener(SEKI_CONTEXT_CHANGE_EVENT, onChange),
-    };
-}
-
-export { publishContext as p, subscribeToContextChange as s };

package/dist/esm/focus-trap-D50kwTtW.js

@@ -1,160 +0,0 @@
-/**
- * Focus trap utility for dialog and modal components.
- *
- * These helpers walk the *composed* (flattened) tree rather than a single
- * shadow root. Dialog content is projected through a `<slot>`, so the actual
- * focusable elements live in the host's light DOM — and custom elements like
- * `seki-button` keep their focusable `<button>` inside their own shadow root.
- * A plain `container.querySelectorAll()` never sees either, which is why the
- * trap previously matched nothing.
- */
-const FOCUSABLE_SELECTOR = [
-    'a[href]',
-    'button:not([disabled])',
-    'input:not([disabled])',
-    'select:not([disabled])',
-    'textarea:not([disabled])',
-    '[tabindex]:not([tabindex="-1"])',
-    'audio[controls]',
-    'video[controls]',
-    '[contenteditable]:not([contenteditable="false"])',
-].join(', ');
-function isFocusableCandidate(el) {
-    return el instanceof HTMLElement && el.matches(FOCUSABLE_SELECTOR);
-}
-function isHidden(el) {
-    return (el.hidden === true ||
-        el.getAttribute('aria-hidden') === 'true');
-}
-/**
- * Recursively collect focusable elements in composed-tree (DOM) order,
- * descending through shadow roots and resolving `<slot>` assignments.
- */
-function collectFocusable(node, out) {
-    // Resolve slots to their assigned (projected) elements.
-    if (node.tagName === 'SLOT') {
-        const assigned = node.assignedElements({ flatten: true });
-        for (const el of assigned) {
-            collectFocusable(el, out);
-        }
-        return;
-    }
-    // Skip hidden subtrees entirely.
-    if (isHidden(node))
-        return;
-    if (isFocusableCandidate(node)) {
-        out.push(node);
-    }
-    // When an element hosts a shadow root, its rendered subtree is the shadow
-    // tree (light children only surface via slots inside it). Otherwise walk
-    // the light children directly.
-    const children = node.shadowRoot
-        ? Array.from(node.shadowRoot.children)
-        : Array.from(node.children);
-    for (const child of children) {
-        collectFocusable(child, out);
-    }
-}
-/**
- * Get all focusable elements within a container, crossing shadow-DOM and slot
- * boundaries so projected content and nested web components are included.
- */
-function getFocusableElements(container) {
-    var _a;
-    const out = [];
-    const root = (_a = container.shadowRoot) !== null && _a !== void 0 ? _a : container;
-    for (const child of Array.from(root.children)) {
-        collectFocusable(child, out);
-    }
-    return out;
-}
-/**
- * Resolve the deepest active element, descending into nested shadow roots.
- * `document.activeElement` only reports the outermost shadow host.
- */
-function getDeepActiveElement() {
-    var _a;
-    let active = document.activeElement;
-    while ((_a = active === null || active === void 0 ? void 0 : active.shadowRoot) === null || _a === void 0 ? void 0 : _a.activeElement) {
-        active = active.shadowRoot.activeElement;
-    }
-    return active;
-}
-/**
- * Focus the first focusable element in a container.
- */
-function focusFirst(container) {
-    const focusables = getFocusableElements(container);
-    if (focusables.length > 0) {
-        focusables[0].focus();
-    }
-}
-/**
- * Trap focus within a container during Tab key navigation.
- */
-function trapFocus(container, event) {
-    if (event.key !== 'Tab')
-        return;
-    const focusables = getFocusableElements(container);
-    if (focusables.length === 0) {
-        // Nothing focusable inside — keep focus from escaping the modal.
-        event.preventDefault();
-        return;
-    }
-    const first = focusables[0];
-    const last = focusables[focusables.length - 1];
-    const active = getDeepActiveElement();
-    // `contains()` does not cross shadow boundaries, so detect "escaped" focus by
-    // membership in the composed focusables list instead.
-    const isInside = active !== null && focusables.indexOf(active) !== -1;
-    if (event.shiftKey) {
-        if (active === first || !isInside) {
-            event.preventDefault();
-            last.focus();
-        }
-    }
-    else {
-        if (active === last || !isInside) {
-            event.preventDefault();
-            first.focus();
-        }
-    }
-}
-// ---------------------------------------------------------------------------
-// Body scroll lock (reference-counted so stacked modals don't unlock early).
-// ---------------------------------------------------------------------------
-let scrollLockCount = 0;
-let savedOverflow = '';
-let savedPaddingRight = '';
-/**
- * Lock body scroll when a modal opens. Safe to nest: the lock is only applied
- * on the first call and the original inline styles are restored on the last
- * matching unlock.
- */
-function lockBodyScroll() {
-    if (scrollLockCount === 0) {
-        savedOverflow = document.body.style.overflow;
-        savedPaddingRight = document.body.style.paddingRight;
-        const scrollbarWidth = window.innerWidth - document.documentElement.clientWidth;
-        document.body.style.overflow = 'hidden';
-        if (scrollbarWidth > 0) {
-            document.body.style.paddingRight = `${scrollbarWidth}px`;
-        }
-    }
-    scrollLockCount++;
-}
-/**
- * Unlock body scroll when a modal closes. Only the final unlock restores the
- * original inline styles.
- */
-function unlockBodyScroll() {
-    if (scrollLockCount === 0)
-        return;
-    scrollLockCount--;
-    if (scrollLockCount === 0) {
-        document.body.style.overflow = savedOverflow;
-        document.body.style.paddingRight = savedPaddingRight;
-    }
-}
-
-export { focusFirst as f, lockBodyScroll as l, trapFocus as t, unlockBodyScroll as u };

package/dist/sekiui/p-02b16e70.entry.js

@@ -1 +0,0 @@
-import{r as e,c as s,h as i,H as t,a as r}from"./p-CwIa7pBQ.js";const a=class{constructor(i){e(this,i),this.sekiSelect=s(this,"sekiSelect"),this.sekiOpenChange=s(this,"sekiOpenChange"),this.loop=!0,this._activeMenuId=null,this._menuIds=[],this._menubarContext={get activeMenuId(){return null},get menuIds(){return[]},get loop(){return!0},openMenu:()=>{},closeMenu:()=>{},registerMenu:()=>{},unregisterMenu:()=>{},focusTrigger:()=>{},getNextMenuId:()=>null,getPrevMenuId:()=>null},this.openMenu=e=>{this._activeMenuId!==e&&(this._activeMenuId=e,this.updateContext(),this.sekiOpenChange.emit(e),this.setupClickOutside())},this.closeMenu=()=>{null!==this._activeMenuId&&(this._activeMenuId=null,this.updateContext(),this.sekiOpenChange.emit(null),this.removeClickOutside())},this.registerMenu=e=>{if(!this._menuIds.includes(e)){const s=Array.from(this.el.querySelectorAll("seki-menubar-menu")).map((e=>e.getAttribute("menu-id"))),i=e=>{const i=s.indexOf(e);return-1===i?Number.MAX_SAFE_INTEGER:i};this._menuIds=[...this._menuIds,e].sort(((e,s)=>i(e)-i(s)))}},this.unregisterMenu=e=>{this._menuIds=this._menuIds.filter((s=>s!==e))},this.focusTrigger=e=>{var s,i;const t=this.el.querySelector(`seki-menubar-menu[menu-id="${e}"]`),r=null==t?void 0:t.querySelector("seki-menubar-trigger"),a=null!==(i=null===(s=null==r?void 0:r.shadowRoot)||void 0===s?void 0:s.querySelector("button"))&&void 0!==i?i:r;null==a||a.focus()},this.getNextMenuId=e=>{const s=this._menuIds.indexOf(e);if(-1===s)return null;const i=s+1;return i>=this._menuIds.length?this.loop?this._menuIds[0]:null:this._menuIds[i]},this.getPrevMenuId=e=>{const s=this._menuIds.indexOf(e);if(-1===s)return null;const i=s-1;return i<0?this.loop?this._menuIds[this._menuIds.length-1]:null:this._menuIds[i]}}componentWillLoad(){this.updateContext()}componentDidUpdate(){this.updateContext()}updateContext(){this._menubarContext={activeMenuId:this._activeMenuId,menuIds:this._menuIds,loop:this.loop,openMenu:this.openMenu,closeMenu:this.closeMenu,registerMenu:this.registerMenu,unregisterMenu:this.unregisterMenu,focusTrigger:this.focusTrigger,getNextMenuId:this.getNextMenuId,getPrevMenuId:this.getPrevMenuId},this.el._menubarContext=this._menubarContext}setupClickOutside(){this.removeClickOutside(),this.clickOutsideTimeout=setTimeout((()=>{this.clickOutsideTimeout=void 0,this.clickOutsideHandler=e=>{e.composedPath().includes(this.el)||this.closeMenu()},document.addEventListener("click",this.clickOutsideHandler,{capture:!0})}),0)}removeClickOutside(){void 0!==this.clickOutsideTimeout&&(clearTimeout(this.clickOutsideTimeout),this.clickOutsideTimeout=void 0),this.clickOutsideHandler&&(document.removeEventListener("click",this.clickOutsideHandler,{capture:!0}),this.clickOutsideHandler=void 0)}handleEscape(e){if(this._activeMenuId&&"Escape"===e.key){e.preventDefault();const s=this._activeMenuId;this.closeMenu(),this.focusTrigger(s)}}handleItemSelect(e){e.stopPropagation(),this.sekiSelect.emit(e.detail);const s=this._activeMenuId;this.closeMenu(),s&&this.focusTrigger(s)}disconnectedCallback(){this.removeClickOutside()}render(){return i(t,{key:"4b686ab41a81f5ecc678375b5eb3afee6374263b"},i("div",{key:"d8a353b31fe03544cf263b575ecf953ce3d33d76",part:"menubar",role:"menubar",class:"menubar"},i("slot",{key:"50009f0981d4604085b4855d508d7a1db1b50dc3"})))}get el(){return r(this)}};a.style=":host{--seki-neutral-50:hsl(0, 0%, 98%);--seki-neutral-100:hsl(0, 0%, 96.1%);--seki-neutral-200:hsl(0, 0%, 89.8%);--seki-neutral-300:hsl(0, 0%, 83.1%);--seki-neutral-400:hsl(0, 0%, 63.9%);--seki-neutral-500:hsl(0, 0%, 45.1%);--seki-neutral-600:hsl(0, 0%, 32.2%);--seki-neutral-700:hsl(0, 0%, 25.1%);--seki-neutral-800:hsl(0, 0%, 14.9%);--seki-neutral-900:hsl(0, 0%, 9%);--seki-neutral-950:hsl(0, 0%, 3.9%);--seki-primary-50:hsl(210, 100%, 97%);--seki-primary-100:hsl(210, 95%, 93%);--seki-primary-200:hsl(210, 95%, 85%);--seki-primary-300:hsl(210, 90%, 73%);--seki-primary-400:hsl(210, 85%, 58%);--seki-primary-500:hsl(210, 80%, 48%);--seki-primary-600:hsl(210, 75%, 40%);--seki-primary-700:hsl(210, 70%, 32%);--seki-primary-800:hsl(210, 65%, 25%);--seki-primary-900:hsl(210, 60%, 18%);--seki-primary-950:hsl(210, 55%, 10%);--seki-success-500:hsl(142, 71%, 45%);--seki-success-600:hsl(142, 71%, 35%);--seki-warning-500:hsl(38, 92%, 50%);--seki-warning-600:hsl(38, 92%, 40%);--seki-destructive-500:hsl(0, 84.2%, 60.2%);--seki-destructive-600:hsl(0, 72%, 41%);--seki-chart-1:hsl(12, 76%, 61%);--seki-chart-2:hsl(173, 58%, 39%);--seki-chart-3:hsl(197, 37%, 24%);--seki-chart-4:hsl(43, 74%, 66%);--seki-chart-5:hsl(27, 87%, 67%)}:host([data-theme='dark']){color-scheme:dark}:host([data-theme='light']){color-scheme:light}:host{--seki-background:light-dark(hsl(0, 0%, 100%), hsl(0, 0%, 3.9%));--seki-foreground:light-dark(hsl(0, 0%, 3.9%), hsl(0, 0%, 98%));--seki-muted:light-dark(hsl(0, 0%, 96.1%), hsl(0, 0%, 14.9%));--seki-muted-foreground:light-dark(hsl(0, 0%, 42%), hsl(0, 0%, 63.9%));--seki-card:light-dark(hsl(0, 0%, 100%), hsl(0, 0%, 3.9%));--seki-card-foreground:light-dark(hsl(0, 0%, 3.9%), hsl(0, 0%, 98%));--seki-popover:light-dark(hsl(0, 0%, 100%), hsl(0, 0%, 3.9%));--seki-popover-foreground:light-dark(hsl(0, 0%, 3.9%), hsl(0, 0%, 98%));--seki-border:light-dark(hsl(0, 0%, 89.8%), hsl(0, 0%, 14.9%));--seki-input:light-dark(hsl(0, 0%, 89.8%), hsl(0, 0%, 14.9%));--seki-primary:light-dark(hsl(0, 0%, 9%), hsl(0, 0%, 98%));--seki-primary-foreground:light-dark(hsl(0, 0%, 98%), hsl(0, 0%, 9%));--seki-primary-tint:light-dark(hsl(0, 0%, 9%, 0.06), hsl(0, 0%, 98%, 0.1));--seki-primary-tint-foreground:var(--seki-foreground);--seki-secondary:light-dark(hsl(0, 0%, 96.1%), hsl(0, 0%, 14.9%));--seki-secondary-foreground:light-dark(hsl(0, 0%, 9%), hsl(0, 0%, 98%));--seki-accent:light-dark(hsl(0, 0%, 96.1%), hsl(0, 0%, 14.9%));--seki-accent-foreground:light-dark(hsl(0, 0%, 9%), hsl(0, 0%, 98%));--seki-destructive:light-dark(hsl(0, 84.2%, 60.2%), hsl(0, 62.8%, 30.6%));--seki-destructive-foreground:hsl(0, 0%, 98%);--seki-destructive-bg:light-dark(hsl(0, 86%, 97%), rgba(239, 68, 68, 0.1));--seki-destructive-soft-foreground:light-dark(hsl(0, 63%, 31%), hsl(0, 91%, 71%));--seki-success:light-dark(hsl(142, 71%, 45%), hsl(142, 69%, 58%));--seki-success-foreground:light-dark(hsl(142, 64%, 24%), hsl(142, 69%, 58%));--seki-success-bg:light-dark(hsl(142, 76%, 97%), rgba(34, 197, 94, 0.1));--seki-warning:light-dark(hsl(38, 92%, 50%), hsl(43, 96%, 56%));--seki-warning-foreground:light-dark(hsl(21, 77%, 27%), hsl(43, 96%, 56%));--seki-warning-bg:light-dark(hsl(48, 96%, 96%), rgba(245, 158, 11, 0.1));--seki-info:light-dark(hsl(217, 91%, 60%), hsl(217, 92%, 68%));--seki-info-foreground:light-dark(hsl(224, 64%, 33%), hsl(217, 92%, 68%));--seki-info-bg:light-dark(hsl(214, 100%, 97%), rgba(59, 130, 246, 0.1));--seki-ring:light-dark(hsl(0, 0%, 3.9%), hsl(0, 0%, 83.1%));--seki-ring-shadow:hsl(0, 0%, 3.9%, 0.1);--seki-bg-primary:var(--seki-background);--seki-bg-secondary:var(--seki-muted);--seki-bg-tertiary:var(--seki-accent);--seki-text-primary:var(--seki-foreground);--seki-text-secondary:var(--seki-muted-foreground);--seki-text-tertiary:light-dark(var(--seki-neutral-400), var(--seki-neutral-600));--seki-border-default:var(--seki-border);--seki-border-emphasis:light-dark(var(--seki-neutral-300), var(--seki-neutral-700))}:host{--seki-button-primary-bg:var(--seki-primary);--seki-button-primary-text:var(--seki-primary-foreground);--seki-button-primary-border:transparent;--seki-button-primary-hover-bg:light-dark(hsl(0, 0%, 9%, 0.9), hsl(0, 0%, 98%, 0.9));--seki-button-primary-hover-text:var(--seki-primary-foreground);--seki-button-primary-hover-border:transparent;--seki-button-secondary-bg:var(--seki-secondary);--seki-button-secondary-text:var(--seki-secondary-foreground);--seki-button-secondary-border:transparent;--seki-button-secondary-hover-bg:light-dark(hsl(0, 0%, 96.1%, 0.8), hsl(0, 0%, 14.9%, 0.8));--seki-button-secondary-hover-text:var(--seki-secondary-foreground);--seki-button-secondary-hover-border:transparent;--seki-button-outline-bg:transparent;--seki-button-outline-text:var(--seki-foreground);--seki-button-outline-border:var(--seki-input);--seki-button-outline-hover-bg:var(--seki-accent);--seki-button-outline-hover-text:var(--seki-accent-foreground);--seki-button-outline-hover-border:var(--seki-input);--seki-button-ghost-bg:transparent;--seki-button-ghost-text:var(--seki-foreground);--seki-button-ghost-border:transparent;--seki-button-ghost-hover-bg:var(--seki-accent);--seki-button-ghost-hover-text:var(--seki-accent-foreground);--seki-button-ghost-hover-border:transparent;--seki-button-destructive-bg:var(--seki-destructive);--seki-button-destructive-text:var(--seki-destructive-foreground);--seki-button-destructive-border:transparent;--seki-button-destructive-hover-bg:hsl(0, 84.2%, 60.2%, 0.9);--seki-button-destructive-hover-border:transparent;--seki-button-sm-padding-x:var(--seki-spacing-3, 0.75rem);--seki-button-sm-padding-y:0.375rem;--seki-button-sm-font-size:var(--seki-text-sm, 0.875rem);--seki-button-sm-height:2.25rem;--seki-button-md-padding-x:var(--seki-spacing-4, 1rem);--seki-button-md-padding-y:var(--seki-spacing-2, 0.5rem);--seki-button-md-font-size:var(--seki-text-base, 1rem);--seki-button-md-height:2.5rem;--seki-button-lg-padding-x:2rem;--seki-button-lg-padding-y:0.5rem;--seki-button-lg-font-size:1rem;--seki-button-lg-height:2.75rem;--seki-button-icon-sm-size:2rem;--seki-button-icon-size:2.5rem;--seki-button-icon-lg-size:3rem;--seki-button-icon-gap:0.5rem;--seki-button-link-bg:transparent;--seki-button-link-text:var(--seki-primary);--seki-button-link-border:transparent;--seki-button-link-hover-bg:transparent;--seki-button-link-hover-text:var(--seki-primary);--seki-button-link-hover-border:transparent;--seki-button-radius:var(--seki-radius-md, 0.375rem);--seki-button-font-weight:var(--seki-font-medium, 500);--seki-button-transition-duration:150ms;--seki-button-transition-timing:ease-in-out;--seki-button-shadow:var(--seki-shadow-sm, 0 1px 2px 0 rgb(0 0 0 / 0.05));--seki-button-shadow-hover:var(--seki-shadow-md, 0 4px 6px -1px rgb(0 0 0 / 0.1));--seki-button-disabled-opacity:0.5;--seki-input-bg:var(--seki-background);--seki-input-border:var(--seki-border);--seki-input-text:var(--seki-foreground);--seki-input-placeholder:var(--seki-muted-foreground);--seki-input-ring:var(--seki-ring);--seki-input-invalid-border:var(--seki-destructive);--seki-input-invalid-ring:var(--seki-destructive);--seki-input-disabled-opacity:0.5;--seki-input-radius:var(--seki-radius-md);--seki-input-ring-offset:2px;--seki-select-trigger-bg:var(--seki-background);--seki-select-trigger-border:1px solid var(--seki-border);--seki-select-trigger-bg-hover:var(--seki-muted);--seki-select-trigger-radius:var(--seki-radius-md);--seki-select-trigger-min-height:2.5rem;--seki-select-trigger-padding:0.5rem 0.75rem;--seki-select-trigger-gap:0.5rem;--seki-select-content-bg:var(--seki-popover);--seki-select-content-border:1px solid var(--seki-border);--seki-select-content-shadow:0 10px 15px -3px rgb(0 0 0 / 0.1);--seki-select-content-radius:var(--seki-radius-md);--seki-select-content-padding:0.5rem 0;--seki-select-option-padding:0.5rem 0.75rem;--seki-select-option-gap:0.5rem;--seki-select-option-radius:var(--seki-radius-sm);--seki-select-option-bg-hover:var(--seki-muted);--seki-select-option-bg-selected:var(--seki-muted);--seki-select-group-label-padding:0.5rem 0.75rem;--seki-select-group-label-font-size:var(--seki-font-size-xs);--seki-select-group-label-font-weight:var(--seki-font-semibold);--seki-select-group-label-color:var(--seki-muted-foreground);--seki-select-group-separator:1px solid var(--seki-border)}:host{--seki-spacing-0:0;--seki-spacing-0-5:0.125rem;--seki-spacing-1:0.25rem;--seki-spacing-1-5:0.375rem;--seki-spacing-2:0.5rem;--seki-spacing-2-5:0.625rem;--seki-spacing-3:0.75rem;--seki-spacing-3-5:0.875rem;--seki-spacing-4:1rem;--seki-spacing-5:1.25rem;--seki-spacing-6:1.5rem;--seki-spacing-8:2rem;--seki-spacing-10:2.5rem;--seki-spacing-12:3rem;--seki-spacing-16:4rem;--seki-spacing-20:5rem;--seki-spacing-24:6rem;--seki-input-height-sm:2rem;--seki-input-height-md:2.5rem;--seki-input-height-lg:3rem;--seki-input-padding-x:0.75rem;--seki-input-padding-y:0.5rem;--seki-input-font-size:0.875rem;--seki-input-ring-offset:2px}:host{--seki-shadow-sm:0 1px 2px 0 rgb(0 0 0 / 0.05);--seki-shadow-md:0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);--seki-shadow-lg:0 10px 15px -3px rgb(0 0 0 / 0.15), 0 4px 6px -4px rgb(0 0 0 / 0.1);--seki-shadow-xl:0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)}:host{--seki-font-sans:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue',\n    Arial, sans-serif;--seki-font-mono:ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas, monospace;--seki-text-xs:0.75rem;--seki-text-sm:0.875rem;--seki-text-base:1rem;--seki-text-lg:1.125rem;--seki-text-xl:1.25rem;--seki-text-2xl:1.5rem;--seki-text-3xl:1.875rem;--seki-text-4xl:2.25rem;--seki-font-normal:400;--seki-font-medium:500;--seki-font-semibold:600;--seki-font-bold:700;--seki-leading-none:1;--seki-leading-tight:1.25;--seki-leading-normal:1.5;--seki-leading-relaxed:1.75}:host{--seki-radius-sm:0.25rem;--seki-radius-md:0.375rem;--seki-radius-lg:0.5rem;--seki-radius-xl:1rem;--seki-radius-full:9999px;}:host{--seki-sidebar-width:16rem;--seki-sidebar-width-icon:3rem;--seki-sidebar-width-mobile:18rem;--seki-sidebar-background:light-dark(hsl(0, 0%, 98%), hsl(240, 5.9%, 10%));--seki-sidebar-foreground:light-dark(hsl(240, 5.3%, 26.1%), hsl(240, 4.8%, 95.9%));--seki-sidebar-primary:light-dark(hsl(240, 5.9%, 10%), hsl(0, 0%, 98%));--seki-sidebar-primary-foreground:light-dark(hsl(0, 0%, 98%), hsl(240, 5.9%, 10%));--seki-sidebar-accent:light-dark(hsl(240, 4.8%, 95.9%), hsl(240, 3.7%, 15.9%));--seki-sidebar-accent-foreground:light-dark(hsl(240, 5.9%, 10%), hsl(240, 4.8%, 95.9%));--seki-sidebar-border:light-dark(hsl(220, 13%, 91%), hsl(240, 3.7%, 15.9%));--seki-sidebar-ring:hsl(217.2, 91.2%, 59.8%);--seki-sidebar-muted-foreground:light-dark(hsl(240, 3.8%, 46.1%), hsl(240, 5%, 64.9%));--seki-sidebar-menu-button-height:2rem;--seki-sidebar-menu-button-height-lg:3rem;--seki-sidebar-menu-button-padding:0.5rem;--seki-sidebar-menu-button-gap:0.5rem;--seki-sidebar-menu-button-radius:var(--seki-radius-md, 0.375rem);--seki-sidebar-menu-sub-padding-left:1.75rem;--seki-sidebar-menu-sub-border-width:1px;--seki-sidebar-group-padding:0.5rem;--seki-sidebar-group-label-height:2rem;--seki-sidebar-group-label-padding:0.5rem;--seki-sidebar-header-height:auto;--seki-sidebar-footer-height:auto;--seki-sidebar-header-padding:0.5rem;--seki-sidebar-footer-padding:0.5rem;--seki-sidebar-content-padding:0.5rem;--seki-sidebar-rail-width:1rem;--seki-sidebar-transition-duration:200ms;--seki-sidebar-transition-timing:ease-in-out;--seki-sidebar-mobile-breakpoint:768px;--seki-sidebar-overlay-bg:hsla(0, 0%, 0%, 0.8)}:host{--seki-animation-fast:150ms;--seki-animation-normal:200ms;--seki-animation-slow:300ms;--seki-ease-in:cubic-bezier(0.4, 0, 1, 1);--seki-ease-out:cubic-bezier(0, 0, 0.2, 1);--seki-ease-in-out:cubic-bezier(0.4, 0, 0.2, 1);--seki-accordion-content-height:auto}@keyframes seki-fade-in{from{opacity:0}to{opacity:1}}@keyframes seki-fade-out{from{opacity:1}to{opacity:0}}@keyframes seki-scale-in{from{opacity:0;transform:scale(0.95)}to{opacity:1;transform:scale(1)}}@keyframes seki-scale-out{from{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(0.95)}}@keyframes seki-slide-in-from-top{from{transform:translateY(-100%)}to{transform:translateY(0)}}@keyframes seki-slide-out-to-top{from{transform:translateY(0)}to{transform:translateY(-100%)}}@keyframes seki-slide-in-from-bottom{from{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes seki-slide-out-to-bottom{from{transform:translateY(0)}to{transform:translateY(100%)}}@keyframes seki-slide-in-from-left{from{transform:translateX(-100%)}to{transform:translateX(0)}}@keyframes seki-slide-out-to-left{from{transform:translateX(0)}to{transform:translateX(-100%)}}@keyframes seki-slide-in-from-right{from{transform:translateX(100%)}to{transform:translateX(0)}}@keyframes seki-slide-out-to-right{from{transform:translateX(0)}to{transform:translateX(100%)}}@keyframes seki-accordion-down{from{height:0;opacity:0}to{height:var(--seki-accordion-content-height);opacity:1}}@keyframes seki-accordion-up{from{height:var(--seki-accordion-content-height);opacity:1}to{height:0;opacity:0}}@keyframes seki-zoom-in{from{opacity:0;transform:scale(0.96)}to{opacity:1;transform:scale(1)}}@keyframes seki-zoom-out{from{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(0.96)}}@keyframes seki-spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@keyframes seki-pulse{0%,100%{opacity:1}50%{opacity:0.5}}@keyframes seki-bounce{0%,100%{transform:translateY(-25%);animation-timing-function:cubic-bezier(0.8, 0, 1, 1)}50%{transform:translateY(0);animation-timing-function:cubic-bezier(0, 0, 0.2, 1)}}@keyframes seki-collapsible-open{from{height:0;overflow:hidden}to{height:var(--seki-collapsible-content-height, auto)}}@keyframes seki-collapsible-close{from{height:var(--seki-collapsible-content-height, auto)}to{height:0;overflow:hidden}}@keyframes seki-toast-slide-in-right{from{transform:translateX(calc(100% + 1rem))}to{transform:translateX(0)}}@keyframes seki-toast-slide-out-right{from{transform:translateX(0)}to{transform:translateX(calc(100% + 1rem))}}@keyframes seki-toast-swipe-out{from{transform:translateX(var(--seki-toast-swipe-end-x, 0))}to{transform:translateX(calc(100% + 1rem))}}.seki-animate-fade-in{animation:seki-fade-in var(--seki-animation-normal) var(--seki-ease-out)}.seki-animate-fade-out{animation:seki-fade-out var(--seki-animation-normal) var(--seki-ease-in)}.seki-animate-scale-in{animation:seki-scale-in var(--seki-animation-normal) var(--seki-ease-out)}.seki-animate-scale-out{animation:seki-scale-out var(--seki-animation-normal) var(--seki-ease-in)}.seki-animate-spin{animation:seki-spin 1s linear infinite}.seki-animate-pulse{animation:seki-pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite}.seki-animate-bounce{animation:seki-bounce 1s infinite}@media (prefers-reduced-motion: reduce){*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important}}[data-theme='dark']{color-scheme:dark}[data-theme='light']{color-scheme:light}:host{display:inline-flex}.menubar{display:flex;align-items:center;gap:var(--seki-spacing-1, 0.25rem);padding:var(--seki-spacing-1, 0.25rem);background-color:var(--seki-background, hsl(0 0% 100%));border:1px solid var(--seki-border, hsl(240 5.9% 90%));border-radius:var(--seki-radius-md, 0.375rem)}";export{a as seki_menubar}