@editora/ui-core 0.1.18 → 0.1.20

package/dist/number-field.esm.js

@@ -1,4 +1,4 @@
-import { E as I } from "./ElementBase-909688f3.mjs";
+import { E as I } from "./ElementBase-YlTLMsGk.mjs";
 const D = `
   :host {
     --ui-number-field-padding: var(--ui-padding, 10px 12px);
@@ -313,77 +313,65 @@ const D = `
     }
   }
 `;
-function f(s) {
-  return s.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#39;");
+function f(r) {
+  return r.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#39;");
 }
-function d(s) {
-  if (!s)
-    return !1;
-  const e = s.assignedNodes({ flatten: !0 });
-  return e.length ? e.some((t) => {
-    var i;
-    return t.nodeType === Node.TEXT_NODE ? !!((i = t.textContent) != null && i.trim()) : t.nodeType === Node.ELEMENT_NODE;
-  }) : !1;
+function d(r) {
+  if (!r) return !1;
+  const e = r.assignedNodes({ flatten: !0 });
+  return e.length ? e.some((t) => t.nodeType === Node.TEXT_NODE ? !!t.textContent?.trim() : t.nodeType === Node.ELEMENT_NODE) : !1;
 }
-function p(s, e) {
-  const t = s.getAttribute(e);
-  if (t == null)
-    return !1;
+function p(r, e) {
+  const t = r.getAttribute(e);
+  if (t == null) return !1;
   const i = String(t).trim().toLowerCase();
   return i !== "false" && i !== "0";
 }
-function g(s) {
-  if (s == null || s.trim() === "")
-    return null;
-  const e = Number(s);
+function g(r) {
+  if (r == null || r.trim() === "") return null;
+  const e = Number(r);
   return Number.isFinite(e) ? e : null;
 }
-function z(s) {
-  const e = String(s), t = e.match(/e-(\d+)$/i);
-  if (t)
-    return Number(t[1]);
+function z(r) {
+  const e = String(r), t = e.match(/e-(\d+)$/i);
+  if (t) return Number(t[1]);
   const i = e.split(".")[1];
   return i ? i.length : 0;
 }
-function m(s, e) {
-  if (e == null || e < 0)
-    return s;
+function m(r, e) {
+  if (e == null || e < 0) return r;
   const t = 10 ** e;
-  return Math.round((s + Number.EPSILON) * t) / t;
+  return Math.round((r + Number.EPSILON) * t) / t;
 }
-function A(s, e, t) {
-  return e != null && s < e ? e : t != null && s > t ? t : s;
+function A(r, e, t) {
+  return e != null && r < e ? e : t != null && r > t ? t : r;
 }
-function N(s) {
-  return s ?? 0;
+function N(r) {
+  return r ?? 0;
 }
-function B(s, e, t, i) {
-  if (e == null || e <= 0)
-    return !0;
-  const r = m((s - t) / e, i != null ? i + 2 : 8);
-  return Math.abs(r - Math.round(r)) < 1e-7;
+function B(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(s) {
-  var t, i;
-  const e = new Intl.NumberFormat(s).formatToParts(12345.6);
+function C(r) {
+  const e = new Intl.NumberFormat(r).formatToParts(12345.6);
   return {
-    group: ((t = e.find((r) => r.type === "group")) == null ? void 0 : t.value) || ",",
-    decimal: ((i = e.find((r) => r.type === "decimal")) == null ? void 0 : i.value) || "."
+    group: e.find((t) => t.type === "group")?.value || ",",
+    decimal: e.find((t) => t.type === "decimal")?.value || "."
   };
 }
-function _(s, e) {
-  const t = s.trim();
-  if (!t)
-    return null;
-  const { group: i, decimal: r } = C(e);
+function _(r, e) {
+  const t = r.trim();
+  if (!t) return null;
+  const { group: i, decimal: s } = C(e);
   let n = t.replace(/[\s\u00a0\u202f]/g, "");
-  if (i && (n = n.split(i).join("")), r && r !== "." && (n = n.split(r).join(".")), n = n.replace(/[−–]/g, "-"), !/^[+-]?(?:\d+\.?\d*|\.\d+)$/.test(n))
-    return null;
-  const a = Number(n);
-  return Number.isFinite(a) ? a : null;
+  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(s, e) {
-  return e != null && e >= 0 ? s.toFixed(e) : String(s);
+function F(r, e) {
+  return e != null && e >= 0 ? r.toFixed(e) : String(r);
 }
 class L extends I {
   constructor() {
@@ -461,12 +449,10 @@ class L extends I {
     super.focus(e);
   }
   blur() {
-    var e;
-    (e = this._input) == null || e.blur();
+    this._input?.blur();
   }
   select() {
-    var e;
-    (e = this._input) == null || e.select();
+    this._input?.select();
   }
   stepUp(e = 1) {
     this._stepBy(Math.max(1, Number(e) || 1), "step");
@@ -479,22 +465,19 @@ class L extends I {
   }
   _precision() {
     const e = this.getAttribute("precision");
-    if (e == null || e.trim() === "")
-      return null;
+    if (e == null || e.trim() === "") return null;
     const t = Number(e);
     return Number.isInteger(t) && t >= 0 ? t : null;
   }
   _step() {
     const e = this.getAttribute("step");
-    if (e == null || e === "" || e === "any")
-      return null;
+    if (e == null || e === "" || e === "any") return null;
     const t = Number(e);
     return Number.isFinite(t) && t > 0 ? t : null;
   }
   _effectivePrecision() {
     const e = this._precision();
-    if (e != null)
-      return e;
+    if (e != null) return e;
     const t = this._step();
     return t != null ? z(t) : null;
   }
@@ -513,51 +496,47 @@ class L extends I {
     }).format(e);
   }
   _displayStringForValue() {
-    if (this._isEditing)
-      return this._rawValue;
+    if (this._isEditing) return this._rawValue;
     const e = this.valueAsNumber;
     return e == null ? this._rawValue : this._formatNumber(e);
   }
   _syncDisplayValue() {
-    if (!this._input)
-      return;
+    if (!this._input) return;
     const e = this._displayStringForValue();
     this._input.value !== e && (this._input.value = e);
     const t = this.root.querySelector(".shell");
     t && t.setAttribute("data-has-value", e ? "true" : "false");
   }
   _syncControlAttrs() {
-    if (!this._input)
-      return;
+    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");
     const e = this.getAttribute("autocomplete");
     e ? this._input.setAttribute("autocomplete", e) : this._input.removeAttribute("autocomplete");
   }
   _syncAria() {
-    if (!this._input)
-      return;
+    if (!this._input) return;
     const e = this.valueAsNumber;
     this._input.setAttribute("role", "spinbutton"), this._input.setAttribute("aria-valuetext", this._input.value || "");
     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 r = this.root.querySelector('slot[name="label"]'), n = this.root.querySelector('slot[name="description"]'), a = this.root.querySelector('slot[name="error"]'), l = !!(this.getAttribute("label") || "").trim() || d(r), u = !!(this.getAttribute("description") || "").trim() || d(n), o = !!(this.getAttribute("data-error") || "").trim() || d(a);
-    l ? this._input.setAttribute("aria-labelledby", `${this._uid}-label`) : this._input.removeAttribute("aria-labelledby");
+    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");
     const c = [];
-    u && 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`), 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");
   }
   _syncDerivedState() {
-    const e = this.root.querySelector('slot[name="label"]'), t = 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"]'), a = this.root.querySelector('slot[name="increment-trigger"]'), l = this.root.querySelector('slot[name="decrement-trigger"]'), u = !!(this.getAttribute("label") || "").trim() || d(e), o = !!(this.getAttribute("description") || "").trim() || d(t), c = !!(this.getAttribute("data-error") || "").trim() || d(i), v = d(r), w = d(n), S = d(a), V = d(l), y = p(this, "show-steppers") || S || V, h = (k, E) => {
+    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) => {
       const b = this.root.querySelector(k);
       b && (E ? b.removeAttribute("hidden") : b.setAttribute("hidden", ""));
     };
-    h(".meta", u || o), h(".label", u), h(".description", o), h(".prefix", v), h(".suffix", w), h(".footer", c), h(".error", c), h(".steppers", y);
+    h(".meta", a || o), h(".label", a), h(".description", o), h(".prefix", v), h(".suffix", w), h(".footer", c), h(".error", c), h(".steppers", y);
     const x = this.root.querySelector(".shell");
     x && x.setAttribute("data-show-steppers", y ? "true" : "false");
   }
