@editora/ui-core 0.1.18 → 0.1.20

package/dist/pagination.esm.js

@@ -1,4 +1,4 @@
-import { E as e } from "./ElementBase-909688f3.mjs";
+import { E as e } from "./ElementBase-YlTLMsGk.mjs";
 const r = `
   :host {
     display: inline-flex;
@@ -227,8 +227,8 @@ class s extends e {
     t += `<button type="button" data-page="1" aria-label="First" ${this._page === 1 ? "disabled" : ""}>&laquo;</button>`, t += `<button type="button" data-page="${this._page - 1}" aria-label="Previous" ${this._page === 1 ? "disabled" : ""}>&lsaquo;</button>`;
     const a = this._getPageRange(this._page, this._count);
     a[0] > 1 && (t += '<button type="button" data-page="1">1</button>', a[0] > 2 && (t += '<span class="ellipsis" aria-hidden="true">…</span>'));
-    for (let o = a[0]; o <= a[1]; o++)
-      t += `<button type="button" data-page="${o}" ${o === this._page ? 'aria-current="page"' : ""}>${o}</button>`;
+    for (let n = a[0]; n <= a[1]; n++)
+      t += `<button type="button" data-page="${n}" ${n === this._page ? 'aria-current="page"' : ""}>${n}</button>`;
     a[1] < this._count && (a[1] < this._count - 1 && (t += '<span class="ellipsis" aria-hidden="true">…</span>'), t += `<button type="button" data-page="${this._count}">${this._count}</button>`), t += `<button type="button" data-page="${this._page + 1}" aria-label="Next" ${this._page === this._count ? "disabled" : ""}>&rsaquo;</button>`, t += `<button type="button" data-page="${this._count}" aria-label="Last" ${this._page === this._count ? "disabled" : ""}>&raquo;</button>`, this.setContent(`
       <style>${r}</style>
       <nav class="pagination" role="navigation" aria-label="${this.getAttribute("aria-label") || "Pagination"}" tabindex="0">
@@ -255,40 +255,36 @@ class s extends e {
     this.goToPage(this._count);
   }
   focusCurrent() {
-    const t = this.root.querySelector('button[aria-current="page"]');
-    t == null || t.focus();
+    this.root.querySelector('button[aria-current="page"]')?.focus();
   }
   _getPageRange(t, a) {
     return a <= 5 ? [1, a] : t <= 3 ? [1, 5] : t >= a - 2 ? [a - 4, a] : [t - 2, t + 2];
   }
   _onClick(t) {
     const a = t.target.closest("button[data-page]");
-    if (!a || a.hasAttribute("disabled"))
-      return;
+    if (!a || a.hasAttribute("disabled")) return;
     const i = Number(a.getAttribute("data-page"));
     isNaN(i) || i < 1 || i > this._count || i === this._page || this._applyPageChange(i);
   }
   _onKeyDown(t) {
     const a = this.root.querySelector(".pagination");
-    if (!a)
-      return;
-    const i = Array.from(a.querySelectorAll("button:not(:disabled)")), o = this.root.activeElement;
-    let n = i.indexOf(o);
-    t.key === "ArrowRight" || t.key === "ArrowDown" ? (n = (n + 1) % i.length, i[n].focus(), t.preventDefault()) : t.key === "ArrowLeft" || t.key === "ArrowUp" ? (n = (n - 1 + i.length) % i.length, i[n].focus(), t.preventDefault()) : t.key === "Home" ? (i[0].focus(), t.preventDefault()) : t.key === "End" && (i[i.length - 1].focus(), t.preventDefault());
+    if (!a) return;
+    const i = Array.from(a.querySelectorAll("button:not(:disabled)")), n = this.root.activeElement;
+    let o = i.indexOf(n);
+    t.key === "ArrowRight" || t.key === "ArrowDown" ? (o = (o + 1) % i.length, i[o].focus(), t.preventDefault()) : t.key === "ArrowLeft" || t.key === "ArrowUp" ? (o = (o - 1 + i.length) % i.length, i[o].focus(), t.preventDefault()) : t.key === "Home" ? (i[0].focus(), t.preventDefault()) : t.key === "End" && (i[i.length - 1].focus(), t.preventDefault());
   }
   _applyPageChange(t) {
     const a = this._page, i = Math.max(1, Math.min(this._count, Number(t) || 1));
-    if (i === a)
-      return;
-    const o = i === 1 && a !== 1 ? "first" : i === this._count && a !== this._count ? "last" : i === a - 1 ? "prev" : i === a + 1 ? "next" : "change";
+    if (i === a) return;
+    const n = i === 1 && a !== 1 ? "first" : i === this._count && a !== this._count ? "last" : i === a - 1 ? "prev" : i === a + 1 ? "next" : "change";
     this.setAttribute("page", String(i));
-    const n = {
+    const o = {
       page: i,
       previousPage: a,
       count: this._count,
-      reason: o
+      reason: n
     };
-    this.dispatchEvent(new CustomEvent(o, { detail: n, bubbles: !0, composed: !0 })), this.dispatchEvent(new CustomEvent("change", { detail: n, bubbles: !0, composed: !0 }));
+    this.dispatchEvent(new CustomEvent(n, { detail: o, bubbles: !0, composed: !0 })), this.dispatchEvent(new CustomEvent("change", { detail: o, bubbles: !0, composed: !0 }));
   }
 }
 typeof customElements < "u" && !customElements.get("ui-pagination") && customElements.define("ui-pagination", s);

package/dist/{panel-group-a376cc5e.mjs → panel-group-8sVNnGxg.mjs}

@@ -1,4 +1,4 @@
-import { E as A } from "./ElementBase-909688f3.mjs";
+import { E as A } from "./ElementBase-YlTLMsGk.mjs";
 import { UIPanel as y } from "./panel.esm.js";
 import { UISplitter as b } from "./splitter.esm.js";
 function f(o, e, t) {
@@ -16,8 +16,7 @@ function v(o) {
   return { min: e, max: t };
 }
 function _(o, e = []) {
-  if (!o.length)
-    return [];
+  if (!o.length) return [];
   const t = o.map((u, c) => {
     const d = e[c], { min: h, max: p } = v(u);
     return Number.isFinite(d) ? f(Number(d), h, p) : u.collapsed ? h : NaN;
@@ -32,23 +31,20 @@ function _(o, e = []) {
       const { min: w, max: z } = v(p);
       return l > 0 && t[g] < z - 1e-3 && h.push(g), l < 0 && t[g] > w + 1e-3 && h.push(g), h;
     }, []);
-    if (!u.length)
-      break;
+    if (!u.length) break;
     const c = l / u.length;
     let d = 0;
     if (u.forEach((h) => {
       const { min: p, max: g } = v(o[h]), w = t[h], z = f(w + c, p, g);
       t[h] = x(z), d += t[h] - w;
-    }), a = t.reduce((h, p) => h + p, 0), l = x(100 - a), Math.abs(d) < 1e-3)
-      break;
+    }), a = t.reduce((h, p) => h + p, 0), l = x(100 - a), Math.abs(d) < 1e-3) break;
     m += 1;
   }
   return t.map((u) => x(u));
 }
 function L(o, e, t, i) {
   const n = t, s = t + 1;
-  if (n < 0 || s >= o.length)
-    return [...o];
+  if (n < 0 || s >= o.length) return [...o];
   const r = [...o], a = r[n], l = r[s], m = v(e[n]), u = v(e[s]), c = Math.max(m.min - a, l - u.max), d = Math.min(m.max - a, l - u.min), h = f(i, c, d);
   return r[n] = x(a + h), r[s] = x(l - h), r;
 }
