@editora/ui-core 0.1.20 → 0.1.22

package/dist/number-field.esm.js

@@ -1,5 +1,6 @@
 import { E as I } from "./ElementBase-YlTLMsGk.mjs";
-const D = `
+import { s as D, a as z } from "./control-name-Bpj7F34X.mjs";
+const N = `
   :host {
     --ui-number-field-padding: var(--ui-padding, 10px 12px);
     --ui-number-field-border-color: var(--ui-color-border, var(--ui-border-color, #cbd5e1));
@@ -12,7 +13,7 @@ const D = `
     --ui-number-field-width: 100%;
     --ui-number-field-bg: var(--ui-color-surface, var(--ui-surface, #ffffff));
     --ui-number-field-color: var(--ui-color-text, var(--ui-text, #0f172a));
-    --ui-number-field-muted: var(--ui-color-muted, var(--ui-muted, #64748b));
+    --ui-number-field-muted: var(--ui-color-muted, var(--ui-muted, #526175));
     --ui-number-field-focus: var(--ui-color-focus-ring, var(--ui-focus-ring, #2563eb));
     --ui-number-field-danger: var(--ui-color-danger, var(--ui-error, #dc2626));
     --ui-number-field-shadow: none;
@@ -149,13 +150,15 @@ const D = `
     color: var(--ui-number-field-placeholder);
   }
 
+  /* Side by side, not stacked: stacked, each button was about 20px tall (under the 24px target size of
+     WCAG 2.5.8). Each one is now at least 24px wide and as tall as the field. */
   .steppers {
     flex: 0 0 auto;
     display: grid;
-    grid-template-rows: 1fr 1fr;
+    grid-template-columns: 1fr 1fr;
     align-self: stretch;
     align-items: stretch;
-    inline-size: 28px;
+    inline-size: 56px;
     min-block-size: calc(var(--ui-number-field-min-height) - 6px);
     margin-inline-start: auto;
     border-inline-start: 1px solid color-mix(in srgb, var(--ui-number-field-border-color) 82%, transparent);
@@ -222,10 +225,6 @@ const D = `
     display: block;
   }
 
-  .stepper-slot:last-child .stepper-icon {
-    transform: translateY(0.5px);
-  }
-
   .footer {
     min-inline-size: 0;
     display: flex;
@@ -264,7 +263,7 @@ const D = `
   }
 
   :host([size="sm"]) .steppers {
-    inline-size: 24px;
+    inline-size: 48px;
   }
 
   :host([size="sm"]) .stepper-icon {
@@ -279,7 +278,7 @@ const D = `
   }
 
   :host([size="lg"]) .steppers {
-    inline-size: 32px;
+    inline-size: 64px;
   }
 
   :host([size="lg"]) .stepper-icon {
@@ -332,7 +331,7 @@ function g(r) {
   const e = Number(r);
   return Number.isFinite(e) ? e : null;
 }
-function z(r) {
+function C(r) {
   const e = String(r), t = e.match(/e-(\d+)$/i);
   if (t) return Number(t[1]);
   const i = e.split(".")[1];
@@ -346,15 +345,15 @@ function m(r, e) {
 function A(r, e, t) {
   return e != null && r < e ? e : t != null && r > t ? t : r;
 }
-function N(r) {
+function B(r) {
   return r ?? 0;
 }
-function B(r, e, t, i) {
+function F(r, e, t, i) {
   if (e == null || e <= 0) return !0;
   const s = m((r - t) / e, i != null ? i + 2 : 8);
   return Math.abs(s - Math.round(s)) < 1e-7;
 }
-function C(r) {
+function q(r) {
   const e = new Intl.NumberFormat(r).formatToParts(12345.6);
   return {
     group: e.find((t) => t.type === "group")?.value || ",",
@@ -364,16 +363,16 @@ function C(r) {
 function _(r, e) {
   const t = r.trim();
   if (!t) return null;
-  const { group: i, decimal: s } = C(e);
+  const { group: i, decimal: s } = q(e);
   let n = t.replace(/[\s\u00a0\u202f]/g, "");
   if (n = n.split(i).join(""), s !== "." && (n = n.split(s).join(".")), n = n.replace(/[−–]/g, "-"), !/^[+-]?(?:\d+\.?\d*|\.\d+)$/.test(n)) return null;
   const l = Number(n);
   return Number.isFinite(l) ? l : null;
 }
-function F(r, e) {
+function L(r, e) {
   return e != null && e >= 0 ? r.toFixed(e) : String(r);
 }
-class L extends I {
+class M extends I {
   constructor() {
     super(), this._input = null, this._formUnregister = null, this._uid = Math.random().toString(36).slice(2, 9), this._rawValue = "", this._isEditing = !1, this._internalInvalidReason = null, this._onInput = this._onInput.bind(this), this._onBlur = this._onBlur.bind(this), this._onFocus = this._onFocus.bind(this), this._onKeyDown = this._onKeyDown.bind(this), this._onWheel = this._onWheel.bind(this), this._onSlotChange = this._onSlotChange.bind(this), this._onClick = this._onClick.bind(this);
   }
@@ -398,6 +397,9 @@ class L extends I {
       "autocomplete",
       "inputmode",
       "label",
+      "aria-label",
+      "aria-description",
+      "aria-describedby",
       "description",
       "data-error",
       "size",
@@ -419,7 +421,7 @@ class L extends I {
         this._rawValue = i || "", this._clearInternalInvalid(), this._syncDisplayValue(), this._syncAria();
         return;
       }
-      if (e === "name" && this._registerWithForm(), e === "min" || e === "max" || e === "step" || e === "precision" || e === "locale" || e === "format" || e === "placeholder" || e === "disabled" || e === "readonly" || e === "required" || e === "allow-wheel" || e === "show-steppers" || e === "clamp-on-blur" || e === "autocomplete" || e === "inputmode" || e === "size" || e === "variant" || e === "invalid") {
+      if (e === "name" && this._registerWithForm(), e === "min" || e === "max" || e === "step" || e === "precision" || e === "locale" || e === "format" || e === "placeholder" || e === "disabled" || e === "readonly" || e === "required" || e === "allow-wheel" || e === "show-steppers" || e === "clamp-on-blur" || e === "autocomplete" || e === "inputmode" || e === "size" || e === "variant" || e === "invalid" || e === "aria-label" || e === "aria-description" || e === "aria-describedby") {
         this._syncControlAttrs(), this._syncDisplayValue(), this._syncDerivedState(), this._syncAria();
         return;
       }
@@ -479,7 +481,7 @@ class L extends I {
     const e = this._precision();
     if (e != null) return e;
     const t = this._step();
-    return t != null ? z(t) : null;
+    return t != null ? C(t) : null;
   }
   _min() {
     return g(this.getAttribute("min"));
@@ -509,7 +511,7 @@ class L extends I {
   }
   _syncControlAttrs() {
     if (!this._input) return;
-    this._input.placeholder = this.getAttribute("placeholder") || "", this._input.disabled = p(this, "disabled"), this._input.readOnly = this.hasAttribute("readonly"), this._input.required = this.hasAttribute("required"), this._input.name = this.getAttribute("name") || "", this._input.setAttribute("inputmode", this.getAttribute("inputmode") || "decimal");
+    this._input.placeholder = this.getAttribute("placeholder") || "", this._input.disabled = p(this, "disabled"), this._input.disabled ? this.root.querySelector(".shell")?.setAttribute("aria-disabled", "true") : this.root.querySelector(".shell")?.removeAttribute("aria-disabled"), this._input.readOnly = this.hasAttribute("readonly"), this._input.required = this.hasAttribute("required"), this._input.name = this.getAttribute("name") || "", this._input.setAttribute("inputmode", this.getAttribute("inputmode") || "decimal");
     const e = this.getAttribute("autocomplete");
     e ? this._input.setAttribute("autocomplete", e) : this._input.removeAttribute("autocomplete");
   }
@@ -520,9 +522,9 @@ class L extends I {
     const t = this._min(), i = this._max();
     t != null ? this._input.setAttribute("aria-valuemin", String(t)) : this._input.removeAttribute("aria-valuemin"), i != null ? this._input.setAttribute("aria-valuemax", String(i)) : this._input.removeAttribute("aria-valuemax"), e != null ? this._input.setAttribute("aria-valuenow", String(e)) : this._input.removeAttribute("aria-valuenow");
     const s = this.root.querySelector('slot[name="label"]'), n = this.root.querySelector('slot[name="description"]'), l = this.root.querySelector('slot[name="error"]'), u = !!(this.getAttribute("label") || "").trim() || d(s), a = !!(this.getAttribute("description") || "").trim() || d(n), o = !!(this.getAttribute("data-error") || "").trim() || d(l);
-    u ? this._input.setAttribute("aria-labelledby", `${this._uid}-label`) : this._input.removeAttribute("aria-labelledby");
+    D(this._input, this, u ? `${this._uid}-label` : null);
     const c = [];
-    a && c.push(`${this._uid}-description`), o && c.push(`${this._uid}-error`), c.length ? this._input.setAttribute("aria-describedby", c.join(" ")) : this._input.removeAttribute("aria-describedby"), this.hasAttribute("required") ? this._input.setAttribute("aria-required", "true") : this._input.removeAttribute("aria-required"), this.hasAttribute("invalid") || this._internalInvalidReason != null || o ? this._input.setAttribute("aria-invalid", "true") : this._input.removeAttribute("aria-invalid");
+    a && c.push(`${this._uid}-description`), o && c.push(`${this._uid}-error`), z(this._input, this, this._uid, c), this.hasAttribute("required") ? this._input.setAttribute("aria-required", "true") : this._input.removeAttribute("aria-required"), this.hasAttribute("invalid") || this._internalInvalidReason != null || o ? this._input.setAttribute("aria-invalid", "true") : this._input.removeAttribute("aria-invalid");
   }
   _syncDerivedState() {
     const e = this.root.querySelector('slot[name="label"]'), t = this.root.querySelector('slot[name="description"]'), i = this.root.querySelector('slot[name="error"]'), s = this.root.querySelector('slot[name="prefix"]'), n = this.root.querySelector('slot[name="suffix"]'), l = this.root.querySelector('slot[name="increment-trigger"]'), u = this.root.querySelector('slot[name="decrement-trigger"]'), a = !!(this.getAttribute("label") || "").trim() || d(e), o = !!(this.getAttribute("description") || "").trim() || d(t), c = !!(this.getAttribute("data-error") || "").trim() || d(i), v = d(s), w = d(n), S = d(l), V = d(u), y = p(this, "show-steppers") || S || V, h = (k, E) => {
@@ -564,7 +566,7 @@ class L extends I {
       this._emitValueEvent("before-value-change", null, i, t), this.removeAttribute("value"), this._rawValue = "", this._clearInternalInvalid(), this._syncDisplayValue(), this._syncAria(), this._emitValueEvent("value-change", null, i, t);
       return;
     }
-    const s = this._effectivePrecision(), n = F(m(e, s), s), l = Number(n);
+    const s = this._effectivePrecision(), n = L(m(e, s), s), l = Number(n);
     if (i != null && l === i && this.value === n) {
       this._rawValue = n, this._clearInternalInvalid(), this._syncDisplayValue();
       return;
@@ -592,7 +594,7 @@ class L extends I {
       return;
     }
     const c = this._step();
-    if (!B(o, c, N(s), l)) {
+    if (!F(o, c, B(s), l)) {
       this._emitInvalid("step"), this._syncDisplayValue();
       return;
     }
@@ -701,7 +703,7 @@ class L extends I {
   render() {
     const e = this.getAttribute("label") || "", t = this.getAttribute("description") || "", i = this.getAttribute("data-error") || "";
     this.setContent(`
-      <style>${D}</style>
+      <style>${N}</style>
       <div class="root">
         <div class="meta">
           <label class="label" id="${this._uid}-label">
@@ -740,7 +742,7 @@ class L extends I {
     `), this._input = this.root.querySelector("input"), this._rawValue = this.value || this._rawValue, this._bindInput(), this._syncControlAttrs(), this._syncDerivedState(), this._syncDisplayValue(), this._syncAria();
   }
 }
-customElements.get("ui-number-field") || customElements.define("ui-number-field", L);
+customElements.get("ui-number-field") || customElements.define("ui-number-field", M);
 export {
-  L as UINumberField
+  M as UINumberField
 };

package/dist/number-ticker.cjs.js

@@ -50,19 +50,19 @@
   }
 
   :host([tone="neutral"]) {
-    --ui-number-ticker-color: #64748b;
+    --ui-number-ticker-color: #526175;
   }
 
   :host([tone="info"]) {
-    --ui-number-ticker-color: #0ea5e9;
+    --ui-number-ticker-color: var(--ui-color-info, #0e7490);
   }
 
   :host([tone="success"]) {
-    --ui-number-ticker-color: var(--ui-color-success, #16a34a);
+    --ui-number-ticker-color: var(--ui-color-success, #15803d);
   }
 
   :host([tone="warning"]) {
-    --ui-number-ticker-color: var(--ui-color-warning, #d97706);
+    --ui-number-ticker-color: var(--ui-color-warning, #b45309);
   }
 
   :host([tone="danger"]) {

package/dist/number-ticker.esm.js

@@ -80,19 +80,19 @@ const y = 1200, v = 0, I = "ease-out", O = "decimal", A = 0, S = 0.4, F = 6, L =
   }
 
   :host([tone="neutral"]) {
-    --ui-number-ticker-color: #64748b;
+    --ui-number-ticker-color: #526175;
   }
 
   :host([tone="info"]) {
-    --ui-number-ticker-color: #0ea5e9;
+    --ui-number-ticker-color: var(--ui-color-info, #0e7490);
   }
 
   :host([tone="success"]) {
-    --ui-number-ticker-color: var(--ui-color-success, #16a34a);
+    --ui-number-ticker-color: var(--ui-color-success, #15803d);
   }
 
   :host([tone="warning"]) {
-    --ui-number-ticker-color: var(--ui-color-warning, #d97706);
+    --ui-number-ticker-color: var(--ui-color-warning, #b45309);
   }
 
   :host([tone="danger"]) {

package/dist/odometer.cjs.js

@@ -56,11 +56,11 @@
   }
 
   :host([tone="success"]) {
-    --ui-odometer-color: var(--ui-color-success, #16a34a);
+    --ui-odometer-color: var(--ui-color-success, #15803d);
   }
 
   :host([tone="warning"]) {
-    --ui-odometer-color: var(--ui-color-warning, #d97706);
+    --ui-odometer-color: var(--ui-color-warning, #b45309);
   }
 
   :host([tone="danger"]) {

package/dist/odometer.esm.js

@@ -57,11 +57,11 @@ const D = `
   }
 
   :host([tone="success"]) {
-    --ui-odometer-color: var(--ui-color-success, #16a34a);
+    --ui-odometer-color: var(--ui-color-success, #15803d);
   }
 
   :host([tone="warning"]) {
-    --ui-odometer-color: var(--ui-color-warning, #d97706);
+    --ui-odometer-color: var(--ui-color-warning, #b45309);
   }
 
   :host([tone="danger"]) {

package/dist/orbiter.cjs.js

@@ -114,7 +114,7 @@
   }
 
   :host([tone="neutral"]) {
-    --ui-orbiter-accent: #64748b;
+    --ui-orbiter-accent: #526175;
   }
 
   :host([tone="info"]) {
@@ -122,11 +122,11 @@
   }
 
   :host([tone="success"]) {
-    --ui-orbiter-accent: var(--ui-color-success, #16a34a);
+    --ui-orbiter-accent: var(--ui-color-success, #15803d);
   }
 
   :host([tone="warning"]) {
-    --ui-orbiter-accent: var(--ui-color-warning, #d97706);
+    --ui-orbiter-accent: var(--ui-color-warning, #b45309);
   }
 
   :host([tone="danger"]) {

package/dist/orbiter.esm.js

@@ -173,7 +173,7 @@ const O = "18s", V = "0s", A = "88px", P = "44px", w = "128px", E = "28px", $ =
   }
 
   :host([tone="neutral"]) {
-    --ui-orbiter-accent: #64748b;
+    --ui-orbiter-accent: #526175;
   }
 
   :host([tone="info"]) {
@@ -181,11 +181,11 @@ const O = "18s", V = "0s", A = "88px", P = "44px", w = "128px", E = "28px", $ =
   }
 
   :host([tone="success"]) {
-    --ui-orbiter-accent: var(--ui-color-success, #16a34a);
+    --ui-orbiter-accent: var(--ui-color-success, #15803d);
   }
 
   :host([tone="warning"]) {
-    --ui-orbiter-accent: var(--ui-color-warning, #d97706);
+    --ui-orbiter-accent: var(--ui-color-warning, #b45309);
   }
 
   :host([tone="danger"]) {

package/dist/pagination.cjs.js

@@ -11,7 +11,7 @@
     --ui-pagination-active-color: #ffffff;
     --ui-pagination-border: color-mix(in srgb, var(--ui-color-border, #cbd5e1) 78%, transparent);
     --ui-pagination-color: var(--ui-color-text, #0f172a);
-    --ui-pagination-muted: var(--ui-color-muted, #64748b);
+    --ui-pagination-muted: var(--ui-color-muted, #526175);
     --ui-pagination-padding: 6px 11px;
     --ui-pagination-font-size: 13px;
     --ui-pagination-shadow: none;

package/dist/pagination.esm.js

@@ -12,7 +12,7 @@ const r = `
     --ui-pagination-active-color: #ffffff;
     --ui-pagination-border: color-mix(in srgb, var(--ui-color-border, #cbd5e1) 78%, transparent);
     --ui-pagination-color: var(--ui-color-text, #0f172a);
-    --ui-pagination-muted: var(--ui-color-muted, #64748b);
+    --ui-pagination-muted: var(--ui-color-muted, #526175);
     --ui-pagination-padding: 6px 11px;
     --ui-pagination-font-size: 13px;
     --ui-pagination-shadow: none;

package/dist/password-field.cjs.js

@@ -1,19 +1,19 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const q=require("./ElementBase-EV6mVBUV.js"),T=`
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const q=require("./ElementBase-EV6mVBUV.js"),p=require("./control-name-BmoI1m3a.js"),B=`
   <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>
-`,S=`
+`,C=`
   <svg viewBox="0 0 20 20" aria-hidden="true" focusable="false">
     <path d="M2.4 10c1.5-3 4.3-5 7.6-5s6.1 2 7.6 5c-1.5 3-4.3 5-7.6 5s-6.1-2-7.6-5Z" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
     <circle cx="10" cy="10" r="2.5" fill="none" stroke="currentColor" stroke-width="1.6"/>
   </svg>
-`,B=`
+`,N=`
   <svg viewBox="0 0 20 20" aria-hidden="true" focusable="false">
     <path d="M3 3l14 14" fill="none" stroke="currentColor" stroke-width="1.7" stroke-linecap="round"/>
     <path d="M6.1 6.1A9.3 9.3 0 0 1 10 5c3.3 0 6.1 2 7.6 5-.5 1-1.2 1.9-2 2.7M8.2 8.2A2.5 2.5 0 0 1 11.8 12" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
     <path d="M4.4 7.1C3.6 7.9 3 8.9 2.4 10c1.5 3 4.3 5 7.6 5 1.2 0 2.4-.3 3.4-.7" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
   </svg>
-`,N=`
+`,M=`
   :host {
     --ui-input-padding: var(--ui-padding, 10px 12px);
     --ui-input-border-color: var(--ui-color-border, var(--ui-border-color, #cbd5e1));
@@ -25,12 +25,12 @@
     --ui-input-width: 100%;
     --ui-input-bg: var(--ui-color-surface, var(--ui-surface, #ffffff));
     --ui-input-color: var(--ui-color-text, var(--ui-text, #0f172a));
-    --ui-label-color: var(--ui-color-muted, var(--ui-muted, #64748b));
-    --ui-description-color: var(--ui-color-muted, var(--ui-muted, #64748b));
+    --ui-label-color: var(--ui-color-muted, var(--ui-muted, #526175));
+    --ui-description-color: var(--ui-color-muted, var(--ui-muted, #526175));
     --ui-input-focus-ring: var(--ui-color-focus-ring, var(--ui-focus-ring, #2563eb));
     --ui-input-error: var(--ui-color-danger, var(--ui-error, #dc2626));
-    --ui-input-success: var(--ui-color-success, var(--ui-success, #16a34a));
-    --ui-input-warning: var(--ui-color-warning, var(--ui-warning, #d97706));
+    --ui-input-success: var(--ui-color-success, var(--ui-success, #15803d));
+    --ui-input-warning: var(--ui-color-warning, var(--ui-warning, #b45309));
     --ui-input-accent: var(--ui-color-primary, var(--ui-primary, #2563eb));
     --ui-input-shadow: none;
     --ui-input-gap: 8px;
@@ -40,9 +40,9 @@
     --ui-password-field-strength-gap: 8px;
     --ui-password-field-track-bg: color-mix(in srgb, var(--ui-color-text, #0f172a) 10%, transparent);
     --ui-password-field-strength-weak: var(--ui-color-danger, #dc2626);
-    --ui-password-field-strength-fair: var(--ui-color-warning, #d97706);
+    --ui-password-field-strength-fair: var(--ui-color-warning, #b45309);
     --ui-password-field-strength-good: var(--ui-color-primary, #2563eb);
-    --ui-password-field-strength-strong: var(--ui-color-success, #16a34a);
+    --ui-password-field-strength-strong: var(--ui-color-success, #15803d);
     --ui-password-field-toggle-bg: transparent;
     --ui-password-field-toggle-hover-bg: color-mix(in srgb, var(--ui-input-color) 10%, transparent);
     --ui-password-field-toggle-active-bg: color-mix(in srgb, var(--ui-input-color) 16%, transparent);
@@ -309,7 +309,7 @@
   }
 
   .strength-caption {
-    color: var(--ui-color-muted, #64748b);
+    color: var(--ui-color-muted, #526175);
     font-size: 11px;
     line-height: 1.35;
   }
@@ -470,7 +470,7 @@
   }
 
   :host([tone="success"]) {
-    --ui-input-accent: var(--ui-color-success, var(--ui-success, #16a34a));
+    --ui-input-accent: var(--ui-color-success, var(--ui-success, #15803d));
   }
 
   :host([tone="warning"]) {
@@ -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 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>
+`,I=["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 u(o){return o.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;").replace(/'/g,"&#39;")}function g(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 c(o,t){const e=o.getAttribute(t);if(e==null)return!1;const i=String(e).trim().toLowerCase();return i!=="false"&&i!=="0"}function U(o){return o==="none"||o==="large"||o==="full"}function L(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 E 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[...I,"aria-label","aria-description","aria-describedby","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(c(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>${M}</style>
       <div class="root" part="root">
         <div class="meta" part="meta">
           <label class="label" id="${this._uid}-label" part="label">
-            <slot name="label">${l(e)}</slot>
+            <slot name="label">${u(e)}</slot>
             ${s}
           </label>
           <p class="description" id="${this._uid}-description" part="description">
-            <slot name="description">${l(i)}</slot>
+            <slot name="description">${u(i)}</slot>
           </p>
         </div>
 
@@ -593,22 +593,22 @@
             <input
               part="input"
               type="password"
-              value="${l(t)}"
-              placeholder="${l(n)}"
+              value="${u(t)}"
+              placeholder="${u(n)}"
             />
-            ${a?`<span class="floating-label" part="floating-label">${l(e||n||"Password")}</span>`:""}
+            ${a?`<span class="floating-label" part="floating-label">${u(e||n||"Password")}</span>`:""}
           </div>
 
           <div class="actions" part="actions">
-            <button class="clear-btn" part="clear" type="button" aria-label="Clear" hidden>${T}</button>
+            <button class="clear-btn" part="clear" type="button" aria-label="Clear" hidden>${B}</button>
             <span class="suffix-slot" part="suffix"><slot name="suffix"></slot></span>
-            <button class="toggle-btn" part="toggle" type="button" aria-label="Show password">${S}</button>
+            <button class="toggle-btn" part="toggle" type="button" aria-label="Show password">${C}</button>
           </div>
         </div>
 
         <div class="footer" part="footer">
           <p class="error" id="${this._uid}-error" part="error" aria-live="polite">
-            <slot name="error">${l(r)}</slot>
+            <slot name="error">${u(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"),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;
+    `),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&&!U(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=c(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",l=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"),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&&(c(this,"clearable")&&t.length>0&&!c(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=c(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?N:C)}_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||L)(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(),l=(this.getAttribute("data-error")||"").trim(),h=!!s||g(t),d=!!a||g(e),b=!!l||g(i),z=g(r),T=g(n),v=this.root.querySelector(".label"),m=this.root.querySelector(".description"),_=this.root.querySelector(".prefix"),x=this.root.querySelector(".suffix-slot"),y=this.root.querySelector(".meta"),w=this.root.querySelector(".footer"),A=this.root.querySelector(".error"),k=this.root.querySelector(".counter");p.syncSlotFallbackText(t,s),p.syncSlotFallbackText(e,a),p.syncSlotFallbackText(i,l),v&&v.toggleAttribute("hidden",!h),m&&m.toggleAttribute("hidden",!d),_&&_.toggleAttribute("hidden",!z),x&&x.toggleAttribute("hidden",!T),y&&y.toggleAttribute("hidden",!h&&!d);const S=this.hasAttribute("counter");if(k&&k.toggleAttribute("hidden",!S),A&&A.toggleAttribute("hidden",!b),w&&w.toggleAttribute("hidden",!b&&!S),!this._input)return;p.syncControlName(this._input,this,h?`${this._uid}-label`:null);const f=[];d&&f.push(`${this._uid}-description`),b&&f.push(`${this._uid}-error`),p.syncControlDescription(this._input,this,this._uid,f),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(()=>{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(),!(c(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",E);exports.UIPasswordField=E;