@sekiui/elements 0.0.56 → 0.0.59

package/dist/types/utils/common.d.ts

@@ -0,0 +1,142 @@
+/**
+ * Common Utilities
+ * Shared utility functions used across the component library
+ */
+/**
+ * Generate a unique ID with optional prefix
+ * @param prefix - Optional prefix for the ID (default: 'id')
+ */
+export declare function generateUniqueId(prefix?: string): string;
+/**
+ * Reset ID counter (useful for testing)
+ */
+export declare function resetIdCounter(): void;
+/**
+ * Debounce a function
+ * @param fn - Function to debounce
+ * @param delay - Delay in milliseconds
+ */
+export declare function debounce<T extends (...args: any[]) => any>(fn: T, delay: number): (...args: Parameters<T>) => void;
+/**
+ * Throttle a function
+ * @param fn - Function to throttle
+ * @param delay - Delay in milliseconds
+ */
+export declare function throttle<T extends (...args: any[]) => any>(fn: T, delay: number): (...args: Parameters<T>) => void;
+/**
+ * Add a class to an element
+ * @param element - The element
+ * @param className - Class name to add
+ */
+export declare function addClass(element: HTMLElement, className: string): void;
+/**
+ * Remove a class from an element
+ * @param element - The element
+ * @param className - Class name to remove
+ */
+export declare function removeClass(element: HTMLElement, className: string): void;
+/**
+ * Toggle a class on an element
+ * @param element - The element
+ * @param className - Class name to toggle
+ * @param force - Optional force add/remove
+ */
+export declare function toggleClass(element: HTMLElement, className: string, force?: boolean): void;
+/**
+ * Check if element has a class
+ * @param element - The element
+ * @param className - Class name to check
+ */
+export declare function hasClass(element: HTMLElement, className: string): boolean;
+/**
+ * Get all data attributes from an element as an object
+ */
+export declare function getDataAttributes(element: HTMLElement): Record<string, string | undefined>;
+/**
+ * Set a data attribute on an element
+ * @param element - The element
+ * @param key - Data attribute name (without 'data-' prefix)
+ * @param value - The value to set
+ */
+export declare function setDataAttribute(element: HTMLElement, key: string, value: string | null): void;
+/**
+ * Get the value of a data attribute
+ * @param element - The element
+ * @param key - Data attribute name (without 'data-' prefix)
+ */
+export declare function getDataAttribute(element: HTMLElement, key: string): string | undefined;
+/**
+ * Dispatch a custom event from an element
+ * @param element - The element to dispatch from
+ * @param eventName - Name of the custom event
+ * @param detail - Optional detail object to include in the event
+ */
+export declare function dispatchCustomEvent<T = any>(element: HTMLElement | Document | Window, eventName: string, detail?: T): void;
+/**
+ * Listen for a custom event
+ * @param element - The element to listen on
+ * @param eventName - Name of the custom event
+ * @param handler - Callback function
+ * @returns Cleanup function to remove listener
+ */
+export declare function onCustomEvent<T = any>(element: HTMLElement | Document | Window, eventName: string, handler: (detail: T) => void): () => void;
+/**
+ * Get the offset position of an element relative to the viewport
+ */
+export declare function getElementOffset(element: HTMLElement): {
+    top: number;
+    left: number;
+};
+/**
+ * Check if an element is in the viewport
+ */
+export declare function isElementInViewport(element: HTMLElement): boolean;
+/**
+ * Scroll element into view
+ * @param element - The element to scroll into view
+ * @param options - Scroll behavior options
+ */
+export declare function scrollIntoView(element: HTMLElement, options?: ScrollIntoViewOptions): void;
+/**
+ * Get computed style value
+ */
+export declare function getComputedValue(element: HTMLElement, property: string): string;
+/**
+ * Wait for a specific time
+ * @param ms - Time in milliseconds
+ */
+export declare function wait(ms: number): Promise<void>;
+/**
+ * Wait for an element to appear in the DOM
+ * @param selector - CSS selector to wait for
+ * @param timeout - Timeout in milliseconds (default: 5000)
+ */
+export declare function waitForElement(selector: string, timeout?: number): Promise<HTMLElement>;
+/**
+ * Clone an object deeply
+ */
+export declare function deepClone<T>(obj: T): T;
+/**
+ * Merge objects
+ */
+export declare function mergeObjects<T extends Record<string, any>>(target: T, ...sources: Partial<T>[]): T;
+/**
+ * Get the prefixed CSS property name (for vendor prefixes)
+ */
+export declare function getPrefixedProperty(property: string): string;
+/**
+ * Check if browser supports a CSS feature
+ */
+export declare function supportsCSSFeature(property: string, value: string): boolean;
+/**
+ * Request animation frame with promise
+ */
+export declare function requestAnimationFramePromise(): Promise<number>;
+/**
+ * Convert camelCase to kebab-case
+ */
+export declare function camelToKebab(str: string): string;
+/**
+ * Convert kebab-case to camelCase
+ */
+export declare function kebabToCamel(str: string): string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sekiui/elements",
-  "version": "0.0.56",
+  "version": "0.0.59",
   "description": "Modern, accessible Web Components with shadcn/ui-inspired design",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",