-  _emitValueEvent(e, t, i, r) {
+  _emitValueEvent(e, t, i, s) {
     this.dispatchEvent(
       new CustomEvent(e, {
-        detail: { value: t, previousValue: i, source: r },
+        detail: { value: t, previousValue: i, source: s },
         bubbles: !0,
         composed: !0
       })
@@ -585,12 +564,12 @@ 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 r = this._effectivePrecision(), n = F(m(e, r), r), a = Number(n);
-    if (i != null && a === i && this.value === n) {
+    const s = this._effectivePrecision(), n = F(m(e, s), s), l = Number(n);
+    if (i != null && l === i && this.value === n) {
       this._rawValue = n, this._clearInternalInvalid(), this._syncDisplayValue();
       return;
     }
-    this._emitValueEvent("before-value-change", a, i, t), this.setAttribute("value", n), this._rawValue = n, this._clearInternalInvalid(), this._syncDisplayValue(), this._syncAria(), this._emitValueEvent("value-change", a, i, t);
+    this._emitValueEvent("before-value-change", l, i, t), this.setAttribute("value", n), this._rawValue = n, this._clearInternalInvalid(), this._syncDisplayValue(), this._syncAria(), this._emitValueEvent("value-change", l, i, t);
   }
   _commitRaw(e) {
     const t = this._rawValue.trim();
@@ -603,42 +582,40 @@ class L extends I {
       this._emitInvalid("parse"), this._syncDisplayValue();
       return;
     }
-    const r = this._min(), n = this._max(), a = this._effectivePrecision(), l = m(i, a), u = p(this, "clamp-on-blur"), o = u ? A(l, r, n) : l;
-    if (!u && r != null && o < r) {
+    const s = this._min(), n = this._max(), l = this._effectivePrecision(), u = m(i, l), a = p(this, "clamp-on-blur"), o = a ? A(u, s, n) : u;
+    if (!a && s != null && o < s) {
       this._emitInvalid("min"), this._syncDisplayValue();
       return;
     }
-    if (!u && n != null && o > n) {
+    if (!a && n != null && o > n) {
       this._emitInvalid("max"), this._syncDisplayValue();
       return;
     }
     const c = this._step();
-    if (!B(o, c, N(r), a)) {
+    if (!B(o, c, N(s), l)) {
       this._emitInvalid("step"), this._syncDisplayValue();
       return;
     }
     this._commitValue(o, e);
   }
   _stepBy(e, t) {
-    if (p(this, "disabled") || this.hasAttribute("readonly"))
-      return;
-    const i = this._step() ?? 1, r = this._effectivePrecision(), n = this._min(), a = this._max(), u = (this._isEditing ? _(this._rawValue, this._locale()) : this.valueAsNumber) ?? n ?? 0, o = A(m(u + i * e, r), n, a);
+    if (p(this, "disabled") || this.hasAttribute("readonly")) return;
+    const i = this._step() ?? 1, s = this._effectivePrecision(), n = this._min(), l = this._max(), a = (this._isEditing ? _(this._rawValue, this._locale()) : this.valueAsNumber) ?? n ?? 0, o = A(m(a + i * e, s), n, l);
     this._commitValue(o, t), this._isEditing && this._input && (this._input.value = this._rawValue);
   }
   _registerWithForm() {
-    var e;
     this._formUnregister && (this._formUnregister(), this._formUnregister = null);
     try {
-      const i = this.getRootNode().host, n = ((e = i == null ? void 0 : i.closest) == null ? void 0 : e.call(i, "ui-form")) || null || this.closest("ui-form"), a = this.getAttribute("name");
-      n && typeof n.registerField == "function" && a && (this._formUnregister = n.registerField(a, {
-        name: a,
+      const s = this.getRootNode().host?.closest?.("ui-form") || null || this.closest("ui-form"), n = this.getAttribute("name");
+      s && typeof s.registerField == "function" && n && (this._formUnregister = s.registerField(n, {
+        name: n,
         getValue: () => this.value,
         setValue: (l) => {
           l == null || l === "" ? this.removeAttribute("value") : this.setAttribute("value", String(l));
         },
         validate: async () => {
-          const l = this.valueAsNumber, u = this._min(), o = this._max();
-          return this.hasAttribute("required") && l == null ? { valid: !1, message: "A value is required." } : l != null && u != null && l < u ? { valid: !1, message: `Value must be at least ${u}.` } : l != null && o != null && l > o ? { valid: !1, message: `Value must be at most ${o}.` } : { valid: this._internalInvalidReason == null, message: void 0 };
+          const l = this.valueAsNumber, u = this._min(), a = this._max();
+          return this.hasAttribute("required") && l == null ? { valid: !1, message: "A value is required." } : l != null && u != null && l < u ? { valid: !1, message: `Value must be at least ${u}.` } : l != null && a != null && l > a ? { valid: !1, message: `Value must be at most ${a}.` } : { valid: this._internalInvalidReason == null, message: void 0 };
         },
         setError: (l) => {
           l ? (this.setAttribute("data-error", l), this.toggleAttribute("invalid", !0)) : (this.removeAttribute("data-error"), this._internalInvalidReason == null && this.removeAttribute("invalid")), this._syncDerivedState(), this._syncAria();
@@ -689,15 +666,13 @@ class L extends I {
     }
     if (e.key === "Home") {
       const t = this._min();
-      if (t == null)
-        return;
+      if (t == null) return;
       e.preventDefault(), this._commitValue(t, "keyboard");
       return;
     }
     if (e.key === "End") {
       const t = this._max();
-      if (t == null)
-        return;
+      if (t == null) return;
       e.preventDefault(), this._commitValue(t, "keyboard");
       return;
     }
@@ -711,7 +686,7 @@ class L extends I {
     p(this, "allow-wheel") && (!this._input || this.root.activeElement !== this._input || (e.preventDefault(), this._stepBy(e.deltaY < 0 ? 1 : -1, "wheel")));
   }
   _onClick(e) {
-    const i = e.composedPath().find((r) => r instanceof HTMLElement ? r.dataset.stepAction === "up" || r.dataset.stepAction === "down" || r.getAttribute("slot") === "increment-trigger" || r.getAttribute("slot") === "decrement-trigger" : !1);
+    const i = e.composedPath().find((s) => s instanceof HTMLElement ? s.dataset.stepAction === "up" || s.dataset.stepAction === "down" || s.getAttribute("slot") === "increment-trigger" || s.getAttribute("slot") === "decrement-trigger" : !1);
     if (i) {
       if (i.dataset.stepAction === "up" || i.getAttribute("slot") === "increment-trigger") {
         e.preventDefault(), this._stepBy(1, "step");

package/dist/number-ticker.cjs.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const I=require("./ElementBase-1b301e7f.js"),y=1200,A=0,O="ease-out",L="decimal",v=0,S=.4,F=6,N=new Set(["linear","ease-in","ease-out","ease-in-out","spring","bounce","overshoot"]),$=new Set(["decimal","currency"]),R=new Set(["symbol","narrowSymbol","code","name"]),G=new Set(["standard","compact"]),U=new Set(["short","long"]),H=new Set(["auto","always","exceptZero","never"]),Q=new Set(["interpolate","odometer"]),q=new Set(["immediate","visible"]),B=new Set(["start","end","center"]),a={sm:{fontSize:"14px",letterSpacing:"-0.02em",lineHeight:"1"},md:{fontSize:"22px",letterSpacing:"-0.04em",lineHeight:"0.98"},lg:{fontSize:"36px",letterSpacing:"-0.05em",lineHeight:"0.94"},xl:{fontSize:"56px",letterSpacing:"-0.06em",lineHeight:"0.9"}},Y=["0","1","2","3","4","5","6","7","8","9"],j=`
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const I=require("./ElementBase-EV6mVBUV.js"),y=1200,v=0,O="ease-out",L="decimal",A=0,S=.4,F=6,N=new Set(["linear","ease-in","ease-out","ease-in-out","spring","bounce","overshoot"]),$=new Set(["decimal","currency"]),R=new Set(["symbol","narrowSymbol","code","name"]),G=new Set(["standard","compact"]),U=new Set(["short","long"]),H=new Set(["auto","always","exceptZero","never"]),Q=new Set(["interpolate","odometer"]),q=new Set(["immediate","visible"]),B=new Set(["start","end","center"]),a={sm:{fontSize:"14px",letterSpacing:"-0.02em",lineHeight:"1"},md:{fontSize:"22px",letterSpacing:"-0.04em",lineHeight:"0.98"},lg:{fontSize:"36px",letterSpacing:"-0.05em",lineHeight:"0.94"},xl:{fontSize:"56px",letterSpacing:"-0.06em",lineHeight:"0.9"}},Y=["0","1","2","3","4","5","6","7","8","9"],j=`
   :host {
     --ui-number-ticker-color: var(--ui-color-text, var(--ui-text, #0f172a));
     --ui-number-ticker-accent: var(--ui-color-primary, var(--ui-primary, #2563eb));
@@ -201,9 +201,9 @@
       text-shadow: none;
     }
   }
-`;class M extends I.ElementBase{constructor(){super(),this._valueEl=null,this._frame=null,this._currentValue=0,this._animationFrom=0,this._animationTo=0,this._animationDuration=y,this._animationDelay=A,this._animationStartTime=0,this._pausedElapsed=0,this._animationPrepared=!1,this._initialized=!1,this._hovering=!1,this._focusWithin=!1,this._formatter=new Intl.NumberFormat,this._mediaQuery=null,this._customFormatter=null,this._intersectionObserver=null,this._observerThreshold=S,this._isVisible=!0,this._visibilityGatePending=!1,this._tick=this._tick.bind(this),this._onPointerEnter=this._onPointerEnter.bind(this),this._onPointerLeave=this._onPointerLeave.bind(this),this._onFocusIn=this._onFocusIn.bind(this),this._onFocusOut=this._onFocusOut.bind(this),this._onReducedMotionChange=this._onReducedMotionChange.bind(this),this._onVisibilityChange=this._onVisibilityChange.bind(this)}static get observedAttributes(){return["value","from","duration","delay","easing","animation","locale","format-style","currency","currency-display","notation","compact-display","fraction-digits","use-grouping","sign-display","prefix","suffix","size","tone","align","font-size","font-weight","letter-spacing","color","tabular","monospace","paused","pause-on-hover","pause-on-focus","trigger","visibility-threshold","stagger","stagger-from"]}get formatter(){return this._customFormatter}set formatter(t){this._customFormatter=typeof t=="function"?t:null,this._valueEl&&this._renderValue(this._currentValue)}shouldRenderOnAttributeChange(){return!1}connectedCallback(){this._bindReducedMotion(),super.connectedCallback(),this.hasAttribute("aria-live")||this.setAttribute("aria-live","off"),this.addEventListener("pointerenter",this._onPointerEnter),this.addEventListener("pointerleave",this._onPointerLeave),this.addEventListener("focusin",this._onFocusIn),this.addEventListener("focusout",this._onFocusOut),this._syncVisibilityObserver(),this._syncFromAttributes(!1)}disconnectedCallback(){if(this.removeEventListener("pointerenter",this._onPointerEnter),this.removeEventListener("pointerleave",this._onPointerLeave),this.removeEventListener("focusin",this._onFocusIn),this.removeEventListener("focusout",this._onFocusOut),this._mediaQuery){try{this._mediaQuery.removeEventListener("change",this._onReducedMotionChange)}catch{this._mediaQuery.removeListener(this._onReducedMotionChange)}this._mediaQuery=null}this._disconnectVisibilityObserver(),this._stopAnimation(),super.disconnectedCallback()}play(){this.removeAttribute("paused"),this._syncFromAttributes(!1)}pause(){this.setAttribute("paused",""),this._syncFromAttributes(!1)}refresh(){m(this.getAttribute("trigger"))==="visible"&&(this._visibilityGatePending=!0),this._syncFromAttributes(!0)}finish(){const t=this._resolvedTargetValue();this._stopAnimation(),this._animationPrepared=!1,this._visibilityGatePending=!1,this._currentValue=t,this._renderValue(t),this._setDirection(this._resolvedBaseValue(),t),this._setState("completed")}attributeChangedCallback(t,i,n){super.attributeChangedCallback(t,i,n),!(!t||i===n||!this.isConnected||!this._valueEl)&&((t==="trigger"||t==="visibility-threshold")&&(t==="trigger"&&m(n??null)==="visible"&&!this._initialized&&(this._visibilityGatePending=!0),this._syncVisibilityObserver()),this._syncFromAttributes(t==="from"))}render(){this.setContent(`
+`;class M extends I.ElementBase{constructor(){super(),this._valueEl=null,this._frame=null,this._currentValue=0,this._animationFrom=0,this._animationTo=0,this._animationDuration=y,this._animationDelay=v,this._animationStartTime=0,this._pausedElapsed=0,this._animationPrepared=!1,this._initialized=!1,this._hovering=!1,this._focusWithin=!1,this._formatter=new Intl.NumberFormat,this._mediaQuery=null,this._customFormatter=null,this._intersectionObserver=null,this._observerThreshold=S,this._isVisible=!0,this._visibilityGatePending=!1,this._tick=this._tick.bind(this),this._onPointerEnter=this._onPointerEnter.bind(this),this._onPointerLeave=this._onPointerLeave.bind(this),this._onFocusIn=this._onFocusIn.bind(this),this._onFocusOut=this._onFocusOut.bind(this),this._onReducedMotionChange=this._onReducedMotionChange.bind(this),this._onVisibilityChange=this._onVisibilityChange.bind(this)}static get observedAttributes(){return["value","from","duration","delay","easing","animation","locale","format-style","currency","currency-display","notation","compact-display","fraction-digits","use-grouping","sign-display","prefix","suffix","size","tone","align","font-size","font-weight","letter-spacing","color","tabular","monospace","paused","pause-on-hover","pause-on-focus","trigger","visibility-threshold","stagger","stagger-from"]}get formatter(){return this._customFormatter}set formatter(t){this._customFormatter=typeof t=="function"?t:null,this._valueEl&&this._renderValue(this._currentValue)}shouldRenderOnAttributeChange(){return!1}connectedCallback(){this._bindReducedMotion(),super.connectedCallback(),this.hasAttribute("aria-live")||this.setAttribute("aria-live","off"),this.addEventListener("pointerenter",this._onPointerEnter),this.addEventListener("pointerleave",this._onPointerLeave),this.addEventListener("focusin",this._onFocusIn),this.addEventListener("focusout",this._onFocusOut),this._syncVisibilityObserver(),this._syncFromAttributes(!1)}disconnectedCallback(){if(this.removeEventListener("pointerenter",this._onPointerEnter),this.removeEventListener("pointerleave",this._onPointerLeave),this.removeEventListener("focusin",this._onFocusIn),this.removeEventListener("focusout",this._onFocusOut),this._mediaQuery){try{this._mediaQuery.removeEventListener("change",this._onReducedMotionChange)}catch{this._mediaQuery.removeListener(this._onReducedMotionChange)}this._mediaQuery=null}this._disconnectVisibilityObserver(),this._stopAnimation(),super.disconnectedCallback()}play(){this.removeAttribute("paused"),this._syncFromAttributes(!1)}pause(){this.setAttribute("paused",""),this._syncFromAttributes(!1)}refresh(){m(this.getAttribute("trigger"))==="visible"&&(this._visibilityGatePending=!0),this._syncFromAttributes(!0)}finish(){const t=this._resolvedTargetValue();this._stopAnimation(),this._animationPrepared=!1,this._visibilityGatePending=!1,this._currentValue=t,this._renderValue(t),this._setDirection(this._resolvedBaseValue(),t),this._setState("completed")}attributeChangedCallback(t,i,n){super.attributeChangedCallback(t,i,n),!(!t||i===n||!this.isConnected||!this._valueEl)&&((t==="trigger"||t==="visibility-threshold")&&(t==="trigger"&&m(n??null)==="visible"&&!this._initialized&&(this._visibilityGatePending=!0),this._syncVisibilityObserver()),this._syncFromAttributes(t==="from"))}render(){this.setContent(`
       <style>${j}</style>
       <span class="ticker" part="root">
         <span class="value" part="value"></span>
       </span>
-    `),this._valueEl=this.root.querySelector(".value"),this._syncFromAttributes(!this._initialized)}_syncFromAttributes(t){if(!this._valueEl)return;this._syncStyleOverrides(),this._syncVisibilityObserver(),this._formatter=this._createFormatter(),this._syncMotionPresentation();const i=this._resolvedTargetValue(),n=this._resolvedBaseValue();!this._initialized||t?(this._currentValue=n,this._renderValue(n),m(this.getAttribute("trigger"))==="visible"&&(this._visibilityGatePending=!0)):this._renderValue(this._currentValue),this._setDirection(t?n:this._currentValue,i),this._syncPlayback(i,n,t),this._initialized=!0}_syncPlayback(t,i,n){const r=this._prefersReducedMotion(),s=this._effectivePaused();if(this._visibilityGatePending){if(!this._isVisible){this._stopAnimation(),this._animationPrepared=!1,this._currentValue=i,this._renderValue(i),this._setState(s?"paused":"waiting");return}this._visibilityGatePending=!1}if(r){this._stopAnimation(),this._animationPrepared=!1,this._currentValue=t,this._renderValue(t),this._setState(s?"paused":"completed");return}if(s){(n||!this._animationPrepared)&&!o(i,t)&&this._prepareAnimation(i,t),this._pauseAnimation(),this._setState("paused");return}if(o(this._currentValue,t)){this._stopAnimation(),this._animationPrepared=!1,this._currentValue=t,this._renderValue(t),this._setState("completed");return}if(n||!this._animationPrepared||!o(t,this._animationTo)){const d=n?i:this._currentValue;this._prepareAnimation(d,t)}this._resumeAnimation()}_prepareAnimation(t,i){if(this._stopAnimation(),this._animationFrom=t,this._animationTo=i,this._animationDuration=Math.max(0,p(this.getAttribute("duration"),y)),this._animationDelay=Math.max(0,p(this.getAttribute("delay"),A)),this._animationStartTime=0,this._pausedElapsed=0,this._animationPrepared=!o(t,i),this._setDirection(t,i),this._syncMotionPresentation(),!this._animationPrepared||this._animationDuration===0){this._currentValue=i,this._renderValue(i),this._setState("completed");return}this._renderValue(t)}_resumeAnimation(){!this._animationPrepared||this._frame!=null||!this.isConnected||(this._setState("running"),this._frame=this._requestFrame(this._tick))}_pauseAnimation(){this._frame!=null&&(this._cancelFrame(this._frame),this._frame=null),this._animationPrepared&&this._animationStartTime>0&&(this._pausedElapsed=performance.now()-this._animationStartTime)}_stopAnimation(){this._frame!=null&&(this._cancelFrame(this._frame),this._frame=null),this._animationStartTime=0,this._pausedElapsed=0}_tick(t){if(this._frame=null,this._effectivePaused()){this._pauseAnimation(),this._setState("paused");return}if(!this._animationPrepared){this._setState("completed");return}this._animationStartTime===0&&(this._animationStartTime=t-this._pausedElapsed);const i=Math.max(0,t-this._animationStartTime);if(i<this._animationDelay){this._renderValue(this._animationFrom),this._setState("running"),this._frame=this._requestFrame(this._tick);return}const n=c((i-this._animationDelay)/Math.max(this._animationDuration,1),0,1),r=nt(x(this.getAttribute("easing")),n),s=this._animationFrom+(this._animationTo-this._animationFrom)*r;if(this._currentValue=s,this._renderValue(s),n>=1){this._animationPrepared=!1,this._animationStartTime=0,this._pausedElapsed=0,this._currentValue=this._animationTo,this._renderValue(this._animationTo),this._setState("completed");return}this._setState("running"),this._frame=this._requestFrame(this._tick)}_renderValue(t){if(!this._valueEl)return;const i=this._formatValue(t),n=W(this.getAttribute("animation"));this.setAttribute("data-animation",n),this._valueEl.setAttribute("data-mode",n),n==="odometer"?this._renderOdometer(i):this._valueEl.textContent=i,this.setAttribute("data-value",t.toFixed(6)),this.setAttribute("data-rendered",i),this.hasAttribute("aria-label")||this.setAttribute("aria-label",i)}_renderOdometer(t){if(!this._valueEl)return;const i=document.createDocumentFragment(),n=Array.from(t).filter(V).length;let r=0;const s=Math.max(0,p(this.getAttribute("stagger"),0)),d=Z(this.getAttribute("stagger-from"));for(const f of Array.from(t)){if(V(f)){const u=document.createElement("span");u.className="char digit",u.setAttribute("part","digit"),u.style.setProperty("--ui-number-ticker-digit-delay",`${ot(r,n,s,d)}ms`);const _=document.createElement("span");_.className="digit-window";const h=document.createElement("span");h.className="digit-track",h.style.setProperty("--ui-number-ticker-digit-value",String(Number(f)));for(const C of Y){const g=document.createElement("span");g.textContent=C,h.appendChild(g)}_.appendChild(h),u.appendChild(_),i.appendChild(u),r+=1;continue}const l=document.createElement("span");l.className="char symbol",l.setAttribute("part","symbol"),l.textContent=f,i.appendChild(l)}this._valueEl.replaceChildren(i)}_formatValue(t){const i=this.getAttribute("prefix")||"",n=this.getAttribute("suffix")||"",r=this._formatter.format(t),s=`${i}${r}${n}`;if(this._customFormatter)try{return String(this._customFormatter(t,{formatted:s,intl:r,value:t,prefix:i,suffix:n,locale:this.getAttribute("locale")||void 0,formatStyle:k(this.getAttribute("format-style")),currency:this.getAttribute("currency")||void 0,notation:w(this.getAttribute("notation")),signDisplay:z(this.getAttribute("sign-display")),fractionDigits:D(this.getAttribute("fraction-digits"),this.getAttribute("value"),this.getAttribute("from"))}))}catch{return s}return s}_createFormatter(){const t=k(this.getAttribute("format-style")),i=this.getAttribute("locale")||void 0,n=D(this.getAttribute("fraction-digits"),this.getAttribute("value"),this.getAttribute("from")),r={style:t,useGrouping:et(this.getAttribute("use-grouping"),!0),signDisplay:z(this.getAttribute("sign-display")),notation:w(this.getAttribute("notation"))};n!=null?(r.minimumFractionDigits=n,r.maximumFractionDigits=n):t==="decimal"&&(r.minimumFractionDigits=v,r.maximumFractionDigits=v),r.notation==="compact"&&(r.compactDisplay=X(this.getAttribute("compact-display"))),t==="currency"&&(r.currency=J(this.getAttribute("currency")),r.currencyDisplay=K(this.getAttribute("currency-display")));try{return new Intl.NumberFormat(i,r)}catch{const s={style:t==="currency"&&r.currency?"currency":"decimal",useGrouping:r.useGrouping,signDisplay:r.signDisplay,notation:r.notation,minimumFractionDigits:r.minimumFractionDigits,maximumFractionDigits:r.maximumFractionDigits};return s.notation==="compact"&&(s.compactDisplay=r.compactDisplay),s.style==="currency"&&r.currency&&(s.currency=r.currency,s.currencyDisplay=r.currencyDisplay),new Intl.NumberFormat(void 0,s)}}_syncStyleOverrides(){E(this.style,"--ui-number-ticker-font-size",this.getAttribute("font-size")),T(this.style,"--ui-number-ticker-font-weight",this.getAttribute("font-weight")),E(this.style,"--ui-number-ticker-letter-spacing",this.getAttribute("letter-spacing")),T(this.style,"--ui-number-ticker-color",this.getAttribute("color"))}_syncMotionPresentation(){this.style.setProperty("--ui-number-ticker-roll-duration",`${Math.round(c(this._animationDuration*.55,180,900))}ms`),this.style.setProperty("--ui-number-ticker-roll-ease",at(x(this.getAttribute("easing"))))}_resolvedTargetValue(){return b(this.getAttribute("value"),0)}_resolvedBaseValue(){return b(this.getAttribute("from"),0)}_effectivePaused(){return!!(this.hasAttribute("paused")||this.hasAttribute("pause-on-hover")&&this._hovering||this.hasAttribute("pause-on-focus")&&this._focusWithin)}_setState(t){this.setAttribute("data-state",t)}_setDirection(t,i){const n=o(t,i)?"flat":i>t?"up":"down";this.setAttribute("data-direction",n)}_onPointerEnter(){this._hovering=!0,this.hasAttribute("pause-on-hover")&&this._syncFromAttributes(!1)}_onPointerLeave(){this._hovering=!1,this.hasAttribute("pause-on-hover")&&this._syncFromAttributes(!1)}_onFocusIn(){this._focusWithin=!0,this.hasAttribute("pause-on-focus")&&this._syncFromAttributes(!1)}_onFocusOut(t){const i=t.relatedTarget;this._focusWithin=!!(i&&this.contains(i)),this.hasAttribute("pause-on-focus")&&this._syncFromAttributes(!1)}_bindReducedMotion(){if(!(this._mediaQuery||typeof window>"u"||typeof window.matchMedia!="function")){this._mediaQuery=window.matchMedia("(prefers-reduced-motion: reduce)");try{this._mediaQuery.addEventListener("change",this._onReducedMotionChange)}catch{this._mediaQuery.addListener(this._onReducedMotionChange)}}}_onReducedMotionChange(){this._syncFromAttributes(!1)}_syncVisibilityObserver(){const t=m(this.getAttribute("trigger")),i=c(b(this.getAttribute("visibility-threshold"),S),0,1);if(t!=="visible"||typeof IntersectionObserver!="function"){this._disconnectVisibilityObserver(),this._isVisible=!0,this._observerThreshold=i;return}this._intersectionObserver&&o(this._observerThreshold,i)||(this._disconnectVisibilityObserver(),this._observerThreshold=i,this._isVisible=!1,this._intersectionObserver=new IntersectionObserver(this._onVisibilityChange,{threshold:ut(i)}),this._intersectionObserver.observe(this))}_disconnectVisibilityObserver(){this._intersectionObserver&&(this._intersectionObserver.disconnect(),this._intersectionObserver=null)}_onVisibilityChange(t){const i=t[t.length-1];if(!i)return;const n=i.isIntersecting&&i.intersectionRatio>=this._observerThreshold,r=n&&!this._isVisible;this._isVisible=n,r&&this._visibilityGatePending&&this._syncFromAttributes(!1)}_prefersReducedMotion(){var t;return!!((t=this._mediaQuery)!=null&&t.matches)}_requestFrame(t){return typeof requestAnimationFrame=="function"?requestAnimationFrame(t):window.setTimeout(()=>t(performance.now()),16)}_cancelFrame(t){if(typeof cancelAnimationFrame=="function"){cancelAnimationFrame(t);return}window.clearTimeout(t)}}function k(e){return e!=null&&$.has(e)?e:L}function W(e){return e!=null&&Q.has(e)?e:"interpolate"}function m(e){return e!=null&&q.has(e)?e:"immediate"}function Z(e){return e!=null&&B.has(e)?e:"start"}function x(e){return e!=null&&N.has(e)?e:O}function K(e){return e!=null&&R.has(e)?e:"symbol"}function w(e){return e!=null&&G.has(e)?e:"standard"}function X(e){return e!=null&&U.has(e)?e:"short"}function z(e){return e!=null&&H.has(e)?e:"auto"}function J(e){const t=e==null?void 0:e.trim().toUpperCase();return t&&/^[A-Z]{3}$/.test(t)?t:"USD"}function b(e,t){if(e==null||e.trim()==="")return t;const i=Number.parseFloat(e);return Number.isFinite(i)?i:t}function p(e,t){if(e==null||e.trim()==="")return t;const i=e.trim().toLowerCase();return/^-?\d+(\.\d+)?$/.test(i)||/^-?\d+(\.\d+)?ms$/.test(i)?Number.parseFloat(i):/^-?\d+(\.\d+)?s$/.test(i)?Number.parseFloat(i)*1e3:t}function tt(e,t){if(e==null||e.trim()==="")return t;const i=Number.parseInt(e,10);return Number.isFinite(i)?i:t}function et(e,t){if(e==null)return t;const i=e.trim().toLowerCase();return i?i==="false"||i==="0"||i==="off"||i==="no"?!1:i==="true"||i==="1"||i==="on"||i==="yes"?!0:t:!0}function it(e){if(e==null||e.trim()==="")return null;const t=e.trim().split(/\s+/).filter(Boolean);return t.length?t.map(i=>/^-?\d+(\.\d+)?$/.test(i)?`${i}px`:i).join(" "):null}function E(e,t,i){const n=it(i);if(n==null){e.removeProperty(t);return}e.setProperty(t,n)}function T(e,t,i){const n=i==null?void 0:i.trim();if(!n){e.removeProperty(t);return}e.setProperty(t,n)}function P(e){var n;if(e==null)return 0;const t=e.trim();if(!t)return 0;const i=t.match(/^-?\d+(?:\.(\d+))?$/);return((n=i==null?void 0:i[1])==null?void 0:n.length)||0}function D(e,t,i){const n=c(tt(e,-1),-1,F);if(n>=0)return n;const r=c(Math.max(P(t),P(i)),0,F);return r>0?r:null}function nt(e,t){switch(e){case"linear":return t;case"ease-in":return t*t*t;case"ease-in-out":return t<.5?4*t*t*t:1-Math.pow(-2*t+2,3)/2;case"spring":return 1-Math.cos(t*Math.PI*4.5)*Math.exp(-t*6);case"bounce":return rt(t);case"overshoot":return st(t);case"ease-out":default:return 1-Math.pow(1-t,3)}}function rt(e){if(e<1/2.75)return 7.5625*e*e;if(e<2/2.75){const r=e-.5454545454545454;return 7.5625*r*r+.75}if(e<2.5/2.75){const r=e-.8181818181818182;return 7.5625*r*r+.9375}const n=e-2.625/2.75;return 7.5625*n*n+.984375}function st(e){return 1+2.70158*Math.pow(e-1,3)+1.70158*Math.pow(e-1,2)}function at(e){switch(e){case"linear":return"linear";case"ease-in":return"cubic-bezier(0.55, 0.085, 0.68, 0.53)";case"ease-in-out":return"cubic-bezier(0.65, 0, 0.35, 1)";case"spring":return"cubic-bezier(0.34, 1.56, 0.64, 1)";case"bounce":return"cubic-bezier(0.35, 1.4, 0.35, 1)";case"overshoot":return"cubic-bezier(0.2, 1.24, 0.3, 1)";case"ease-out":default:return"cubic-bezier(0.22, 1, 0.36, 1)"}}function ot(e,t,i,n){if(i<=0||t<=1)return 0;switch(n){case"end":return(t-e-1)*i;case"center":{const r=(t-1)/2;return Math.abs(e-r)*i}case"start":default:return e*i}}function ut(e){return e<=0?[0]:[0,e,1]}function V(e){return/^[0-9]$/.test(e)}function c(e,t,i){return Math.min(i,Math.max(t,e))}function o(e,t){return Math.abs(e-t)<1e-5}typeof customElements<"u"&&!customElements.get("ui-number-ticker")&&customElements.define("ui-number-ticker",M);exports.UINumberTicker=M;
+    `),this._valueEl=this.root.querySelector(".value"),this._syncFromAttributes(!this._initialized)}_syncFromAttributes(t){if(!this._valueEl)return;this._syncStyleOverrides(),this._syncVisibilityObserver(),this._formatter=this._createFormatter(),this._syncMotionPresentation();const i=this._resolvedTargetValue(),n=this._resolvedBaseValue();!this._initialized||t?(this._currentValue=n,this._renderValue(n),m(this.getAttribute("trigger"))==="visible"&&(this._visibilityGatePending=!0)):this._renderValue(this._currentValue),this._setDirection(t?n:this._currentValue,i),this._syncPlayback(i,n,t),this._initialized=!0}_syncPlayback(t,i,n){const r=this._prefersReducedMotion(),s=this._effectivePaused();if(this._visibilityGatePending){if(!this._isVisible){this._stopAnimation(),this._animationPrepared=!1,this._currentValue=i,this._renderValue(i),this._setState(s?"paused":"waiting");return}this._visibilityGatePending=!1}if(r){this._stopAnimation(),this._animationPrepared=!1,this._currentValue=t,this._renderValue(t),this._setState(s?"paused":"completed");return}if(s){(n||!this._animationPrepared)&&!o(i,t)&&this._prepareAnimation(i,t),this._pauseAnimation(),this._setState("paused");return}if(o(this._currentValue,t)){this._stopAnimation(),this._animationPrepared=!1,this._currentValue=t,this._renderValue(t),this._setState("completed");return}if(n||!this._animationPrepared||!o(t,this._animationTo)){const d=n?i:this._currentValue;this._prepareAnimation(d,t)}this._resumeAnimation()}_prepareAnimation(t,i){if(this._stopAnimation(),this._animationFrom=t,this._animationTo=i,this._animationDuration=Math.max(0,p(this.getAttribute("duration"),y)),this._animationDelay=Math.max(0,p(this.getAttribute("delay"),v)),this._animationStartTime=0,this._pausedElapsed=0,this._animationPrepared=!o(t,i),this._setDirection(t,i),this._syncMotionPresentation(),!this._animationPrepared||this._animationDuration===0){this._currentValue=i,this._renderValue(i),this._setState("completed");return}this._renderValue(t)}_resumeAnimation(){!this._animationPrepared||this._frame!=null||!this.isConnected||(this._setState("running"),this._frame=this._requestFrame(this._tick))}_pauseAnimation(){this._frame!=null&&(this._cancelFrame(this._frame),this._frame=null),this._animationPrepared&&this._animationStartTime>0&&(this._pausedElapsed=performance.now()-this._animationStartTime)}_stopAnimation(){this._frame!=null&&(this._cancelFrame(this._frame),this._frame=null),this._animationStartTime=0,this._pausedElapsed=0}_tick(t){if(this._frame=null,this._effectivePaused()){this._pauseAnimation(),this._setState("paused");return}if(!this._animationPrepared){this._setState("completed");return}this._animationStartTime===0&&(this._animationStartTime=t-this._pausedElapsed);const i=Math.max(0,t-this._animationStartTime);if(i<this._animationDelay){this._renderValue(this._animationFrom),this._setState("running"),this._frame=this._requestFrame(this._tick);return}const n=c((i-this._animationDelay)/Math.max(this._animationDuration,1),0,1),r=nt(x(this.getAttribute("easing")),n),s=this._animationFrom+(this._animationTo-this._animationFrom)*r;if(this._currentValue=s,this._renderValue(s),n>=1){this._animationPrepared=!1,this._animationStartTime=0,this._pausedElapsed=0,this._currentValue=this._animationTo,this._renderValue(this._animationTo),this._setState("completed");return}this._setState("running"),this._frame=this._requestFrame(this._tick)}_renderValue(t){if(!this._valueEl)return;const i=this._formatValue(t),n=W(this.getAttribute("animation"));this.setAttribute("data-animation",n),this._valueEl.setAttribute("data-mode",n),n==="odometer"?this._renderOdometer(i):this._valueEl.textContent=i,this.setAttribute("data-value",t.toFixed(6)),this.setAttribute("data-rendered",i),this.hasAttribute("aria-label")||this.setAttribute("aria-label",i)}_renderOdometer(t){if(!this._valueEl)return;const i=document.createDocumentFragment(),n=Array.from(t).filter(V).length;let r=0;const s=Math.max(0,p(this.getAttribute("stagger"),0)),d=Z(this.getAttribute("stagger-from"));for(const f of Array.from(t)){if(V(f)){const u=document.createElement("span");u.className="char digit",u.setAttribute("part","digit"),u.style.setProperty("--ui-number-ticker-digit-delay",`${ot(r,n,s,d)}ms`);const _=document.createElement("span");_.className="digit-window";const h=document.createElement("span");h.className="digit-track",h.style.setProperty("--ui-number-ticker-digit-value",String(Number(f)));for(const C of Y){const g=document.createElement("span");g.textContent=C,h.appendChild(g)}_.appendChild(h),u.appendChild(_),i.appendChild(u),r+=1;continue}const l=document.createElement("span");l.className="char symbol",l.setAttribute("part","symbol"),l.textContent=f,i.appendChild(l)}this._valueEl.replaceChildren(i)}_formatValue(t){const i=this.getAttribute("prefix")||"",n=this.getAttribute("suffix")||"",r=this._formatter.format(t),s=`${i}${r}${n}`;if(this._customFormatter)try{return String(this._customFormatter(t,{formatted:s,intl:r,value:t,prefix:i,suffix:n,locale:this.getAttribute("locale")||void 0,formatStyle:k(this.getAttribute("format-style")),currency:this.getAttribute("currency")||void 0,notation:w(this.getAttribute("notation")),signDisplay:z(this.getAttribute("sign-display")),fractionDigits:D(this.getAttribute("fraction-digits"),this.getAttribute("value"),this.getAttribute("from"))}))}catch{return s}return s}_createFormatter(){const t=k(this.getAttribute("format-style")),i=this.getAttribute("locale")||void 0,n=D(this.getAttribute("fraction-digits"),this.getAttribute("value"),this.getAttribute("from")),r={style:t,useGrouping:et(this.getAttribute("use-grouping"),!0),signDisplay:z(this.getAttribute("sign-display")),notation:w(this.getAttribute("notation"))};n!=null?(r.minimumFractionDigits=n,r.maximumFractionDigits=n):t==="decimal"&&(r.minimumFractionDigits=A,r.maximumFractionDigits=A),r.notation==="compact"&&(r.compactDisplay=X(this.getAttribute("compact-display"))),t==="currency"&&(r.currency=J(this.getAttribute("currency")),r.currencyDisplay=K(this.getAttribute("currency-display")));try{return new Intl.NumberFormat(i,r)}catch{const s={style:t==="currency"&&r.currency?"currency":"decimal",useGrouping:r.useGrouping,signDisplay:r.signDisplay,notation:r.notation,minimumFractionDigits:r.minimumFractionDigits,maximumFractionDigits:r.maximumFractionDigits};return s.notation==="compact"&&(s.compactDisplay=r.compactDisplay),s.style==="currency"&&r.currency&&(s.currency=r.currency,s.currencyDisplay=r.currencyDisplay),new Intl.NumberFormat(void 0,s)}}_syncStyleOverrides(){E(this.style,"--ui-number-ticker-font-size",this.getAttribute("font-size")),T(this.style,"--ui-number-ticker-font-weight",this.getAttribute("font-weight")),E(this.style,"--ui-number-ticker-letter-spacing",this.getAttribute("letter-spacing")),T(this.style,"--ui-number-ticker-color",this.getAttribute("color"))}_syncMotionPresentation(){this.style.setProperty("--ui-number-ticker-roll-duration",`${Math.round(c(this._animationDuration*.55,180,900))}ms`),this.style.setProperty("--ui-number-ticker-roll-ease",at(x(this.getAttribute("easing"))))}_resolvedTargetValue(){return b(this.getAttribute("value"),0)}_resolvedBaseValue(){return b(this.getAttribute("from"),0)}_effectivePaused(){return!!(this.hasAttribute("paused")||this.hasAttribute("pause-on-hover")&&this._hovering||this.hasAttribute("pause-on-focus")&&this._focusWithin)}_setState(t){this.setAttribute("data-state",t)}_setDirection(t,i){const n=o(t,i)?"flat":i>t?"up":"down";this.setAttribute("data-direction",n)}_onPointerEnter(){this._hovering=!0,this.hasAttribute("pause-on-hover")&&this._syncFromAttributes(!1)}_onPointerLeave(){this._hovering=!1,this.hasAttribute("pause-on-hover")&&this._syncFromAttributes(!1)}_onFocusIn(){this._focusWithin=!0,this.hasAttribute("pause-on-focus")&&this._syncFromAttributes(!1)}_onFocusOut(t){const i=t.relatedTarget;this._focusWithin=!!(i&&this.contains(i)),this.hasAttribute("pause-on-focus")&&this._syncFromAttributes(!1)}_bindReducedMotion(){if(!(this._mediaQuery||typeof window>"u"||typeof window.matchMedia!="function")){this._mediaQuery=window.matchMedia("(prefers-reduced-motion: reduce)");try{this._mediaQuery.addEventListener("change",this._onReducedMotionChange)}catch{this._mediaQuery.addListener(this._onReducedMotionChange)}}}_onReducedMotionChange(){this._syncFromAttributes(!1)}_syncVisibilityObserver(){const t=m(this.getAttribute("trigger")),i=c(b(this.getAttribute("visibility-threshold"),S),0,1);if(t!=="visible"||typeof IntersectionObserver!="function"){this._disconnectVisibilityObserver(),this._isVisible=!0,this._observerThreshold=i;return}this._intersectionObserver&&o(this._observerThreshold,i)||(this._disconnectVisibilityObserver(),this._observerThreshold=i,this._isVisible=!1,this._intersectionObserver=new IntersectionObserver(this._onVisibilityChange,{threshold:ut(i)}),this._intersectionObserver.observe(this))}_disconnectVisibilityObserver(){this._intersectionObserver&&(this._intersectionObserver.disconnect(),this._intersectionObserver=null)}_onVisibilityChange(t){const i=t[t.length-1];if(!i)return;const n=i.isIntersecting&&i.intersectionRatio>=this._observerThreshold,r=n&&!this._isVisible;this._isVisible=n,r&&this._visibilityGatePending&&this._syncFromAttributes(!1)}_prefersReducedMotion(){return!!this._mediaQuery?.matches}_requestFrame(t){return typeof requestAnimationFrame=="function"?requestAnimationFrame(t):window.setTimeout(()=>t(performance.now()),16)}_cancelFrame(t){if(typeof cancelAnimationFrame=="function"){cancelAnimationFrame(t);return}window.clearTimeout(t)}}function k(e){return e!=null&&$.has(e)?e:L}function W(e){return e!=null&&Q.has(e)?e:"interpolate"}function m(e){return e!=null&&q.has(e)?e:"immediate"}function Z(e){return e!=null&&B.has(e)?e:"start"}function x(e){return e!=null&&N.has(e)?e:O}function K(e){return e!=null&&R.has(e)?e:"symbol"}function w(e){return e!=null&&G.has(e)?e:"standard"}function X(e){return e!=null&&U.has(e)?e:"short"}function z(e){return e!=null&&H.has(e)?e:"auto"}function J(e){const t=e?.trim().toUpperCase();return t&&/^[A-Z]{3}$/.test(t)?t:"USD"}function b(e,t){if(e==null||e.trim()==="")return t;const i=Number.parseFloat(e);return Number.isFinite(i)?i:t}function p(e,t){if(e==null||e.trim()==="")return t;const i=e.trim().toLowerCase();return/^-?\d+(\.\d+)?$/.test(i)||/^-?\d+(\.\d+)?ms$/.test(i)?Number.parseFloat(i):/^-?\d+(\.\d+)?s$/.test(i)?Number.parseFloat(i)*1e3:t}function tt(e,t){if(e==null||e.trim()==="")return t;const i=Number.parseInt(e,10);return Number.isFinite(i)?i:t}function et(e,t){if(e==null)return t;const i=e.trim().toLowerCase();return i?i==="false"||i==="0"||i==="off"||i==="no"?!1:i==="true"||i==="1"||i==="on"||i==="yes"?!0:t:!0}function it(e){if(e==null||e.trim()==="")return null;const t=e.trim().split(/\s+/).filter(Boolean);return t.length?t.map(i=>/^-?\d+(\.\d+)?$/.test(i)?`${i}px`:i).join(" "):null}function E(e,t,i){const n=it(i);if(n==null){e.removeProperty(t);return}e.setProperty(t,n)}function T(e,t,i){const n=i?.trim();if(!n){e.removeProperty(t);return}e.setProperty(t,n)}function P(e){if(e==null)return 0;const t=e.trim();return t&&t.match(/^-?\d+(?:\.(\d+))?$/)?.[1]?.length||0}function D(e,t,i){const n=c(tt(e,-1),-1,F);if(n>=0)return n;const r=c(Math.max(P(t),P(i)),0,F);return r>0?r:null}function nt(e,t){switch(e){case"linear":return t;case"ease-in":return t*t*t;case"ease-in-out":return t<.5?4*t*t*t:1-Math.pow(-2*t+2,3)/2;case"spring":return 1-Math.cos(t*Math.PI*4.5)*Math.exp(-t*6);case"bounce":return rt(t);case"overshoot":return st(t);default:return 1-Math.pow(1-t,3)}}function rt(e){if(e<1/2.75)return 7.5625*e*e;if(e<2/2.75){const r=e-.5454545454545454;return 7.5625*r*r+.75}if(e<2.5/2.75){const r=e-.8181818181818182;return 7.5625*r*r+.9375}const n=e-2.625/2.75;return 7.5625*n*n+.984375}function st(e){return 1+2.70158*Math.pow(e-1,3)+1.70158*Math.pow(e-1,2)}function at(e){switch(e){case"linear":return"linear";case"ease-in":return"cubic-bezier(0.55, 0.085, 0.68, 0.53)";case"ease-in-out":return"cubic-bezier(0.65, 0, 0.35, 1)";case"spring":return"cubic-bezier(0.34, 1.56, 0.64, 1)";case"bounce":return"cubic-bezier(0.35, 1.4, 0.35, 1)";case"overshoot":return"cubic-bezier(0.2, 1.24, 0.3, 1)";default:return"cubic-bezier(0.22, 1, 0.36, 1)"}}function ot(e,t,i,n){if(i<=0||t<=1)return 0;switch(n){case"end":return(t-e-1)*i;case"center":{const r=(t-1)/2;return Math.abs(e-r)*i}default:return e*i}}function ut(e){return e<=0?[0]:[0,e,1]}function V(e){return/^[0-9]$/.test(e)}function c(e,t,i){return Math.min(i,Math.max(t,e))}function o(e,t){return Math.abs(e-t)<1e-5}typeof customElements<"u"&&!customElements.get("ui-number-ticker")&&customElements.define("ui-number-ticker",M);exports.UINumberTicker=M;

package/dist/number-ticker.esm.js

@@ -1,5 +1,5 @@
-import { E as M } from "./ElementBase-909688f3.mjs";
-const y = 1200, A = 0, I = "ease-out", O = "decimal", v = 0, S = 0.4, F = 6, L = /* @__PURE__ */ new Set([
+import { E as M } from "./ElementBase-YlTLMsGk.mjs";
+const y = 1200, v = 0, I = "ease-out", O = "decimal", A = 0, S = 0.4, F = 6, L = /* @__PURE__ */ new Set([
   "linear",
   "ease-in",
   "ease-out",
@@ -234,7 +234,7 @@ const y = 1200, A = 0, I = "ease-out", O = "decimal", v = 0, S = 0.4, F = 6, L =
 `;
 class W extends M {
   constructor() {
-    super(), this._valueEl = null, this._frame = null, this._currentValue = 0, this._animationFrom = 0, this._animationTo = 0, this._animationDuration = y, this._animationDelay = A, this._animationStartTime = 0, this._pausedElapsed = 0, this._animationPrepared = !1, this._initialized = !1, this._hovering = !1, this._focusWithin = !1, this._formatter = new Intl.NumberFormat(), this._mediaQuery = null, this._customFormatter = null, this._intersectionObserver = null, this._observerThreshold = S, this._isVisible = !0, this._visibilityGatePending = !1, this._tick = this._tick.bind(this), this._onPointerEnter = this._onPointerEnter.bind(this), this._onPointerLeave = this._onPointerLeave.bind(this), this._onFocusIn = this._onFocusIn.bind(this), this._onFocusOut = this._onFocusOut.bind(this), this._onReducedMotionChange = this._onReducedMotionChange.bind(this), this._onVisibilityChange = this._onVisibilityChange.bind(this);
+    super(), this._valueEl = null, this._frame = null, this._currentValue = 0, this._animationFrom = 0, this._animationTo = 0, this._animationDuration = y, this._animationDelay = v, this._animationStartTime = 0, this._pausedElapsed = 0, this._animationPrepared = !1, this._initialized = !1, this._hovering = !1, this._focusWithin = !1, this._formatter = new Intl.NumberFormat(), this._mediaQuery = null, this._customFormatter = null, this._intersectionObserver = null, this._observerThreshold = S, this._isVisible = !0, this._visibilityGatePending = !1, this._tick = this._tick.bind(this), this._onPointerEnter = this._onPointerEnter.bind(this), this._onPointerLeave = this._onPointerLeave.bind(this), this._onFocusIn = this._onFocusIn.bind(this), this._onFocusOut = this._onFocusOut.bind(this), this._onReducedMotionChange = this._onReducedMotionChange.bind(this), this._onVisibilityChange = this._onVisibilityChange.bind(this);
   }
   static get observedAttributes() {
     return [
@@ -321,8 +321,7 @@ class W extends M {
     `), this._valueEl = this.root.querySelector(".value"), this._syncFromAttributes(!this._initialized);
   }
   _syncFromAttributes(t) {
-    if (!this._valueEl)
-      return;
+    if (!this._valueEl) return;
     this._syncStyleOverrides(), this._syncVisibilityObserver(), this._formatter = this._createFormatter(), this._syncMotionPresentation();
     const i = this._resolvedTargetValue(), n = this._resolvedBaseValue();
     !this._initialized || t ? (this._currentValue = n, this._renderValue(n), m(this.getAttribute("trigger")) === "visible" && (this._visibilityGatePending = !0)) : this._renderValue(this._currentValue), this._setDirection(t ? n : this._currentValue, i), this._syncPlayback(i, n, t), this._initialized = !0;
@@ -355,7 +354,7 @@ class W extends M {
     this._resumeAnimation();
   }
   _prepareAnimation(t, i) {
-    if (this._stopAnimation(), this._animationFrom = t, this._animationTo = i, this._animationDuration = Math.max(0, p(this.getAttribute("duration"), y)), this._animationDelay = Math.max(0, p(this.getAttribute("delay"), A)), this._animationStartTime = 0, this._pausedElapsed = 0, this._animationPrepared = !o(t, i), this._setDirection(t, i), this._syncMotionPresentation(), !this._animationPrepared || this._animationDuration === 0) {
+    if (this._stopAnimation(), this._animationFrom = t, this._animationTo = i, this._animationDuration = Math.max(0, p(this.getAttribute("duration"), y)), this._animationDelay = Math.max(0, p(this.getAttribute("delay"), v)), this._animationStartTime = 0, this._pausedElapsed = 0, this._animationPrepared = !o(t, i), this._setDirection(t, i), this._syncMotionPresentation(), !this._animationPrepared || this._animationDuration === 0) {
       this._currentValue = i, this._renderValue(i), this._setState("completed");
       return;
     }
@@ -393,14 +392,12 @@ class W extends M {
     this._setState("running"), this._frame = this._requestFrame(this._tick);
   }
   _renderValue(t) {
-    if (!this._valueEl)
-      return;
+    if (!this._valueEl) return;
     const i = this._formatValue(t), n = j(this.getAttribute("animation"));
     this.setAttribute("data-animation", n), this._valueEl.setAttribute("data-mode", n), n === "odometer" ? this._renderOdometer(i) : this._valueEl.textContent = i, this.setAttribute("data-value", t.toFixed(6)), this.setAttribute("data-rendered", i), this.hasAttribute("aria-label") || this.setAttribute("aria-label", i);
   }
   _renderOdometer(t) {
-    if (!this._valueEl)
-      return;
+    if (!this._valueEl) return;
     const i = document.createDocumentFragment(), n = Array.from(t).filter(V).length;
     let r = 0;
     const s = Math.max(0, p(this.getAttribute("stagger"), 0)), d = Z(this.getAttribute("stagger-from"));
@@ -466,7 +463,7 @@ class W extends M {
       signDisplay: z(this.getAttribute("sign-display")),
       notation: w(this.getAttribute("notation"))
     };
-    n != null ? (r.minimumFractionDigits = n, r.maximumFractionDigits = n) : t === "decimal" && (r.minimumFractionDigits = v, r.maximumFractionDigits = v), r.notation === "compact" && (r.compactDisplay = X(this.getAttribute("compact-display"))), t === "currency" && (r.currency = J(this.getAttribute("currency")), r.currencyDisplay = K(this.getAttribute("currency-display")));
+    n != null ? (r.minimumFractionDigits = n, r.maximumFractionDigits = n) : t === "decimal" && (r.minimumFractionDigits = A, r.maximumFractionDigits = A), r.notation === "compact" && (r.compactDisplay = X(this.getAttribute("compact-display"))), t === "currency" && (r.currency = J(this.getAttribute("currency")), r.currencyDisplay = K(this.getAttribute("currency-display")));
     try {
       return new Intl.NumberFormat(i, r);
     } catch {
@@ -547,14 +544,12 @@ class W extends M {
   }
   _onVisibilityChange(t) {
     const i = t[t.length - 1];
-    if (!i)
-      return;
+    if (!i) return;
     const n = i.isIntersecting && i.intersectionRatio >= this._observerThreshold, r = n && !this._isVisible;
     this._isVisible = n, r && this._visibilityGatePending && this._syncFromAttributes(!1);
   }
   _prefersReducedMotion() {
-    var t;
-    return !!((t = this._mediaQuery) != null && t.matches);
+    return !!this._mediaQuery?.matches;
   }
   _requestFrame(t) {
     return typeof requestAnimationFrame == "function" ? requestAnimationFrame(t) : window.setTimeout(() => t(performance.now()), 16);
@@ -595,36 +590,31 @@ function z(e) {
   return e != null && U.has(e) ? e : "auto";
 }
 function J(e) {
-  const t = e == null ? void 0 : e.trim().toUpperCase();
+  const t = e?.trim().toUpperCase();
   return t && /^[A-Z]{3}$/.test(t) ? t : "USD";
 }
 function b(e, t) {
-  if (e == null || e.trim() === "")
-    return t;
+  if (e == null || e.trim() === "") return t;
   const i = Number.parseFloat(e);
   return Number.isFinite(i) ? i : t;
 }
 function p(e, t) {
-  if (e == null || e.trim() === "")
-    return t;
+  if (e == null || e.trim() === "") return t;
   const i = e.trim().toLowerCase();
   return /^-?\d+(\.\d+)?$/.test(i) || /^-?\d+(\.\d+)?ms$/.test(i) ? Number.parseFloat(i) : /^-?\d+(\.\d+)?s$/.test(i) ? Number.parseFloat(i) * 1e3 : t;
 }
 function tt(e, t) {
-  if (e == null || e.trim() === "")
-    return t;
+  if (e == null || e.trim() === "") return t;
   const i = Number.parseInt(e, 10);
   return Number.isFinite(i) ? i : t;
 }
 function et(e, t) {
-  if (e == null)
-    return t;
+  if (e == null) return t;
   const i = e.trim().toLowerCase();
   return i ? i === "false" || i === "0" || i === "off" || i === "no" ? !1 : i === "true" || i === "1" || i === "on" || i === "yes" ? !0 : t : !0;
 }
 function it(e) {
-  if (e == null || e.trim() === "")
-    return null;
+  if (e == null || e.trim() === "") return null;
   const t = e.trim().split(/\s+/).filter(Boolean);
   return t.length ? t.map((i) => /^-?\d+(\.\d+)?$/.test(i) ? `${i}px` : i).join(" ") : null;
 }
@@ -637,7 +627,7 @@ function E(e, t, i) {
   e.setProperty(t, n);
 }
 function P(e, t, i) {
-  const n = i == null ? void 0 : i.trim();
+  const n = i?.trim();
   if (!n) {
     e.removeProperty(t);
     return;
@@ -645,19 +635,13 @@ function P(e, t, i) {
   e.setProperty(t, n);
 }
 function T(e) {
-  var n;
-  if (e == null)
-    return 0;
+  if (e == null) return 0;
   const t = e.trim();
-  if (!t)
-    return 0;
-  const i = t.match(/^-?\d+(?:\.(\d+))?$/);
-  return ((n = i == null ? void 0 : i[1]) == null ? void 0 : n.length) || 0;
+  return t && t.match(/^-?\d+(?:\.(\d+))?$/)?.[1]?.length || 0;
 }
 function D(e, t, i) {
   const n = c(tt(e, -1), -1, F);
-  if (n >= 0)
-    return n;
+  if (n >= 0) return n;
   const r = c(Math.max(T(t), T(i)), 0, F);
   return r > 0 ? r : null;
 }
@@ -675,14 +659,12 @@ function nt(e, t) {
       return rt(t);
     case "overshoot":
       return st(t);
-    case "ease-out":
     default:
       return 1 - Math.pow(1 - t, 3);
   }
 }
 function rt(e) {
-  if (e < 1 / 2.75)
-    return 7.5625 * e * e;
+  if (e < 1 / 2.75) return 7.5625 * e * e;
   if (e < 2 / 2.75) {
     const r = e - 0.5454545454545454;
     return 7.5625 * r * r + 0.75;
@@ -711,14 +693,12 @@ function at(e) {
       return "cubic-bezier(0.35, 1.4, 0.35, 1)";
     case "overshoot":
       return "cubic-bezier(0.2, 1.24, 0.3, 1)";
-    case "ease-out":
     default:
       return "cubic-bezier(0.22, 1, 0.36, 1)";
   }
 }
 function ot(e, t, i, n) {
-  if (i <= 0 || t <= 1)
-    return 0;
+  if (i <= 0 || t <= 1) return 0;
   switch (n) {
     case "end":
       return (t - e - 1) * i;
@@ -726,7 +706,6 @@ function ot(e, t, i, n) {
       const r = (t - 1) / 2;
       return Math.abs(e - r) * i;
     }
-    case "start":
     default:
       return e * i;
   }

package/dist/odometer.cjs.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const M=require("./ElementBase-1b301e7f.js"),D=`
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const M=require("./ElementBase-EV6mVBUV.js"),D=`
   :host {
     --ui-odometer-font-family: var(--ui-font-family-mono, var(--font-mono, ui-monospace, 'SF Mono', Menlo, Monaco, Consolas, monospace));
     --ui-odometer-font-size: var(--font-size-4, 1.25rem);