@@ -98,8 +94,7 @@ class M extends A {
     super.connectedCallback(), this.addEventListener("pointerdown", this._onPointerDown), this.addEventListener("keydown", this._onKeyDown), this._observer = new MutationObserver(this._onMutation), this._observer.observe(this, { childList: !0, attributes: !0, subtree: !0 }), queueMicrotask(() => this._syncStructure({ restore: !0 }));
   }
   disconnectedCallback() {
-    var e;
-    this.removeEventListener("pointerdown", this._onPointerDown), this.removeEventListener("keydown", this._onKeyDown), (e = this._observer) == null || e.disconnect(), this._observer = null, this._teardownDrag(), super.disconnectedCallback();
+    this.removeEventListener("pointerdown", this._onPointerDown), this.removeEventListener("keydown", this._onKeyDown), this._observer?.disconnect(), this._observer = null, this._teardownDrag(), super.disconnectedCallback();
   }
   getLayout() {
     return [...this._layout];
@@ -114,15 +109,13 @@ class M extends A {
   }
   collapsePanel(e) {
     const t = this._panels.indexOf(e);
-    if (t < 0)
-      return;
+    if (t < 0) return;
     const i = this._constraints(), n = [...this._layout], s = n[t] - i[t].collapsedSize;
     n[t] = i[t].collapsedSize, this._distributeRemainder(n, t, s), e.setAttribute("collapsed", ""), this._applyLayout(_(this._constraints(), n), { persist: !0, emit: !0 });
   }
   expandPanel(e) {
     const t = this._panels.indexOf(e);
-    if (t < 0)
-      return;
+    if (t < 0) return;
     e.removeAttribute("collapsed");
     const i = this._constraints(), n = this._layout[t] <= i[t].collapsedSize + 1e-3 ? _(i, this._initialLayout)[t] : this._layout[t], s = [...this._layout], r = n - s[t];
     s[t] = n, this._distributeRemainder(s, t, -r), this._applyLayout(_(this._constraints(), s), { persist: !0, emit: !0 });
@@ -137,8 +130,7 @@ class M extends A {
     }
   }
   _onMutation(e) {
-    if (this._isMutatingChildren)
-      return;
+    if (this._isMutatingChildren) return;
     e.some((i) => i.type === "childList" ? !0 : i.target instanceof y && (i.attributeName === "size" || i.attributeName === "min-size" || i.attributeName === "max-size" || i.attributeName === "collapsed-size" || i.attributeName === "collapsed")) && this._syncStructure({ restore: !1 });
   }
   _orientation() {
@@ -157,10 +149,9 @@ class M extends A {
   }
   _desiredLayout() {
     const e = this._loadPersistedLayout();
-    return (e == null ? void 0 : e.length) === this._panels.length ? e : this._panels.map((t) => {
+    return e?.length === this._panels.length ? e : this._panels.map((t) => {
       const i = t.getAttribute("size");
-      if (i == null || i.trim() === "")
-        return NaN;
+      if (i == null || i.trim() === "") return NaN;
       const n = Number(i);
       return Number.isFinite(n) ? n : NaN;
     });
@@ -184,8 +175,7 @@ class M extends A {
           let n = i.previousElementSibling;
           for (; n && !(n instanceof y || n instanceof b); )
             n = n.previousElementSibling;
-          if (n instanceof b)
-            continue;
+          if (n instanceof b) continue;
           const s = document.createElement("ui-splitter");
           s.setAttribute("data-generated", ""), i.before(s);
         }
@@ -234,12 +224,10 @@ class M extends A {
   }
   _loadPersistedLayout() {
     const e = this.getAttribute("storage-key");
-    if (!e)
-      return null;
+    if (!e) return null;
     try {
       const t = window.localStorage.getItem(`ui-panel-group:${e}`);
-      if (!t)
-        return null;
+      if (!t) return null;
       const i = JSON.parse(t);
       return Array.isArray(i) ? i.map((n) => Number(n)).filter(Number.isFinite) : null;
     } catch {
@@ -247,11 +235,9 @@ class M extends A {
     }
   }
   _distributeRemainder(e, t, i) {
-    if (Math.abs(i) < 1e-3)
-      return;
+    if (Math.abs(i) < 1e-3) return;
     const n = e.map((r, a) => a).filter((r) => r !== t);
-    if (!n.length)
-      return;
+    if (!n.length) return;
     const s = i / n.length;
     n.forEach((r) => {
       e[r] += s;
@@ -259,8 +245,7 @@ class M extends A {
   }
   _onPointerDown(e) {
     const t = e.composedPath().find((n) => n instanceof b);
-    if (!t || t.hasAttribute("disabled"))
-      return;
+    if (!t || t.hasAttribute("disabled")) return;
     const i = Number(t.getAttribute("data-index"));
     Number.isFinite(i) && (e.preventDefault(), t.setAttribute("data-dragging", "true"), this._dragState = {
       splitterIndex: i,
@@ -270,31 +255,25 @@ class M extends A {
     }, window.addEventListener("pointermove", this._onPointerMove), window.addEventListener("pointerup", this._onPointerUp), this.dispatchEvent(new CustomEvent("resize-start", { detail: { index: i }, bubbles: !0, composed: !0 })));
   }
   _onPointerMove(e) {
-    if (!this._dragState || e.pointerId !== this._dragState.pointerId)
-      return;
+    if (!this._dragState || e.pointerId !== this._dragState.pointerId) return;
     const n = ((this._orientation() === "horizontal" ? e.clientX : e.clientY) - this._dragState.origin) / this._availableSize() * 100, s = L(this._dragState.startLayout, this._constraints(), this._dragState.splitterIndex, n);
     this._applyLayout(s, { persist: !1, emit: !0 }), this.dispatchEvent(new CustomEvent("resize", { detail: { index: this._dragState.splitterIndex, sizes: [...this._layout] }, bubbles: !0, composed: !0 }));
   }
   _onPointerUp(e) {
-    if (!this._dragState || e.pointerId !== this._dragState.pointerId)
-      return;
-    const t = this._splitters[this._dragState.splitterIndex];
-    t == null || t.removeAttribute("data-dragging"), this._persistLayout(), this.dispatchEvent(new CustomEvent("resize-end", { detail: { index: this._dragState.splitterIndex, sizes: [...this._layout] }, bubbles: !0, composed: !0 })), this._teardownDrag();
+    if (!this._dragState || e.pointerId !== this._dragState.pointerId) return;
+    this._splitters[this._dragState.splitterIndex]?.removeAttribute("data-dragging"), this._persistLayout(), this.dispatchEvent(new CustomEvent("resize-end", { detail: { index: this._dragState.splitterIndex, sizes: [...this._layout] }, bubbles: !0, composed: !0 })), this._teardownDrag();
   }
   _teardownDrag() {
     window.removeEventListener("pointermove", this._onPointerMove), window.removeEventListener("pointerup", this._onPointerUp), this._splitters.forEach((e) => e.removeAttribute("data-dragging")), this._dragState = null;
   }
   _onKeyDown(e) {
     const t = e.composedPath().find((m) => m instanceof b);
-    if (!t || t.hasAttribute("disabled"))
-      return;
+    if (!t || t.hasAttribute("disabled")) return;
     const i = Number(t.getAttribute("data-index"));
-    if (!Number.isFinite(i))
-      return;
+    if (!Number.isFinite(i)) return;
     const s = this._orientation() === "horizontal", r = e.shiftKey ? 10 : 2;
     let a = 0;
-    if ((s && e.key === "ArrowRight" || !s && e.key === "ArrowDown") && (a = r), (s && e.key === "ArrowLeft" || !s && e.key === "ArrowUp") && (a = -r), e.key === "Home" && (a = -100), e.key === "End" && (a = 100), !a)
-      return;
+    if ((s && e.key === "ArrowRight" || !s && e.key === "ArrowDown") && (a = r), (s && e.key === "ArrowLeft" || !s && e.key === "ArrowUp") && (a = -r), e.key === "Home" && (a = -100), e.key === "End" && (a = 100), !a) return;
     e.preventDefault();
     const l = L(this._layout, this._constraints(), i, a);
     this._applyLayout(l, { persist: !0, emit: !0 }), this.dispatchEvent(new CustomEvent("resize", { detail: { index: i, sizes: [...this._layout] }, bubbles: !0, composed: !0 }));
@@ -313,8 +292,7 @@ class M extends A {
 }
 function N(o, e) {
   const t = o.getAttribute(e);
-  if (t == null)
-    return !1;
+  if (t == null) return !1;
   const i = String(t).trim().toLowerCase();
   return i !== "false" && i !== "0";
 }

package/dist/panel-group-CaD0_KQf.js

@@ -0,0 +1,36 @@
+"use strict";const P=require("./ElementBase-EV6mVBUV.js"),y=require("./panel.cjs.js"),b=require("./splitter.cjs.js");function f(o,e,t){return Math.min(t,Math.max(e,o))}function x(o){return Math.round(o*1e3)/1e3}function v(o){if(o.collapsed){const i=f(o.collapsedSize,0,100);return{min:i,max:i}}const e=f(o.min,0,100),t=f(Math.max(e,o.max),e,100);return{min:e,max:t}}function p(o,e=[]){if(!o.length)return[];const t=o.map((l,c)=>{const d=e[c],{min:h,max:_}=v(l);return Number.isFinite(d)?f(Number(d),h,_):l.collapsed?h:NaN}),i=t.reduce((l,c,d)=>(Number.isFinite(c)||l.push(d),l),[]),n=t.reduce((l,c)=>l+(Number.isFinite(c)?c:0),0),s=Math.max(0,100-n),r=i.length?s/i.length:0;i.forEach(l=>{const{min:c,max:d}=v(o[l]);t[l]=f(r,c,d)});let a=t.reduce((l,c)=>l+c,0),u=x(100-a),m=0;for(;Math.abs(u)>.001&&m<30;){const l=o.reduce((h,_,g)=>{const{min:w,max:S}=v(_);return u>0&&t[g]<S-.001&&h.push(g),u<0&&t[g]>w+.001&&h.push(g),h},[]);if(!l.length)break;const c=u/l.length;let d=0;if(l.forEach(h=>{const{min:_,max:g}=v(o[h]),w=t[h],S=f(w+c,_,g);t[h]=x(S),d+=t[h]-w}),a=t.reduce((h,_)=>h+_,0),u=x(100-a),Math.abs(d)<.001)break;m+=1}return t.map(l=>x(l))}function L(o,e,t,i){const n=t,s=t+1;if(n<0||s>=o.length)return[...o];const r=[...o],a=r[n],u=r[s],m=v(e[n]),l=v(e[s]),c=Math.max(m.min-a,u-l.max),d=Math.min(m.max-a,u-l.min),h=f(i,c,d);return r[n]=x(a+h),r[s]=x(u-h),r}const E=`
+  :host {
+    display: block;
+    min-inline-size: 0;
+    min-block-size: 0;
+    --ui-panel-group-gap: 0px;
+  }
+
+  .group {
+    inline-size: 100%;
+    block-size: 100%;
+    min-inline-size: 0;
+    min-block-size: 0;
+    display: flex;
+    gap: var(--ui-panel-group-gap);
+  }
+
+  :host([orientation="vertical"]) .group {
+    flex-direction: column;
+  }
+
+  slot {
+    display: contents;
+  }
+
+  ::slotted(ui-panel) {
+    min-inline-size: 0;
+    min-block-size: 0;
+    overflow: hidden;
+  }
+`;function z(o,e){const t=Number(o);return Number.isFinite(t)?Math.min(100,Math.max(0,t)):e}class A extends P.ElementBase{constructor(){super(),this._observer=null,this._panels=[],this._splitters=[],this._layout=[],this._initialLayout=[],this._dragState=null,this._isMutatingChildren=!1,this._onMutation=this._onMutation.bind(this),this._onPointerMove=this._onPointerMove.bind(this),this._onPointerUp=this._onPointerUp.bind(this),this._onPointerDown=this._onPointerDown.bind(this),this._onKeyDown=this._onKeyDown.bind(this)}static get observedAttributes(){return["orientation","storage-key","auto-save"]}connectedCallback(){super.connectedCallback(),this.addEventListener("pointerdown",this._onPointerDown),this.addEventListener("keydown",this._onKeyDown),this._observer=new MutationObserver(this._onMutation),this._observer.observe(this,{childList:!0,attributes:!0,subtree:!0}),queueMicrotask(()=>this._syncStructure({restore:!0}))}disconnectedCallback(){this.removeEventListener("pointerdown",this._onPointerDown),this.removeEventListener("keydown",this._onKeyDown),this._observer?.disconnect(),this._observer=null,this._teardownDrag(),super.disconnectedCallback()}getLayout(){return[...this._layout]}setLayout(e){const t=p(this._constraints(),e);this._applyLayout(t,{persist:!0,emit:!0})}resetLayout(){const e=this._initialLayout.length?this._initialLayout:p(this._constraints(),[]);this._applyLayout(e,{persist:!0,emit:!0})}collapsePanel(e){const t=this._panels.indexOf(e);if(t<0)return;const i=this._constraints(),n=[...this._layout],s=n[t]-i[t].collapsedSize;n[t]=i[t].collapsedSize,this._distributeRemainder(n,t,s),e.setAttribute("collapsed",""),this._applyLayout(p(this._constraints(),n),{persist:!0,emit:!0})}expandPanel(e){const t=this._panels.indexOf(e);if(t<0)return;e.removeAttribute("collapsed");const i=this._constraints(),n=this._layout[t]<=i[t].collapsedSize+.001?p(i,this._initialLayout)[t]:this._layout[t],s=[...this._layout],r=n-s[t];s[t]=n,this._distributeRemainder(s,t,-r),this._applyLayout(p(this._constraints(),s),{persist:!0,emit:!0})}attributeChangedCallback(e,t,i){if(t!==i){if(e==="orientation"){this._syncOrientation(),this._applyLayout(this._layout.length?this._layout:p(this._constraints(),[]),{persist:!1,emit:!1});return}e==="storage-key"||e==="auto-save"||super.attributeChangedCallback(e,t,i)}}_onMutation(e){if(this._isMutatingChildren)return;e.some(i=>i.type==="childList"?!0:i.target instanceof y.UIPanel&&(i.attributeName==="size"||i.attributeName==="min-size"||i.attributeName==="max-size"||i.attributeName==="collapsed-size"||i.attributeName==="collapsed"))&&this._syncStructure({restore:!1})}_orientation(){return this.getAttribute("orientation")==="vertical"?"vertical":"horizontal"}_constraints(){return this._panels.map(e=>{const t=e.hasAttribute("collapsed"),i=z(Number(e.getAttribute("collapsed-size")||0),0),n=z(Number(e.getAttribute("min-size")||(t?i:10)),t?i:10),s=z(Number(e.getAttribute("max-size")||100),100);return{min:t?i:Math.min(n,s),max:t?i:Math.max(n,s),collapsedSize:i,collapsed:t}})}_desiredLayout(){const e=this._loadPersistedLayout();return e?.length===this._panels.length?e:this._panels.map(t=>{const i=t.getAttribute("size");if(i==null||i.trim()==="")return NaN;const n=Number(i);return Number.isFinite(n)?n:NaN})}_syncStructure(e){this._syncGeneratedSplitters(),this._panels=Array.from(this.children).filter(n=>n instanceof y.UIPanel),this._splitters=Array.from(this.children).filter(n=>n instanceof b.UISplitter),this._syncOrientation();const t=this._desiredLayout(),i=p(this._constraints(),t);(!this._initialLayout.length||e.restore)&&(this._initialLayout=[...i]),this._applyLayout(i,{persist:!1,emit:!1})}_syncGeneratedSplitters(){const e=Array.from(this.children).filter(t=>t instanceof y.UIPanel);if(!(e.length<=1)){this._isMutatingChildren=!0;try{Array.from(this.children).filter(t=>t instanceof b.UISplitter&&t.hasAttribute("data-generated")).forEach(t=>{const i=t.previousElementSibling,n=t.nextElementSibling;(!(i instanceof y.UIPanel)||!(n instanceof y.UIPanel))&&t.remove()});for(let t=1;t<e.length;t+=1){const i=e[t];let n=i.previousElementSibling;for(;n&&!(n instanceof y.UIPanel||n instanceof b.UISplitter);)n=n.previousElementSibling;if(n instanceof b.UISplitter)continue;const s=document.createElement("ui-splitter");s.setAttribute("data-generated",""),i.before(s)}}finally{this._isMutatingChildren=!1}}}_syncOrientation(){const e=this._orientation();this._splitters.forEach((t,i)=>{t.setAttribute("orientation",e),t.setAttribute("data-index",String(i))})}_applyLayout(e,t){this._layout=[...e];const i=this._orientation(),n=this._constraints();this._panels.forEach((s,r)=>{const a=this._layout[r]??0,u=n[r];s.style.flex=`${a} 1 0px`,i==="horizontal"?(s.style.minWidth=`${u.min}%`,s.style.maxWidth=`${u.max}%`,s.style.minHeight="0",s.style.maxHeight=""):(s.style.minHeight=`${u.min}%`,s.style.maxHeight=`${u.max}%`,s.style.minWidth="0",s.style.maxWidth=""),s.setAttribute("data-panel-size",String(a))}),this._splitters.forEach((s,r)=>{const a=this._layout[r]??0;s.setAttribute("aria-valuemin",String(Math.round(n[r].min))),s.setAttribute("aria-valuemax",String(Math.round(n[r].max))),s.setAttribute("aria-valuenow",String(Math.round(a)))}),t.persist&&this._persistLayout(),t.emit&&this.dispatchEvent(new CustomEvent("layout-change",{detail:{sizes:[...this._layout]},bubbles:!0,composed:!0}))}_availableSize(){const e=this.getBoundingClientRect(),t=this._orientation()==="horizontal"?e.width:e.height,i=this._splitters.reduce((n,s)=>{const r=s.getBoundingClientRect();return n+(this._orientation()==="horizontal"?r.width:r.height)},0);return Math.max(1,t-i)}_persistLayout(){const e=this.getAttribute("storage-key");if(!(!e||!M(this,"auto-save")))try{window.localStorage.setItem(`ui-panel-group:${e}`,JSON.stringify(this._layout))}catch{}}_loadPersistedLayout(){const e=this.getAttribute("storage-key");if(!e)return null;try{const t=window.localStorage.getItem(`ui-panel-group:${e}`);if(!t)return null;const i=JSON.parse(t);return Array.isArray(i)?i.map(n=>Number(n)).filter(Number.isFinite):null}catch{return null}}_distributeRemainder(e,t,i){if(Math.abs(i)<.001)return;const n=e.map((r,a)=>a).filter(r=>r!==t);if(!n.length)return;const s=i/n.length;n.forEach(r=>{e[r]+=s})}_onPointerDown(e){const t=e.composedPath().find(n=>n instanceof b.UISplitter);if(!t||t.hasAttribute("disabled"))return;const i=Number(t.getAttribute("data-index"));Number.isFinite(i)&&(e.preventDefault(),t.setAttribute("data-dragging","true"),this._dragState={splitterIndex:i,pointerId:e.pointerId,origin:this._orientation()==="horizontal"?e.clientX:e.clientY,startLayout:[...this._layout]},window.addEventListener("pointermove",this._onPointerMove),window.addEventListener("pointerup",this._onPointerUp),this.dispatchEvent(new CustomEvent("resize-start",{detail:{index:i},bubbles:!0,composed:!0})))}_onPointerMove(e){if(!this._dragState||e.pointerId!==this._dragState.pointerId)return;const n=((this._orientation()==="horizontal"?e.clientX:e.clientY)-this._dragState.origin)/this._availableSize()*100,s=L(this._dragState.startLayout,this._constraints(),this._dragState.splitterIndex,n);this._applyLayout(s,{persist:!1,emit:!0}),this.dispatchEvent(new CustomEvent("resize",{detail:{index:this._dragState.splitterIndex,sizes:[...this._layout]},bubbles:!0,composed:!0}))}_onPointerUp(e){if(!this._dragState||e.pointerId!==this._dragState.pointerId)return;this._splitters[this._dragState.splitterIndex]?.removeAttribute("data-dragging"),this._persistLayout(),this.dispatchEvent(new CustomEvent("resize-end",{detail:{index:this._dragState.splitterIndex,sizes:[...this._layout]},bubbles:!0,composed:!0})),this._teardownDrag()}_teardownDrag(){window.removeEventListener("pointermove",this._onPointerMove),window.removeEventListener("pointerup",this._onPointerUp),this._splitters.forEach(e=>e.removeAttribute("data-dragging")),this._dragState=null}_onKeyDown(e){const t=e.composedPath().find(m=>m instanceof b.UISplitter);if(!t||t.hasAttribute("disabled"))return;const i=Number(t.getAttribute("data-index"));if(!Number.isFinite(i))return;const s=this._orientation()==="horizontal",r=e.shiftKey?10:2;let a=0;if((s&&e.key==="ArrowRight"||!s&&e.key==="ArrowDown")&&(a=r),(s&&e.key==="ArrowLeft"||!s&&e.key==="ArrowUp")&&(a=-r),e.key==="Home"&&(a=-100),e.key==="End"&&(a=100),!a)return;e.preventDefault();const u=L(this._layout,this._constraints(),i,a);this._applyLayout(u,{persist:!0,emit:!0}),this.dispatchEvent(new CustomEvent("resize",{detail:{index:i,sizes:[...this._layout]},bubbles:!0,composed:!0}))}shouldRenderOnAttributeChange(){return!1}render(){this.setContent(`
+      <style>${E}</style>
+      <div class="group" part="group">
+        <slot></slot>
+      </div>
+    `)}}function M(o,e){const t=o.getAttribute(e);if(t==null)return!1;const i=String(t).trim().toLowerCase();return i!=="false"&&i!=="0"}typeof customElements<"u"&&!customElements.get("ui-panel-group")&&customElements.define("ui-panel-group",A);exports.UIPanelGroup=A;exports.normalizePanelLayout=p;exports.resizePanelPair=L;

package/dist/panel-group.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./panel-group-40254cdd.js");require("./ElementBase-1b301e7f.js");require("./panel.cjs.js");require("./splitter.cjs.js");exports.UIPanelGroup=e.UIPanelGroup;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./panel-group-CaD0_KQf.js");exports.UIPanelGroup=e.UIPanelGroup;

package/dist/panel-group.esm.js

@@ -1,7 +1,4 @@
-import { U as i } from "./panel-group-a376cc5e.mjs";
-import "./ElementBase-909688f3.mjs";
-import "./panel.esm.js";
-import "./splitter.esm.js";
+import { U as a } from "./panel-group-8sVNnGxg.mjs";
 export {
-  i as UIPanelGroup
+  a as UIPanelGroup
 };

package/dist/panel.cjs.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const l=require("./ElementBase-1b301e7f.js"),i=`
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("./ElementBase-EV6mVBUV.js"),s=`
   :host {
     display: block;
     min-inline-size: 0;
@@ -14,9 +14,9 @@
     min-block-size: 0;
     box-sizing: border-box;
   }
-`;class s extends l.ElementBase{static get observedAttributes(){return["collapsed"]}collapse(){var e,t;this.setAttribute("collapsed",""),(t=(e=this.closest("ui-panel-group"))==null?void 0:e.collapsePanel)==null||t.call(e,this)}expand(){var e,t;this.removeAttribute("collapsed"),(t=(e=this.closest("ui-panel-group"))==null?void 0:e.expandPanel)==null||t.call(e,this)}shouldRenderOnAttributeChange(){return!1}render(){this.setContent(`
-      <style>${i}</style>
+`;class e extends t.ElementBase{static get observedAttributes(){return["collapsed"]}collapse(){this.setAttribute("collapsed",""),this.closest("ui-panel-group")?.collapsePanel?.(this)}expand(){this.removeAttribute("collapsed"),this.closest("ui-panel-group")?.expandPanel?.(this)}shouldRenderOnAttributeChange(){return!1}render(){this.setContent(`
+      <style>${s}</style>
       <div class="panel" part="panel">
         <slot></slot>
       </div>
-    `)}}typeof customElements<"u"&&!customElements.get("ui-panel")&&customElements.define("ui-panel",s);exports.UIPanel=s;
+    `)}}typeof customElements<"u"&&!customElements.get("ui-panel")&&customElements.define("ui-panel",e);exports.UIPanel=e;

package/dist/panel.esm.js

@@ -1,5 +1,5 @@
-import { E as t } from "./ElementBase-909688f3.mjs";
-const i = `
+import { E as e } from "./ElementBase-YlTLMsGk.mjs";
+const s = `
   :host {
     display: block;
     min-inline-size: 0;
@@ -16,31 +16,29 @@ const i = `
     box-sizing: border-box;
   }
 `;
-class l extends t {
+class t extends e {
   static get observedAttributes() {
     return ["collapsed"];
   }
   collapse() {
-    var e, s;
-    this.setAttribute("collapsed", ""), (s = (e = this.closest("ui-panel-group")) == null ? void 0 : e.collapsePanel) == null || s.call(e, this);
+    this.setAttribute("collapsed", ""), this.closest("ui-panel-group")?.collapsePanel?.(this);
   }
   expand() {
-    var e, s;
-    this.removeAttribute("collapsed"), (s = (e = this.closest("ui-panel-group")) == null ? void 0 : e.expandPanel) == null || s.call(e, this);
+    this.removeAttribute("collapsed"), this.closest("ui-panel-group")?.expandPanel?.(this);
   }
   shouldRenderOnAttributeChange() {
     return !1;
   }
   render() {
     this.setContent(`
-      <style>${i}</style>
+      <style>${s}</style>
       <div class="panel" part="panel">
         <slot></slot>
       </div>
     `);
   }
 }
-typeof customElements < "u" && !customElements.get("ui-panel") && customElements.define("ui-panel", l);
+typeof customElements < "u" && !customElements.get("ui-panel") && customElements.define("ui-panel", t);
 export {
-  l as UIPanel
+  t as UIPanel
 };

package/dist/password-field.cjs.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const q=require("./ElementBase-1b301e7f.js"),T=`
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const q=require("./ElementBase-EV6mVBUV.js"),T=`
   <svg viewBox="0 0 20 20" aria-hidden="true" focusable="false">
     <path d="m6 6 8 8M14 6l-8 8" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round"/>
   </svg>
@@ -573,16 +573,16 @@
       box-shadow: none;
     }
   }
-`,M=["value","placeholder","disabled","clearable","debounce","validation","size","minlength","maxlength","readonly","autofocus","counter","floating-label","name","required","pattern","autocomplete","spellcheck","variant","tone","density","shape","color","radius","label","description","data-error"];function d(a){return a.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;").replace(/'/g,"&#39;")}function g(a){if(!a)return!1;const t=a.assignedNodes({flatten:!0});return t.length?t.some(e=>{var i;return e.nodeType===Node.TEXT_NODE?!!((i=e.textContent)!=null&&i.trim()):e.nodeType===Node.ELEMENT_NODE}):!1}function p(a,t){const e=a.getAttribute(t);if(e==null)return!1;const i=String(e).trim().toLowerCase();return i!=="false"&&i!=="0"}function I(a){return a==="none"||a==="large"||a==="full"}function U(a){let t=0;switch(a.length>=8&&(t+=1),/[a-z]/.test(a)&&/[A-Z]/.test(a)&&(t+=1),/\d/.test(a)&&(t+=1),(/[^A-Za-z0-9]/.test(a)||a.length>=14)&&(t+=1),Math.max(1,Math.min(4,t||1))){case 1:return{score:1,label:"Weak",caption:"Use more characters and mix case, numbers, or symbols."};case 2:return{score:2,label:"Fair",caption:"Add numbers or symbols to reduce guessability."};case 3:return{score:3,label:"Good",caption:"Solid baseline. Longer passphrases are even better."};default:return{score:4,label:"Strong",caption:"Strong password shape for production accounts."}}}class C extends q.ElementBase{constructor(){super(),this._input=null,this._clearBtn=null,this._toggleBtn=null,this._debounceTimer=null,this._formUnregister=null,this._uid=Math.random().toString(36).slice(2,9),this._autofocusApplied=!1,this._revealed=!1,this._lastStrengthKey="",this.strengthEvaluator=null,this._onNativeInput=this._onNativeInput.bind(this),this._onNativeChange=this._onNativeChange.bind(this),this._onClearClick=this._onClearClick.bind(this),this._onToggleClick=this._onToggleClick.bind(this),this._onSlotChange=this._onSlotChange.bind(this)}static get observedAttributes(){return[...M,"show-strength","revealable"]}get value(){return this.getAttribute("value")||""}set value(t){t?this.setAttribute("value",t):this.removeAttribute("value")}get revealed(){return this._revealed}connectedCallback(){super.connectedCallback(),this.root.addEventListener("slotchange",this._onSlotChange),this._registerWithForm()}disconnectedCallback(){this.root.removeEventListener("slotchange",this._onSlotChange),this._detachListeners(),this._debounceTimer&&(clearTimeout(this._debounceTimer),this._debounceTimer=null),this._formUnregister&&(this._formUnregister(),this._formUnregister=null),this._autofocusApplied=!1,super.disconnectedCallback()}attributeChangedCallback(t,e,i){if(e!==i&&(t==="name"&&this.isConnected&&this._registerWithForm(),t==="autofocus"&&!this.hasAttribute("autofocus")&&(this._autofocusApplied=!1),!(!this.isConnected||!this._input))){if(t==="value"){this._syncInputValue(this.value),this._syncStrengthUi();return}this._syncUi(),t==="autofocus"&&this.hasAttribute("autofocus")&&!this._autofocusApplied&&(this._autofocusApplied=!0,queueMicrotask(()=>{var r,n;if(this.isConnected)try{(r=this._input)==null||r.focus({preventScroll:!0})}catch{(n=this._input)==null||n.focus()}}))}}shouldRenderOnAttributeChange(){return!1}focus(t){if(this._input){this._input.focus(t);return}super.focus(t)}blur(){var t;(t=this._input)==null||t.blur()}select(){var t;(t=this._input)==null||t.select()}toggleVisibility(t){var n,s;if(p(this,"disabled")||this.hasAttribute("readonly")||this.getAttribute("revealable")==="false")return;const e=typeof t=="boolean"?t:!this._revealed;if(e===this._revealed)return;const i=((n=this._input)==null?void 0:n.selectionStart)??null,r=((s=this._input)==null?void 0:s.selectionEnd)??null;this._revealed=e,this._syncToggleUi(),this.dispatchEvent(new CustomEvent("visibility-change",{detail:{revealed:this._revealed},bubbles:!0,composed:!0})),queueMicrotask(()=>{const o=this._input;if(o){try{o.focus({preventScroll:!0})}catch{o.focus()}if(i!=null&&r!=null&&typeof o.setSelectionRange=="function")try{o.setSelectionRange(i,r)}catch{}}})}render(){var l,u,c,h;const t=this.value,e=this.getAttribute("label")||"",i=this.getAttribute("description")||"",r=this.getAttribute("data-error")||"",n=this.getAttribute("placeholder")||"",s=this.hasAttribute("required")?'<span class="required" aria-hidden="true">*</span>':"",o=this.hasAttribute("floating-label");this.setContent(`
+`,M=["value","placeholder","disabled","clearable","debounce","validation","size","minlength","maxlength","readonly","autofocus","counter","floating-label","name","required","pattern","autocomplete","spellcheck","variant","tone","density","shape","color","radius","label","description","data-error"];function l(o){return o.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;").replace(/'/g,"&#39;")}function p(o){if(!o)return!1;const t=o.assignedNodes({flatten:!0});return t.length?t.some(e=>e.nodeType===Node.TEXT_NODE?!!e.textContent?.trim():e.nodeType===Node.ELEMENT_NODE):!1}function u(o,t){const e=o.getAttribute(t);if(e==null)return!1;const i=String(e).trim().toLowerCase();return i!=="false"&&i!=="0"}function I(o){return o==="none"||o==="large"||o==="full"}function U(o){let t=0;switch(o.length>=8&&(t+=1),/[a-z]/.test(o)&&/[A-Z]/.test(o)&&(t+=1),/\d/.test(o)&&(t+=1),(/[^A-Za-z0-9]/.test(o)||o.length>=14)&&(t+=1),Math.max(1,Math.min(4,t||1))){case 1:return{score:1,label:"Weak",caption:"Use more characters and mix case, numbers, or symbols."};case 2:return{score:2,label:"Fair",caption:"Add numbers or symbols to reduce guessability."};case 3:return{score:3,label:"Good",caption:"Solid baseline. Longer passphrases are even better."};default:return{score:4,label:"Strong",caption:"Strong password shape for production accounts."}}}class C extends q.ElementBase{constructor(){super(),this._input=null,this._clearBtn=null,this._toggleBtn=null,this._debounceTimer=null,this._formUnregister=null,this._uid=Math.random().toString(36).slice(2,9),this._autofocusApplied=!1,this._revealed=!1,this._lastStrengthKey="",this.strengthEvaluator=null,this._onNativeInput=this._onNativeInput.bind(this),this._onNativeChange=this._onNativeChange.bind(this),this._onClearClick=this._onClearClick.bind(this),this._onToggleClick=this._onToggleClick.bind(this),this._onSlotChange=this._onSlotChange.bind(this)}static get observedAttributes(){return[...M,"show-strength","revealable"]}get value(){return this.getAttribute("value")||""}set value(t){t?this.setAttribute("value",t):this.removeAttribute("value")}get revealed(){return this._revealed}connectedCallback(){super.connectedCallback(),this.root.addEventListener("slotchange",this._onSlotChange),this._registerWithForm()}disconnectedCallback(){this.root.removeEventListener("slotchange",this._onSlotChange),this._detachListeners(),this._debounceTimer&&(clearTimeout(this._debounceTimer),this._debounceTimer=null),this._formUnregister&&(this._formUnregister(),this._formUnregister=null),this._autofocusApplied=!1,super.disconnectedCallback()}attributeChangedCallback(t,e,i){if(e!==i&&(t==="name"&&this.isConnected&&this._registerWithForm(),t==="autofocus"&&!this.hasAttribute("autofocus")&&(this._autofocusApplied=!1),!(!this.isConnected||!this._input))){if(t==="value"){this._syncInputValue(this.value),this._syncStrengthUi();return}this._syncUi(),t==="autofocus"&&this.hasAttribute("autofocus")&&!this._autofocusApplied&&(this._autofocusApplied=!0,queueMicrotask(()=>{if(this.isConnected)try{this._input?.focus({preventScroll:!0})}catch{this._input?.focus()}}))}}shouldRenderOnAttributeChange(){return!1}focus(t){if(this._input){this._input.focus(t);return}super.focus(t)}blur(){this._input?.blur()}select(){this._input?.select()}toggleVisibility(t){if(u(this,"disabled")||this.hasAttribute("readonly")||this.getAttribute("revealable")==="false")return;const e=typeof t=="boolean"?t:!this._revealed;if(e===this._revealed)return;const i=this._input?.selectionStart??null,r=this._input?.selectionEnd??null;this._revealed=e,this._syncToggleUi(),this.dispatchEvent(new CustomEvent("visibility-change",{detail:{revealed:this._revealed},bubbles:!0,composed:!0})),queueMicrotask(()=>{const n=this._input;if(n){try{n.focus({preventScroll:!0})}catch{n.focus()}if(i!=null&&r!=null&&typeof n.setSelectionRange=="function")try{n.setSelectionRange(i,r)}catch{}}})}render(){const t=this.value,e=this.getAttribute("label")||"",i=this.getAttribute("description")||"",r=this.getAttribute("data-error")||"",n=this.getAttribute("placeholder")||"",s=this.hasAttribute("required")?'<span class="required" aria-hidden="true">*</span>':"",a=this.hasAttribute("floating-label");this.setContent(`
       <style>${N}</style>
       <div class="root" part="root">
         <div class="meta" part="meta">
           <label class="label" id="${this._uid}-label" part="label">
-            <slot name="label">${d(e)}</slot>
+            <slot name="label">${l(e)}</slot>
             ${s}
           </label>
           <p class="description" id="${this._uid}-description" part="description">
-            <slot name="description">${d(i)}</slot>
+            <slot name="description">${l(i)}</slot>
           </p>
         </div>
 
@@ -593,10 +593,10 @@
             <input
               part="input"
               type="password"
-              value="${d(t)}"
-              placeholder="${d(n)}"
+              value="${l(t)}"
+              placeholder="${l(n)}"
             />
-            ${o?`<span class="floating-label" part="floating-label">${d(e||n||"Password")}</span>`:""}
+            ${a?`<span class="floating-label" part="floating-label">${l(e||n||"Password")}</span>`:""}
           </div>
 
           <div class="actions" part="actions">
@@ -608,7 +608,7 @@
 
         <div class="footer" part="footer">
           <p class="error" id="${this._uid}-error" part="error" aria-live="polite">
-            <slot name="error">${d(r)}</slot>
+            <slot name="error">${l(r)}</slot>
           </p>
           <p class="counter" part="counter"></p>
         </div>
@@ -623,4 +623,4 @@
           </div>
         </div>
       </div>
-    `),this._detachListeners(),this._input=this.root.querySelector("input"),this._clearBtn=this.root.querySelector(".clear-btn"),this._toggleBtn=this.root.querySelector(".toggle-btn"),(l=this._input)==null||l.addEventListener("input",this._onNativeInput),(u=this._input)==null||u.addEventListener("change",this._onNativeChange),(c=this._clearBtn)==null||c.addEventListener("click",this._onClearClick),(h=this._toggleBtn)==null||h.addEventListener("click",this._onToggleClick),this._syncUi()}_detachListeners(){var t,e,i,r;(t=this._input)==null||t.removeEventListener("input",this._onNativeInput),(e=this._input)==null||e.removeEventListener("change",this._onNativeChange),(i=this._clearBtn)==null||i.removeEventListener("click",this._onClearClick),(r=this._toggleBtn)==null||r.removeEventListener("click",this._onToggleClick),this._clearBtn=null,this._toggleBtn=null}_syncHostTokens(){const t=this.getAttribute("color");t?this.style.setProperty("--ui-input-accent",t):this.style.removeProperty("--ui-input-accent");const e=this.getAttribute("radius")||"";e&&!I(e)?this.style.setProperty("--ui-input-border-radius",e):this.style.removeProperty("--ui-input-border-radius")}_syncControlAttrs(){if(this._syncHostTokens(),!this._input)return;const t=p(this,"disabled"),e=this.hasAttribute("required"),i=this.hasAttribute("readonly"),r=this.getAttribute("maxlength")||"",n=this.getAttribute("minlength")||"",s=this.getAttribute("pattern")||"",o=this.getAttribute("autocomplete")||"current-password",l=this.getAttribute("spellcheck")||"",u=this.getAttribute("placeholder")||"",c=this.getAttribute("name")||"";this._input.disabled=t,this._input.required=e,this._input.readOnly=i,this._input.placeholder=u,this._input.name=c,this._input.type=this._revealed?"text":"password",o?this._input.setAttribute("autocomplete",o):this._input.removeAttribute("autocomplete"),s?this._input.setAttribute("pattern",s):this._input.removeAttribute("pattern"),l?this._input.setAttribute("spellcheck",l):this._input.removeAttribute("spellcheck"),r&&Number.isFinite(Number(r))?this._input.setAttribute("maxlength",r):this._input.removeAttribute("maxlength"),n&&Number.isFinite(Number(n))?this._input.setAttribute("minlength",n):this._input.removeAttribute("minlength")}_syncInputValue(t){this._input&&this._input.value!==t&&(this._input.value=t);const e=this.root.querySelector(".shell");e&&e.setAttribute("data-has-value",t?"true":"false"),this._clearBtn&&(p(this,"clearable")&&t.length>0&&!p(this,"disabled")&&!this.hasAttribute("readonly")?this._clearBtn.removeAttribute("hidden"):this._clearBtn.setAttribute("hidden",""));const i=this.root.querySelector(".counter");if(i&&this.hasAttribute("counter")){const r=this.getAttribute("maxlength");i.textContent=r?`${t.length}/${r}`:String(t.length)}else i&&(i.textContent="")}_syncToggleUi(){if(!this._toggleBtn||!this._input)return;this._input.type=this._revealed?"text":"password";const t=this.getAttribute("revealable")!=="false",e=p(this,"disabled")||this.hasAttribute("readonly");this._toggleBtn.hidden=!t,this._toggleBtn.disabled=e,this._toggleBtn.setAttribute("aria-pressed",this._revealed?"true":"false"),this._toggleBtn.setAttribute("aria-label",this._revealed?"Hide password":"Show password");const i=this._revealed?"revealed":"hidden";this._toggleBtn.dataset.iconState!==i&&(this._toggleBtn.dataset.iconState=i,this._toggleBtn.innerHTML=this._revealed?B:S)}_syncStrengthUi(){const t=this.root.querySelector(".strength"),e=this.root.querySelector(".strength-label"),i=this.root.querySelector(".strength-caption");if(!t||!e||!i)return;const r=this.value,n=this.hasAttribute("show-strength")&&r.length>0;if(t.hidden=!n,!n){delete t.dataset.score,e.textContent="",i.textContent="",this._lastStrengthKey="";return}const s=(this.strengthEvaluator||U)(r);t.dataset.score=String(s.score),e.textContent=s.label,i.textContent=s.caption;const o=`${r}|${s.score}|${s.label}|${s.caption}`;o!==this._lastStrengthKey&&(this._lastStrengthKey=o,this.dispatchEvent(new CustomEvent("strength-change",{detail:{value:r,score:s.score,label:s.label,caption:s.caption},bubbles:!0,composed:!0})))}_syncDerivedState(){const t=this.root.querySelector('slot[name="label"]'),e=this.root.querySelector('slot[name="description"]'),i=this.root.querySelector('slot[name="error"]'),r=this.root.querySelector('slot[name="prefix"]'),n=this.root.querySelector('slot[name="suffix"]'),s=(this.getAttribute("label")||"").trim(),o=(this.getAttribute("description")||"").trim(),l=(this.getAttribute("data-error")||"").trim(),u=!!s||g(t),c=!!o||g(e),h=!!l||g(i),E=g(r),z=g(n),f=this.root.querySelector(".label"),v=this.root.querySelector(".description"),m=this.root.querySelector(".prefix"),_=this.root.querySelector(".suffix-slot"),x=this.root.querySelector(".meta"),y=this.root.querySelector(".footer"),A=this.root.querySelector(".error"),w=this.root.querySelector(".counter");f&&f.toggleAttribute("hidden",!u),v&&v.toggleAttribute("hidden",!c),m&&m.toggleAttribute("hidden",!E),_&&_.toggleAttribute("hidden",!z),x&&x.toggleAttribute("hidden",!u&&!c);const k=this.hasAttribute("counter");if(w&&w.toggleAttribute("hidden",!k),A&&A.toggleAttribute("hidden",!h),y&&y.toggleAttribute("hidden",!h&&!k),!this._input)return;u?this._input.setAttribute("aria-labelledby",`${this._uid}-label`):this._input.removeAttribute("aria-labelledby");const b=[];c&&b.push(`${this._uid}-description`),h&&b.push(`${this._uid}-error`),b.length?this._input.setAttribute("aria-describedby",b.join(" ")):this._input.removeAttribute("aria-describedby"),this.getAttribute("validation")==="error"||!!l?this._input.setAttribute("aria-invalid","true"):this._input.removeAttribute("aria-invalid"),this.hasAttribute("required")?this._input.setAttribute("aria-required","true"):this._input.removeAttribute("aria-required")}_syncUi(){this._syncControlAttrs(),this._syncInputValue(this.value),this._syncDerivedState(),this._syncToggleUi(),this._syncStrengthUi(),this.hasAttribute("autofocus")&&!this._autofocusApplied&&(this._autofocusApplied=!0,queueMicrotask(()=>{var t,e;if(this.isConnected)try{(t=this._input)==null||t.focus({preventScroll:!0})}catch{(e=this._input)==null||e.focus()}}))}_emitValueEvent(t,e){this.dispatchEvent(new CustomEvent(t,{detail:{value:e},bubbles:!0,composed:!0}))}_registerWithForm(){var t;this._formUnregister&&(this._formUnregister(),this._formUnregister=null);try{const i=this.getRootNode().host,n=((t=i==null?void 0:i.closest)==null?void 0:t.call(i,"ui-form"))||null||this.closest("ui-form"),s=this.getAttribute("name");n&&typeof n.registerField=="function"&&s&&(this._formUnregister=n.registerField(s,{name:s,getValue:()=>this.value,setValue:o=>{this.value=String(o??"")},validate:async()=>this._input?{valid:this._input.checkValidity(),message:this._input.validationMessage||void 0}:{valid:!0},setError:o=>{o?(this.setAttribute("validation","error"),this.setAttribute("data-error",o)):(this.removeAttribute("validation"),this.removeAttribute("data-error")),this._syncUi()}}))}catch{}}_onSlotChange(){this._syncDerivedState()}_onNativeInput(t){const e=t.target.value;this.getAttribute("value")!==e?e?this.setAttribute("value",e):this.removeAttribute("value"):(this._syncInputValue(e),this._syncStrengthUi()),this._emitValueEvent("input",e);const i=Number(this.getAttribute("debounce")||0);i>0?(this._debounceTimer&&clearTimeout(this._debounceTimer),this._debounceTimer=setTimeout(()=>{this._emitValueEvent("debounced-input",e),this._debounceTimer=null},i)):this._emitValueEvent("debounced-input",e)}_onNativeChange(t){const e=t.target.value;this._emitValueEvent("change",e)}_onClearClick(t){if(t.preventDefault(),!(p(this,"disabled")||this.hasAttribute("readonly"))&&this._input){this.value="",this._input.value="",this._input.dispatchEvent(new Event("input",{bubbles:!0,composed:!0})),this._input.dispatchEvent(new Event("change",{bubbles:!0,composed:!0})),this.dispatchEvent(new CustomEvent("clear",{bubbles:!0,composed:!0}));try{this._input.focus({preventScroll:!0})}catch{this._input.focus()}}}_onToggleClick(t){t.preventDefault(),t.stopPropagation(),this.toggleVisibility()}}typeof customElements<"u"&&!customElements.get("ui-password-field")&&customElements.define("ui-password-field",C);exports.UIPasswordField=C;
+    `),this._detachListeners(),this._input=this.root.querySelector("input"),this._clearBtn=this.root.querySelector(".clear-btn"),this._toggleBtn=this.root.querySelector(".toggle-btn"),this._input?.addEventListener("input",this._onNativeInput),this._input?.addEventListener("change",this._onNativeChange),this._clearBtn?.addEventListener("click",this._onClearClick),this._toggleBtn?.addEventListener("click",this._onToggleClick),this._syncUi()}_detachListeners(){this._input?.removeEventListener("input",this._onNativeInput),this._input?.removeEventListener("change",this._onNativeChange),this._clearBtn?.removeEventListener("click",this._onClearClick),this._toggleBtn?.removeEventListener("click",this._onToggleClick),this._clearBtn=null,this._toggleBtn=null}_syncHostTokens(){const t=this.getAttribute("color");t?this.style.setProperty("--ui-input-accent",t):this.style.removeProperty("--ui-input-accent");const e=this.getAttribute("radius")||"";e&&!I(e)?this.style.setProperty("--ui-input-border-radius",e):this.style.removeProperty("--ui-input-border-radius")}_syncControlAttrs(){if(this._syncHostTokens(),!this._input)return;const t=u(this,"disabled"),e=this.hasAttribute("required"),i=this.hasAttribute("readonly"),r=this.getAttribute("maxlength")||"",n=this.getAttribute("minlength")||"",s=this.getAttribute("pattern")||"",a=this.getAttribute("autocomplete")||"current-password",c=this.getAttribute("spellcheck")||"",h=this.getAttribute("placeholder")||"",d=this.getAttribute("name")||"";this._input.disabled=t,this._input.required=e,this._input.readOnly=i,this._input.placeholder=h,this._input.name=d,this._input.type=this._revealed?"text":"password",this._input.setAttribute("autocomplete",a),s?this._input.setAttribute("pattern",s):this._input.removeAttribute("pattern"),c?this._input.setAttribute("spellcheck",c):this._input.removeAttribute("spellcheck"),r&&Number.isFinite(Number(r))?this._input.setAttribute("maxlength",r):this._input.removeAttribute("maxlength"),n&&Number.isFinite(Number(n))?this._input.setAttribute("minlength",n):this._input.removeAttribute("minlength")}_syncInputValue(t){this._input&&this._input.value!==t&&(this._input.value=t);const e=this.root.querySelector(".shell");e&&e.setAttribute("data-has-value",t?"true":"false"),this._clearBtn&&(u(this,"clearable")&&t.length>0&&!u(this,"disabled")&&!this.hasAttribute("readonly")?this._clearBtn.removeAttribute("hidden"):this._clearBtn.setAttribute("hidden",""));const i=this.root.querySelector(".counter");if(i&&this.hasAttribute("counter")){const r=this.getAttribute("maxlength");i.textContent=r?`${t.length}/${r}`:String(t.length)}else i&&(i.textContent="")}_syncToggleUi(){if(!this._toggleBtn||!this._input)return;this._input.type=this._revealed?"text":"password";const t=this.getAttribute("revealable")!=="false",e=u(this,"disabled")||this.hasAttribute("readonly");this._toggleBtn.hidden=!t,this._toggleBtn.disabled=e,this._toggleBtn.setAttribute("aria-pressed",this._revealed?"true":"false"),this._toggleBtn.setAttribute("aria-label",this._revealed?"Hide password":"Show password");const i=this._revealed?"revealed":"hidden";this._toggleBtn.dataset.iconState!==i&&(this._toggleBtn.dataset.iconState=i,this._toggleBtn.innerHTML=this._revealed?B:S)}_syncStrengthUi(){const t=this.root.querySelector(".strength"),e=this.root.querySelector(".strength-label"),i=this.root.querySelector(".strength-caption");if(!t||!e||!i)return;const r=this.value,n=this.hasAttribute("show-strength")&&r.length>0;if(t.hidden=!n,!n){delete t.dataset.score,e.textContent="",i.textContent="",this._lastStrengthKey="";return}const s=(this.strengthEvaluator||U)(r);t.dataset.score=String(s.score),e.textContent=s.label,i.textContent=s.caption;const a=`${r}|${s.score}|${s.label}|${s.caption}`;a!==this._lastStrengthKey&&(this._lastStrengthKey=a,this.dispatchEvent(new CustomEvent("strength-change",{detail:{value:r,score:s.score,label:s.label,caption:s.caption},bubbles:!0,composed:!0})))}_syncDerivedState(){const t=this.root.querySelector('slot[name="label"]'),e=this.root.querySelector('slot[name="description"]'),i=this.root.querySelector('slot[name="error"]'),r=this.root.querySelector('slot[name="prefix"]'),n=this.root.querySelector('slot[name="suffix"]'),s=(this.getAttribute("label")||"").trim(),a=(this.getAttribute("description")||"").trim(),c=(this.getAttribute("data-error")||"").trim(),h=!!s||p(t),d=!!a||p(e),b=!!c||p(i),E=p(r),z=p(n),f=this.root.querySelector(".label"),v=this.root.querySelector(".description"),m=this.root.querySelector(".prefix"),_=this.root.querySelector(".suffix-slot"),x=this.root.querySelector(".meta"),y=this.root.querySelector(".footer"),A=this.root.querySelector(".error"),w=this.root.querySelector(".counter");f&&f.toggleAttribute("hidden",!h),v&&v.toggleAttribute("hidden",!d),m&&m.toggleAttribute("hidden",!E),_&&_.toggleAttribute("hidden",!z),x&&x.toggleAttribute("hidden",!h&&!d);const k=this.hasAttribute("counter");if(w&&w.toggleAttribute("hidden",!k),A&&A.toggleAttribute("hidden",!b),y&&y.toggleAttribute("hidden",!b&&!k),!this._input)return;h?this._input.setAttribute("aria-labelledby",`${this._uid}-label`):this._input.removeAttribute("aria-labelledby");const g=[];d&&g.push(`${this._uid}-description`),b&&g.push(`${this._uid}-error`),g.length?this._input.setAttribute("aria-describedby",g.join(" ")):this._input.removeAttribute("aria-describedby"),this.getAttribute("validation")==="error"||!!c?this._input.setAttribute("aria-invalid","true"):this._input.removeAttribute("aria-invalid"),this.hasAttribute("required")?this._input.setAttribute("aria-required","true"):this._input.removeAttribute("aria-required")}_syncUi(){this._syncControlAttrs(),this._syncInputValue(this.value),this._syncDerivedState(),this._syncToggleUi(),this._syncStrengthUi(),this.hasAttribute("autofocus")&&!this._autofocusApplied&&(this._autofocusApplied=!0,queueMicrotask(()=>{if(this.isConnected)try{this._input?.focus({preventScroll:!0})}catch{this._input?.focus()}}))}_emitValueEvent(t,e){this.dispatchEvent(new CustomEvent(t,{detail:{value:e},bubbles:!0,composed:!0}))}_registerWithForm(){this._formUnregister&&(this._formUnregister(),this._formUnregister=null);try{const r=this.getRootNode().host?.closest?.("ui-form")||null||this.closest("ui-form"),n=this.getAttribute("name");r&&typeof r.registerField=="function"&&n&&(this._formUnregister=r.registerField(n,{name:n,getValue:()=>this.value,setValue:s=>{this.value=String(s??"")},validate:async()=>this._input?{valid:this._input.checkValidity(),message:this._input.validationMessage||void 0}:{valid:!0},setError:s=>{s?(this.setAttribute("validation","error"),this.setAttribute("data-error",s)):(this.removeAttribute("validation"),this.removeAttribute("data-error")),this._syncUi()}}))}catch{}}_onSlotChange(){this._syncDerivedState()}_onNativeInput(t){const e=t.target.value;this.getAttribute("value")!==e?e?this.setAttribute("value",e):this.removeAttribute("value"):(this._syncInputValue(e),this._syncStrengthUi()),this._emitValueEvent("input",e);const i=Number(this.getAttribute("debounce")||0);i>0?(this._debounceTimer&&clearTimeout(this._debounceTimer),this._debounceTimer=setTimeout(()=>{this._emitValueEvent("debounced-input",e),this._debounceTimer=null},i)):this._emitValueEvent("debounced-input",e)}_onNativeChange(t){const e=t.target.value;this._emitValueEvent("change",e)}_onClearClick(t){if(t.preventDefault(),!(u(this,"disabled")||this.hasAttribute("readonly"))&&this._input){this.value="",this._input.value="",this._input.dispatchEvent(new Event("input",{bubbles:!0,composed:!0})),this._input.dispatchEvent(new Event("change",{bubbles:!0,composed:!0})),this.dispatchEvent(new CustomEvent("clear",{bubbles:!0,composed:!0}));try{this._input.focus({preventScroll:!0})}catch{this._input.focus()}}}_onToggleClick(t){t.preventDefault(),t.stopPropagation(),this.toggleVisibility()}}typeof customElements<"u"&&!customElements.get("ui-password-field")&&customElements.define("ui-password-field",C);exports.UIPasswordField=C;