@@ -47,6 +47,7 @@
     "@typescript-eslint/eslint-plugin": "^8.46.0",
     "@typescript-eslint/parser": "^8.46.0",
     "axe-core": "^4.10.3",
+    "babel-plugin-istanbul": "^7.0.1",
     "eslint": "^9.37.0",
     "eslint-config-prettier": "^10.1.8",
     "eslint-plugin-storybook": "9.1.10",
@@ -54,9 +55,16 @@
     "jest-cli": "^29.7.0",
     "lit": "^3.3.1",
     "prettier": "^3.6.2",
-    "storybook": "^9.1.10"
+    "puppeteer": "^24.29.0",
+    "storybook": "^9.1.10",
+    "test-exclude": "^7.0.1"
   },
   "dependencies": {
     "@floating-ui/dom": "^1.7.4"
+  },
+  "overrides": {
+    "glob": ">=10.0.0",
+    "inflight": "npm:lru-cache@^10.0.0",
+    "test-exclude": "^7.0.1"
   }
 }

package/dist/sekiui/p-9fe07f6e.entry.js

@@ -1 +0,0 @@
-export{SekiSwitch as seki_switch}from"./index.esm.js";import"./p-CuXbV_yz.js";

package/dist/sekiui/p-CuXbV_yz.js

