@editora/ui-core 0.1.19 → 0.1.21

package/dist/label.esm.js

@@ -1,4 +1,4 @@
-import { E as s } from "./ElementBase-909688f3.mjs";
+import { E as s } from "./ElementBase-YlTLMsGk.mjs";
 const n = `
   :host {
     --ui-label-color: var(--ui-color-text, var(--ui-text, #0f172a));
@@ -187,17 +187,12 @@ function a(i) {
   return i.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#39;");
 }
 function u(i) {
-  if (!i)
-    return !1;
+  if (!i) return !1;
   const e = i.assignedNodes({ flatten: !0 });
-  return e.length ? e.some((o) => {
-    var t;
-    return o.nodeType === Node.TEXT_NODE ? !!((t = o.textContent) != null && t.trim()) : o.nodeType === Node.ELEMENT_NODE;
-  }) : !1;
+  return e.length ? e.some((o) => o.nodeType === Node.TEXT_NODE ? !!o.textContent?.trim() : o.nodeType === Node.ELEMENT_NODE) : !1;
 }
 function l(i) {
-  if (i.hasAttribute("disabled") || i.getAttribute("aria-disabled") === "true")
-    return !1;
+  if (i.hasAttribute("disabled") || i.getAttribute("aria-disabled") === "true") return !1;
   const e = window.getComputedStyle(i);
   return !(e.display === "none" || e.visibility === "hidden");
 }
@@ -229,8 +224,7 @@ class c extends s {
     const e = this.getAttribute("for");
     if (e) {
       const t = document.getElementById(e);
-      if (t instanceof HTMLElement && l(t))
-        return t;
+      if (t instanceof HTMLElement && l(t)) return t;
     }
     const o = [
       this.nextElementSibling,
@@ -238,13 +232,11 @@ class c extends s {
       this.closest('[role="group"], form, ui-form, fieldset, .field, [data-field]')
     ];
     for (const t of o) {
-      if (!t)
-        continue;
+      if (!t) continue;
       const r = t.querySelector(
         'ui-input, ui-textarea, ui-select, ui-combobox, input, textarea, select, button, [tabindex]:not([tabindex="-1"])'
       );
-      if (r && l(r))
-        return r;
+      if (r && l(r)) return r;
     }
     return null;
   }
@@ -258,8 +250,7 @@ class c extends s {
       }
   }
   _onRootClick(e) {
-    if (this.hasAttribute("disabled"))
-      return;
+    if (this.hasAttribute("disabled")) return;
     const o = e.composedPath(), t = this.root.querySelector(".label");
     !t || !o.includes(t) || (this._focusControl(), this.dispatchEvent(new CustomEvent("click", { bubbles: !0 })));
   }

package/dist/layout.cjs.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const f=require("./ElementBase-1b301e7f.js"),x=`
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const f=require("./ElementBase-EV6mVBUV.js"),x=`
   :host {
     --ui-layout-bg: var(--ui-color-background, #f8fafc);
     --ui-layout-surface: var(--ui-color-surface, #ffffff);
@@ -241,7 +241,7 @@
       box-shadow: none;
     }
   }
-`;function r(e){return e?e.assignedNodes({flatten:!0}).some(t=>{var a;return t.nodeType===Node.ELEMENT_NODE?!0:t.nodeType===Node.TEXT_NODE?!!((a=t.textContent)!=null&&a.trim()):!1}):!1}function g(e){if(e==null)return!1;const t=String(e).trim().toLowerCase();return t!=="false"&&t!=="0"}function c(e,t){const a=e==null?void 0:e.trim();return a?/^-?\d+(\.\d+)?$/.test(a)?`${a}px`:a:t}class p extends f.ElementBase{constructor(){super(),this._layoutNode=null,this._headerEl=null,this._bodyEl=null,this._footerEl=null,this._sidebarPanel=null,this._contentPanel=null,this._asidePanel=null,this._headerSlot=null,this._sidebarSlot=null,this._contentSlot=null,this._defaultSlot=null,this._asideSlot=null,this._footerSlot=null,this._lastLayoutSignature="",this._onSlotChange=this._onSlotChange.bind(this)}static get observedAttributes(){return["mode","variant","density","max-width","sidebar-side","collapsed","headless","sidebar-width","aside-width"]}connectedCallback(){super.connectedCallback(),queueMicrotask(()=>this._syncShell({emit:!1}))}disconnectedCallback(){this._detachSlotHandlers(),super.disconnectedCallback()}collapse(){this.setAttribute("collapsed","")}expand(){this.removeAttribute("collapsed")}toggleSidebar(){this.collapsed?this.expand():this.collapse()}get collapsed(){return g(this.getAttribute("collapsed"))}set collapsed(t){t?this.setAttribute("collapsed",""):this.removeAttribute("collapsed")}attributeChangedCallback(t,a,o){if(a!==o){if(t==="variant"||t==="density"||t==="max-width"||t==="headless"){super.attributeChangedCallback(t,a,o),queueMicrotask(()=>this._syncShell({emit:!1}));return}queueMicrotask(()=>this._syncShell({emit:!0}))}}_mode(){const t=this.getAttribute("mode");return t==="split"||t==="stack"?t:"dashboard"}_sidebarSide(){return this.getAttribute("sidebar-side")==="end"?"end":"start"}_attachSlotHandlers(){this._detachSlotHandlers(),this._headerSlot=this.root.querySelector('slot[name="header"]'),this._sidebarSlot=this.root.querySelector('slot[name="sidebar"]'),this._contentSlot=this.root.querySelector('slot[name="content"]'),this._defaultSlot=this.root.querySelector("slot:not([name])"),this._asideSlot=this.root.querySelector('slot[name="aside"]'),this._footerSlot=this.root.querySelector('slot[name="footer"]'),[this._headerSlot,this._sidebarSlot,this._contentSlot,this._defaultSlot,this._asideSlot,this._footerSlot].forEach(t=>t==null?void 0:t.addEventListener("slotchange",this._onSlotChange))}_detachSlotHandlers(){[this._headerSlot,this._sidebarSlot,this._contentSlot,this._defaultSlot,this._asideSlot,this._footerSlot].forEach(t=>t==null?void 0:t.removeEventListener("slotchange",this._onSlotChange)),this._headerSlot=null,this._sidebarSlot=null,this._contentSlot=null,this._defaultSlot=null,this._asideSlot=null,this._footerSlot=null}_onSlotChange(){this._syncShell({emit:!0})}_emitLayoutChange(t){this.dispatchEvent(new CustomEvent("layoutchange",{detail:t,bubbles:!0,composed:!0}))}_signature(t){return JSON.stringify(t)}_computeShellState(){if(!this.isConnected||!this._layoutNode||!this._bodyEl)return null;const t=this._mode(),a=this._sidebarSide(),o=this.collapsed,y=r(this._headerSlot),b=r(this._footerSlot),u=r(this._sidebarSlot),n=r(this._asideSlot),d=r(this._contentSlot)||r(this._defaultSlot),i=u&&(!o||t==="stack")&&!(t==="split"&&n),s=n,m=d||i||s,h=t==="stack";let l="content-only";return h||(t==="split"?s&&d?l="split-with-aside":i&&d&&(l=a==="end"?"split-with-sidebar-end":"split-with-sidebar-start"):i&&s?l=a==="end"?"dashboard-end":"dashboard-start":i?l=a==="end"?"dashboard-end-no-aside":"dashboard-start-no-aside":s&&(l=a==="end"?"dashboard-end-no-sidebar":"dashboard-start-no-sidebar")),{mode:t,sidebarSide:a,collapsed:o,hasHeader:y,hasFooter:b,hasSidebarContent:u,hasAsideContent:n,hasContent:d,sidebarVisible:i,asideVisible:s,bodyVisible:m,layout:l,stack:h,sidebarTrack:i?c(this.getAttribute("sidebar-width"),"clamp(220px, 22vw, 320px)"):"0px",asideTrack:s?c(this.getAttribute("aside-width"),"clamp(240px, 26vw, 360px)"):"0px"}}_syncShell(t){const a=this._computeShellState();if(!a||!this._bodyEl)return;this._headerEl&&(this._headerEl.hidden=!a.hasHeader),this._footerEl&&(this._footerEl.hidden=!a.hasFooter),this.style.setProperty("--ui-layout-sidebar-track",a.sidebarTrack),this.style.setProperty("--ui-layout-aside-track",a.asideTrack),this._sidebarPanel&&(this._sidebarPanel.hidden=!a.sidebarVisible),this._contentPanel&&(this._contentPanel.hidden=!a.hasContent),this._asidePanel&&(this._asidePanel.hidden=!a.asideVisible),this._bodyEl.hidden=!a.bodyVisible,this._bodyEl.dataset.layout=a.layout,this._bodyEl.dataset.mode=a.mode,this._bodyEl.dataset.sidebarSide=a.sidebarSide,a.stack?this._bodyEl.classList.add("stack"):this._bodyEl.classList.remove("stack");const o=this._signature(a);t.emit&&o!==this._lastLayoutSignature&&this._emitLayoutChange(a),this._lastLayoutSignature=o}shouldRenderOnAttributeChange(t,a,o){return!1}render(){this.setContent(`
+`;function r(o){return o?o.assignedNodes({flatten:!0}).some(t=>t.nodeType===Node.ELEMENT_NODE?!0:t.nodeType===Node.TEXT_NODE?!!t.textContent?.trim():!1):!1}function g(o){if(o==null)return!1;const t=String(o).trim().toLowerCase();return t!=="false"&&t!=="0"}function c(o,t){const a=o?.trim();return a?/^-?\d+(\.\d+)?$/.test(a)?`${a}px`:a:t}class p extends f.ElementBase{constructor(){super(),this._layoutNode=null,this._headerEl=null,this._bodyEl=null,this._footerEl=null,this._sidebarPanel=null,this._contentPanel=null,this._asidePanel=null,this._headerSlot=null,this._sidebarSlot=null,this._contentSlot=null,this._defaultSlot=null,this._asideSlot=null,this._footerSlot=null,this._lastLayoutSignature="",this._onSlotChange=this._onSlotChange.bind(this)}static get observedAttributes(){return["mode","variant","density","max-width","sidebar-side","collapsed","headless","sidebar-width","aside-width"]}connectedCallback(){super.connectedCallback(),queueMicrotask(()=>this._syncShell({emit:!1}))}disconnectedCallback(){this._detachSlotHandlers(),super.disconnectedCallback()}collapse(){this.setAttribute("collapsed","")}expand(){this.removeAttribute("collapsed")}toggleSidebar(){this.collapsed?this.expand():this.collapse()}get collapsed(){return g(this.getAttribute("collapsed"))}set collapsed(t){t?this.setAttribute("collapsed",""):this.removeAttribute("collapsed")}attributeChangedCallback(t,a,e){if(a!==e){if(t==="variant"||t==="density"||t==="max-width"||t==="headless"){super.attributeChangedCallback(t,a,e),queueMicrotask(()=>this._syncShell({emit:!1}));return}queueMicrotask(()=>this._syncShell({emit:!0}))}}_mode(){const t=this.getAttribute("mode");return t==="split"||t==="stack"?t:"dashboard"}_sidebarSide(){return this.getAttribute("sidebar-side")==="end"?"end":"start"}_attachSlotHandlers(){this._detachSlotHandlers(),this._headerSlot=this.root.querySelector('slot[name="header"]'),this._sidebarSlot=this.root.querySelector('slot[name="sidebar"]'),this._contentSlot=this.root.querySelector('slot[name="content"]'),this._defaultSlot=this.root.querySelector("slot:not([name])"),this._asideSlot=this.root.querySelector('slot[name="aside"]'),this._footerSlot=this.root.querySelector('slot[name="footer"]'),[this._headerSlot,this._sidebarSlot,this._contentSlot,this._defaultSlot,this._asideSlot,this._footerSlot].forEach(t=>t?.addEventListener("slotchange",this._onSlotChange))}_detachSlotHandlers(){[this._headerSlot,this._sidebarSlot,this._contentSlot,this._defaultSlot,this._asideSlot,this._footerSlot].forEach(t=>t?.removeEventListener("slotchange",this._onSlotChange)),this._headerSlot=null,this._sidebarSlot=null,this._contentSlot=null,this._defaultSlot=null,this._asideSlot=null,this._footerSlot=null}_onSlotChange(){this._syncShell({emit:!0})}_emitLayoutChange(t){this.dispatchEvent(new CustomEvent("layoutchange",{detail:t,bubbles:!0,composed:!0}))}_signature(t){return JSON.stringify(t)}_computeShellState(){if(!this.isConnected||!this._layoutNode||!this._bodyEl)return null;const t=this._mode(),a=this._sidebarSide(),e=this.collapsed,y=r(this._headerSlot),b=r(this._footerSlot),u=r(this._sidebarSlot),n=r(this._asideSlot),d=r(this._contentSlot)||r(this._defaultSlot),i=u&&(!e||t==="stack")&&!(t==="split"&&n),s=n,m=d||i||s,h=t==="stack";let l="content-only";return h||(t==="split"?s&&d?l="split-with-aside":i&&d&&(l=a==="end"?"split-with-sidebar-end":"split-with-sidebar-start"):i&&s?l=a==="end"?"dashboard-end":"dashboard-start":i?l=a==="end"?"dashboard-end-no-aside":"dashboard-start-no-aside":s&&(l=a==="end"?"dashboard-end-no-sidebar":"dashboard-start-no-sidebar")),{mode:t,sidebarSide:a,collapsed:e,hasHeader:y,hasFooter:b,hasSidebarContent:u,hasAsideContent:n,hasContent:d,sidebarVisible:i,asideVisible:s,bodyVisible:m,layout:l,stack:h,sidebarTrack:i?c(this.getAttribute("sidebar-width"),"clamp(220px, 22vw, 320px)"):"0px",asideTrack:s?c(this.getAttribute("aside-width"),"clamp(240px, 26vw, 360px)"):"0px"}}_syncShell(t){const a=this._computeShellState();if(!a||!this._bodyEl)return;this._headerEl&&(this._headerEl.hidden=!a.hasHeader),this._footerEl&&(this._footerEl.hidden=!a.hasFooter),this.style.setProperty("--ui-layout-sidebar-track",a.sidebarTrack),this.style.setProperty("--ui-layout-aside-track",a.asideTrack),this._sidebarPanel&&(this._sidebarPanel.hidden=!a.sidebarVisible),this._contentPanel&&(this._contentPanel.hidden=!a.hasContent),this._asidePanel&&(this._asidePanel.hidden=!a.asideVisible),this._bodyEl.hidden=!a.bodyVisible,this._bodyEl.dataset.layout=a.layout,this._bodyEl.dataset.mode=a.mode,this._bodyEl.dataset.sidebarSide=a.sidebarSide,a.stack?this._bodyEl.classList.add("stack"):this._bodyEl.classList.remove("stack");const e=this._signature(a);t.emit&&e!==this._lastLayoutSignature&&this._emitLayoutChange(a),this._lastLayoutSignature=e}shouldRenderOnAttributeChange(t,a,e){return!1}render(){this.setContent(`
       <style>${x}</style>
       <div class="layout" part="layout">
         <header class="header" part="header">

package/dist/layout.esm.js

@@ -1,4 +1,4 @@
-import { E as m } from "./ElementBase-909688f3.mjs";
+import { E as m } from "./ElementBase-YlTLMsGk.mjs";
 const f = `
   :host {
     --ui-layout-bg: var(--ui-color-background, #f8fafc);
@@ -243,20 +243,16 @@ const f = `
     }
   }
 `;
-function r(e) {
-  return e ? e.assignedNodes({ flatten: !0 }).some((t) => {
-    var a;
-    return t.nodeType === Node.ELEMENT_NODE ? !0 : t.nodeType === Node.TEXT_NODE ? !!((a = t.textContent) != null && a.trim()) : !1;
-  }) : !1;
+function r(o) {
+  return o ? o.assignedNodes({ flatten: !0 }).some((t) => t.nodeType === Node.ELEMENT_NODE ? !0 : t.nodeType === Node.TEXT_NODE ? !!t.textContent?.trim() : !1) : !1;
 }
-function x(e) {
-  if (e == null)
-    return !1;
-  const t = String(e).trim().toLowerCase();
+function x(o) {
+  if (o == null) return !1;
+  const t = String(o).trim().toLowerCase();
   return t !== "false" && t !== "0";
 }
-function c(e, t) {
-  const a = e == null ? void 0 : e.trim();
+function c(o, t) {
+  const a = o?.trim();
   return a ? /^-?\d+(\.\d+)?$/.test(a) ? `${a}px` : a : t;
 }
 class g extends m {
@@ -297,10 +293,10 @@ class g extends m {
   set collapsed(t) {
     t ? this.setAttribute("collapsed", "") : this.removeAttribute("collapsed");
   }
-  attributeChangedCallback(t, a, o) {
-    if (a !== o) {
+  attributeChangedCallback(t, a, e) {
+    if (a !== e) {
       if (t === "variant" || t === "density" || t === "max-width" || t === "headless") {
-        super.attributeChangedCallback(t, a, o), queueMicrotask(() => this._syncShell({ emit: !1 }));
+        super.attributeChangedCallback(t, a, e), queueMicrotask(() => this._syncShell({ emit: !1 }));
         return;
       }
       queueMicrotask(() => this._syncShell({ emit: !0 }));
@@ -321,7 +317,7 @@ class g extends m {
       this._defaultSlot,
       this._asideSlot,
       this._footerSlot
-    ].forEach((t) => t == null ? void 0 : t.addEventListener("slotchange", this._onSlotChange));
+    ].forEach((t) => t?.addEventListener("slotchange", this._onSlotChange));
   }
   _detachSlotHandlers() {
     [
@@ -331,7 +327,7 @@ class g extends m {
       this._defaultSlot,
       this._asideSlot,
       this._footerSlot
-    ].forEach((t) => t == null ? void 0 : t.removeEventListener("slotchange", this._onSlotChange)), this._headerSlot = null, this._sidebarSlot = null, this._contentSlot = null, this._defaultSlot = null, this._asideSlot = null, this._footerSlot = null;
+    ].forEach((t) => t?.removeEventListener("slotchange", this._onSlotChange)), this._headerSlot = null, this._sidebarSlot = null, this._contentSlot = null, this._defaultSlot = null, this._asideSlot = null, this._footerSlot = null;
   }
   _onSlotChange() {
     this._syncShell({ emit: !0 });
@@ -343,14 +339,13 @@ class g extends m {
     return JSON.stringify(t);
   }
   _computeShellState() {
-    if (!this.isConnected || !this._layoutNode || !this._bodyEl)
-      return null;
-    const t = this._mode(), a = this._sidebarSide(), o = this.collapsed, p = r(this._headerSlot), y = r(this._footerSlot), u = r(this._sidebarSlot), n = r(this._asideSlot), d = r(this._contentSlot) || r(this._defaultSlot), i = u && (!o || t === "stack") && !(t === "split" && n), s = n, b = d || i || s, h = t === "stack";
+    if (!this.isConnected || !this._layoutNode || !this._bodyEl) return null;
+    const t = this._mode(), a = this._sidebarSide(), e = this.collapsed, p = r(this._headerSlot), y = r(this._footerSlot), u = r(this._sidebarSlot), n = r(this._asideSlot), d = r(this._contentSlot) || r(this._defaultSlot), i = u && (!e || t === "stack") && !(t === "split" && n), s = n, b = d || i || s, h = t === "stack";
     let l = "content-only";
     return h || (t === "split" ? s && d ? l = "split-with-aside" : i && d && (l = a === "end" ? "split-with-sidebar-end" : "split-with-sidebar-start") : i && s ? l = a === "end" ? "dashboard-end" : "dashboard-start" : i ? l = a === "end" ? "dashboard-end-no-aside" : "dashboard-start-no-aside" : s && (l = a === "end" ? "dashboard-end-no-sidebar" : "dashboard-start-no-sidebar")), {
       mode: t,
       sidebarSide: a,
-      collapsed: o,
+      collapsed: e,
       hasHeader: p,
       hasFooter: y,
       hasSidebarContent: u,
@@ -367,13 +362,12 @@ class g extends m {
   }
   _syncShell(t) {
     const a = this._computeShellState();
-    if (!a || !this._bodyEl)
-      return;
+    if (!a || !this._bodyEl) return;
     this._headerEl && (this._headerEl.hidden = !a.hasHeader), this._footerEl && (this._footerEl.hidden = !a.hasFooter), this.style.setProperty("--ui-layout-sidebar-track", a.sidebarTrack), this.style.setProperty("--ui-layout-aside-track", a.asideTrack), this._sidebarPanel && (this._sidebarPanel.hidden = !a.sidebarVisible), this._contentPanel && (this._contentPanel.hidden = !a.hasContent), this._asidePanel && (this._asidePanel.hidden = !a.asideVisible), this._bodyEl.hidden = !a.bodyVisible, this._bodyEl.dataset.layout = a.layout, this._bodyEl.dataset.mode = a.mode, this._bodyEl.dataset.sidebarSide = a.sidebarSide, a.stack ? this._bodyEl.classList.add("stack") : this._bodyEl.classList.remove("stack");
-    const o = this._signature(a);
-    t.emit && o !== this._lastLayoutSignature && this._emitLayoutChange(a), this._lastLayoutSignature = o;
+    const e = this._signature(a);
+    t.emit && e !== this._lastLayoutSignature && this._emitLayoutChange(a), this._lastLayoutSignature = e;
   }
-  shouldRenderOnAttributeChange(t, a, o) {
+  shouldRenderOnAttributeChange(t, a, e) {
     return !1;
   }
   render() {

package/dist/listbox-B6QgECax.js

@@ -0,0 +1,46 @@
+"use strict";const b=require("./collection-qv8A8rq4.js"),y=require("./collection.cjs.js");function E(s){return!!(s&&typeof s=="object"&&"disabled"in s&&s.disabled)}function w(s,t,e=E){return t==="first"?b.findFirstEnabledIndex(s,e):b.findLastEnabledIndex(s,e)}function C(s,t={}){const e=t.getDisabled||E,i=t.activeIndex??-1,c=t.selectedIndex??-1;return i>=0&&i<s.length&&!e(s[i])?i:c>=0&&c<s.length&&!e(s[c])?c:b.findFirstEnabledIndex(s,e)}function T(s,t,e,i={}){const c=typeof i.fallbackIndex=="number"?i.fallbackIndex:t;return b.findNextEnabledIndex(s,t>=0?t:c,e,i)}function X(s,t,e={}){return b.findTypeaheadMatch(s,t,e)}function S(s,t={block:"nearest",inline:"nearest"}){if(!s)return;const e=s.ownerDocument,i=e?.defaultView;if(!e||!i)return;const c=(a,r)=>{const o=i.getComputedStyle(a),u=r==="y"?o.overflowY||o.overflow:o.overflowX||o.overflow;return/(auto|scroll|overlay)/.test(u)};let n=s.parentElement;for(;n;){const a=c(n,"y")&&n.scrollHeight>n.clientHeight;if(c(n,"x")&&n.scrollWidth>n.clientWidth||a)break;n=n.parentElement}if(!n)return;const l=s.getBoundingClientRect(),h=n.getBoundingClientRect(),d=l.top-h.top+n.scrollTop,f=d+l.height,v=l.left-h.left+n.scrollLeft,D=v+l.width,I=(a,r,o,u,W)=>{const m=W||"nearest",p=o-r;return m==="start"?r:m==="end"?o-u:m==="center"?r-(u-p)/2:p>=u||r<a?r:o>a+u?o-u:a},q=I(n.scrollTop,d,f,n.clientHeight,t.block),M=I(n.scrollLeft,v,D,n.clientWidth,t.inline),R=Math.max(0,n.scrollHeight-n.clientHeight),H=Math.max(0,n.scrollWidth-n.clientWidth),A=Math.max(0,Math.min(R,q)),g=Math.max(0,Math.min(H,M));Math.abs(n.scrollTop-A)>.5&&(n.scrollTop=A),Math.abs(n.scrollLeft-g)>.5&&(n.scrollLeft=g)}function B(s,t){s&&(t?s.setAttribute("aria-activedescendant",t):s.removeAttribute("aria-activedescendant"))}const x="data-ui-listbox-base-style",L=`
+  ui-listbox {
+    display: block;
+    min-inline-size: 0;
+  }
+
+  ui-listbox[role="menu"] {
+    display: flex;
+    flex-direction: column;
+    gap: 0;
+    min-inline-size: 0;
+  }
+
+  ui-listbox .option-text,
+  ui-listbox [data-option-text] {
+    min-inline-size: 0;
+    display: grid;
+    gap: 1px;
+    flex: 1 1 auto;
+  }
+
+  ui-listbox .option-label,
+  ui-listbox [data-option-label] {
+    display: block;
+    min-inline-size: 0;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    font-size: inherit;
+    line-height: inherit;
+    letter-spacing: inherit;
+  }
+
+  ui-listbox .option-description,
+  ui-listbox [data-option-description] {
+    display: block;
+    min-inline-size: 0;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    color: color-mix(in srgb, currentColor 58%, transparent);
+    font-size: 0.92em;
+    line-height: 1.35;
+    letter-spacing: inherit;
+  }
+`;function k(s,t){s.removeAttribute(t)}function z(s){const t=s.getAttribute("tabindex");return t!=null?t!=="-1"||s.matches(":focus"):typeof s.focus=="function"}class _ extends y.UICollection{constructor(){super(...arguments),this._onClickBound=this._onClick.bind(this)}connectedCallback(){this._ensureBaseStyle(),super.connectedCallback(),this.addEventListener("click",this._onClickBound)}disconnectedCallback(){this.removeEventListener("click",this._onClickBound),super.disconnectedCallback()}static get observedAttributes(){return[...y.UICollection.observedAttributes,"active-attribute"]}get activeAttribute(){return this.getAttribute("active-attribute")||"data-active"}set activeAttribute(t){t?this.setAttribute("active-attribute",t):this.removeAttribute("active-attribute")}getActiveItem(t={}){const e=this.activeAttribute;return this.queryItems(t).find(i=>i.getAttribute(e)==="true")||null}clearActive(t={}){const e=this.activeAttribute;this.queryItems(t).forEach(i=>{k(i,e),i.hasAttribute("disabled")||i.setAttribute("tabindex","-1")})}setActiveItem(t,e={}){const i=this.queryItems(e),c=this.activeAttribute,n=t&&i.includes(t)?t:null;if(i.forEach(l=>{l===n?(l.setAttribute(c,"true"),z(l)&&l.setAttribute("tabindex","0")):(k(l,c),l.hasAttribute("disabled")||l.setAttribute("tabindex","-1"))}),B(e.owner||null,n?.id||null),!n)return null;if(e.scroll!==!1&&S(n,{block:"nearest",inline:"nearest"}),e.focus)try{n.focus({preventScroll:e.scroll===!1})}catch{n.focus()}return n}focusBoundary(t,e={}){const i=this.queryItems(e),c=w(i,t,n=>this.isItemDisabled(n));return c<0?null:this.setActiveItem(i[c],e)}move(t,e={}){const i=this.queryItems(e);if(!i.length)return null;const c=e.current||this.getActiveItem(e),n=c?i.indexOf(c):-1,h=C(i,{activeIndex:n,selectedIndex:n,getDisabled:f=>this.isItemDisabled(f)}),d=T(i,n,t,{wrap:e.wrap!==!1,fallbackIndex:h,getDisabled:f=>this.isItemDisabled(f)});return d<0?null:this.setActiveItem(i[d],e)}typeahead(t,e={}){const i=e.current||this.getActiveItem(e),c=this.queryEnabledItems(e),n=i?c.indexOf(i):-1,l=this.findTypeaheadMatch(t,{container:e.container,startIndex:n});return l?this.setActiveItem(l,e):null}_ensureBaseStyle(){const t=this.getRootNode();if(t instanceof ShadowRoot){if(t.querySelector(`style[${x}]`))return;const i=document.createElement("style");i.setAttribute(x,""),i.textContent=L,t.append(i);return}if(typeof document>"u"||document.head.querySelector(`style[${x}]`))return;const e=document.createElement("style");e.setAttribute(x,""),e.textContent=L,document.head.append(e)}_onClick(t){const e=t.target;if(!e)return;const i=e.closest(this.itemSelector);if(!i||!this.contains(i)||this.isItemDisabled(i))return;const c=this.setActiveItem(i,{focus:!1,scroll:!1});c&&this.dispatchEvent(new CustomEvent("select",{detail:{value:c.getAttribute("data-value")||c.getAttribute("value")||c.textContent||"",item:c},bubbles:!0,composed:!0}))}}typeof customElements<"u"&&!customElements.get("ui-listbox")&&customElements.define("ui-listbox",_);exports.UIListbox=_;exports.findListboxTypeaheadIndex=X;exports.getListboxBoundaryIndex=w;exports.moveListboxActiveIndex=T;exports.resolveListboxActiveIndex=C;exports.scrollListboxItemIntoView=S;exports.syncActiveDescendant=B;

package/dist/listbox-DJamVeFj.mjs

@@ -0,0 +1,200 @@
+import { f as E, b as D, c as M, d as q } from "./collection-C7URGjEI.mjs";
+import { UICollection as A } from "./collection.esm.js";
+function L(s) {
+  return !!(s && typeof s == "object" && "disabled" in s && s.disabled);
+}
+function R(s, t, e = L) {
+  return t === "first" ? E(s, e) : D(s, e);
+}
+function H(s, t = {}) {
+  const e = t.getDisabled || L, i = t.activeIndex ?? -1, l = t.selectedIndex ?? -1;
+  return i >= 0 && i < s.length && !e(s[i]) ? i : l >= 0 && l < s.length && !e(s[l]) ? l : E(s, e);
+}
+function W(s, t, e, i = {}) {
+  const l = typeof i.fallbackIndex == "number" ? i.fallbackIndex : t;
+  return M(s, t >= 0 ? t : l, e, i);
+}
+function N(s, t, e = {}) {
+  return q(s, t, e);
+}
+function X(s, t = { block: "nearest", inline: "nearest" }) {
+  if (!s) return;
+  const e = s.ownerDocument, i = e?.defaultView;
+  if (!e || !i) return;
+  const l = (a, r) => {
+    const o = i.getComputedStyle(a), u = r === "y" ? o.overflowY || o.overflow : o.overflowX || o.overflow;
+    return /(auto|scroll|overlay)/.test(u);
+  };
+  let n = s.parentElement;
+  for (; n; ) {
+    const a = l(n, "y") && n.scrollHeight > n.clientHeight;
+    if (l(n, "x") && n.scrollWidth > n.clientWidth || a) break;
+    n = n.parentElement;
+  }
+  if (!n) return;
+  const c = s.getBoundingClientRect(), b = n.getBoundingClientRect(), d = c.top - b.top + n.scrollTop, f = d + c.height, m = c.left - b.left + n.scrollLeft, w = m + c.width, v = (a, r, o, u, _) => {
+    const x = _ || "nearest", p = o - r;
+    return x === "start" ? r : x === "end" ? o - u : x === "center" ? r - (u - p) / 2 : p >= u || r < a ? r : o > a + u ? o - u : a;
+  }, C = v(n.scrollTop, d, f, n.clientHeight, t.block), T = v(n.scrollLeft, m, w, n.clientWidth, t.inline), S = Math.max(0, n.scrollHeight - n.clientHeight), B = Math.max(0, n.scrollWidth - n.clientWidth), g = Math.max(0, Math.min(S, C)), I = Math.max(0, Math.min(B, T));
+  Math.abs(n.scrollTop - g) > 0.5 && (n.scrollTop = g), Math.abs(n.scrollLeft - I) > 0.5 && (n.scrollLeft = I);
+}
+function z(s, t) {
+  s && (t ? s.setAttribute("aria-activedescendant", t) : s.removeAttribute("aria-activedescendant"));
+}
+const h = "data-ui-listbox-base-style", y = `
+  ui-listbox {
+    display: block;
+    min-inline-size: 0;
+  }
+
+  ui-listbox[role="menu"] {
+    display: flex;
+    flex-direction: column;
+    gap: 0;
+    min-inline-size: 0;
+  }
+
+  ui-listbox .option-text,
+  ui-listbox [data-option-text] {
+    min-inline-size: 0;
+    display: grid;
+    gap: 1px;
+    flex: 1 1 auto;
+  }
+
+  ui-listbox .option-label,
+  ui-listbox [data-option-label] {
+    display: block;
+    min-inline-size: 0;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    font-size: inherit;
+    line-height: inherit;
+    letter-spacing: inherit;
+  }
+
+  ui-listbox .option-description,
+  ui-listbox [data-option-description] {
+    display: block;
+    min-inline-size: 0;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    color: color-mix(in srgb, currentColor 58%, transparent);
+    font-size: 0.92em;
+    line-height: 1.35;
+    letter-spacing: inherit;
+  }
+`;
+function k(s, t) {
+  s.removeAttribute(t);
+}
+function O(s) {
+  const t = s.getAttribute("tabindex");
+  return t != null ? t !== "-1" || s.matches(":focus") : typeof s.focus == "function";
+}
+class Y extends A {
+  constructor() {
+    super(...arguments), this._onClickBound = this._onClick.bind(this);
+  }
+  connectedCallback() {
+    this._ensureBaseStyle(), super.connectedCallback(), this.addEventListener("click", this._onClickBound);
+  }
+  disconnectedCallback() {
+    this.removeEventListener("click", this._onClickBound), super.disconnectedCallback();
+  }
+  static get observedAttributes() {
+    return [...A.observedAttributes, "active-attribute"];
+  }
+  get activeAttribute() {
+    return this.getAttribute("active-attribute") || "data-active";
+  }
+  set activeAttribute(t) {
+    t ? this.setAttribute("active-attribute", t) : this.removeAttribute("active-attribute");
+  }
+  getActiveItem(t = {}) {
+    const e = this.activeAttribute;
+    return this.queryItems(t).find((i) => i.getAttribute(e) === "true") || null;
+  }
+  clearActive(t = {}) {
+    const e = this.activeAttribute;
+    this.queryItems(t).forEach((i) => {
+      k(i, e), i.hasAttribute("disabled") || i.setAttribute("tabindex", "-1");
+    });
+  }
+  setActiveItem(t, e = {}) {
+    const i = this.queryItems(e), l = this.activeAttribute, n = t && i.includes(t) ? t : null;
+    if (i.forEach((c) => {
+      c === n ? (c.setAttribute(l, "true"), O(c) && c.setAttribute("tabindex", "0")) : (k(c, l), c.hasAttribute("disabled") || c.setAttribute("tabindex", "-1"));
+    }), z(e.owner || null, n?.id || null), !n) return null;
+    if (e.scroll !== !1 && X(n, { block: "nearest", inline: "nearest" }), e.focus)
+      try {
+        n.focus({ preventScroll: e.scroll === !1 });
+      } catch {
+        n.focus();
+      }
+    return n;
+  }
+  focusBoundary(t, e = {}) {
+    const i = this.queryItems(e), l = R(i, t, (n) => this.isItemDisabled(n));
+    return l < 0 ? null : this.setActiveItem(i[l], e);
+  }
+  move(t, e = {}) {
+    const i = this.queryItems(e);
+    if (!i.length) return null;
+    const l = e.current || this.getActiveItem(e), n = l ? i.indexOf(l) : -1, b = H(i, {
+      activeIndex: n,
+      selectedIndex: n,
+      getDisabled: (f) => this.isItemDisabled(f)
+    }), d = W(i, n, t, {
+      wrap: e.wrap !== !1,
+      fallbackIndex: b,
+      getDisabled: (f) => this.isItemDisabled(f)
+    });
+    return d < 0 ? null : this.setActiveItem(i[d], e);
+  }
+  typeahead(t, e = {}) {
+    const i = e.current || this.getActiveItem(e), l = this.queryEnabledItems(e), n = i ? l.indexOf(i) : -1, c = this.findTypeaheadMatch(t, { container: e.container, startIndex: n });
+    return c ? this.setActiveItem(c, e) : null;
+  }
+  _ensureBaseStyle() {
+    const t = this.getRootNode();
+    if (t instanceof ShadowRoot) {
+      if (t.querySelector(`style[${h}]`)) return;
+      const i = document.createElement("style");
+      i.setAttribute(h, ""), i.textContent = y, t.append(i);
+      return;
+    }
+    if (typeof document > "u" || document.head.querySelector(`style[${h}]`)) return;
+    const e = document.createElement("style");
+    e.setAttribute(h, ""), e.textContent = y, document.head.append(e);
+  }
+  _onClick(t) {
+    const e = t.target;
+    if (!e) return;
+    const i = e.closest(this.itemSelector);
+    if (!i || !this.contains(i) || this.isItemDisabled(i)) return;
+    const l = this.setActiveItem(i, { focus: !1, scroll: !1 });
+    l && this.dispatchEvent(
+      new CustomEvent("select", {
+        detail: {
+          value: l.getAttribute("data-value") || l.getAttribute("value") || l.textContent || "",
+          item: l
+        },
+        bubbles: !0,
+        composed: !0
+      })
+    );
+  }
+}
+typeof customElements < "u" && !customElements.get("ui-listbox") && customElements.define("ui-listbox", Y);
+export {
+  Y as U,
+  z as a,
+  N as f,
+  R as g,
+  W as m,
+  H as r,
+  X as s
+};

package/dist/listbox.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./listbox-ef2f708e.js");require("./collection-a2969ad2.js");require("./collection.cjs.js");exports.UIListbox=e.UIListbox;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./listbox-B6QgECax.js");exports.UIListbox=e.UIListbox;

package/dist/listbox.esm.js

@@ -1,6 +1,4 @@
-import { U as m } from "./listbox-308789a0.mjs";
-import "./collection-a1aac0c6.mjs";
-import "./collection.esm.js";
+import { U as s } from "./listbox-DJamVeFj.mjs";
 export {
-  m as UIListbox
+  s as UIListbox
 };

package/dist/marquee.cjs.js

@@ -1,6 +1,6 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const p=require("./ElementBase-1b301e7f.js"),c="24px",f="48px",b=60,g=new Set(["none","sm","md","lg","full"]),v=new Set(["direction","speed","gap","size","padding"]),q=`
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const p=require("./ElementBase-EV6mVBUV.js"),l="24px",f="48px",b=60,g=new Set(["none","sm","md","lg","full"]),v=new Set(["direction","speed","gap","size","padding"]),q=`
   :host {
-    --ui-marquee-gap: ${c};
+    --ui-marquee-gap: ${l};
     --ui-marquee-fade-size: ${f};
     --ui-marquee-duration: 12s;
     --ui-marquee-distance: 0px;
@@ -87,7 +87,7 @@
 
   :host([size="md"]),
   :host([size="2"]) {
-    --ui-marquee-gap: ${c};
+    --ui-marquee-gap: ${l};
     --ui-marquee-padding-inline: 18px;
     --ui-marquee-padding-block: 12px;
     --ui-marquee-min-block-size: 56px;
@@ -496,7 +496,7 @@
       mask-image: none !important;
     }
   }
-`;function _(i){return i==="right"||i==="up"||i==="down"?i:"left"}function x(i,e){if(i==null||i==="")return e;const r=Number(i);return Number.isFinite(r)&&r>0?r:e}function l(i){if(i==null||i.trim()==="")return null;const e=i.trim();return/^-?\d+(\.\d+)?$/.test(e)?`${e}px`:e}function y(i){return!!(i&&g.has(i.trim().toLowerCase()))}function z(i){var e;return i.nodeType===Node.TEXT_NODE?!!((e=i.textContent)!=null&&e.trim()):i.nodeType===Node.ELEMENT_NODE}function m(i){if(i.tabIndex=-1,"inert"in i)try{i.inert=!0}catch{}if("disabled"in i)try{i.disabled=!0}catch{}i.setAttribute("aria-hidden","true"),i.removeAttribute("autofocus")}function k(i){if(i.nodeType!==Node.ELEMENT_NODE)return;const e=i;if(e.removeAttribute("id"),e.removeAttribute("slot"),e.setAttribute("data-marquee-clone",""),m(e),e instanceof HTMLAnchorElement&&e.removeAttribute("href"),e instanceof HTMLMediaElement){e.muted=!0,e.controls=!1,e.autoplay=!1,e.loop=!0;try{e.pause()}catch{}}e.querySelectorAll("*").forEach(t=>{if(t.removeAttribute("id"),t.removeAttribute("slot"),t.setAttribute("data-marquee-clone",""),m(t),t instanceof HTMLAnchorElement&&t.removeAttribute("href"),t instanceof HTMLMediaElement){t.muted=!0,t.controls=!1,t.autoplay=!1,t.loop=!0;try{t.pause()}catch{}}})}function E(i){if(i.nodeType===Node.TEXT_NODE)return document.createTextNode(i.textContent||"");if(i.nodeType!==Node.ELEMENT_NODE)return null;const e=i.cloneNode(!0);return k(e),e}class d extends p.ElementBase{constructor(){super(),this._slotEl=null,this._viewportEl=null,this._sourceEl=null,this._trackEl=null,this._cloneRootEl=null,this._resizeObserver=null,this._lightDomObserver=null,this._mediaQuery=null,this._measureFrame=null,this._cloneCount=0,this._onSlotChange=this._onSlotChange.bind(this),this._onContentMutation=this._onContentMutation.bind(this),this._onResize=this._onResize.bind(this),this._onReducedMotionChange=this._onReducedMotionChange.bind(this)}static get observedAttributes(){return["direction","speed","gap","fade","fade-size","paused","pause-on-hover","pause-on-focus","variant","tone","size","radius","elevation","padding"]}connectedCallback(){super.connectedCallback(),this._observeLightDom(),this._bindReducedMotion(),this._syncHostStyles()}disconnectedCallback(){if(this._slotEl&&(this._slotEl.removeEventListener("slotchange",this._onSlotChange),this._slotEl=null),this._resizeObserver&&(this._resizeObserver.disconnect(),this._resizeObserver=null),this._lightDomObserver&&(this._lightDomObserver.disconnect(),this._lightDomObserver=null),this._mediaQuery){try{this._mediaQuery.removeEventListener("change",this._onReducedMotionChange)}catch{this._mediaQuery.removeListener(this._onReducedMotionChange)}this._mediaQuery=null}this._measureFrame!=null&&(this._cancelFrame(this._measureFrame),this._measureFrame=null),super.disconnectedCallback()}play(){this.removeAttribute("paused"),this._syncPlaybackState()}pause(){this.setAttribute("paused",""),this._syncPlaybackState()}refresh(){this._scheduleMeasurement(!0)}attributeChangedCallback(e,r,t){if(!(r===t||!e||!this.isConnected)){if((e==="gap"||e==="fade-size"||e==="radius"||e==="padding")&&this._syncHostStyles(),e==="paused"){this._syncPlaybackState();return}v.has(e)&&this._scheduleMeasurement(e!=="speed")}}shouldRenderOnAttributeChange(){return!1}render(){this.setContent(`
+`;function _(i){return i==="right"||i==="up"||i==="down"?i:"left"}function x(i,e){if(i==null||i==="")return e;const r=Number(i);return Number.isFinite(r)&&r>0?r:e}function u(i){if(i==null||i.trim()==="")return null;const e=i.trim();return/^-?\d+(\.\d+)?$/.test(e)?`${e}px`:e}function y(i){return!!(i&&g.has(i.trim().toLowerCase()))}function z(i){return i.nodeType===Node.TEXT_NODE?!!i.textContent?.trim():i.nodeType===Node.ELEMENT_NODE}function m(i){if(i.tabIndex=-1,"inert"in i)try{i.inert=!0}catch{}if("disabled"in i)try{i.disabled=!0}catch{}i.setAttribute("aria-hidden","true"),i.removeAttribute("autofocus")}function k(i){if(i.nodeType!==Node.ELEMENT_NODE)return;const e=i;if(e.removeAttribute("id"),e.removeAttribute("slot"),e.setAttribute("data-marquee-clone",""),m(e),e instanceof HTMLAnchorElement&&e.removeAttribute("href"),e instanceof HTMLMediaElement){e.muted=!0,e.controls=!1,e.autoplay=!1,e.loop=!0;try{e.pause()}catch{}}e.querySelectorAll("*").forEach(t=>{if(t.removeAttribute("id"),t.removeAttribute("slot"),t.setAttribute("data-marquee-clone",""),m(t),t instanceof HTMLAnchorElement&&t.removeAttribute("href"),t instanceof HTMLMediaElement){t.muted=!0,t.controls=!1,t.autoplay=!1,t.loop=!0;try{t.pause()}catch{}}})}function E(i){if(i.nodeType===Node.TEXT_NODE)return document.createTextNode(i.textContent||"");if(i.nodeType!==Node.ELEMENT_NODE)return null;const e=i.cloneNode(!0);return k(e),e}class d extends p.ElementBase{constructor(){super(),this._slotEl=null,this._viewportEl=null,this._sourceEl=null,this._trackEl=null,this._cloneRootEl=null,this._resizeObserver=null,this._lightDomObserver=null,this._mediaQuery=null,this._measureFrame=null,this._cloneCount=0,this._onSlotChange=this._onSlotChange.bind(this),this._onContentMutation=this._onContentMutation.bind(this),this._onResize=this._onResize.bind(this),this._onReducedMotionChange=this._onReducedMotionChange.bind(this)}static get observedAttributes(){return["direction","speed","gap","fade","fade-size","paused","pause-on-hover","pause-on-focus","variant","tone","size","radius","elevation","padding"]}connectedCallback(){super.connectedCallback(),this._observeLightDom(),this._bindReducedMotion(),this._syncHostStyles()}disconnectedCallback(){if(this._slotEl&&(this._slotEl.removeEventListener("slotchange",this._onSlotChange),this._slotEl=null),this._resizeObserver&&(this._resizeObserver.disconnect(),this._resizeObserver=null),this._lightDomObserver&&(this._lightDomObserver.disconnect(),this._lightDomObserver=null),this._mediaQuery){try{this._mediaQuery.removeEventListener("change",this._onReducedMotionChange)}catch{this._mediaQuery.removeListener(this._onReducedMotionChange)}this._mediaQuery=null}this._measureFrame!=null&&(this._cancelFrame(this._measureFrame),this._measureFrame=null),super.disconnectedCallback()}play(){this.removeAttribute("paused"),this._syncPlaybackState()}pause(){this.setAttribute("paused",""),this._syncPlaybackState()}refresh(){this._scheduleMeasurement(!0)}attributeChangedCallback(e,r,t){if(!(r===t||!e||!this.isConnected)){if((e==="gap"||e==="fade-size"||e==="radius"||e==="padding")&&this._syncHostStyles(),e==="paused"){this._syncPlaybackState();return}v.has(e)&&this._scheduleMeasurement(e!=="speed")}}shouldRenderOnAttributeChange(){return!1}render(){this.setContent(`
       <style>${q}</style>
       <div class="root" part="root">
         <div class="viewport" part="viewport">
@@ -510,4 +510,4 @@
           </div>
         </div>
       </div>
-    `),this._bindElements(),this._syncHostStyles(),this._scheduleMeasurement()}_bindElements(){const e=this.root.querySelector("slot");e&&e!==this._slotEl&&(this._slotEl&&this._slotEl.removeEventListener("slotchange",this._onSlotChange),e.addEventListener("slotchange",this._onSlotChange),this._slotEl=e),this._viewportEl=this.root.querySelector(".viewport"),this._sourceEl=this.root.querySelector(".source"),this._trackEl=this.root.querySelector(".track"),this._cloneRootEl=this.root.querySelector(".clone-root"),this._ensureResizeObserver()}_observeLightDom(){this._lightDomObserver||typeof MutationObserver>"u"||(this._lightDomObserver=new MutationObserver(this._onContentMutation),this._lightDomObserver.observe(this,{childList:!0,subtree:!0,characterData:!0,attributes:!0}))}_bindReducedMotion(){if(!(this._mediaQuery||typeof window>"u"||typeof window.matchMedia!="function")){this._mediaQuery=window.matchMedia("(prefers-reduced-motion: reduce)");try{this._mediaQuery.addEventListener("change",this._onReducedMotionChange)}catch{this._mediaQuery.addListener(this._onReducedMotionChange)}this._syncPlaybackState()}}_ensureResizeObserver(){var r;if(!this.isConnected||typeof ResizeObserver>"u")return;this._resizeObserver||(this._resizeObserver=new ResizeObserver(this._onResize)),this._resizeObserver.disconnect(),this._viewportEl&&this._resizeObserver.observe(this._viewportEl),this._sourceEl&&this._resizeObserver.observe(this._sourceEl),this._resizeObserver.observe(this),(((r=this._slotEl)==null?void 0:r.assignedElements({flatten:!0}))||[]).forEach(t=>{var a;return(a=this._resizeObserver)==null?void 0:a.observe(t)})}_onSlotChange(){this._ensureResizeObserver(),this._scheduleMeasurement(!0)}_onContentMutation(){this._ensureResizeObserver(),this._scheduleMeasurement(!0)}_onResize(){this._scheduleMeasurement()}_onReducedMotionChange(){this._syncPlaybackState()}_scheduleMeasurement(e=!1){this.isConnected&&(this._measureFrame!=null&&(this._cancelFrame(this._measureFrame),this._measureFrame=null),this._measureFrame=this._requestFrame(()=>{this._measureFrame=null,this._syncLayout(e)}))}_syncLayout(e=!1){if(!this._viewportEl||!this._sourceEl||!this._cloneRootEl)return;const r=_(this.getAttribute("direction"));this.hasAttribute("direction")||this.setAttribute("direction",r);const t=this._measureCssLength(this.style.getPropertyValue("--ui-marquee-gap")||c),a=x(this.getAttribute("speed"),b),n=this._measureSourceSize(r),o=this._measureViewportSize(r);if(n<=0||o<=0){this._cloneRootEl.innerHTML="",this._cloneCount=0,this._setRuntimeState("idle"),this.style.setProperty("--ui-marquee-distance","0px"),this.style.setProperty("--ui-marquee-duration","0s");return}const s=Math.max(n+t,n),u=Math.max(1,Math.ceil((o+t)/Math.max(s,1))+1);(e||u!==this._cloneCount||!this._cloneRootEl.childElementCount)&&this._syncClones(u);const h=Math.max(s/a,.1);this.style.setProperty("--ui-marquee-distance",`${s}px`),this.style.setProperty("--ui-marquee-duration",`${h}s`),this._setRuntimeState(this._isMotionPaused()?"paused":"running")}_syncClones(e){var t;if(!this._cloneRootEl)return;this._cloneRootEl.innerHTML="",this._cloneCount=e;const r=((t=this._slotEl)==null?void 0:t.assignedNodes({flatten:!0}).filter(z))||[];for(let a=0;a<e;a+=1){const n=document.createElement("div");n.className="lane lane--clone",n.setAttribute("part","lane lane-clone"),n.setAttribute("aria-hidden","true");const o=document.createElement("div");o.className="clone-content",o.setAttribute("part","clone-content"),r.forEach(s=>{const u=E(s);u&&o.appendChild(u)}),n.appendChild(o),this._cloneRootEl.appendChild(n)}}_syncHostStyles(){const e=l(this.getAttribute("gap")),r=l(this.getAttribute("fade-size")),t=l(this.getAttribute("padding")),a=l(this.getAttribute("radius"));e?this.style.setProperty("--ui-marquee-gap",e):this.style.removeProperty("--ui-marquee-gap"),r?this.style.setProperty("--ui-marquee-fade-size",r):this.style.removeProperty("--ui-marquee-fade-size"),t?this.style.setProperty("--ui-marquee-padding",t):this.style.removeProperty("--ui-marquee-padding"),a&&!y(this.getAttribute("radius"))?this.style.setProperty("--ui-marquee-radius",a):this.style.removeProperty("--ui-marquee-radius"),this._syncPlaybackState()}_syncPlaybackState(){this._trackEl&&this._setRuntimeState(this._isMotionPaused()?"paused":"running")}_setRuntimeState(e){this.getAttribute("data-state")!==e&&this.setAttribute("data-state",e)}_isMotionPaused(){var e;return this.hasAttribute("paused")?!0:!!((e=this._mediaQuery)!=null&&e.matches)}_measureViewportSize(e){return this._viewportEl?e==="up"||e==="down"?this._viewportEl.clientHeight||this._viewportEl.getBoundingClientRect().height||0:this._viewportEl.clientWidth||this._viewportEl.getBoundingClientRect().width||0:0}_measureSourceSize(e){if(!this._sourceEl)return 0;const r=this._sourceEl.getBoundingClientRect();return e==="up"||e==="down"?Math.max(this._sourceEl.scrollHeight,this._sourceEl.offsetHeight,r.height||0):Math.max(this._sourceEl.scrollWidth,this._sourceEl.offsetWidth,r.width||0)}_measureCssLength(e){const r=e.trim();if(!r)return 0;if(/^-?\d+(\.\d+)?px$/.test(r)||/^-?\d+(\.\d+)?$/.test(r))return parseFloat(r);const t=document.createElement("div");t.style.position="absolute",t.style.visibility="hidden",t.style.pointerEvents="none",t.style.inlineSize=r,this.appendChild(t);const a=parseFloat(getComputedStyle(t).inlineSize||getComputedStyle(t).width||"0");return t.remove(),Number.isFinite(a)?a:0}_requestFrame(e){return typeof requestAnimationFrame=="function"?requestAnimationFrame(e):window.setTimeout(()=>e(performance.now()),16)}_cancelFrame(e){if(typeof cancelAnimationFrame=="function"){cancelAnimationFrame(e);return}window.clearTimeout(e)}}typeof customElements<"u"&&!customElements.get("ui-marquee")&&customElements.define("ui-marquee",d);exports.UIMarquee=d;
+    `),this._bindElements(),this._syncHostStyles(),this._scheduleMeasurement()}_bindElements(){const e=this.root.querySelector("slot");e&&e!==this._slotEl&&(this._slotEl&&this._slotEl.removeEventListener("slotchange",this._onSlotChange),e.addEventListener("slotchange",this._onSlotChange),this._slotEl=e),this._viewportEl=this.root.querySelector(".viewport"),this._sourceEl=this.root.querySelector(".source"),this._trackEl=this.root.querySelector(".track"),this._cloneRootEl=this.root.querySelector(".clone-root"),this._ensureResizeObserver()}_observeLightDom(){this._lightDomObserver||typeof MutationObserver>"u"||(this._lightDomObserver=new MutationObserver(this._onContentMutation),this._lightDomObserver.observe(this,{childList:!0,subtree:!0,characterData:!0,attributes:!0}))}_bindReducedMotion(){if(!(this._mediaQuery||typeof window>"u"||typeof window.matchMedia!="function")){this._mediaQuery=window.matchMedia("(prefers-reduced-motion: reduce)");try{this._mediaQuery.addEventListener("change",this._onReducedMotionChange)}catch{this._mediaQuery.addListener(this._onReducedMotionChange)}this._syncPlaybackState()}}_ensureResizeObserver(){if(!this.isConnected||typeof ResizeObserver>"u")return;this._resizeObserver||(this._resizeObserver=new ResizeObserver(this._onResize)),this._resizeObserver.disconnect(),this._viewportEl&&this._resizeObserver.observe(this._viewportEl),this._sourceEl&&this._resizeObserver.observe(this._sourceEl),this._resizeObserver.observe(this),(this._slotEl?.assignedElements({flatten:!0})||[]).forEach(r=>this._resizeObserver?.observe(r))}_onSlotChange(){this._ensureResizeObserver(),this._scheduleMeasurement(!0)}_onContentMutation(){this._ensureResizeObserver(),this._scheduleMeasurement(!0)}_onResize(){this._scheduleMeasurement()}_onReducedMotionChange(){this._syncPlaybackState()}_scheduleMeasurement(e=!1){this.isConnected&&(this._measureFrame!=null&&(this._cancelFrame(this._measureFrame),this._measureFrame=null),this._measureFrame=this._requestFrame(()=>{this._measureFrame=null,this._syncLayout(e)}))}_syncLayout(e=!1){if(!this._viewportEl||!this._sourceEl||!this._cloneRootEl)return;const r=_(this.getAttribute("direction"));this.hasAttribute("direction")||this.setAttribute("direction",r);const t=this._measureCssLength(this.style.getPropertyValue("--ui-marquee-gap")||l),a=x(this.getAttribute("speed"),b),n=this._measureSourceSize(r),s=this._measureViewportSize(r);if(n<=0||s<=0){this._cloneRootEl.innerHTML="",this._cloneCount=0,this._setRuntimeState("idle"),this.style.setProperty("--ui-marquee-distance","0px"),this.style.setProperty("--ui-marquee-duration","0s");return}const o=Math.max(n+t,n),c=Math.max(1,Math.ceil((s+t)/Math.max(o,1))+1);(e||c!==this._cloneCount||!this._cloneRootEl.childElementCount)&&this._syncClones(c);const h=Math.max(o/a,.1);this.style.setProperty("--ui-marquee-distance",`${o}px`),this.style.setProperty("--ui-marquee-duration",`${h}s`),this._setRuntimeState(this._isMotionPaused()?"paused":"running")}_syncClones(e){if(!this._cloneRootEl)return;this._cloneRootEl.innerHTML="",this._cloneCount=e;const r=this._slotEl?.assignedNodes({flatten:!0}).filter(z)||[];for(let t=0;t<e;t+=1){const a=document.createElement("div");a.className="lane lane--clone",a.setAttribute("part","lane lane-clone"),a.setAttribute("aria-hidden","true");const n=document.createElement("div");n.className="clone-content",n.setAttribute("part","clone-content"),r.forEach(s=>{const o=E(s);o&&n.appendChild(o)}),a.appendChild(n),this._cloneRootEl.appendChild(a)}}_syncHostStyles(){const e=u(this.getAttribute("gap")),r=u(this.getAttribute("fade-size")),t=u(this.getAttribute("padding")),a=u(this.getAttribute("radius"));e?this.style.setProperty("--ui-marquee-gap",e):this.style.removeProperty("--ui-marquee-gap"),r?this.style.setProperty("--ui-marquee-fade-size",r):this.style.removeProperty("--ui-marquee-fade-size"),t?this.style.setProperty("--ui-marquee-padding",t):this.style.removeProperty("--ui-marquee-padding"),a&&!y(this.getAttribute("radius"))?this.style.setProperty("--ui-marquee-radius",a):this.style.removeProperty("--ui-marquee-radius"),this._syncPlaybackState()}_syncPlaybackState(){this._trackEl&&this._setRuntimeState(this._isMotionPaused()?"paused":"running")}_setRuntimeState(e){this.getAttribute("data-state")!==e&&this.setAttribute("data-state",e)}_isMotionPaused(){return this.hasAttribute("paused")?!0:!!this._mediaQuery?.matches}_measureViewportSize(e){return this._viewportEl?e==="up"||e==="down"?this._viewportEl.clientHeight||this._viewportEl.getBoundingClientRect().height||0:this._viewportEl.clientWidth||this._viewportEl.getBoundingClientRect().width||0:0}_measureSourceSize(e){if(!this._sourceEl)return 0;const r=this._sourceEl.getBoundingClientRect();return e==="up"||e==="down"?Math.max(this._sourceEl.scrollHeight,this._sourceEl.offsetHeight,r.height||0):Math.max(this._sourceEl.scrollWidth,this._sourceEl.offsetWidth,r.width||0)}_measureCssLength(e){const r=e.trim();if(!r)return 0;if(/^-?\d+(\.\d+)?px$/.test(r)||/^-?\d+(\.\d+)?$/.test(r))return parseFloat(r);const t=document.createElement("div");t.style.position="absolute",t.style.visibility="hidden",t.style.pointerEvents="none",t.style.inlineSize=r,this.appendChild(t);const a=parseFloat(getComputedStyle(t).inlineSize||getComputedStyle(t).width||"0");return t.remove(),Number.isFinite(a)?a:0}_requestFrame(e){return typeof requestAnimationFrame=="function"?requestAnimationFrame(e):window.setTimeout(()=>e(performance.now()),16)}_cancelFrame(e){if(typeof cancelAnimationFrame=="function"){cancelAnimationFrame(e);return}window.clearTimeout(e)}}typeof customElements<"u"&&!customElements.get("ui-marquee")&&customElements.define("ui-marquee",d);exports.UIMarquee=d;