@sekiui/elements 0.1.5 → 0.1.6

package/dist/cdn/seki-tooltip.js

@@ -1,491 +0,0 @@
-import { p as proxyCustomElement, H, d as createEvent, h, e as Host } from './p-jMliCqbB.js';
-import { O as OverlayLayer } from './p-CaV98uQZ.js';
-
-const sekiTooltipCss = ":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:contents;--tooltip-bg:var(--seki-background);--tooltip-text:var(--seki-foreground);--tooltip-padding:var(--seki-spacing-2) var(--seki-spacing-3);--tooltip-radius:var(--seki-radius-md);--tooltip-shadow:var(--seki-shadow-md);--tooltip-font-size:var(--seki-font-size-sm, 0.875rem);--tooltip-arrow-size:8px;--tooltip-transition-duration:200ms}.tooltip{position:fixed;box-sizing:border-box;background-color:var(--tooltip-bg);color:var(--tooltip-text);padding:var(--tooltip-padding);border-radius:var(--tooltip-radius);box-shadow:var(--tooltip-shadow);font-family:var(--seki-font-sans, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif);font-size:var(--tooltip-font-size);line-height:var(--seki-line-height-normal, 1.5);max-width:280px;word-wrap:break-word;z-index:1000;pointer-events:auto;opacity:0;transform:scale(0.95) translateY(-4px);transition:opacity var(--tooltip-transition-duration) ease-out,\n    transform var(--tooltip-transition-duration) ease-out;visibility:hidden}.tooltip--visible{opacity:1;transform:scale(1) translateY(0);visibility:visible}.tooltip-arrow{position:absolute;width:var(--tooltip-arrow-size);height:var(--tooltip-arrow-size);background-color:var(--tooltip-bg);transform:rotate(45deg);pointer-events:none}.tooltip[data-side='top']{margin-bottom:calc(var(--tooltip-arrow-size) / 2 + 4px)}.tooltip[data-side='top'] .tooltip-arrow{bottom:calc(var(--tooltip-arrow-size) / -2);left:50%;transform:translateX(-50%) rotate(45deg)}.tooltip[data-side='bottom']{margin-top:calc(var(--tooltip-arrow-size) / 2 + 4px)}.tooltip[data-side='bottom'] .tooltip-arrow{top:calc(var(--tooltip-arrow-size) / -2);left:50%;transform:translateX(-50%) rotate(45deg)}.tooltip[data-side='left']{margin-right:calc(var(--tooltip-arrow-size) / 2 + 4px)}.tooltip[data-side='left'] .tooltip-arrow{right:calc(var(--tooltip-arrow-size) / -2);top:50%;transform:translateY(-50%) rotate(45deg)}.tooltip[data-side='right']{margin-left:calc(var(--tooltip-arrow-size) / 2 + 4px)}.tooltip[data-side='right'] .tooltip-arrow{left:calc(var(--tooltip-arrow-size) / -2);top:50%;transform:translateY(-50%) rotate(45deg)}.tooltip:focus-visible{outline:2px solid var(--seki-accent);outline-offset:2px}@media (prefers-reduced-motion: reduce){.tooltip{transition:opacity 0s, transform 0s}}::slotted([slot='content']){margin:0;line-height:inherit;font-size:inherit}::slotted([slot='trigger']){cursor:help}.trigger-wrapper{display:inline-block}";
-
-const SekiTooltip$1 = /*@__PURE__*/ proxyCustomElement(class SekiTooltip extends H {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        this.__attachShadow();
-        this.showTooltip = createEvent(this, "showTooltip");
-        this.hideTooltip = createEvent(this, "hideTooltip");
-        this.positioned = createEvent(this, "positioned");
-        /**
-         * Milliseconds to delay before showing tooltip on hover
-         * @default 0
-         * @min 0
-         * @max 2000
-         */
-        this.delay = 0;
-        /**
-         * Preferred positioning side for tooltip
-         * 'auto' uses intelligent repositioning based on viewport space
-         * @default 'auto'
-         */
-        this.side = 'auto';
-        /**
-         * Disable tooltip interactions and visibility
-         * @default false
-         */
-        this.disabled = false;
-        /**
-         * Pixels between tooltip and trigger element
-         * @default 8
-         * @min 0
-         */
-        this.offset = 8;
-        /**
-         * Controlled open state. Reflects to the `open` attribute, so
-         * `<seki-tooltip open>` renders visible with no script involved.
-         * @default false
-         */
-        this.open = false;
-        /**
-         * Initial open state for uncontrolled usage
-         * @default false
-         */
-        this.defaultOpen = false;
-        /**
-         * Internal state: whether tooltip is currently visible
-         */
-        this.isVisible = false;
-        /**
-         * Internal state: current calculated position
-         */
-        this.currentPosition = 'top';
-        // Internal state tracking
-        this.showTimer = null;
-        this.hideTimer = null;
-        this.triggerEl = null;
-        this.boundTrigger = null;
-        this.longPressTimer = null;
-        this.touchStartX = 0;
-        this.touchStartY = 0;
-        this.hasLoaded = false;
-        /**
-         * Handle mouse enter on trigger
-         */
-        this.onTriggerMouseEnter = () => {
-            if (this.disabled)
-                return;
-            // Clear hide timer if exists
-            if (this.hideTimer) {
-                clearTimeout(this.hideTimer);
-                this.hideTimer = null;
-            }
-            // Set show timer with delay
-            if (this.showTimer) {
-                clearTimeout(this.showTimer);
-            }
-            this.showTimer = window.setTimeout(() => {
-                this.show();
-            }, this.delay);
-        };
-        /**
-         * Handle mouse leave from trigger
-         */
-        this.onTriggerMouseLeave = () => {
-            // Clear show timer
-            if (this.showTimer) {
-                clearTimeout(this.showTimer);
-                this.showTimer = null;
-            }
-            // Debounce hide to allow moving back over trigger
-            if (this.hideTimer) {
-                clearTimeout(this.hideTimer);
-            }
-            this.hideTimer = window.setTimeout(() => {
-                this.hide();
-            }, 100);
-        };
-        /**
-         * Pointer entered the tooltip itself: keep it open (WCAG 1.4.13 "hoverable").
-         * Cancels the grace-period hide started when the pointer left the trigger.
-         */
-        this.onTooltipMouseEnter = () => {
-            if (this.hideTimer) {
-                clearTimeout(this.hideTimer);
-                this.hideTimer = null;
-            }
-        };
-        /**
-         * Pointer left the tooltip: start the same grace-period hide as leaving the
-         * trigger, so moving back onto the trigger keeps it open.
-         */
-        this.onTooltipMouseLeave = () => {
-            if (!this.isVisible)
-                return;
-            this.onTriggerMouseLeave();
-        };
-        /**
-         * Handle focus on trigger (accessibility)
-         */
-        this.onTriggerFocus = () => {
-            if (this.disabled)
-                return;
-            // Clear timers
-            if (this.showTimer)
-                clearTimeout(this.showTimer);
-            if (this.hideTimer)
-                clearTimeout(this.hideTimer);
-            this.showTimer = null;
-            this.hideTimer = null;
-            // Show immediately on focus (no delay)
-            this.show();
-        };
-        /**
-         * Handle blur from trigger
-         */
-        this.onTriggerBlur = () => {
-            // Clear timers
-            if (this.showTimer)
-                clearTimeout(this.showTimer);
-            if (this.hideTimer)
-                clearTimeout(this.hideTimer);
-            this.showTimer = null;
-            this.hideTimer = null;
-            // Hide immediately on blur
-            this.hide();
-        };
-        /**
-         * Handle touch start (long-press detection)
-         */
-        this.onTriggerTouchStart = (e) => {
-            if (this.disabled || !e.touches[0])
-                return;
-            this.touchStartX = e.touches[0].clientX;
-            this.touchStartY = e.touches[0].clientY;
-            // Start long-press timer (500ms)
-            if (this.longPressTimer)
-                clearTimeout(this.longPressTimer);
-            this.longPressTimer = window.setTimeout(() => {
-                this.show();
-            }, 500);
-        };
-        /**
-         * Handle touch move (cancel long-press if movement > 10px)
-         */
-        this.onTriggerTouchMove = (e) => {
-            if (!e.touches[0] || !this.longPressTimer)
-                return;
-            const dx = Math.abs(e.touches[0].clientX - this.touchStartX);
-            const dy = Math.abs(e.touches[0].clientY - this.touchStartY);
-            if (dx > 10 || dy > 10) {
-                // Movement too large, cancel long-press
-                clearTimeout(this.longPressTimer);
-                this.longPressTimer = null;
-            }
-        };
-        /**
-         * Handle touch end (cancel long-press if not yet fired)
-         */
-        this.onTriggerTouchEnd = () => {
-            if (this.longPressTimer) {
-                clearTimeout(this.longPressTimer);
-                this.longPressTimer = null;
-            }
-        };
-        /**
-         * A visible tooltip is a layer on the overlay stack (utils/overlay.ts), as
-         * in Radix: Escape hides it first and leaves an enclosing dialog open.
-         */
-        this.layer = new OverlayLayer({ onEscape: (event) => this.onEscapeKey(event) });
-        /**
-         * Handle Escape key to dismiss tooltip
-         */
-        this.onEscapeKey = (event) => {
-            if (event.key === 'Escape' && this.isVisible) {
-                event.preventDefault();
-                this.hide();
-                // Keep focus on trigger
-                const trigger = this.el.querySelector('[slot="trigger"]');
-                if (trigger) {
-                    trigger.focus();
-                }
-            }
-        };
-        /**
-         * The trigger slot's assigned content changed (trigger added/replaced/removed):
-         * move the listeners over to the new trigger.
-         */
-        this.onTriggerSlotChange = () => {
-            this.attachTriggerListeners();
-            if (!this.boundTrigger) {
-                // Trigger removed while open: nothing left to anchor to.
-                this.triggerEl = null;
-                if (this.isVisible)
-                    this.hide();
-            }
-            else if (this.isVisible) {
-                // Trigger swapped while open: re-anchor to the new element.
-                this.calculatePosition();
-            }
-        };
-    }
-    /**
-     * Show tooltip programmatically
-     * @returns Promise resolves when tooltip is visible
-     */
-    async show() {
-        if (this.disabled) {
-            // Keep the reflected prop honest when a show request is refused.
-            this.open = false;
-            return;
-        }
-        // Clear any pending hide timer
-        if (this.hideTimer) {
-            clearTimeout(this.hideTimer);
-            this.hideTimer = null;
-        }
-        // Set visible state
-        this.isVisible = true;
-        this.open = true;
-        // Calculate position
-        this.calculatePosition();
-        // Emit show event
-        this.showTooltip.emit({ triggerEl: this.triggerEl || this.el });
-    }
-    /**
-     * Hide tooltip programmatically
-     * @returns Promise resolves when tooltip is hidden
-     */
-    async hide() {
-        // Clear any pending show timer
-        if (this.showTimer) {
-            clearTimeout(this.showTimer);
-            this.showTimer = null;
-        }
-        // Set hidden state
-        this.isVisible = false;
-        this.open = false;
-        // Emit hide event
-        this.hideTooltip.emit({ reason: 'blur' });
-    }
-    /**
-     * Recalculate tooltip position
-     * Call after trigger element moves or window resizes
-     */
-    async updatePosition() {
-        if (this.isVisible) {
-            this.calculatePosition();
-        }
-    }
-    /**
-     * Calculate tooltip position based on viewport
-     */
-    calculatePosition() {
-        var _a;
-        // Get trigger element
-        const trigger = this.el.querySelector('[slot="trigger"]');
-        if (!trigger)
-            return;
-        this.triggerEl = trigger;
-        // Get tooltip element from shadow DOM
-        const tooltip = (_a = this.el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.tooltip');
-        if (!tooltip)
-            return;
-        // Get trigger bounds
-        const triggerRect = trigger.getBoundingClientRect();
-        const tooltipRect = tooltip.getBoundingClientRect();
-        const viewport = {
-            width: window.innerWidth,
-            height: window.innerHeight,
-        };
-        // Calculate positions
-        const positions = {
-            top: {
-                x: triggerRect.left + triggerRect.width / 2 - tooltipRect.width / 2,
-                y: triggerRect.top - tooltipRect.height - this.offset,
-            },
-            bottom: {
-                x: triggerRect.left + triggerRect.width / 2 - tooltipRect.width / 2,
-                y: triggerRect.top + triggerRect.height + this.offset,
-            },
-            left: {
-                x: triggerRect.left - tooltipRect.width - this.offset,
-                y: triggerRect.top + triggerRect.height / 2 - tooltipRect.height / 2,
-            },
-            right: {
-                x: triggerRect.left + triggerRect.width + this.offset,
-                y: triggerRect.top + triggerRect.height / 2 - tooltipRect.height / 2,
-            },
-        };
-        // Check each position for viewport fit (8px margin minimum)
-        const margin = 8;
-        for (const [sideKey, pos] of Object.entries(positions)) {
-            const fits = pos.x >= margin &&
-                pos.x + tooltipRect.width <= viewport.width - margin &&
-                pos.y >= margin &&
-                pos.y + tooltipRect.height <= viewport.height - margin;
-            if (fits) {
-                this.currentPosition = sideKey;
-                this.applyPosition(tooltip, pos);
-                this.positioned.emit({ side: this.currentPosition, offset: this.offset });
-                return;
-            }
-        }
-        // Fallback: use preferred side, clamp to viewport
-        const preferredSide = this.side === 'auto' ? 'top' : this.side;
-        const pos = positions[preferredSide] || positions.top;
-        this.currentPosition = preferredSide;
-        // Clamp to viewport
-        pos.x = Math.max(margin, Math.min(pos.x, viewport.width - tooltipRect.width - margin));
-        pos.y = Math.max(margin, Math.min(pos.y, viewport.height - tooltipRect.height - margin));
-        this.applyPosition(tooltip, pos);
-        this.positioned.emit({ side: this.currentPosition, offset: this.offset });
-    }
-    /**
-     * Apply calculated position to tooltip element
-     */
-    applyPosition(tooltip, pos) {
-        tooltip.style.position = 'fixed';
-        tooltip.style.left = `${pos.x}px`;
-        tooltip.style.top = `${pos.y}px`;
-        tooltip.style.zIndex = '1000';
-    }
-    /**
-     * Bind listeners to the element currently assigned to the trigger slot.
-     * Idempotent: if the trigger is unchanged nothing is re-bound; if it was
-     * replaced, the old element is detached first.
-     */
-    attachTriggerListeners() {
-        const trigger = this.el.querySelector('[slot="trigger"]');
-        if (this.boundTrigger && this.boundTrigger !== trigger) {
-            this.removeTriggerListeners(this.boundTrigger);
-            this.boundTrigger = null;
-        }
-        if (!trigger)
-            return;
-        this.boundTrigger = trigger;
-        this.triggerEl = trigger;
-        // Mouse events
-        trigger.addEventListener('mouseenter', this.onTriggerMouseEnter);
-        trigger.addEventListener('mouseleave', this.onTriggerMouseLeave);
-        // Keyboard events (focus/blur)
-        trigger.addEventListener('focus', this.onTriggerFocus);
-        trigger.addEventListener('blur', this.onTriggerBlur);
-        // Touch events (long-press)
-        trigger.addEventListener('touchstart', this.onTriggerTouchStart);
-        trigger.addEventListener('touchmove', this.onTriggerTouchMove);
-        trigger.addEventListener('touchend', this.onTriggerTouchEnd);
-        // Apply aria-describedby to trigger (idempotent — keep the existing id so a
-        // re-attach after a DOM move doesn't regenerate it).
-        const contentSlot = this.el.querySelector('[slot="content"]');
-        if (contentSlot) {
-            const contentId = contentSlot.id || `tooltip-${Math.random().toString(36).substr(2, 9)}`;
-            contentSlot.id = contentId;
-            trigger.setAttribute('aria-describedby', contentId);
-        }
-    }
-    removeTriggerListeners(trigger) {
-        trigger.removeEventListener('mouseenter', this.onTriggerMouseEnter);
-        trigger.removeEventListener('mouseleave', this.onTriggerMouseLeave);
-        trigger.removeEventListener('focus', this.onTriggerFocus);
-        trigger.removeEventListener('blur', this.onTriggerBlur);
-        trigger.removeEventListener('touchstart', this.onTriggerTouchStart);
-        trigger.removeEventListener('touchmove', this.onTriggerTouchMove);
-        trigger.removeEventListener('touchend', this.onTriggerTouchEnd);
-    }
-    /**
-     * Remove event listeners from the bound trigger
-     */
-    detachTriggerListeners() {
-        if (this.boundTrigger) {
-            this.removeTriggerListeners(this.boundTrigger);
-            this.boundTrigger = null;
-        }
-    }
-    componentWillLoad() {
-        // `disabled` wins over a requested initial open state.
-        this.isVisible = (this.open || this.defaultOpen) && !this.disabled;
-        this.open = this.isVisible;
-    }
-    componentDidLoad() {
-        this.hasLoaded = true;
-        this.attachTriggerListeners();
-        if (this.isVisible) {
-            // Children are only in place now, so the initial position can finally be
-            // measured against the trigger.
-            this.calculatePosition();
-        }
-    }
-    openChanged(newValue) {
-        // An outside assignment (`tooltip.open = true`) has to win after first render;
-        // `open` is only read once in componentWillLoad otherwise.
-        if (newValue === this.isVisible)
-            return;
-        if (newValue) {
-            this.show();
-        }
-        else {
-            this.hide();
-        }
-    }
-    connectedCallback() {
-        // Re-attach on reconnect (e.g. the element was moved in the DOM). On first
-        // connect this is a no-op because children aren't ready yet — componentDidLoad
-        // handles the initial attach. addEventListener with the same handler refs is
-        // idempotent, so this never double-binds.
-        if (this.hasLoaded) {
-            this.attachTriggerListeners();
-        }
-    }
-    componentDidRender() {
-        this.layer.setActive(this.isVisible);
-    }
-    disconnectedCallback() {
-        this.detachTriggerListeners();
-        this.layer.setActive(false);
-        // Clean up timers
-        if (this.showTimer)
-            clearTimeout(this.showTimer);
-        if (this.hideTimer)
-            clearTimeout(this.hideTimer);
-        if (this.longPressTimer)
-            clearTimeout(this.longPressTimer);
-    }
-    render() {
-        return (h(Host, { key: '7c714fcc3092f4a38990c6bc97e6b02699c204e7' }, h("span", { key: 'ec5b2be8e913e917d70b767de17ce0ddf7a067af', class: "trigger-wrapper" }, h("slot", { key: 'a586b19cbdc1481eb7ddb087662bbcb4a92b8c0e', name: "trigger", onSlotchange: this.onTriggerSlotChange })), h("div", { key: '9a1d43f039edc0b3ed3dda9306cbf425c2f854c0', class: `tooltip ${this.isVisible ? 'tooltip--visible' : ''}`, role: "tooltip", onMouseEnter: this.onTooltipMouseEnter, onMouseLeave: this.onTooltipMouseLeave }, h("slot", { key: '949262f9a555cec595aa98b1bee3da1b388228f7', name: "content" }), h("div", { key: '221555f0885ace177f03b5d42d48c9cc09128c5c', class: "tooltip-arrow" }))));
-    }
-    get el() { return this; }
-    static get watchers() { return {
-        "open": ["openChanged"]
-    }; }
-    static get style() { return sekiTooltipCss; }
-}, [257, "seki-tooltip", {
-        "delay": [2],
-        "side": [1],
-        "disabled": [4],
-        "offset": [2],
-        "open": [1540],
-        "defaultOpen": [4, "default-open"],
-        "isVisible": [32],
-        "currentPosition": [32],
-        "show": [64],
-        "hide": [64],
-        "updatePosition": [64]
-    }, undefined, {
-        "open": ["openChanged"]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["seki-tooltip"];
-    components.forEach(tagName => { switch (tagName) {
-        case "seki-tooltip":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, SekiTooltip$1);
-            }
-            break;
-    } });
-}
-defineCustomElement$1();
-
-const SekiTooltip = SekiTooltip$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { SekiTooltip, defineCustomElement };