@editora/ui-core 0.1.19 → 0.1.20

package/dist/toolbar.esm.js

@@ -1,5 +1,5 @@
-import { E as c } from "./ElementBase-909688f3.mjs";
-import { m as d, r as u, s, f as l, g as b } from "./roving-focus-group-4350c9a7.mjs";
+import { E as c } from "./ElementBase-YlTLMsGk.mjs";
+import { m as d, r as u, s, f as l, g as b } from "./roving-focus-group-Dbm1Jko_.mjs";
 const f = `
   :host {
     --ui-toolbar-gap: 8px;
@@ -122,8 +122,7 @@ const f = `
   }
 `;
 function p(n) {
-  if (!(n instanceof HTMLElement) || n.hasAttribute("disabled") || n.getAttribute("aria-disabled") === "true")
-    return !1;
+  if (!(n instanceof HTMLElement) || n.hasAttribute("disabled") || n.getAttribute("aria-disabled") === "true") return !1;
   const t = n.tagName.toLowerCase();
   return !!(["button", "input", "select", "textarea", "a"].includes(t) || n.hasAttribute("tabindex") || t.startsWith("ui-"));
 }
@@ -151,8 +150,7 @@ class h extends c {
   }
   _focusables() {
     const t = this.root.querySelector("slot");
-    if (!t)
-      return [];
+    if (!t) return [];
     const a = t.assignedElements({ flatten: !0 }), e = [], o = (i) => {
       p(i) && e.push(i);
     };
@@ -164,32 +162,27 @@ class h extends c {
   }
   _moveFocus(t, a) {
     const e = this._focusables();
-    if (e.length < 2)
-      return;
+    if (e.length < 2) return;
     const o = e.indexOf(t);
-    if (o < 0)
-      return;
+    if (o < 0) return;
     const r = d(e, o, a, {
       wrap: this.hasAttribute("loop") || !this.hasAttribute("no-loop"),
       fallbackIndex: u(e, { activeIndex: o, getDisabled: () => !1 }),
       getDisabled: () => !1
     });
-    if (r < 0)
-      return;
+    if (r < 0) return;
     const i = e[r];
     s(e, i, { activeAttribute: null }), l(i);
   }
   _syncRovingState() {
     const t = this._focusables();
-    if (!t.length)
-      return;
+    if (!t.length) return;
     const a = t.find((e) => e === document.activeElement) || t[u(t, { getDisabled: () => !1 })];
     s(t, a || null, { activeAttribute: null });
   }
   _onKeyDown(t) {
     const a = t.target;
-    if (!a)
-      return;
+    if (!a) return;
     const e = this.getAttribute("orientation") === "vertical" ? "vertical" : "horizontal";
     if (e === "horizontal" && t.key === "ArrowRight" || e === "vertical" && t.key === "ArrowDown") {
       t.preventDefault(), this._moveFocus(a, 1);
@@ -201,23 +194,19 @@ class h extends c {
     }
     if (t.key === "Home") {
       const o = this._focusables();
-      if (!o.length)
-        return;
+      if (!o.length) return;
       t.preventDefault();
       const r = b(o, "first", () => !1);
-      if (r < 0)
-        return;
+      if (r < 0) return;
       s(o, o[r], { activeAttribute: null }), l(o[r]);
       return;
     }
     if (t.key === "End") {
       const o = this._focusables();
-      if (!o.length)
-        return;
+      if (!o.length) return;
       t.preventDefault();
       const r = b(o, "last", () => !1);
-      if (r < 0)
-        return;
+      if (r < 0) return;
       s(o, o[r], { activeAttribute: null }), l(o[r]);
     }
   }

package/dist/tooltip.cjs.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const E=require("./ElementBase-1b301e7f.js"),w=require("./portal-c69756c0.js");require("./positioner-33529bb8.js");const d=140,y=120,m=`
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const E=require("./ElementBase-EV6mVBUV.js"),w=require("./portal-DgpQ3Jo1.js"),d=140,y=120,m=`
   .tooltip {
     color-scheme: light dark;
     --ui-tooltip-bg: color-mix(in srgb, var(--ui-color-text, #0f172a) 92%, #0b1220 8%);
@@ -156,4 +156,4 @@
       forced-color-adjust: none;
     }
   }
-`;function b(o){if(o==null)return!1;const t=String(o).toLowerCase();return t!=="false"&&t!=="0"&&t!=="off"}function a(o,t){const e=Number(o);return Number.isFinite(e)?e:t}function _(o){return o==="top"||o==="right"||o==="bottom"||o==="left"?o:"top"}function A(o){const t=(o||"hover focus").trim().toLowerCase();return t?new Set(t.split(/[\s,]+/).filter(Boolean)):new Set(["hover","focus"])}function l(o){return b(o)}class f extends E.ElementBase{constructor(){super(),this._portalEl=null,this._cleanup=null,this._id=`ui-tooltip-${Math.random().toString(36).slice(2,9)}`,this._isOpen=!1,this._syncingOpenAttr=!1,this._openTimer=null,this._closeTimer=null,this._exitTimer=null,this._pointerInsidePortal=!1,this._onMouseEnter=this._onMouseEnter.bind(this),this._onMouseLeave=this._onMouseLeave.bind(this),this._onFocusIn=this._onFocusIn.bind(this),this._onFocusOut=this._onFocusOut.bind(this),this._onClick=this._onClick.bind(this),this._onKeyDown=this._onKeyDown.bind(this),this._onPortalMouseEnter=this._handlePortalMouseEnter.bind(this),this._onPortalMouseLeave=this._handlePortalMouseLeave.bind(this),this._onDocumentPointerDown=this._handleDocumentPointerDown.bind(this)}static get observedAttributes(){return["text","placement","open","disabled","headless","variant","size","tone","delay","close-delay","trigger","offset","interactive","arrow","aria-label"]}connectedCallback(){super.connectedCallback(),this.addEventListener("mouseenter",this._onMouseEnter),this.addEventListener("mouseleave",this._onMouseLeave),this.addEventListener("focusin",this._onFocusIn),this.addEventListener("focusout",this._onFocusOut),this.addEventListener("click",this._onClick),this.addEventListener("keydown",this._onKeyDown),this.hasAttribute("open")&&this._scheduleShow(0)}disconnectedCallback(){this.removeEventListener("mouseenter",this._onMouseEnter),this.removeEventListener("mouseleave",this._onMouseLeave),this.removeEventListener("focusin",this._onFocusIn),this.removeEventListener("focusout",this._onFocusOut),this.removeEventListener("click",this._onClick),this.removeEventListener("keydown",this._onKeyDown),this._clearTimers(),this.hide(!0),super.disconnectedCallback()}attributeChangedCallback(t,e,i){if(e!==i){if(t==="open"&&!this._syncingOpenAttr){this.hasAttribute("open")?this._scheduleShow(0):this._scheduleHide(0);return}if(t==="disabled"&&this.hasAttribute("disabled")){this.hide();return}if((t==="text"||t==="aria-label")&&this._isOpen&&!(this.getAttribute("text")||this.getAttribute("aria-label")||"").trim()){this.hide();return}if(this._isOpen&&["text","placement","variant","size","tone","headless","offset","arrow","aria-label","interactive"].includes(t)){this._renderPortalContent(),this._reposition();return}}}_clearTimers(){this._openTimer&&(clearTimeout(this._openTimer),this._openTimer=null),this._closeTimer&&(clearTimeout(this._closeTimer),this._closeTimer=null),this._exitTimer&&(clearTimeout(this._exitTimer),this._exitTimer=null)}_triggerEnabled(t){const e=A(this.getAttribute("trigger"));return e.has("manual")?t==="manual":e.has(t)}_scheduleShow(t){if(this.hasAttribute("disabled"))return;this._clearTimers();const e=typeof t=="number"?t:a(this.getAttribute("delay"),250);this._openTimer=setTimeout(()=>{this.show(),this._openTimer=null},Math.max(0,e))}_scheduleHide(t){this._clearTimers();const e=typeof t=="number"?t:a(this.getAttribute("close-delay"),120);this._closeTimer=setTimeout(()=>{if(l(this.getAttribute("interactive"))&&this._pointerInsidePortal){this._closeTimer=null;return}this.hide(),this._closeTimer=null},Math.max(0,e))}_ensurePortalEl(){if(this._portalEl)return this._portalEl;const t=document.createElement("div");if(t.className="tooltip",t.id=this._id,t.setAttribute("role","tooltip"),!this.hasAttribute("headless")){const i=document.createElement("style");i.setAttribute("data-ui-tooltip-style",""),i.textContent=m,t.appendChild(i)}const e=document.createElement("div");return e.className="tooltip-content",t.appendChild(e),t.addEventListener("mouseenter",this._onPortalMouseEnter),t.addEventListener("mouseleave",this._onPortalMouseLeave),this._portalEl=t,t}_handlePortalMouseEnter(){this._pointerInsidePortal=!0,this._closeTimer&&(clearTimeout(this._closeTimer),this._closeTimer=null)}_handlePortalMouseLeave(){this._pointerInsidePortal=!1,l(this.getAttribute("interactive"))&&this._scheduleHide()}_renderPortalContent(){const t=this._ensurePortalEl(),e=this.getAttribute("text")||this.getAttribute("aria-label")||"",i=_(this.getAttribute("placement")),u=this.getAttribute("variant")||"default",v=this.getAttribute("size")||"md",g=this.getAttribute("tone")||"default",h=!this.hasAttribute("arrow")||b(this.getAttribute("arrow")),x=l(this.getAttribute("interactive")),c=this.hasAttribute("headless"),r=t.querySelector("style[data-ui-tooltip-style]");if(!c&&!r){const s=document.createElement("style");s.setAttribute("data-ui-tooltip-style",""),s.textContent=m,t.prepend(s)}else c&&r&&r.remove();t.setAttribute("data-variant",u),t.setAttribute("data-size",v),t.setAttribute("data-tone",g),t.setAttribute("data-placement",i),t.setAttribute("data-interactive",x?"true":"false");const p=t.querySelector(".tooltip-content");p&&(p.textContent=e);const n=t.querySelector(".arrow");if(h&&!n){const s=document.createElement("div");s.className="arrow",t.appendChild(s)}!h&&n&&n.remove()}_reposition(){if(!this._portalEl)return;this._cleanup&&(this._cleanup(),this._cleanup=null);const t=_(this.getAttribute("placement")),e=a(this.getAttribute("offset"),8);this._cleanup=w.showPortalFor(this,this._portalEl,{placement:t,offset:e,shift:!0,flip:!0})}_syncOpenAttr(t){this._syncingOpenAttr=!0;try{t?this.hasAttribute("open")||this.setAttribute("open",""):this.hasAttribute("open")&&this.removeAttribute("open")}finally{this._syncingOpenAttr=!1}}show(){if(this.hasAttribute("disabled")||!(this.getAttribute("text")||this.getAttribute("aria-label")||"").trim())return;this._clearTimers(),this._renderPortalContent(),this._reposition(),this._portalEl&&(this._portalEl.classList.remove("closing"),this._portalEl.classList.add("show"),this.setAttribute("aria-describedby",this._id)),this._bindDocumentDismiss();const e=this._isOpen;this._isOpen=!0,this._syncOpenAttr(!0),e||(this.dispatchEvent(new CustomEvent("open",{bubbles:!0,composed:!0})),this.dispatchEvent(new CustomEvent("change",{detail:{open:!0},bubbles:!0,composed:!0})))}hide(t=!1){this._clearTimers(),this._unbindDocumentDismiss(),this._cleanup&&(this._cleanup(),this._cleanup=null);const e=this._portalEl;e&&(e.classList.remove("show"),e.classList.add("closing"),t?this._removePortal():this._exitTimer=setTimeout(()=>{this._removePortal(),this._exitTimer=null},y)),this._pointerInsidePortal=!1,this.removeAttribute("aria-describedby");const i=this._isOpen;this._isOpen=!1,this._syncOpenAttr(!1),i&&(this.dispatchEvent(new CustomEvent("close",{bubbles:!0,composed:!0})),this.dispatchEvent(new CustomEvent("change",{detail:{open:!1},bubbles:!0,composed:!0})))}_removePortal(){this._portalEl&&(this._portalEl.removeEventListener("mouseenter",this._onPortalMouseEnter),this._portalEl.removeEventListener("mouseleave",this._onPortalMouseLeave),this._portalEl.parentElement&&this._portalEl.parentElement.removeChild(this._portalEl),this._portalEl=null)}_bindDocumentDismiss(){this._triggerEnabled("click")&&document.addEventListener("pointerdown",this._onDocumentPointerDown)}_unbindDocumentDismiss(){document.removeEventListener("pointerdown",this._onDocumentPointerDown)}_handleDocumentPointerDown(t){var i;if(!this._isOpen)return;const e=t.target;e&&(this.contains(e)||(i=this._portalEl)!=null&&i.contains(e)||this.hide())}shouldRenderOnAttributeChange(t,e,i){return!1}_onMouseEnter(){this._triggerEnabled("hover")&&this._scheduleShow()}_onMouseLeave(){this._triggerEnabled("hover")&&this._scheduleHide()}_onFocusIn(){this._triggerEnabled("focus")&&this._scheduleShow(0)}_onFocusOut(t){var i;if(!this._triggerEnabled("focus"))return;const e=t.relatedTarget;e&&this.contains(e)||e&&((i=this._portalEl)!=null&&i.contains(e))||this._scheduleHide(0)}_onClick(){this._triggerEnabled("click")&&(this._isOpen?this.hide():this._scheduleShow(0))}_onKeyDown(t){t.key==="Escape"&&this._isOpen&&(t.preventDefault(),this.hide())}render(){this.setContent("<slot></slot>")}}typeof customElements<"u"&&!customElements.get("ui-tooltip")&&customElements.define("ui-tooltip",f);exports.UITooltip=f;
+`;function b(i){if(i==null)return!1;const t=String(i).toLowerCase();return t!=="false"&&t!=="0"&&t!=="off"}function a(i,t){const e=Number(i);return Number.isFinite(e)?e:t}function _(i){return i==="top"||i==="right"||i==="bottom"||i==="left"?i:"top"}function A(i){const t=(i||"hover focus").trim().toLowerCase();return t?new Set(t.split(/[\s,]+/).filter(Boolean)):new Set(["hover","focus"])}function l(i){return b(i)}class f extends E.ElementBase{constructor(){super(),this._portalEl=null,this._cleanup=null,this._id=`ui-tooltip-${Math.random().toString(36).slice(2,9)}`,this._isOpen=!1,this._syncingOpenAttr=!1,this._openTimer=null,this._closeTimer=null,this._exitTimer=null,this._pointerInsidePortal=!1,this._onMouseEnter=this._onMouseEnter.bind(this),this._onMouseLeave=this._onMouseLeave.bind(this),this._onFocusIn=this._onFocusIn.bind(this),this._onFocusOut=this._onFocusOut.bind(this),this._onClick=this._onClick.bind(this),this._onKeyDown=this._onKeyDown.bind(this),this._onPortalMouseEnter=this._handlePortalMouseEnter.bind(this),this._onPortalMouseLeave=this._handlePortalMouseLeave.bind(this),this._onDocumentPointerDown=this._handleDocumentPointerDown.bind(this)}static get observedAttributes(){return["text","placement","open","disabled","headless","variant","size","tone","delay","close-delay","trigger","offset","interactive","arrow","aria-label"]}connectedCallback(){super.connectedCallback(),this.addEventListener("mouseenter",this._onMouseEnter),this.addEventListener("mouseleave",this._onMouseLeave),this.addEventListener("focusin",this._onFocusIn),this.addEventListener("focusout",this._onFocusOut),this.addEventListener("click",this._onClick),this.addEventListener("keydown",this._onKeyDown),this.hasAttribute("open")&&this._scheduleShow(0)}disconnectedCallback(){this.removeEventListener("mouseenter",this._onMouseEnter),this.removeEventListener("mouseleave",this._onMouseLeave),this.removeEventListener("focusin",this._onFocusIn),this.removeEventListener("focusout",this._onFocusOut),this.removeEventListener("click",this._onClick),this.removeEventListener("keydown",this._onKeyDown),this._clearTimers(),this.hide(!0),super.disconnectedCallback()}attributeChangedCallback(t,e,o){if(e!==o){if(t==="open"&&!this._syncingOpenAttr){this.hasAttribute("open")?this._scheduleShow(0):this._scheduleHide(0);return}if(t==="disabled"&&this.hasAttribute("disabled")){this.hide();return}if((t==="text"||t==="aria-label")&&this._isOpen&&!(this.getAttribute("text")||this.getAttribute("aria-label")||"").trim()){this.hide();return}if(this._isOpen&&["text","placement","variant","size","tone","headless","offset","arrow","aria-label","interactive"].includes(t)){this._renderPortalContent(),this._reposition();return}}}_clearTimers(){this._openTimer&&(clearTimeout(this._openTimer),this._openTimer=null),this._closeTimer&&(clearTimeout(this._closeTimer),this._closeTimer=null),this._exitTimer&&(clearTimeout(this._exitTimer),this._exitTimer=null)}_triggerEnabled(t){const e=A(this.getAttribute("trigger"));return e.has("manual")?t==="manual":e.has(t)}_scheduleShow(t){if(this.hasAttribute("disabled"))return;this._clearTimers();const e=typeof t=="number"?t:a(this.getAttribute("delay"),250);this._openTimer=setTimeout(()=>{this.show(),this._openTimer=null},Math.max(0,e))}_scheduleHide(t){this._clearTimers();const e=typeof t=="number"?t:a(this.getAttribute("close-delay"),120);this._closeTimer=setTimeout(()=>{if(l(this.getAttribute("interactive"))&&this._pointerInsidePortal){this._closeTimer=null;return}this.hide(),this._closeTimer=null},Math.max(0,e))}_ensurePortalEl(){if(this._portalEl)return this._portalEl;const t=document.createElement("div");if(t.className="tooltip",t.id=this._id,t.setAttribute("role","tooltip"),!this.hasAttribute("headless")){const o=document.createElement("style");o.setAttribute("data-ui-tooltip-style",""),o.textContent=m,t.appendChild(o)}const e=document.createElement("div");return e.className="tooltip-content",t.appendChild(e),t.addEventListener("mouseenter",this._onPortalMouseEnter),t.addEventListener("mouseleave",this._onPortalMouseLeave),this._portalEl=t,t}_handlePortalMouseEnter(){this._pointerInsidePortal=!0,this._closeTimer&&(clearTimeout(this._closeTimer),this._closeTimer=null)}_handlePortalMouseLeave(){this._pointerInsidePortal=!1,l(this.getAttribute("interactive"))&&this._scheduleHide()}_renderPortalContent(){const t=this._ensurePortalEl(),e=this.getAttribute("text")||this.getAttribute("aria-label")||"",o=_(this.getAttribute("placement")),u=this.getAttribute("variant")||"default",v=this.getAttribute("size")||"md",g=this.getAttribute("tone")||"default",h=!this.hasAttribute("arrow")||b(this.getAttribute("arrow")),x=l(this.getAttribute("interactive")),c=this.hasAttribute("headless"),r=t.querySelector("style[data-ui-tooltip-style]");if(!c&&!r){const s=document.createElement("style");s.setAttribute("data-ui-tooltip-style",""),s.textContent=m,t.prepend(s)}else c&&r&&r.remove();t.setAttribute("data-variant",u),t.setAttribute("data-size",v),t.setAttribute("data-tone",g),t.setAttribute("data-placement",o),t.setAttribute("data-interactive",x?"true":"false");const p=t.querySelector(".tooltip-content");p&&(p.textContent=e);const n=t.querySelector(".arrow");if(h&&!n){const s=document.createElement("div");s.className="arrow",t.appendChild(s)}!h&&n&&n.remove()}_reposition(){if(!this._portalEl)return;this._cleanup&&(this._cleanup(),this._cleanup=null);const t=_(this.getAttribute("placement")),e=a(this.getAttribute("offset"),8);this._cleanup=w.showPortalFor(this,this._portalEl,{placement:t,offset:e,shift:!0,flip:!0})}_syncOpenAttr(t){this._syncingOpenAttr=!0;try{t?this.hasAttribute("open")||this.setAttribute("open",""):this.hasAttribute("open")&&this.removeAttribute("open")}finally{this._syncingOpenAttr=!1}}show(){if(this.hasAttribute("disabled")||!(this.getAttribute("text")||this.getAttribute("aria-label")||"").trim())return;this._clearTimers(),this._renderPortalContent(),this._reposition(),this._portalEl&&(this._portalEl.classList.remove("closing"),this._portalEl.classList.add("show"),this.setAttribute("aria-describedby",this._id)),this._bindDocumentDismiss();const e=this._isOpen;this._isOpen=!0,this._syncOpenAttr(!0),e||(this.dispatchEvent(new CustomEvent("open",{bubbles:!0,composed:!0})),this.dispatchEvent(new CustomEvent("change",{detail:{open:!0},bubbles:!0,composed:!0})))}hide(t=!1){this._clearTimers(),this._unbindDocumentDismiss(),this._cleanup&&(this._cleanup(),this._cleanup=null);const e=this._portalEl;e&&(e.classList.remove("show"),e.classList.add("closing"),t?this._removePortal():this._exitTimer=setTimeout(()=>{this._removePortal(),this._exitTimer=null},y)),this._pointerInsidePortal=!1,this.removeAttribute("aria-describedby");const o=this._isOpen;this._isOpen=!1,this._syncOpenAttr(!1),o&&(this.dispatchEvent(new CustomEvent("close",{bubbles:!0,composed:!0})),this.dispatchEvent(new CustomEvent("change",{detail:{open:!1},bubbles:!0,composed:!0})))}_removePortal(){this._portalEl&&(this._portalEl.removeEventListener("mouseenter",this._onPortalMouseEnter),this._portalEl.removeEventListener("mouseleave",this._onPortalMouseLeave),this._portalEl.parentElement&&this._portalEl.parentElement.removeChild(this._portalEl),this._portalEl=null)}_bindDocumentDismiss(){this._triggerEnabled("click")&&document.addEventListener("pointerdown",this._onDocumentPointerDown)}_unbindDocumentDismiss(){document.removeEventListener("pointerdown",this._onDocumentPointerDown)}_handleDocumentPointerDown(t){if(!this._isOpen)return;const e=t.target;e&&(this.contains(e)||this._portalEl?.contains(e)||this.hide())}shouldRenderOnAttributeChange(t,e,o){return!1}_onMouseEnter(){this._triggerEnabled("hover")&&this._scheduleShow()}_onMouseLeave(){this._triggerEnabled("hover")&&this._scheduleHide()}_onFocusIn(){this._triggerEnabled("focus")&&this._scheduleShow(0)}_onFocusOut(t){if(!this._triggerEnabled("focus"))return;const e=t.relatedTarget;e&&this.contains(e)||e&&this._portalEl?.contains(e)||this._scheduleHide(0)}_onClick(){this._triggerEnabled("click")&&(this._isOpen?this.hide():this._scheduleShow(0))}_onKeyDown(t){t.key==="Escape"&&this._isOpen&&(t.preventDefault(),this.hide())}render(){this.setContent("<slot></slot>")}}typeof customElements<"u"&&!customElements.get("ui-tooltip")&&customElements.define("ui-tooltip",f);exports.UITooltip=f;

package/dist/tooltip.esm.js

@@ -1,6 +1,5 @@
-import { E as x } from "./ElementBase-909688f3.mjs";
-import { s as E } from "./portal-fe73e5cc.mjs";
-import "./positioner-e9770c66.mjs";
+import { E as x } from "./ElementBase-YlTLMsGk.mjs";
+import { s as E } from "./portal-bR42gHvG.mjs";
 const d = 140, w = 120, m = `
   .tooltip {
     color-scheme: light dark;
@@ -160,25 +159,24 @@ const d = 140, w = 120, m = `
     }
   }
 `;
-function b(o) {
-  if (o == null)
-    return !1;
-  const t = String(o).toLowerCase();
+function b(i) {
+  if (i == null) return !1;
+  const t = String(i).toLowerCase();
   return t !== "false" && t !== "0" && t !== "off";
 }
-function a(o, t) {
-  const e = Number(o);
+function a(i, t) {
+  const e = Number(i);
   return Number.isFinite(e) ? e : t;
 }
-function _(o) {
-  return o === "top" || o === "right" || o === "bottom" || o === "left" ? o : "top";
+function _(i) {
+  return i === "top" || i === "right" || i === "bottom" || i === "left" ? i : "top";
 }
-function A(o) {
-  const t = (o || "hover focus").trim().toLowerCase();
+function A(i) {
+  const t = (i || "hover focus").trim().toLowerCase();
   return t ? new Set(t.split(/[\s,]+/).filter(Boolean)) : /* @__PURE__ */ new Set(["hover", "focus"]);
 }
-function l(o) {
-  return b(o);
+function l(i) {
+  return b(i);
 }
 class y extends x {
   constructor() {
@@ -209,8 +207,8 @@ class y extends x {
   disconnectedCallback() {
     this.removeEventListener("mouseenter", this._onMouseEnter), this.removeEventListener("mouseleave", this._onMouseLeave), this.removeEventListener("focusin", this._onFocusIn), this.removeEventListener("focusout", this._onFocusOut), this.removeEventListener("click", this._onClick), this.removeEventListener("keydown", this._onKeyDown), this._clearTimers(), this.hide(!0), super.disconnectedCallback();
   }
-  attributeChangedCallback(t, e, i) {
-    if (e !== i) {
+  attributeChangedCallback(t, e, o) {
+    if (e !== o) {
       if (t === "open" && !this._syncingOpenAttr) {
         this.hasAttribute("open") ? this._scheduleShow(0) : this._scheduleHide(0);
         return;
@@ -237,8 +235,7 @@ class y extends x {
     return e.has("manual") ? t === "manual" : e.has(t);
   }
   _scheduleShow(t) {
-    if (this.hasAttribute("disabled"))
-      return;
+    if (this.hasAttribute("disabled")) return;
     this._clearTimers();
     const e = typeof t == "number" ? t : a(this.getAttribute("delay"), 250);
     this._openTimer = setTimeout(() => {
@@ -257,12 +254,11 @@ class y extends x {
     }, Math.max(0, e));
   }
   _ensurePortalEl() {
-    if (this._portalEl)
-      return this._portalEl;
+    if (this._portalEl) return this._portalEl;
     const t = document.createElement("div");
     if (t.className = "tooltip", t.id = this._id, t.setAttribute("role", "tooltip"), !this.hasAttribute("headless")) {
-      const i = document.createElement("style");
-      i.setAttribute("data-ui-tooltip-style", ""), i.textContent = m, t.appendChild(i);
+      const o = document.createElement("style");
+      o.setAttribute("data-ui-tooltip-style", ""), o.textContent = m, t.appendChild(o);
     }
     const e = document.createElement("div");
     return e.className = "tooltip-content", t.appendChild(e), t.addEventListener("mouseenter", this._onPortalMouseEnter), t.addEventListener("mouseleave", this._onPortalMouseLeave), this._portalEl = t, t;
@@ -274,13 +270,12 @@ class y extends x {
     this._pointerInsidePortal = !1, l(this.getAttribute("interactive")) && this._scheduleHide();
   }
   _renderPortalContent() {
-    const t = this._ensurePortalEl(), e = this.getAttribute("text") || this.getAttribute("aria-label") || "", i = _(this.getAttribute("placement")), u = this.getAttribute("variant") || "default", f = this.getAttribute("size") || "md", v = this.getAttribute("tone") || "default", h = !this.hasAttribute("arrow") || b(this.getAttribute("arrow")), g = l(this.getAttribute("interactive")), c = this.hasAttribute("headless"), r = t.querySelector("style[data-ui-tooltip-style]");
+    const t = this._ensurePortalEl(), e = this.getAttribute("text") || this.getAttribute("aria-label") || "", o = _(this.getAttribute("placement")), u = this.getAttribute("variant") || "default", f = this.getAttribute("size") || "md", v = this.getAttribute("tone") || "default", h = !this.hasAttribute("arrow") || b(this.getAttribute("arrow")), g = l(this.getAttribute("interactive")), c = this.hasAttribute("headless"), r = t.querySelector("style[data-ui-tooltip-style]");
     if (!c && !r) {
       const s = document.createElement("style");
       s.setAttribute("data-ui-tooltip-style", ""), s.textContent = m, t.prepend(s);
-    } else
-      c && r && r.remove();
-    t.setAttribute("data-variant", u), t.setAttribute("data-size", f), t.setAttribute("data-tone", v), t.setAttribute("data-placement", i), t.setAttribute("data-interactive", g ? "true" : "false");
+    } else c && r && r.remove();
+    t.setAttribute("data-variant", u), t.setAttribute("data-size", f), t.setAttribute("data-tone", v), t.setAttribute("data-placement", o), t.setAttribute("data-interactive", g ? "true" : "false");
     const p = t.querySelector(".tooltip-content");
     p && (p.textContent = e);
     const n = t.querySelector(".arrow");
@@ -291,8 +286,7 @@ class y extends x {
     !h && n && n.remove();
   }
   _reposition() {
-    if (!this._portalEl)
-      return;
+    if (!this._portalEl) return;
     this._cleanup && (this._cleanup(), this._cleanup = null);
     const t = _(this.getAttribute("placement")), e = a(this.getAttribute("offset"), 8);
     this._cleanup = E(this, this._portalEl, {
@@ -311,8 +305,7 @@ class y extends x {
     }
   }
   show() {
-    if (this.hasAttribute("disabled") || !(this.getAttribute("text") || this.getAttribute("aria-label") || "").trim())
-      return;
+    if (this.hasAttribute("disabled") || !(this.getAttribute("text") || this.getAttribute("aria-label") || "").trim()) return;
     this._clearTimers(), this._renderPortalContent(), this._reposition(), this._portalEl && (this._portalEl.classList.remove("closing"), this._portalEl.classList.add("show"), this.setAttribute("aria-describedby", this._id)), this._bindDocumentDismiss();
     const e = this._isOpen;
     this._isOpen = !0, this._syncOpenAttr(!0), e || (this.dispatchEvent(new CustomEvent("open", { bubbles: !0, composed: !0 })), this.dispatchEvent(new CustomEvent("change", { detail: { open: !0 }, bubbles: !0, composed: !0 })));
@@ -323,8 +316,8 @@ class y extends x {
     e && (e.classList.remove("show"), e.classList.add("closing"), t ? this._removePortal() : this._exitTimer = setTimeout(() => {
       this._removePortal(), this._exitTimer = null;
     }, w)), this._pointerInsidePortal = !1, this.removeAttribute("aria-describedby");
-    const i = this._isOpen;
-    this._isOpen = !1, this._syncOpenAttr(!1), i && (this.dispatchEvent(new CustomEvent("close", { bubbles: !0, composed: !0 })), this.dispatchEvent(new CustomEvent("change", { detail: { open: !1 }, bubbles: !0, composed: !0 })));
+    const o = this._isOpen;
+    this._isOpen = !1, this._syncOpenAttr(!1), o && (this.dispatchEvent(new CustomEvent("close", { bubbles: !0, composed: !0 })), this.dispatchEvent(new CustomEvent("change", { detail: { open: !1 }, bubbles: !0, composed: !0 })));
   }
   _removePortal() {
     this._portalEl && (this._portalEl.removeEventListener("mouseenter", this._onPortalMouseEnter), this._portalEl.removeEventListener("mouseleave", this._onPortalMouseLeave), this._portalEl.parentElement && this._portalEl.parentElement.removeChild(this._portalEl), this._portalEl = null);
@@ -336,13 +329,11 @@ class y extends x {
     document.removeEventListener("pointerdown", this._onDocumentPointerDown);
   }
   _handleDocumentPointerDown(t) {
-    var i;
-    if (!this._isOpen)
-      return;
+    if (!this._isOpen) return;
     const e = t.target;
-    e && (this.contains(e) || (i = this._portalEl) != null && i.contains(e) || this.hide());
+    e && (this.contains(e) || this._portalEl?.contains(e) || this.hide());
   }
-  shouldRenderOnAttributeChange(t, e, i) {
+  shouldRenderOnAttributeChange(t, e, o) {
     return !1;
   }
   _onMouseEnter() {
@@ -355,11 +346,9 @@ class y extends x {
     this._triggerEnabled("focus") && this._scheduleShow(0);
   }
   _onFocusOut(t) {
-    var i;
-    if (!this._triggerEnabled("focus"))
-      return;
+    if (!this._triggerEnabled("focus")) return;
     const e = t.relatedTarget;
-    e && this.contains(e) || e && ((i = this._portalEl) != null && i.contains(e)) || this._scheduleHide(0);
+    e && this.contains(e) || e && this._portalEl?.contains(e) || this._scheduleHide(0);
   }
   _onClick() {
     this._triggerEnabled("click") && (this._isOpen ? this.hide() : this._scheduleShow(0));

package/dist/transfer-list.cjs.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const q=require("./ElementBase-1b301e7f.js"),U=`
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const q=require("./ElementBase-EV6mVBUV.js"),U=`
   :host {
     --ui-transfer-accent: var(--ui-color-primary, #2563eb);
     --ui-transfer-text: var(--ui-color-text, #0f172a);
@@ -656,7 +656,7 @@
       min-inline-size: 0;
     }
   }
-`;function l(n){return n.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;").replace(/'/g,"&#39;")}function y(n){if(!n)return[];try{const r=JSON.parse(n);if(!Array.isArray(r))return[];const t=[];return r.forEach(e=>{if(!e||typeof e!="object")return;const a={value:String(e.value??""),label:String(e.label??e.value??""),disabled:!!e.disabled};e.description&&(a.description=String(e.description)),a.value&&t.push(a)}),t}catch{return[]}}function _(n){if(!n)return[];try{const r=JSON.parse(n);return Array.isArray(r)?r.map(t=>String(t)):[]}catch{return[]}}function k(n,r){return new Set(Array.from(n).filter(t=>r.has(t)))}function R(n){return n==="tick"||n==="none"?n:"checkbox"}function h(n,r){return n==null?r:n===""||n==="true"||n==="1"||n==="yes"?!0:n==="false"||n==="0"||n==="no"?!1:r}function w(n){return`<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.25" stroke-linecap="round" stroke-linejoin="round" focusable="false" aria-hidden="true"><path d="${n==="right"?"M9 6l6 6-6 6":"M15 6l-6 6 6 6"}"/></svg>`}class A extends q.ElementBase{constructor(){super(...arguments),this._options=[],this._value=[],this._selectedAvailable=new Set,this._selectedChosen=new Set,this._formUnregister=null,this._suppressValueAttr=!1,this._delegatedListenersAttached=!1,this._handleRootClick=r=>{const t=r.target;if(!t)return;const e=t.closest(".move-btn");if(e&&this.root.contains(e)){this._move(e.getAttribute("data-action"));return}const a=t.closest(".item");a&&this.root.contains(a)&&this._toggleItem(a)},this._handleRootKeyDown=r=>{const t=r.target;if(!t)return;const e=t.closest(".item");e&&this.root.contains(e)&&this._onItemKeyDown(r,e)}}static get observedAttributes(){return["options","value","label","description","error","name","disabled","variant","tone","size","radius","elevation","available-label","selected-label","available-empty-label","selected-empty-label","selection-indicator","add-action-label","remove-action-label","show-action-labels","show-action-counts","show-panel-counts"]}get value(){return[...this._value]}set value(r){this._applyValue(r,"api")}connectedCallback(){super.connectedCallback(),this._attachDelegatedListeners(),this._registerWithForm()}disconnectedCallback(){this._formUnregister&&this._formUnregister(),this._detachDelegatedListeners(),super.disconnectedCallback()}attributeChangedCallback(r,t,e){t!==e&&(r==="options"&&(this._options=y(e)),r==="value"&&!this._suppressValueAttr&&(this._value=_(e)),r==="name"&&this.isConnected&&this._registerWithForm(),r==="disabled"&&(this._selectedAvailable.clear(),this._selectedChosen.clear()),this.isConnected&&this.requestRender())}render(){this._options.length||(this._options=y(this.getAttribute("options"))),!this._value.length&&this.getAttribute("value")&&(this._value=_(this.getAttribute("value")));const r=new Set(this._value),t=this._options.filter(i=>!r.has(i.value)),e=this._options.filter(i=>r.has(i.value)),a=new Set(t.map(i=>i.value)),o=new Set(e.map(i=>i.value));this._selectedAvailable=k(this._selectedAvailable,a),this._selectedChosen=k(this._selectedChosen,o);const s=this.getAttribute("label")||"",c=this.getAttribute("description")||"",u=this.getAttribute("error")||"",d=this.getAttribute("available-label")||"Available",f=this.getAttribute("selected-label")||"Selected",$=this.getAttribute("available-empty-label")||"No items available to add.",S=this.getAttribute("selected-empty-label")||"No items selected yet.",C=R(this.getAttribute("selection-indicator")),L=this.getAttribute("add-action-label")||"Add selected",E=this.getAttribute("remove-action-label")||"Remove selected",p=h(this.getAttribute("show-action-labels"),!0),b=h(this.getAttribute("show-action-counts"),!0),m=h(this.getAttribute("show-panel-counts"),!0),g=this.getAttribute("radius"),I=g?` style="--ui-transfer-panel-radius:${l(g)};"`:"",v=()=>C==="none"?"":'<span class="indicator" part="indicator" aria-hidden="true"><span class="indicator-box"><span class="indicator-mark">✓</span></span></span>',x=i=>p?`<span class="move-btn-text">${l(i)}</span>`:"",z=i=>b?`<span class="move-btn-count">${i}</span>`:"",V=t.length?t.map(i=>`<div
+`;function l(n){return n.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;").replace(/'/g,"&#39;")}function x(n){if(!n)return[];try{const e=JSON.parse(n);if(!Array.isArray(e))return[];const t=[];return e.forEach(r=>{if(!r||typeof r!="object")return;const a={value:String(r.value??""),label:String(r.label??r.value??""),disabled:!!r.disabled};r.description&&(a.description=String(r.description)),a.value&&t.push(a)}),t}catch{return[]}}function z(n){if(!n)return[];try{const e=JSON.parse(n);return Array.isArray(e)?e.map(t=>String(t)):[]}catch{return[]}}function y(n,e){return new Set(Array.from(n).filter(t=>e.has(t)))}function R(n){return n==="tick"||n==="none"?n:"checkbox"}function p(n,e){return n==null?e:n===""||n==="true"||n==="1"||n==="yes"?!0:n==="false"||n==="0"||n==="no"?!1:e}function _(n){return`<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.25" stroke-linecap="round" stroke-linejoin="round" focusable="false" aria-hidden="true"><path d="${n==="right"?"M9 6l6 6-6 6":"M15 6l-6 6 6 6"}"/></svg>`}class k extends q.ElementBase{constructor(){super(...arguments),this._options=[],this._value=[],this._selectedAvailable=new Set,this._selectedChosen=new Set,this._formUnregister=null,this._suppressValueAttr=!1,this._delegatedListenersAttached=!1,this._handleRootClick=e=>{const t=e.target;if(!t)return;const r=t.closest(".move-btn");if(r&&this.root.contains(r)){this._move(r.getAttribute("data-action"));return}const a=t.closest(".item");a&&this.root.contains(a)&&this._toggleItem(a)},this._handleRootKeyDown=e=>{const t=e.target;if(!t)return;const r=t.closest(".item");r&&this.root.contains(r)&&this._onItemKeyDown(e,r)}}static get observedAttributes(){return["options","value","label","description","error","name","disabled","variant","tone","size","radius","elevation","available-label","selected-label","available-empty-label","selected-empty-label","selection-indicator","add-action-label","remove-action-label","show-action-labels","show-action-counts","show-panel-counts"]}get value(){return[...this._value]}set value(e){this._applyValue(e,"api")}connectedCallback(){super.connectedCallback(),this._attachDelegatedListeners(),this._registerWithForm()}disconnectedCallback(){this._formUnregister&&this._formUnregister(),this._detachDelegatedListeners(),super.disconnectedCallback()}attributeChangedCallback(e,t,r){t!==r&&(e==="options"&&(this._options=x(r)),e==="value"&&!this._suppressValueAttr&&(this._value=z(r)),e==="name"&&this.isConnected&&this._registerWithForm(),e==="disabled"&&(this._selectedAvailable.clear(),this._selectedChosen.clear()),this.isConnected&&this.requestRender())}render(){this._options.length||(this._options=x(this.getAttribute("options"))),!this._value.length&&this.getAttribute("value")&&(this._value=z(this.getAttribute("value")));const e=new Set(this._value),t=this._options.filter(i=>!e.has(i.value)),r=this._options.filter(i=>e.has(i.value)),a=new Set(t.map(i=>i.value)),o=new Set(r.map(i=>i.value));this._selectedAvailable=y(this._selectedAvailable,a),this._selectedChosen=y(this._selectedChosen,o);const s=this.getAttribute("label")||"",c=this.getAttribute("description")||"",u=this.getAttribute("error")||"",w=this.getAttribute("available-label")||"Available",A=this.getAttribute("selected-label")||"Selected",$=this.getAttribute("available-empty-label")||"No items available to add.",S=this.getAttribute("selected-empty-label")||"No items selected yet.",C=R(this.getAttribute("selection-indicator")),L=this.getAttribute("add-action-label")||"Add selected",E=this.getAttribute("remove-action-label")||"Remove selected",d=p(this.getAttribute("show-action-labels"),!0),f=p(this.getAttribute("show-action-counts"),!0),b=p(this.getAttribute("show-panel-counts"),!0),h=this.getAttribute("radius"),I=h?` style="--ui-transfer-panel-radius:${l(h)};"`:"",m=()=>C==="none"?"":'<span class="indicator" part="indicator" aria-hidden="true"><span class="indicator-box"><span class="indicator-mark">✓</span></span></span>',g=i=>d?`<span class="move-btn-text">${l(i)}</span>`:"",v=i=>f?`<span class="move-btn-count">${i}</span>`:"",V=t.length?t.map(i=>`<div
               class="item"
               part="item available-item"
               role="option"
@@ -667,12 +667,12 @@
               aria-disabled="${i.disabled?"true":"false"}"
               tabindex="${i.disabled?"-1":"0"}"
             >
-              ${v()}
+              ${m()}
               <div class="item-copy">
                 <span class="item-title">${l(i.label)}</span>
                 ${i.description?`<span class="item-description">${l(i.description)}</span>`:""}
               </div>
-            </div>`).join(""):`<div class="empty" part="empty">${l($)}</div>`,D=e.length?e.map(i=>`<div
+            </div>`).join(""):`<div class="empty" part="empty">${l($)}</div>`,D=r.length?r.map(i=>`<div
               class="item"
               part="item selected-item"
               role="option"
@@ -683,7 +683,7 @@
               aria-disabled="${i.disabled?"true":"false"}"
               tabindex="${i.disabled?"-1":"0"}"
             >
-              ${v()}
+              ${m()}
               <div class="item-copy">
                 <span class="item-title">${l(i.label)}</span>
                 ${i.description?`<span class="item-description">${l(i.description)}</span>`:""}
@@ -697,8 +697,8 @@
           <section class="panel" part="panel panel-available">
             <div class="panel-header" part="panel-header">
               <div class="panel-heading">
-                <div class="panel-title">${l(d)}</div>
-                ${m?`<span class="panel-count" part="count">${t.length}</span>`:""}
+                <div class="panel-title">${l(w)}</div>
+                ${b?`<span class="panel-count" part="count">${t.length}</span>`:""}
               </div>
               <div class="panel-help">Choose entries to move into the selected list.</div>
             </div>
@@ -706,29 +706,29 @@
             <div class="summary" part="summary">${t.length} available</div>
           </section>
           <div class="actions" part="actions">
-            <button class="move-btn" part="action-button action-add" data-compact="${!p&&!b}" data-action="add" type="button"${this._selectedAvailable.size?"":" disabled"}>
-              <span class="move-btn-icon" aria-hidden="true">${w("right")}</span>
-              ${x(L)}
-              ${z(this._selectedAvailable.size||0)}
+            <button class="move-btn" part="action-button action-add" data-compact="${!d&&!f}" data-action="add" type="button"${this._selectedAvailable.size?"":" disabled"}>
+              <span class="move-btn-icon" aria-hidden="true">${_("right")}</span>
+              ${g(L)}
+              ${v(this._selectedAvailable.size||0)}
             </button>
-            <button class="move-btn" part="action-button action-remove" data-compact="${!p&&!b}" data-action="remove" type="button"${this._selectedChosen.size?"":" disabled"}>
-              <span class="move-btn-icon" aria-hidden="true">${w("left")}</span>
-              ${x(E)}
-              ${z(this._selectedChosen.size||0)}
+            <button class="move-btn" part="action-button action-remove" data-compact="${!d&&!f}" data-action="remove" type="button"${this._selectedChosen.size?"":" disabled"}>
+              <span class="move-btn-icon" aria-hidden="true">${_("left")}</span>
+              ${g(E)}
+              ${v(this._selectedChosen.size||0)}
             </button>
           </div>
           <section class="panel" part="panel panel-selected">
             <div class="panel-header" part="panel-header">
               <div class="panel-heading">
-                <div class="panel-title">${l(f)}</div>
-                ${m?`<span class="panel-count" part="count">${e.length}</span>`:""}
+                <div class="panel-title">${l(A)}</div>
+                ${b?`<span class="panel-count" part="count">${r.length}</span>`:""}
               </div>
               <div class="panel-help">Use the remove action to send items back.</div>
             </div>
             <div class="list" part="list selected-list" data-list="chosen" role="listbox" aria-multiselectable="true">${D}</div>
-            <div class="summary" part="summary">${e.length} selected</div>
+            <div class="summary" part="summary">${r.length} selected</div>
           </section>
         </div>
         ${u?`<p class="error" part="error">${l(u)}</p>`:""}
       </div>
-    `)}_toggleItem(r){if(this.hasAttribute("disabled"))return;const t=r.getAttribute("data-side"),e=r.getAttribute("data-value")||"";if(!e)return;const a=t==="chosen"?this._selectedChosen:this._selectedAvailable;a.has(e)?a.delete(e):a.add(e),r.setAttribute("data-selected",a.has(e)?"true":"false"),r.setAttribute("aria-selected",a.has(e)?"true":"false"),this._syncActionButtons()}_onItemKeyDown(r,t){var u,d,f;const e=t.getAttribute("data-side");if(!e)return;if(r.key==="Enter"||r.key===" "){r.preventDefault(),this._toggleItem(t);return}if(!["ArrowDown","ArrowUp","Home","End"].includes(r.key))return;r.preventDefault();const a=this.root.querySelector(`[data-list="${e}"]`),o=Array.from((a==null?void 0:a.querySelectorAll('.item[tabindex="0"]'))||[]);if(!o.length)return;const s=o.indexOf(t);if(r.key==="Home"){(u=o[0])==null||u.focus();return}if(r.key==="End"){(d=o[o.length-1])==null||d.focus();return}const c=r.key==="ArrowDown"?Math.min(o.length-1,s+1):Math.max(0,s-1);(f=o[c])==null||f.focus()}_move(r){if(!this.hasAttribute("disabled")){if(r==="add"){const t=[...this._value,...Array.from(this._selectedAvailable).filter(e=>!this._value.includes(e))];this._selectedAvailable.clear(),this._applyValue(t,"transfer-right");return}if(r==="remove"){const t=new Set(this._selectedChosen),e=this._value.filter(a=>!t.has(a));this._selectedChosen.clear(),this._applyValue(e,"transfer-left")}}}_attachDelegatedListeners(){this._delegatedListenersAttached||(this.root.addEventListener("click",this._handleRootClick),this.root.addEventListener("keydown",this._handleRootKeyDown),this._delegatedListenersAttached=!0)}_detachDelegatedListeners(){this._delegatedListenersAttached&&(this.root.removeEventListener("click",this._handleRootClick),this.root.removeEventListener("keydown",this._handleRootKeyDown),this._delegatedListenersAttached=!1)}_applyValue(r,t){const e=new Set(this._options.map(s=>s.value)),a=Array.from(new Set(r.filter(s=>s&&(e.size===0||e.has(s))))),o=[...this._value];this._value=a,this._suppressValueAttr=!0;try{a.length?this.setAttribute("value",JSON.stringify(a)):this.removeAttribute("value")}finally{this._suppressValueAttr=!1}a.length>0&&this.removeAttribute("invalid"),this.requestRender(),this.dispatchEvent(new CustomEvent("change",{detail:{value:[...this._value],previousValue:o,selectedItems:this._options.filter(s=>this._value.includes(s.value)),source:t},bubbles:!0,composed:!0}))}_syncActionButtons(){const r=this.root.querySelector('[data-action="add"]'),t=this.root.querySelector('[data-action="remove"]');if(r){r.disabled=this._selectedAvailable.size===0;const e=r.querySelector(".move-btn-count");e&&(e.textContent=String(this._selectedAvailable.size))}if(t){t.disabled=this._selectedChosen.size===0;const e=t.querySelector(".move-btn-count");e&&(e.textContent=String(this._selectedChosen.size))}}_registerWithForm(){var r;this._formUnregister&&(this._formUnregister(),this._formUnregister=null);try{const e=this.getRootNode().host,o=((r=e==null?void 0:e.closest)==null?void 0:r.call(e,"ui-form"))||null||this.closest("ui-form"),s=this.getAttribute("name");o&&typeof o.registerField=="function"&&s&&(this._formUnregister=o.registerField(s,{name:s,getValue:()=>[...this._value],setValue:c=>{const u=Array.isArray(c)?c.map(d=>String(d)):[];this._applyValue(u,"api")},validate:async()=>({valid:!this.hasAttribute("required")||this._value.length>0,message:"Select at least one item."}),setError:c=>{c?(this.setAttribute("error",c),this.setAttribute("invalid","")):(this.removeAttribute("error"),this.removeAttribute("invalid")),this.requestRender()}}))}catch{}}}typeof customElements<"u"&&!customElements.get("ui-transfer-list")&&customElements.define("ui-transfer-list",A);exports.UITransferList=A;
+    `)}_toggleItem(e){if(this.hasAttribute("disabled"))return;const t=e.getAttribute("data-side"),r=e.getAttribute("data-value")||"";if(!r)return;const a=t==="chosen"?this._selectedChosen:this._selectedAvailable;a.has(r)?a.delete(r):a.add(r),e.setAttribute("data-selected",a.has(r)?"true":"false"),e.setAttribute("aria-selected",a.has(r)?"true":"false"),this._syncActionButtons()}_onItemKeyDown(e,t){const r=t.getAttribute("data-side");if(!r)return;if(e.key==="Enter"||e.key===" "){e.preventDefault(),this._toggleItem(t);return}if(!["ArrowDown","ArrowUp","Home","End"].includes(e.key))return;e.preventDefault();const a=this.root.querySelector(`[data-list="${r}"]`),o=Array.from(a?.querySelectorAll('.item[tabindex="0"]')||[]);if(!o.length)return;const s=o.indexOf(t);if(e.key==="Home"){o[0]?.focus();return}if(e.key==="End"){o[o.length-1]?.focus();return}const c=e.key==="ArrowDown"?Math.min(o.length-1,s+1):Math.max(0,s-1);o[c]?.focus()}_move(e){if(!this.hasAttribute("disabled")){if(e==="add"){const t=[...this._value,...Array.from(this._selectedAvailable).filter(r=>!this._value.includes(r))];this._selectedAvailable.clear(),this._applyValue(t,"transfer-right");return}if(e==="remove"){const t=new Set(this._selectedChosen),r=this._value.filter(a=>!t.has(a));this._selectedChosen.clear(),this._applyValue(r,"transfer-left")}}}_attachDelegatedListeners(){this._delegatedListenersAttached||(this.root.addEventListener("click",this._handleRootClick),this.root.addEventListener("keydown",this._handleRootKeyDown),this._delegatedListenersAttached=!0)}_detachDelegatedListeners(){this._delegatedListenersAttached&&(this.root.removeEventListener("click",this._handleRootClick),this.root.removeEventListener("keydown",this._handleRootKeyDown),this._delegatedListenersAttached=!1)}_applyValue(e,t){const r=new Set(this._options.map(s=>s.value)),a=Array.from(new Set(e.filter(s=>s&&(r.size===0||r.has(s))))),o=[...this._value];this._value=a,this._suppressValueAttr=!0;try{a.length?this.setAttribute("value",JSON.stringify(a)):this.removeAttribute("value")}finally{this._suppressValueAttr=!1}a.length>0&&this.removeAttribute("invalid"),this.requestRender(),this.dispatchEvent(new CustomEvent("change",{detail:{value:[...this._value],previousValue:o,selectedItems:this._options.filter(s=>this._value.includes(s.value)),source:t},bubbles:!0,composed:!0}))}_syncActionButtons(){const e=this.root.querySelector('[data-action="add"]'),t=this.root.querySelector('[data-action="remove"]');if(e){e.disabled=this._selectedAvailable.size===0;const r=e.querySelector(".move-btn-count");r&&(r.textContent=String(this._selectedAvailable.size))}if(t){t.disabled=this._selectedChosen.size===0;const r=t.querySelector(".move-btn-count");r&&(r.textContent=String(this._selectedChosen.size))}}_registerWithForm(){this._formUnregister&&(this._formUnregister(),this._formUnregister=null);try{const a=this.getRootNode().host?.closest?.("ui-form")||null||this.closest("ui-form"),o=this.getAttribute("name");a&&typeof a.registerField=="function"&&o&&(this._formUnregister=a.registerField(o,{name:o,getValue:()=>[...this._value],setValue:s=>{const c=Array.isArray(s)?s.map(u=>String(u)):[];this._applyValue(c,"api")},validate:async()=>({valid:!this.hasAttribute("required")||this._value.length>0,message:"Select at least one item."}),setError:s=>{s?(this.setAttribute("error",s),this.setAttribute("invalid","")):(this.removeAttribute("error"),this.removeAttribute("invalid")),this.requestRender()}}))}catch{}}}typeof customElements<"u"&&!customElements.get("ui-transfer-list")&&customElements.define("ui-transfer-list",k);exports.UITransferList=k;