@@ -1,2 +0,0 @@
-const e=()=>{};var t=Object.defineProperty,s=e=>{if(e.__stencil__getHostRef)return e.__stencil__getHostRef()},i=(e,t)=>{t&&(e.__stencil__getHostRef=()=>t,t.t=e)},r=(e,t)=>t in e,n=(e,t)=>(0,console.error)(e,t),o=new Map,l=new Map,a="slot-fb{display:contents}slot-fb[hidden]{display:none}",u="http://www.w3.org/1999/xlink",c=["formAssociatedCallback","formResetCallback","formDisabledCallback","formStateRestoreCallback"],k="undefined"!=typeof window?window:{},d={i:0,o:"",jmp:e=>e(),raf:e=>requestAnimationFrame(e),ael:(e,t,s,i)=>e.addEventListener(t,s,i),rel:(e,t,s,i)=>e.removeEventListener(t,s,i),ce:(e,t)=>new CustomEvent(e,t)},p=e=>Promise.resolve(e),h=(()=>{try{return new CSSStyleSheet,"function"==typeof(new CSSStyleSheet).replaceSync}catch(e){}return!1})(),m=!!h&&(()=>!!k.document&&Object.getOwnPropertyDescriptor(k.document.adoptedStyleSheets,"length").writable)(),f=!1,g=[],b=[],v=(e,t)=>s=>{e.push(s),f||(f=!0,t&&4&d.i?w(x):d.raf(x))},y=e=>{for(let t=0;t<e.length;t++)try{e[t](performance.now())}catch(e){n(e)}e.length=0},x=()=>{y(g),y(b),(f=g.length>0)&&d.raf(x)},w=e=>p().then(e),$=v(b,!0),S=e=>"object"==(e=typeof e)||"function"===e;function j(e){var t,s,i;return null!=(i=null==(s=null==(t=e.head)?void 0:t.querySelector('meta[name="csp-nonce"]'))?void 0:s.getAttribute("content"))?i:void 0}((e,s)=>{for(var i in s)t(e,i,{get:s[i],enumerable:!0})})({},{err:()=>C,map:()=>M,ok:()=>O,unwrap:()=>z,unwrapErr:()=>R});var O=e=>({isOk:!0,isErr:!1,value:e}),C=e=>({isOk:!1,isErr:!0,value:e});function M(e,t){if(e.isOk){const s=t(e.value);return s instanceof Promise?s.then((e=>O(e))):O(s)}if(e.isErr)return C(e.value);throw"should never get here"}var E,z=e=>{if(e.isOk)return e.value;throw e.value},R=e=>{if(e.isErr)return e.value;throw e.value};function P(){var e;const t=this.attachShadow({mode:"open"});void 0===E&&(E=null!=(e=function(){if(!h)return;const e=new CSSStyleSheet;return e.replaceSync(":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%)}:host{--seki-background:hsl(0, 0%, 100%);--seki-foreground:hsl(0, 0%, 3.9%);--seki-muted:hsl(0, 0%, 96.1%);--seki-muted-foreground:hsl(0, 0%, 45.1%);--seki-card:hsl(0, 0%, 100%);--seki-card-foreground:hsl(0, 0%, 3.9%);--seki-popover:hsl(0, 0%, 100%);--seki-popover-foreground:hsl(0, 0%, 3.9%);--seki-border:hsl(0, 0%, 89.8%);--seki-input:hsl(0, 0%, 89.8%);--seki-primary:hsl(0, 0%, 9%);--seki-primary-foreground:hsl(0, 0%, 98%);--seki-secondary:hsl(0, 0%, 96.1%);--seki-secondary-foreground:hsl(0, 0%, 9%);--seki-accent:hsl(0, 0%, 96.1%);--seki-accent-foreground:hsl(0, 0%, 9%);--seki-destructive:hsl(0, 84.2%, 60.2%);--seki-destructive-foreground:hsl(0, 0%, 98%);--seki-ring:hsl(0, 0%, 3.9%);--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:var(--seki-neutral-400);--seki-border-default:var(--seki-border);--seki-border-emphasis:var(--seki-neutral-300)}:host([data-theme='dark']){--seki-background:hsl(0, 0%, 3.9%);--seki-foreground:hsl(0, 0%, 98%);--seki-muted:hsl(0, 0%, 14.9%);--seki-muted-foreground:hsl(0, 0%, 63.9%);--seki-card:hsl(0, 0%, 3.9%);--seki-card-foreground:hsl(0, 0%, 98%);--seki-popover:hsl(0, 0%, 3.9%);--seki-popover-foreground:hsl(0, 0%, 98%);--seki-border:hsl(0, 0%, 14.9%);--seki-input:hsl(0, 0%, 14.9%);--seki-primary:hsl(0, 0%, 98%);--seki-primary-foreground:hsl(0, 0%, 9%);--seki-secondary:hsl(0, 0%, 14.9%);--seki-secondary-foreground:hsl(0, 0%, 98%);--seki-accent:hsl(0, 0%, 14.9%);--seki-accent-foreground:hsl(0, 0%, 98%);--seki-destructive:hsl(0, 62.8%, 30.6%);--seki-destructive-foreground:hsl(0, 0%, 98%);--seki-ring:hsl(0, 0%, 83.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:var(--seki-neutral-600);--seki-border-default:var(--seki-border);--seki-border-emphasis:var(--seki-neutral-700);--seki-button-primary-hover-bg:hsl(0, 0%, 98%, 0.9);--seki-button-secondary-hover-bg:hsl(0, 0%, 14.9%, 0.8)}: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:hsl(0, 0%, 9%, 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:hsl(0, 0%, 96.1%, 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)}: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-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;}"),e}())?e:null),E&&(m?t.adoptedStyleSheets.push(E):t.adoptedStyleSheets=[...t.adoptedStyleSheets,E])}var N=new WeakMap,A=e=>"sc-"+e.l,D=(e,t,...s)=>{let i=null,r=null,n=!1,o=!1;const l=[],a=t=>{for(let s=0;s<t.length;s++)i=t[s],Array.isArray(i)?a(i):null!=i&&"boolean"!=typeof i&&((n="function"!=typeof e&&!S(i))&&(i+=""),n&&o?l[l.length-1].u+=i:l.push(n?U(null,i):i),o=n)};if(a(s),t){t.key&&(r=t.key);{const e=t.className||t.class;e&&(t.class="object"!=typeof e?e:Object.keys(e).filter((t=>e[t])).join(" "))}}const u=U(e,null);return u.k=t,l.length>0&&(u.p=l),u.h=r,u},U=(e,t)=>({i:0,m:e,u:t,v:null,p:null,k:null,h:null}),F={},W=e=>{const t=(e=>e.replace(/[.*+?^${}()|[\]\\]/g,"\\$&"))(e);return RegExp(`(^|[^@]|@(?!supports\\s+selector\\s*\\([^{]*?${t}))(${t}\\b)`,"g")};W("::slotted"),W(":host"),W(":host-context");var H,L=(e,t,s)=>null==e||S(e)?e:4&t?(s&&"string"==typeof e||"false"!==e)&&(""===e||!!e):2&t?"string"==typeof e?parseFloat(e):"number"==typeof e?e:NaN:1&t?e+"":e,T=e=>{var t;return null==(t=s(e))?void 0:t.$hostElement$},V=(e,t)=>{const s=T(e);return{emit:e=>q(s,t,{bubbles:!0,composed:!0,cancelable:!0,detail:e})}},q=(e,t,s)=>{const i=d.ce(t,s);return e.dispatchEvent(i),i},I=(e,t,s,i,n,o)=>{if(s===i)return;let l=r(e,t),a=t.toLowerCase();if("class"===t){const t=e.classList,r=G(s);let n=G(i);t.remove(...r.filter((e=>e&&!n.includes(e)))),t.add(...n.filter((e=>e&&!r.includes(e))))}else if("style"===t){for(const t in s)i&&null!=i[t]||(t.includes("-")?e.style.removeProperty(t):e.style[t]="");for(const t in i)s&&i[t]===s[t]||(t.includes("-")?e.style.setProperty(t,i[t]):e.style[t]=i[t])}else if("key"===t);else if("ref"===t)i&&i(e);else if(l||"o"!==t[0]||"n"!==t[1]){const r=S(i);if((l||r&&null!==i)&&!n)try{if(e.tagName.includes("-"))e[t]!==i&&(e[t]=i);else{const r=null==i?"":i;"list"===t?l=!1:null!=s&&e[t]==r||("function"==typeof e.__lookupSetter__(t)?e[t]=r:e.setAttribute(t,r))}}catch(e){}let c=!1;a!==(a=a.replace(/^xlink\:?/,""))&&(t=a,c=!0),null==i||!1===i?!1===i&&""!==e.getAttribute(t)||(c?e.removeAttributeNS(u,t):e.removeAttribute(t)):(!l||4&o||n)&&!r&&1===e.nodeType&&(i=!0===i?"":i,c?e.setAttributeNS(u,t,i):e.setAttribute(t,i))}else if(t="-"===t[2]?t.slice(3):r(k,a)?a.slice(2):a[2]+t.slice(3),s||i){const r=t.endsWith(Y);t=t.replace(_,""),s&&d.rel(e,t,s,r),i&&d.ael(e,t,i,r)}},B=/\s/,G=e=>("object"==typeof e&&e&&"baseVal"in e&&(e=e.baseVal),e&&"string"==typeof e?e.split(B):[]),Y="Capture",_=RegExp(Y+"$"),J=(e,t,s)=>{const i=11===t.v.nodeType&&t.v.host?t.v.host:t.v,r=e&&e.k||{},n=t.k||{};for(const e of K(Object.keys(r)))e in n||I(i,e,r[e],void 0,s,t.i);for(const e of K(Object.keys(n)))I(i,e,r[e],n[e],s,t.i)};function K(e){return e.includes("ref")?[...e.filter((e=>"ref"!==e)),"ref"]:e}var Q=!1,X=(e,t,s)=>{const i=t.p[s];let r,n,o=0;if(null!==i.u)r=i.v=k.document.createTextNode(i.u);else{if(Q||(Q="svg"===i.m),!k.document)throw Error("You are trying to render a Stencil component in an environment that doesn't support the DOM. Make sure to populate the [`window`](https://developer.mozilla.org/en-US/docs/Web/API/Window/window) object before rendering a component.");if(r=i.v=k.document.createElementNS(Q?"http://www.w3.org/2000/svg":"http://www.w3.org/1999/xhtml",i.m),Q&&"foreignObject"===i.m&&(Q=!1),J(null,i,Q),i.p)for(o=0;o<i.p.length;++o)n=X(e,i,o),n&&r.appendChild(n);"svg"===i.m?Q=!1:"foreignObject"===r.tagName&&(Q=!0)}return r["s-hn"]=H,r},Z=(e,t,s,i,r,n)=>{let o,l=e;for(l.shadowRoot&&l.tagName===H&&(l=l.shadowRoot);r<=n;++r)i[r]&&(o=X(null,s,r),o&&(i[r].v=o,re(l,o,t)))},ee=(e,t,s)=>{for(let i=t;i<=s;++i){const t=e[i];if(t){const e=t.v;ie(t),e&&e.remove()}}},te=(e,t,s=!1)=>e.m===t.m&&(s?(s&&!e.h&&t.h&&(e.h=t.h),!0):e.h===t.h),se=(e,t,s=!1)=>{const i=t.v=e.v,r=e.p,n=t.p,o=t.m,l=t.u;null===l?(J(e,t,Q="svg"===o||"foreignObject"!==o&&Q),null!==r&&null!==n?((e,t,s,i,r=!1)=>{let n,o,l=0,a=0,u=0,c=0,k=t.length-1,d=t[0],p=t[k],h=i.length-1,m=i[0],f=i[h];for(;l<=k&&a<=h;)if(null==d)d=t[++l];else if(null==p)p=t[--k];else if(null==m)m=i[++a];else if(null==f)f=i[--h];else if(te(d,m,r))se(d,m,r),d=t[++l],m=i[++a];else if(te(p,f,r))se(p,f,r),p=t[--k],f=i[--h];else if(te(d,f,r))se(d,f,r),re(e,d.v,p.v.nextSibling),d=t[++l],f=i[--h];else if(te(p,m,r))se(p,m,r),re(e,p.v,d.v),p=t[--k],m=i[++a];else{for(u=-1,c=l;c<=k;++c)if(t[c]&&null!==t[c].h&&t[c].h===m.h){u=c;break}u>=0?(o=t[u],o.m!==m.m?n=X(t&&t[a],s,u):(se(o,m,r),t[u]=void 0,n=o.v),m=i[++a]):(n=X(t&&t[a],s,a),m=i[++a]),n&&re(d.v.parentNode,n,d.v)}l>k?Z(e,null==i[h+1]?null:i[h+1].v,s,i,a,h):a>h&&ee(t,l,k)})(i,r,t,n,s):null!==n?(null!==e.u&&(i.textContent=""),Z(i,null,t,n,0,n.length-1)):!s&&null!==r&&ee(r,0,r.length-1),Q&&"svg"===o&&(Q=!1)):e.u!==l&&(i.data=l)},ie=e=>{e.k&&e.k.ref&&e.k.ref(null),e.p&&e.p.map(ie)},re=(e,t,s)=>null==e?void 0:e.insertBefore(t,s),ne=(e,t)=>{if(t&&!e.$&&t["s-p"]){const s=t["s-p"].push(new Promise((i=>e.$=()=>{t["s-p"].splice(s-1,1),i()})))}},oe=(e,t)=>{if(e.i|=16,4&e.i)return void(e.i|=512);ne(e,e.S);const s=()=>le(e,t);if(!t)return $(s);queueMicrotask((()=>{s()}))},le=(e,t)=>{const s=e.$hostElement$,i=e.t;if(!i)throw Error(`Can't render component <${s.tagName.toLowerCase()} /> with invalid Stencil runtime! Make sure this imported component is compiled with a \`externalRuntime: true\` flag. For more information, please refer to https://stenciljs.com/docs/custom-elements#externalruntime`);let r;return t?(e.i|=256,e.j&&(e.j.map((([e,t])=>he(i,e,t,s))),e.j=void 0),e.O.length&&e.O.forEach((e=>e(s))),r=he(i,"componentWillLoad",void 0,s)):r=he(i,"componentWillUpdate",void 0,s),r=ae(r,(()=>he(i,"componentWillRender",void 0,s))),ae(r,(()=>ce(e,i,t)))},ae=(e,t)=>ue(e)?e.then(t).catch((e=>{console.error(e),t()})):t(),ue=e=>e instanceof Promise||e&&e.then&&"function"==typeof e.then,ce=async(e,t,s)=>{var i;const r=e.$hostElement$,n=r["s-rc"];s&&(e=>{const t=e.C,s=e.$hostElement$,i=t.i,r=((e,t)=>{var s;const i=A(t),r=l.get(i);if(!k.document)return i;if(e=11===e.nodeType?e:k.document,r)if("string"==typeof r){let n,o=N.get(e=e.head||e);if(o||N.set(e,o=new Set),!o.has(i)){{n=k.document.createElement("style"),n.innerHTML=r;const i=null!=(s=d.M)?s:j(k.document);if(null!=i&&n.setAttribute("nonce",i),!(1&t.i))if("HEAD"===e.nodeName){const t=e.querySelectorAll("link[rel=preconnect]"),s=t.length>0?t[t.length-1].nextSibling:e.querySelector("style");e.insertBefore(n,(null==s?void 0:s.parentNode)===e?s:null)}else if("host"in e)if(h){const t=new CSSStyleSheet;t.replaceSync(r),m?e.adoptedStyleSheets.unshift(t):e.adoptedStyleSheets=[t,...e.adoptedStyleSheets]}else{const t=e.querySelector("style");t?t.innerHTML=r+t.innerHTML:e.prepend(n)}else e.append(n);1&t.i&&e.insertBefore(n,null)}4&t.i&&(n.innerHTML+=a),o&&o.add(i)}}else e.adoptedStyleSheets.includes(r)||(m?e.adoptedStyleSheets.push(r):e.adoptedStyleSheets=[...e.adoptedStyleSheets,r]);return i})(s.shadowRoot?s.shadowRoot:s.getRootNode(),t);10&i&&(s["s-sc"]=r,s.classList.add(r+"-h"))})(e);ke(e,t,r,s),n&&(n.map((e=>e())),r["s-rc"]=void 0);{const t=null!=(i=r["s-p"])?i:[],s=()=>de(e);0===t.length?s():(Promise.all(t).then(s),e.i|=4,t.length=0)}},ke=(e,t,s,i)=>{try{t=t.render(),e.i&=-17,e.i|=2,((e,t,s=!1)=>{const i=e.$hostElement$,r=e.C,n=e.R||U(null,null),o=(e=>e&&e.m===F)(t)?t:D(null,null,t);if(H=i.tagName,r.P&&(o.k=o.k||{},r.P.forEach((([e,t])=>{o.k[t]=i[e]}))),s&&o.k)for(const e of Object.keys(o.k))i.hasAttribute(e)&&!["key","ref","style","class"].includes(e)&&(o.k[e]=i[e]);o.m=null,o.i|=4,e.R=o,o.v=n.v=i.shadowRoot||i,se(n,o,s)})(e,t,i)}catch(t){n(t,e.$hostElement$)}return null},de=e=>{const t=e.$hostElement$,s=e.t,i=e.S;he(s,"componentDidRender",void 0,t),64&e.i?he(s,"componentDidUpdate",void 0,t):(e.i|=64,me(t),he(s,"componentDidLoad",void 0,t),e.N(t),i||pe()),e.A(t),e.$&&(e.$(),e.$=void 0),512&e.i&&w((()=>oe(e,!1))),e.i&=-517},pe=()=>{w((()=>q(k,"appload",{detail:{namespace:"sekiui"}})))},he=(e,t,s,i)=>{if(e&&e[t])try{return e[t](s)}catch(e){n(e,i)}},me=e=>e.classList.add("hydrated"),fe=(e,t,i,r)=>{const o=s(e);if(!o)return;if(!o)throw Error(`Couldn't find host element for "${r.l}" as it is unknown to this Stencil runtime. This usually happens when integrating a 3rd party Stencil component with another Stencil component or application. Please reach out to the maintainers of the 3rd party Stencil component or report this on the Stencil Discord server (https://chat.stenciljs.com) or comment on this similar [GitHub issue](https://github.com/stenciljs/core/issues/5457).`);const l=o.$hostElement$,a=o.D.get(t),u=o.i,c=o.t;if(i=L(i,r.U[t][0],!!(64&r.i)),(!(8&u)||void 0===a)&&i!==a&&(!Number.isNaN(a)||!Number.isNaN(i))&&(o.D.set(t,i),c)){if(r.F&&128&u){const e=r.F[t];e&&e.map((e=>{try{c[e](i,a,t)}catch(e){n(e,l)}}))}if(2==(18&u)){if(c.componentShouldUpdate&&!1===c.componentShouldUpdate(i,a,t))return;oe(o,!1)}}},ge=(e,t,i)=>{var r,n;const o=e.prototype;64&t.i&&1&i&&c.forEach((e=>{Object.defineProperty(o,e,{value(...t){var i;const r=s(this),n=null==r?void 0:r.t;if(n){const s=n[e];"function"==typeof s&&s.call(n,...t)}else null==(i=null==r?void 0:r.W)||i.then((s=>{const i=s[e];"function"==typeof i&&i.call(s,...t)}))}})}));{e.watchers&&!t.F&&(t.F=e.watchers),e.deserializers&&!t.H&&(t.H=e.deserializers),e.serializers&&!t.L&&(t.L=e.serializers);const l=Object.entries(null!=(r=t.U)?r:{});if(l.map((([e,[r]])=>{if(31&r||2&i&&32&r){const{get:n,set:l}=Object.getOwnPropertyDescriptor(o,e)||{};n&&(t.U[e][0]|=2048),l&&(t.U[e][0]|=4096),(1&i||!n)&&Object.defineProperty(o,e,{get(){{if(!(2048&t.U[e][0]))return((e,t)=>s(this).D.get(t))(0,e);const i=s(this),r=i?i.t:o;if(!r)return;return r[e]}},configurable:!0,enumerable:!0}),Object.defineProperty(o,e,{set(n){const o=s(this);if(o){if(l)return void 0===(32&r?this[e]:o.$hostElement$[e])&&o.D.get(e)&&(n=o.D.get(e)),l.call(this,L(n,r,!!(64&t.i))),void fe(this,e,n=32&r?this[e]:o.$hostElement$[e],t);{if(!(1&i&&4096&t.U[e][0]))return fe(this,e,n,t),void(1&i&&!o.t&&o.O.push((()=>{4096&t.U[e][0]&&o.t[e]!==o.D.get(e)&&(o.t[e]=n)})));const s=()=>{const s=o.t[e];!o.D.get(e)&&s&&o.D.set(e,s),o.t[e]=L(n,r,!!(64&t.i)),fe(this,e,o.t[e],t)};o.t?s():o.O.push((()=>{s()}))}}}})}else 1&i&&64&r&&Object.defineProperty(o,e,{value(...t){var i;const r=s(this);return null==(i=null==r?void 0:r.T)?void 0:i.then((()=>{var s;return null==(s=r.t)?void 0:s[e](...t)}))}})})),1&i){const i=new Map;o.attributeChangedCallback=function(e,r,n){d.jmp((()=>{var l;const a=i.get(e),u=s(this);if(this.hasOwnProperty(a)&&(n=this[a],delete this[a]),o.hasOwnProperty(a)&&"number"==typeof this[a]&&this[a]==n)return;if(null==a){const s=null==u?void 0:u.i;if(u&&s&&!(8&s)&&128&s&&n!==r){const s=u.t,i=null==(l=t.F)?void 0:l[e];null==i||i.forEach((t=>{null!=s[t]&&s[t].call(s,n,r,e)}))}return}const c=Object.getOwnPropertyDescriptor(o,a);(n=(null!==n||"boolean"!=typeof this[a])&&n)==this[a]||c.get&&!c.set||(this[a]=n)}))},e.observedAttributes=Array.from(new Set([...Object.keys(null!=(n=t.F)?n:{}),...l.filter((([e,t])=>31&t[0])).map((([e,s])=>{var r;const n=s[1]||e;return i.set(n,e),512&s[0]&&(null==(r=t.P)||r.push([e,n])),n}))]))}}return e},be=(e,t)=>{he(e,"connectedCallback",void 0,t)},ve=(e,t)=>{he(e,"disconnectedCallback",void 0,t||e)},ye=(e,t={})=>{var i;if(!k.document)return void console.warn("Stencil: No document found. Skipping bootstrapping lazy components.");const r=[],u=t.exclude||[],c=k.customElements,p=k.document.head,m=p.querySelector("meta[charset]"),f=k.document.createElement("style"),g=[];let b,v=!0;Object.assign(d,t),d.o=new URL(t.resourcesUrl||"./",k.document.baseURI).href;let y=!1;if(e.map((e=>{e[1].map((t=>{var i,a,k;const p={i:t[0],l:t[1],U:t[2],V:t[3]};4&p.i&&(y=!0),p.U=t[2],p.V=t[3],p.P=[],p.F=null!=(i=t[4])?i:{},p.L=null!=(a=t[5])?a:{},p.H=null!=(k=t[6])?k:{};const m=p.l,f=class extends HTMLElement{constructor(e){if(super(e),this.hasRegisteredEventListeners=!1,((e,t)=>{const s={i:0,$hostElement$:e,C:t,D:new Map,q:new Map};s.T=new Promise((e=>s.A=e)),s.W=new Promise((e=>s.N=e)),e["s-p"]=[],e["s-rc"]=[],s.O=[];const i=s;e.__stencil__getHostRef=()=>i})(e=this,p),1&p.i)if(e.shadowRoot){if("open"!==e.shadowRoot.mode)throw Error(`Unable to re-use existing shadow root for ${p.l}! Mode is set to ${e.shadowRoot.mode} but Stencil only supports open shadow roots.`)}else P.call(e,p)}connectedCallback(){const e=s(this);e&&(this.hasRegisteredEventListeners||(this.hasRegisteredEventListeners=!0,xe(this,e,p.V)),b&&(clearTimeout(b),b=null),v?g.push(this):d.jmp((()=>(e=>{if(!(1&d.i)){const t=s(e);if(!t)return;const i=t.C,r=()=>{};if(1&t.i)xe(e,t,i.V),(null==t?void 0:t.t)?be(t.t,e):(null==t?void 0:t.W)&&t.W.then((()=>be(t.t,e)));else{t.i|=1;{let s=e;for(;s=s.parentNode||s.host;)if(s["s-p"]){ne(t,t.S=s);break}}i.U&&Object.entries(i.U).map((([t,[s]])=>{if(31&s&&t in e&&e[t]!==Object.prototype[t]){const s=e[t];delete e[t],e[t]=s}})),(async(e,t,s)=>{let i;if(!(32&t.i)){if(t.i|=32,s.I){const r=((e,t)=>{const s=e.l.replace(/-/g,"_"),i=e.I;if(!i)return;const r=o.get(i);return r?r[s]:import(`./${i}.entry.js`).then((e=>(o.set(i,e),e[s])),(e=>{n(e,t.$hostElement$)}))
-/*!__STENCIL_STATIC_IMPORT_SWITCH__*/})(s,t);if(r&&"then"in r){const e=()=>{};i=await r,e()}else i=r;if(!i)throw Error(`Constructor for "${s.l}#${t.B}" was not found`);i.isProxied||(s.F=i.watchers,s.L=i.serializers,s.H=i.deserializers,ge(i,s,2),i.isProxied=!0);const l=()=>{};t.i|=8;try{new i(t)}catch(t){n(t,e)}t.i&=-9,t.i|=128,l(),be(t.t,e)}else i=e.constructor,customElements.whenDefined(e.localName).then((()=>t.i|=128));if(i&&i.style){let e;"string"==typeof i.style&&(e=i.style);const t=A(s);if(!l.has(t)){const i=()=>{};((e,t,s)=>{let i=l.get(e);h&&s?(i=i||new CSSStyleSheet,"string"==typeof i?i=t:i.replaceSync(t)):i=t,l.set(e,i)})(t,e,!!(1&s.i)),i()}}}const r=t.S,a=()=>oe(t,!0);r&&r["s-rc"]?r["s-rc"].push(a):a()})(e,t,i)}r()}})(this))))}disconnectedCallback(){d.jmp((()=>(async e=>{if(!(1&d.i)){const t=s(e);(null==t?void 0:t.G)&&(t.G.map((e=>e())),t.G=void 0),(null==t?void 0:t.t)?ve(t.t,e):(null==t?void 0:t.W)&&t.W.then((()=>ve(t.t,e)))}N.has(e)&&N.delete(e),e.shadowRoot&&N.has(e.shadowRoot)&&N.delete(e.shadowRoot)})(this))),d.raf((()=>{var e;const t=s(this);if(!t)return;const i=g.findIndex((e=>e===this));i>-1&&g.splice(i,1),(null==(e=null==t?void 0:t.R)?void 0:e.v)instanceof Node&&!t.R.v.isConnected&&delete t.R.v}))}componentOnReady(){var e;return null==(e=s(this))?void 0:e.W}};64&p.i&&(f.formAssociated=!0),p.I=e[0],u.includes(m)||c.get(m)||(r.push(m),c.define(m,ge(f,p,1)))}))})),r.length>0&&(y&&(f.textContent+=a),f.textContent+=r.sort()+"{visibility:hidden}.hydrated{visibility:inherit}",f.innerHTML.length)){f.setAttribute("data-styles","");const e=null!=(i=d.M)?i:j(k.document);null!=e&&f.setAttribute("nonce",e),p.insertBefore(f,m?m.nextSibling:p.firstChild)}v=!1,g.length?g.map((e=>e.connectedCallback())):d.jmp((()=>b=setTimeout(pe,30)))},xe=(e,t,s)=>{s&&k.document&&s.map((([s,i,r])=>{const n=e,o=we(t,r),l=$e(s);d.ael(n,i,o,l),(t.G=t.G||[]).push((()=>d.rel(n,i,o,l)))}))},we=(e,t)=>s=>{var i;try{256&e.i?null==(i=e.t)||i[t](s):(e.j=e.j||[]).push([t,s])}catch(t){n(t,e.$hostElement$)}},$e=e=>({passive:!!(1&e),capture:!!(2&e)}),Se=e=>d.M=e;export{F as H,T as a,ye as b,V as c,e as g,D as h,p,i as r,Se as s}