@editora/ui-core 0.1.18 → 0.1.20

package/dist/time-picker.esm.js

@@ -1,22 +1,20 @@
-import { E as x } from "./ElementBase-909688f3.mjs";
-import { c as E } from "./dismissable-layer-9c7e6b58.mjs";
-import { r as k } from "./calendar-2c11b824.mjs";
-import { r as w, e as S, i as m, s as C, q as b, t as B, w as v, l as O, c as I } from "./date-time-utils-a2c7af25.mjs";
-import "./scroll-lock-31da444f.mjs";
-import "./positioner-e9770c66.mjs";
-const A = `
+import { E } from "./ElementBase-YlTLMsGk.mjs";
+import { c as k } from "./dismissable-layer-BmPIoK80.mjs";
+import { r as w } from "./calendar-DLY4acgn.mjs";
+import { r as S, e as C, i as b, s as B, q as f, t as O, w as y, l as I, c as A } from "./date-time-utils-y1N2gvG2.mjs";
+const D = `
   <svg viewBox="0 0 20 20" class="icon-svg" aria-hidden="true" focusable="false">
     <path d="M10 2.4a7.6 7.6 0 1 1 0 15.2A7.6 7.6 0 0 1 10 2.4Zm0 1.4a6.2 6.2 0 1 0 0 12.4 6.2 6.2 0 0 0 0-12.4Zm.7 2.4a.7.7 0 0 0-1.4 0v4.1c0 .2.1.4.2.5l2.6 2.5a.7.7 0 1 0 1-1l-2.4-2.3v-3.8Z" fill="currentColor"/>
   </svg>
-`, D = `
+`, $ = `
   <svg viewBox="0 0 20 20" class="icon-svg" 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>
-`, $ = `
+`, M = `
   <svg viewBox="0 0 20 20" class="icon-svg" aria-hidden="true" focusable="false">
     <path d="m5.6 7.6 4.4 4.6 4.4-4.6" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"/>
   </svg>
-`, M = `
+`, z = `
   :host {
     --ui-dp-bg: color-mix(in srgb, var(--ui-color-surface, #ffffff) 96%, transparent);
     --ui-dp-border: color-mix(in srgb, var(--ui-color-border, #cbd5e1) 72%, transparent);
@@ -145,7 +143,15 @@ const A = `
       outline-color: Highlight;
     }
   }
-`, z = `
+`, L = `
+  .ui-time-picker-overlay-host {
+    --ui-dp-bg: color-mix(in srgb, var(--ui-color-surface, #ffffff) 96%, transparent);
+    --ui-dp-border: color-mix(in srgb, var(--ui-color-border, #cbd5e1) 72%, transparent);
+    --ui-dp-text: var(--ui-color-text, #0f172a);
+    --ui-dp-muted: var(--ui-color-muted, #64748b);
+    --ui-dp-accent: var(--ui-color-primary, #2563eb);
+    --ui-dp-radius: 12px;
+  }
   .overlay { position: fixed; z-index: var(--ui-dp-z, 1600); pointer-events: none; }
   .panel {
     pointer-events: auto;
@@ -252,17 +258,20 @@ const A = `
     }
   }
 `;
-function h(p) {
-  return String(p).padStart(2, "0");
+function _(d) {
+  return String(d).padStart(2, "0");
+}
+function c(d) {
+  return d.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#39;");
 }
-function _(p, t, e, i) {
-  const s = h(p), n = h(t);
-  return i ? `${s}:${n}:${h(e)}` : `${s}:${n}`;
+function m(d, t, e, i) {
+  const s = _(d), n = _(t);
+  return i ? `${s}:${n}:${_(e)}` : `${s}:${n}`;
 }
-class L extends x {
+class T extends E {
   constructor() {
-    super(...arguments), this._value = null, this._pending = null, this._draft = "", this._inlineError = "", this._open = !1, this._syncing = !1, this._overlay = null, this._dismissableLayer = null, this._releaseScrollLock = null, this._isInitialized = !1, this._hasView = !1, this._restoreFocusEl = null, this._overlayKey = null, this._fieldEl = null, this._labelEl = null, this._labelTextEl = null, this._requiredEl = null, this._inputEl = null, this._clearBtn = null, this._toggleBtn = null, this._hintEl = null, this._errorEl = null, this._hiddenInputEl = null, this._schedulePosition = w(() => this._positionOverlay()), this._onRootClickBound = (t) => this._onRootClick(t), this._onRootInputBound = (t) => this._onRootInput(t), this._onRootBlurBound = (t) => this._onRootBlur(t), this._onRootKeyDownBound = (t) => this._onRootKeyDown(t), this._onOverlayClickBound = (t) => this._onOverlayClick(t), this._onOverlayChangeBound = (t) => this._onOverlayChange(t), this._onDocumentPointerDownBound = (t) => this._onDocumentPointerDown(t), this._onDocumentKeyDownBound = (t) => this._onDocumentKeyDown(t), this._onWindowResizeBound = () => this._schedulePosition.run(), this._onWindowScrollBound = (t) => {
-      S(t, [this._overlay]) || this._schedulePosition.run();
+    super(...arguments), this._value = null, this._pending = null, this._draft = "", this._inlineError = "", this._open = !1, this._syncing = !1, this._overlay = null, this._dismissableLayer = null, this._releaseScrollLock = null, this._isInitialized = !1, this._hasView = !1, this._restoreFocusEl = null, this._overlayKey = null, this._fieldEl = null, this._labelEl = null, this._labelTextEl = null, this._requiredEl = null, this._inputEl = null, this._clearBtn = null, this._toggleBtn = null, this._hintEl = null, this._errorEl = null, this._hiddenInputEl = null, this._schedulePosition = S(() => this._positionOverlay()), this._onRootClickBound = (t) => this._onRootClick(t), this._onRootInputBound = (t) => this._onRootInput(t), this._onRootBlurBound = (t) => this._onRootBlur(t), this._onRootKeyDownBound = (t) => this._onRootKeyDown(t), this._onOverlayClickBound = (t) => this._onOverlayClick(t), this._onOverlayChangeBound = (t) => this._onOverlayChange(t), this._onDocumentPointerDownBound = (t) => this._onDocumentPointerDown(t), this._onDocumentKeyDownBound = (t) => this._onDocumentKeyDown(t), this._onWindowResizeBound = () => this._schedulePosition.run(), this._onWindowScrollBound = (t) => {
+      C(t, [this._overlay]) || this._schedulePosition.run();
     };
   }
   static get observedAttributes() {
@@ -295,7 +304,7 @@ class L extends x {
   connectedCallback() {
     if (super.connectedCallback(), this.root.addEventListener("click", this._onRootClickBound), this.root.addEventListener("input", this._onRootInputBound), this.root.addEventListener("focusout", this._onRootBlurBound), this.root.addEventListener("keydown", this._onRootKeyDownBound), this._hasView && !this._inputEl && this._cacheDomRefs(), !this._isInitialized) {
       const t = this._normalizeCanonical(this.getAttribute("value") || this.getAttribute("default-value"));
-      this._value = t, this._pending = t, this._draft = this._formatDisplay(t), this._open = this.hasAttribute("open") || m(this.getAttribute("default-open")), this._isInitialized = !0;
+      this._value = t, this._pending = t, this._draft = this._formatDisplay(t), this._open = this.hasAttribute("open") || b(this.getAttribute("default-open")), this._isInitialized = !0;
     }
     this._open && !this._isInlineMode() && this._ensureOverlay();
   }
@@ -315,7 +324,7 @@ class L extends x {
     return (this.getAttribute("mode") || "popover") === "inline";
   }
   _isMobileSheet() {
-    return C(this.getAttribute("mode"));
+    return B(this.getAttribute("mode"));
   }
   _isDisabled() {
     return this.hasAttribute("disabled");
@@ -324,10 +333,10 @@ class L extends x {
     return this.hasAttribute("readonly");
   }
   _allowInput() {
-    return m(this.getAttribute("allow-input"), !0);
+    return b(this.getAttribute("allow-input"), !0);
   }
   _clearable() {
-    return m(this.getAttribute("clearable"), !0);
+    return b(this.getAttribute("clearable"), !0);
   }
   _withSeconds() {
     return this.hasAttribute("seconds");
@@ -344,16 +353,15 @@ class L extends x {
     return !Number.isFinite(t) || t < 1 ? 1 : Math.min(60, Math.trunc(t));
   }
   _translations() {
-    return k(
+    return w(
       this.getAttribute("locale"),
       this.getAttribute("translations")
     );
   }
   _normalizeCanonical(t) {
-    if (!t)
-      return null;
-    const e = b(t, !0);
-    return e ? _(e.hours, e.minutes, e.seconds, this._withSeconds()) : null;
+    if (!t) return null;
+    const e = f(t);
+    return e ? m(e.hours, e.minutes, e.seconds, this._withSeconds()) : null;
   }
   _minTime() {
     return this._normalizeCanonical(this.getAttribute("min"));
@@ -362,7 +370,7 @@ class L extends x {
     return this._normalizeCanonical(this.getAttribute("max"));
   }
   _formatDisplay(t) {
-    return t ? this._is12h() ? B(t, this.getAttribute("locale") || "en-US") : t : "";
+    return t ? this._is12h() ? O(t, this.getAttribute("locale") || "en-US") : t : "";
   }
   _syncOpenAttribute(t) {
     this._syncing = !0;
@@ -392,15 +400,13 @@ class L extends x {
     this.dispatchEvent(new CustomEvent("invalid", { detail: { raw: t, reason: e }, bubbles: !0, composed: !0 }));
   }
   _clampToBounds(t) {
-    if (!t)
-      return null;
+    if (!t) return null;
     const e = this._minTime(), i = this._maxTime();
     let s = t;
-    return e && v(s, e) < 0 && (s = e), i && v(s, i) > 0 && (s = i), s;
+    return e && y(s, e) < 0 && (s = e), i && y(s, i) > 0 && (s = i), s;
   }
   _commit(t, e) {
-    if (this._isDisabled() || this._isReadonly())
-      return;
+    if (this._isDisabled() || this._isReadonly()) return;
     const i = this._clampToBounds(this._normalizeCanonical(t));
     this._value = i, this._pending = i, this._draft = this._formatDisplay(i), this._inlineError = "", this._syncValueAttribute(i), this._emitInput(e), this._emitChange(e), this._updateHostState();
   }
@@ -425,42 +431,35 @@ class L extends x {
       }
   }
   _ensureOverlay() {
-    if (this._overlay || typeof document > "u")
-      return;
+    if (this._overlay || typeof document > "u") return;
     const t = document.createElement("div");
-    t.style.position = "fixed", t.style.left = "0", t.style.top = "0", t.style.pointerEvents = "none", t.addEventListener("click", this._onOverlayClickBound), t.addEventListener("change", this._onOverlayChangeBound), document.body.appendChild(t), this._overlay = t, this._syncOverlayHostZIndex(), document.addEventListener("pointerdown", this._onDocumentPointerDownBound, !0), document.addEventListener("keydown", this._onDocumentKeyDownBound), window.addEventListener("resize", this._onWindowResizeBound), window.addEventListener("scroll", this._onWindowScrollBound, { passive: !0, capture: !0 }), this._isMobileSheet() && (this._releaseScrollLock = O());
+    t.className = "ui-time-picker-overlay-host", t.style.position = "fixed", t.style.left = "0", t.style.top = "0", t.style.pointerEvents = "none", t.addEventListener("click", this._onOverlayClickBound), t.addEventListener("change", this._onOverlayChangeBound), document.body.appendChild(t), this._overlay = t, this._syncOverlayHostZIndex(), document.addEventListener("pointerdown", this._onDocumentPointerDownBound, !0), document.addEventListener("keydown", this._onDocumentKeyDownBound), window.addEventListener("resize", this._onWindowResizeBound), window.addEventListener("scroll", this._onWindowScrollBound, { passive: !0, capture: !0 }), this._isMobileSheet() && (this._releaseScrollLock = I());
   }
   _syncOverlayHostZIndex() {
-    if (!this._overlay || typeof window > "u")
-      return;
+    if (!this._overlay || typeof window > "u") return;
     const t = window.getComputedStyle(this).getPropertyValue("--ui-dp-z").trim();
     this._overlay.style.zIndex = t || "1600";
   }
   _destroyOverlay() {
-    var t;
-    (t = this._dismissableLayer) == null || t.destroy(), this._dismissableLayer = null, this._overlay && (this._schedulePosition.cancel(), document.removeEventListener("pointerdown", this._onDocumentPointerDownBound, !0), document.removeEventListener("keydown", this._onDocumentKeyDownBound), window.removeEventListener("resize", this._onWindowResizeBound), window.removeEventListener("scroll", this._onWindowScrollBound, !0), this._overlay.removeEventListener("click", this._onOverlayClickBound), this._overlay.removeEventListener("change", this._onOverlayChangeBound), this._overlay.parentElement && this._overlay.parentElement.removeChild(this._overlay), this._overlay = null, this._overlayKey = null, this._releaseScrollLock && (this._releaseScrollLock(), this._releaseScrollLock = null));
+    this._dismissableLayer?.destroy(), this._dismissableLayer = null, this._overlay && (this._schedulePosition.cancel(), document.removeEventListener("pointerdown", this._onDocumentPointerDownBound, !0), document.removeEventListener("keydown", this._onDocumentKeyDownBound), window.removeEventListener("resize", this._onWindowResizeBound), window.removeEventListener("scroll", this._onWindowScrollBound, !0), this._overlay.removeEventListener("click", this._onOverlayClickBound), this._overlay.removeEventListener("change", this._onOverlayChangeBound), this._overlay.parentElement && this._overlay.parentElement.removeChild(this._overlay), this._overlay = null, this._overlayKey = null, this._releaseScrollLock && (this._releaseScrollLock(), this._releaseScrollLock = null));
   }
   _syncDismissableLayer() {
-    var e;
-    if ((e = this._dismissableLayer) == null || e.destroy(), this._dismissableLayer = null, !this._open || !this._overlay)
-      return;
+    if (this._dismissableLayer?.destroy(), this._dismissableLayer = null, !this._open || !this._overlay) return;
     const t = this._overlay.querySelector(".panel, .sheet");
-    t && (this._dismissableLayer = E({
+    t && (this._dismissableLayer = k({
       node: t,
       trigger: this._fieldEl,
       closeOnEscape: !0,
       closeOnPointerOutside: !0,
       closeOnFocusOutside: !1,
-      onBeforeDismiss: (i) => i === "escape-key" ? (this._setOpen(!1, "escape"), !1) : (i === "outside-pointer" && this._setOpen(!1, "outside"), !1)
+      onBeforeDismiss: (e) => e === "escape-key" ? (this._setOpen(!1, "escape"), !1) : (e === "outside-pointer" && this._setOpen(!1, "outside"), !1)
     }));
   }
   _positionOverlay() {
-    if (!this._overlay || !this._open || this._isMobileSheet())
-      return;
+    if (!this._overlay || !this._open || this._isMobileSheet()) return;
     const t = this._fieldEl, e = this._overlay.querySelector(".panel");
-    if (!t || !e)
-      return;
-    const i = e.getAttribute("data-placement"), s = I(
+    if (!t || !e) return;
+    const i = e.getAttribute("data-placement"), s = A(
       t.getBoundingClientRect(),
       e.getBoundingClientRect(),
       8,
@@ -470,7 +469,7 @@ class L extends x {
     e.style.position = "absolute", e.style.top = `${Math.round(s.top)}px`, e.style.left = `${Math.round(s.left)}px`, e.setAttribute("data-placement", s.placement);
   }
   _timeParts(t) {
-    const e = b(t || "00:00", !0) || { hours: 0, minutes: 0, seconds: 0 }, i = e.hours >= 12 ? "pm" : "am";
+    const e = f(t || "00:00") || { hours: 0, minutes: 0, seconds: 0 }, i = e.hours >= 12 ? "pm" : "am";
     return {
       hours: e.hours,
       minutes: e.minutes,
@@ -479,33 +478,33 @@ class L extends x {
     };
   }
   _buildOverlayContent(t) {
-    const e = this._translations(), i = this._timeParts(this._pending), s = this._is12h(), n = this._withSeconds(), r = s ? i.hours % 12 || 12 : i.hours, o = this._minuteStep(), l = this._secondStep(), a = Array.from({ length: s ? 12 : 24 }, (f, c) => {
-      const u = s ? c + 1 : c;
-      return `<option value="${u}" ${u === r ? "selected" : ""}>${h(u)}</option>`;
-    }).join(""), d = Array.from({ length: Math.ceil(60 / o) }, (f, c) => {
-      const u = Math.min(59, c * o);
-      return `<option value="${u}" ${u === i.minutes ? "selected" : ""}>${h(u)}</option>`;
-    }).join(""), y = Array.from({ length: Math.ceil(60 / l) }, (f, c) => {
-      const u = Math.min(59, c * l);
-      return `<option value="${u}" ${u === i.seconds ? "selected" : ""}>${h(u)}</option>`;
-    }).join(""), g = `
+    const e = this._translations(), i = this._timeParts(this._pending), s = this._is12h(), n = this._withSeconds(), r = s ? i.hours % 12 || 12 : i.hours, o = this._minuteStep(), l = this._secondStep(), a = Array.from({ length: s ? 12 : 24 }, (v, p) => {
+      const u = s ? p + 1 : p;
+      return `<option value="${u}" ${u === r ? "selected" : ""}>${_(u)}</option>`;
+    }).join(""), h = Array.from({ length: Math.ceil(60 / o) }, (v, p) => {
+      const u = Math.min(59, p * o);
+      return `<option value="${u}" ${u === i.minutes ? "selected" : ""}>${_(u)}</option>`;
+    }).join(""), g = Array.from({ length: Math.ceil(60 / l) }, (v, p) => {
+      const u = Math.min(59, p * l);
+      return `<option value="${u}" ${u === i.seconds ? "selected" : ""}>${_(u)}</option>`;
+    }).join(""), x = `
       <div class="pickers" data-seconds="${n ? "true" : "false"}" data-ampm="${s ? "true" : "false"}">
-        <div class="picker"><label>${e.hour}</label><select data-segment="hours">${a}</select></div>
-        <div class="picker"><label>${e.minute}</label><select data-segment="minutes">${d}</select></div>
-        ${n ? `<div class="picker"><label>${e.second}</label><select data-segment="seconds">${y}</select></div>` : ""}
-        ${s ? `<div class="picker"><label>${e.meridiem}</label><select data-segment="meridiem"><option value="am" ${i.meridiem === "am" ? "selected" : ""}>${e.am}</option><option value="pm" ${i.meridiem === "pm" ? "selected" : ""}>${e.pm}</option></select></div>` : ""}
+        <div class="picker"><label>${c(e.hour)}</label><select data-segment="hours">${a}</select></div>
+        <div class="picker"><label>${c(e.minute)}</label><select data-segment="minutes">${h}</select></div>
+        ${n ? `<div class="picker"><label>${c(e.second)}</label><select data-segment="seconds">${g}</select></div>` : ""}
+        ${s ? `<div class="picker"><label>${c(e.meridiem)}</label><select data-segment="meridiem"><option value="am" ${i.meridiem === "am" ? "selected" : ""}>${c(e.am)}</option><option value="pm" ${i.meridiem === "pm" ? "selected" : ""}>${c(e.pm)}</option></select></div>` : ""}
       </div>
     `;
     return `
-      <style>${z}</style>
+      <style>${L}</style>
       ${t ? '<div class="sheet-backdrop" data-action="backdrop"></div>' : ""}
       <section class="${t ? "sheet" : "panel"}" part="${t ? "sheet" : "popover"}">
-        ${g}
+        ${x}
         <footer class="footer" part="footer">
-          <button type="button" class="action" data-action="now">${e.now}</button>
-          <button type="button" class="action" data-action="clear" part="clear">${e.clear}</button>
-          <button type="button" class="action" data-action="cancel" part="cancel">${e.cancel}</button>
-          <button type="button" class="action" data-action="apply" data-tone="primary" part="apply">${e.apply}</button>
+          <button type="button" class="action" data-action="now">${c(e.now)}</button>
+          <button type="button" class="action" data-action="clear" part="clear">${c(e.clear)}</button>
+          <button type="button" class="action" data-action="cancel" part="cancel">${c(e.cancel)}</button>
+          <button type="button" class="action" data-action="apply" data-tone="primary" part="apply">${c(e.apply)}</button>
         </footer>
       </section>
     `;
@@ -521,15 +520,13 @@ class L extends x {
     ].join(":");
   }
   _ensureOverlayContent(t) {
-    if (!this._overlay)
-      return;
+    if (!this._overlay) return;
     const e = this._overlaySignature(t);
     this._overlayKey !== e && (this._overlayKey = e, this._overlay.innerHTML = t ? `<div class="sheet-wrap">${this._buildOverlayContent(!0)}</div>` : `<div class="overlay">${this._buildOverlayContent(!1)}</div>`);
   }
   _setClosestOptionValue(t, e) {
     const i = Array.from(t.options).map((r) => Number(r.value)).filter((r) => Number.isFinite(r));
-    if (!i.length)
-      return;
+    if (!i.length) return;
     let s = i[0], n = Math.abs(s - e);
     for (let r = 1; r < i.length; r += 1) {
       const o = i[r], l = Math.abs(o - e);
@@ -538,8 +535,7 @@ class L extends x {
     t.value = String(s);
   }
   _syncOverlayState() {
-    if (!this._overlay)
-      return;
+    if (!this._overlay) return;
     this._syncOverlayHostZIndex();
     const t = this._isMobileSheet();
     this._ensureOverlayContent(t), this._syncDismissableLayer();
@@ -556,26 +552,22 @@ class L extends x {
     this._syncOverlayState();
   }
   _applySegmentsFromOverlay() {
-    if (!this._overlay)
-      return;
+    if (!this._overlay) return;
     const t = this._overlay.querySelector('select[data-segment="hours"]'), e = this._overlay.querySelector('select[data-segment="minutes"]'), i = this._overlay.querySelector('select[data-segment="seconds"]'), s = this._overlay.querySelector('select[data-segment="meridiem"]');
-    if (!t || !e)
-      return;
+    if (!t || !e) return;
     let n = Number(t.value);
     const r = Number(e.value), o = i ? Number(i.value) : 0;
     if (this._is12h() && s) {
       const a = s.value === "pm" ? "pm" : "am";
       a === "pm" && n < 12 && (n += 12), a === "am" && n === 12 && (n = 0);
     }
-    const l = _(n, r, o, this._withSeconds());
+    const l = m(n, r, o, this._withSeconds());
     this._pending = this._clampToBounds(l), this._emitInput("picker");
   }
   _onRootClick(t) {
-    var s;
     const e = t.target;
-    if (!e)
-      return;
-    const i = (s = e.closest("[data-action]")) == null ? void 0 : s.getAttribute("data-action");
+    if (!e) return;
+    const i = e.closest("[data-action]")?.getAttribute("data-action");
     if (i) {
       if (i === "toggle") {
         this._restoreFocusEl = e, this._setOpen(!this._open, "toggle");
@@ -586,16 +578,14 @@ class L extends x {
   }
   _onRootInput(t) {
     const e = t.target;
-    if (!(e instanceof HTMLInputElement) || !e.classList.contains("input") || !this._allowInput())
-      return;
+    if (!(e instanceof HTMLInputElement) || !e.classList.contains("input") || !this._allowInput()) return;
     this._draft = e.value, this._inlineError = "";
     const i = this._normalizeCanonical(e.value);
     this._pending = i, this._emitInput("typing");
   }
   _onRootBlur(t) {
     const e = t.target;
-    if (!(e instanceof HTMLInputElement) || !e.classList.contains("input") || !this._allowInput())
-      return;
+    if (!(e instanceof HTMLInputElement) || !e.classList.contains("input") || !this._allowInput()) return;
     if (!this._draft.trim()) {
       this._commit(null, "blur");
       return;
@@ -608,7 +598,7 @@ class L extends x {
     this._commit(i, "blur");
   }
   _stepBy(t) {
-    const e = b(this._pending || this._value || "00:00", !0) || { hours: 0, minutes: 0, seconds: 0 }, i = this._minuteStep() * t, s = ((e.hours * 60 + e.minutes + i) % (24 * 60) + 24 * 60) % (24 * 60), n = Math.floor(s / 60), r = s % 60, o = _(n, r, e.seconds, this._withSeconds());
+    const e = f(this._pending || this._value || "00:00") || { hours: 0, minutes: 0, seconds: 0 }, i = this._minuteStep() * t, s = ((e.hours * 60 + e.minutes + i) % 1440 + 1440) % 1440, n = Math.floor(s / 60), r = s % 60, o = m(n, r, e.seconds, this._withSeconds());
     this._pending = this._clampToBounds(o), this._emitInput("keyboard-step"), this._updateHostState();
   }
   _onRootKeyDown(t) {
@@ -640,11 +630,9 @@ class L extends x {
     }
   }
   _onOverlayClick(t) {
-    var s;
     const e = t.target;
-    if (!e)
-      return;
-    const i = (s = e.closest("[data-action]")) == null ? void 0 : s.getAttribute("data-action");
+    if (!e) return;
+    const i = e.closest("[data-action]")?.getAttribute("data-action");
     if (i) {
       if (i === "backdrop") {
         this._setOpen(!1, "outside");
@@ -659,8 +647,8 @@ class L extends x {
         return;
       }
       if (i === "now") {
-        const n = /* @__PURE__ */ new Date(), r = _(n.getHours(), n.getMinutes(), n.getSeconds(), this._withSeconds());
-        this._pending = this._clampToBounds(r), this._emitInput("now"), this._renderOverlay();
+        const s = /* @__PURE__ */ new Date(), n = m(s.getHours(), s.getMinutes(), s.getSeconds(), this._withSeconds());
+        this._pending = this._clampToBounds(n), this._emitInput("now"), this._renderOverlay();
         return;
       }
       i === "apply" && (this._commit(this._pending, "apply"), this._setOpen(!1, "apply"));
@@ -671,8 +659,7 @@ class L extends x {
     e instanceof HTMLSelectElement && e.matches("select[data-segment]") && this._applySegmentsFromOverlay();
   }
   _onDocumentPointerDown(t) {
-    if (!this._open || !this._overlay)
-      return;
+    if (!this._open || !this._overlay) return;
     const e = t.composedPath();
     e.includes(this) || e.includes(this._overlay) || this._setOpen(!1, "outside");
   }
@@ -683,24 +670,23 @@ class L extends x {
     this._labelEl = this.root.querySelector(".label"), this._labelTextEl = this.root.querySelector(".label-text"), this._requiredEl = this.root.querySelector(".required"), this._fieldEl = this.root.querySelector(".field"), this._inputEl = this.root.querySelector(".input"), this._clearBtn = this.root.querySelector('.btn[data-action="clear"]'), this._toggleBtn = this.root.querySelector('.btn[data-action="toggle"]'), this._hintEl = this.root.querySelector(".hint"), this._errorEl = this.root.querySelector(".error"), this._hiddenInputEl = this.root.querySelector(".hidden-input");
   }
   _updateHostState() {
-    if (!this._hasView)
-      return;
-    const t = this.getAttribute("label") || "", e = this.getAttribute("hint") || "", i = this.getAttribute("error") || "", s = this._inlineError || i, n = !!this._value, r = this.getAttribute("name") || "", o = this._allowInput() ? this._draft : this._formatDisplay(this._value), l = this._isInlineMode(), a = this._isDisabled(), d = this._translations();
-    this._labelEl && (this._labelEl.hidden = !t), this._labelTextEl && (this._labelTextEl.textContent = t), this._requiredEl && (this._requiredEl.hidden = !this.hasAttribute("required")), this._inputEl && (this._inputEl.value !== o && (this._inputEl.value = o), this._inputEl.placeholder = this._withSeconds() ? d.timePlaceholderSeconds : d.timePlaceholder, this._inputEl.readOnly = !this._allowInput() || this._isReadonly(), this._inputEl.disabled = a, this._inputEl.required = this.hasAttribute("required")), this._clearBtn && (this._clearBtn.hidden = !(this._clearable() && n), this._clearBtn.disabled = a || this._isReadonly(), this._clearBtn.setAttribute("aria-label", d.clear)), this._toggleBtn && (this._toggleBtn.hidden = l, this._toggleBtn.disabled = a || this._isReadonly(), this._toggleBtn.setAttribute("aria-label", d.toggleCalendar)), this._hintEl && (this._hintEl.hidden = !e, this._hintEl.textContent = e), this._errorEl && (this._errorEl.hidden = !s, this._errorEl.textContent = s), this._hiddenInputEl && (this._hiddenInputEl.disabled = !r, this._hiddenInputEl.name = r, this._hiddenInputEl.value = this._value || ""), !l && this._open && this._syncOverlayState();
+    if (!this._hasView) return;
+    const t = this.getAttribute("label") || "", e = this.getAttribute("hint") || "", i = this.getAttribute("error") || "", s = this._inlineError || i, n = !!this._value, r = this.getAttribute("name") || "", o = this._allowInput() ? this._draft : this._formatDisplay(this._value), l = this._isInlineMode(), a = this._isDisabled(), h = this._translations();
+    this._labelEl && (this._labelEl.hidden = !t), this._labelTextEl && (this._labelTextEl.textContent = t), this._requiredEl && (this._requiredEl.hidden = !this.hasAttribute("required")), this._inputEl && (this._inputEl.value !== o && (this._inputEl.value = o), this._inputEl.placeholder = this._withSeconds() ? h.timePlaceholderSeconds : h.timePlaceholder, this._inputEl.readOnly = !this._allowInput() || this._isReadonly(), this._inputEl.disabled = a, this._inputEl.required = this.hasAttribute("required")), this._clearBtn && (this._clearBtn.hidden = !(this._clearable() && n), this._clearBtn.disabled = a || this._isReadonly(), this._clearBtn.setAttribute("aria-label", h.clear)), this._toggleBtn && (this._toggleBtn.hidden = l, this._toggleBtn.disabled = a || this._isReadonly(), this._toggleBtn.setAttribute("aria-label", h.toggleCalendar)), this._hintEl && (this._hintEl.hidden = !e, this._hintEl.textContent = e), this._errorEl && (this._errorEl.hidden = !s, this._errorEl.textContent = s), this._hiddenInputEl && (this._hiddenInputEl.disabled = !r, this._hiddenInputEl.name = r, this._hiddenInputEl.value = this._value || ""), !l && this._open && this._syncOverlayState();
   }
   render() {
     this._hasView || (this.setContent(`
-        <style>${M}</style>
+        <style>${z}</style>
         <div class="root">
           <label class="label" part="label">
             <span class="label-text"></span>
             <span class="required">*</span>
           </label>
           <div class="field" part="field input">
-            <span class="icon" part="icon">${A}</span>
+            <span class="icon" part="icon">${D}</span>
             <input class="input" part="input" />
-            <button type="button" class="btn" part="clear" data-action="clear">${D}</button>
-            <button type="button" class="btn" part="toggle" data-action="toggle">${$}</button>
+            <button type="button" class="btn" part="clear" data-action="clear">${$}</button>
+            <button type="button" class="btn" part="toggle" data-action="toggle">${M}</button>
           </div>
           <div class="hint" part="hint"></div>
           <div class="error" part="error" role="alert"></div>
@@ -712,7 +698,7 @@ class L extends x {
     return !1;
   }
 }
-typeof customElements < "u" && !customElements.get("ui-time-picker") && customElements.define("ui-time-picker", L);
+typeof customElements < "u" && !customElements.get("ui-time-picker") && customElements.define("ui-time-picker", T);
 export {
-  L as UITimePicker
+  T as UITimePicker
 };

package/dist/timeline.cjs.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const d=require("./ElementBase-1b301e7f.js"),m=`
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const d=require("./ElementBase-EV6mVBUV.js"),m=`
   :host {
     --ui-timeline-bg: color-mix(in srgb, var(--ui-color-surface, #ffffff) 95%, transparent);
     --ui-timeline-border: color-mix(in srgb, var(--ui-color-border, #cbd5e1) 76%, transparent);

package/dist/timeline.esm.js

@@ -1,4 +1,4 @@
-import { E as c } from "./ElementBase-909688f3.mjs";
+import { E as c } from "./ElementBase-YlTLMsGk.mjs";
 const d = `
   :host {
     --ui-timeline-bg: color-mix(in srgb, var(--ui-color-surface, #ffffff) 95%, transparent);
@@ -193,13 +193,11 @@ function a(n) {
   return n.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#39;");
 }
 function m(n) {
-  if (!n)
-    return [];
+  if (!n) return [];
   try {
     const t = JSON.parse(n);
     return Array.isArray(t) ? t.map((e) => {
-      if (!e || typeof e != "object")
-        return null;
+      if (!e || typeof e != "object") return null;
       const r = String(e.title || "").trim();
       return r ? {
         title: r,

package/dist/toast.cjs.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const u=require("./ElementBase-1b301e7f.js"),c=3200,d=170,h=`
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const u=require("./ElementBase-EV6mVBUV.js"),c=3200,d=170,h=`
   :host {
     display: block;
     color-scheme: light dark;
@@ -210,7 +210,7 @@
       border: 1px solid CanvasText;
     }
   }
-`;let p=0;function m(a){return String(a).replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;").replace(/'/g,"&#39;")}function g(a){const t=String(a||"").toLowerCase();return t==="success"||t==="warning"||t==="error"||t==="loading"||t==="neutral"?t:"info"}function f(a){const t=Number(a);return Number.isFinite(t)?Math.max(0,Math.trunc(t)):c}function b(a){const t=String(a||"polite").toLowerCase();return t==="off"||t==="assertive"?t:"polite"}class l extends u.ElementBase{constructor(){super(),this._toasts=[],this._timerMap=new Map,this._exitMap=new Map,this._onRootClick=this._handleRootClick.bind(this),this._onRootMouseEnter=this._handleRootMouseEnter.bind(this),this._onRootMouseLeave=this._handleRootMouseLeave.bind(this),this._onRootFocusIn=this._handleRootFocusIn.bind(this),this._onRootFocusOut=this._handleRootFocusOut.bind(this)}static get observedAttributes(){return["headless","position","max-visible"]}connectedCallback(){super.connectedCallback(),this.setAttribute("aria-live","polite"),this.setAttribute("role","region"),this.root.addEventListener("click",this._onRootClick),this.root.addEventListener("mouseenter",this._onRootMouseEnter,!0),this.root.addEventListener("mouseleave",this._onRootMouseLeave,!0),this.root.addEventListener("focusin",this._onRootFocusIn),this.root.addEventListener("focusout",this._onRootFocusOut)}disconnectedCallback(){this.root.removeEventListener("click",this._onRootClick),this.root.removeEventListener("mouseenter",this._onRootMouseEnter,!0),this.root.removeEventListener("mouseleave",this._onRootMouseLeave,!0),this.root.removeEventListener("focusin",this._onRootFocusIn),this.root.removeEventListener("focusout",this._onRootFocusOut),this._clearAllTimers(),super.disconnectedCallback()}get headless(){return this.hasAttribute("headless")}set headless(t){t?this.setAttribute("headless",""):this.removeAttribute("headless")}show(t,e={}){const o=++p,s=g(e.type),i=f(e.duration),r=b(e.ariaLive),n={id:o,message:String(t??""),duration:i,tone:s,ariaLive:r,createdAt:Date.now(),closing:!1};return this._toasts.push(n),this._trimVisibleToasts(),this.requestRender(),this.dispatchEvent(new CustomEvent("show",{detail:{id:o,message:n.message,type:s},bubbles:!0})),this._scheduleAutoHide(o,i),o}hide(t){const e=this._toasts.find(i=>i.id===t);if(!e||e.closing)return;e.closing=!0,this._clearToastTimer(t),this.requestRender();const o=this._exitMap.get(t);o&&clearTimeout(o);const s=setTimeout(()=>{this._exitMap.delete(t);const i=this._toasts.length;this._toasts=this._toasts.filter(r=>r.id!==t),this._toasts.length!==i&&(this.requestRender(),this.dispatchEvent(new CustomEvent("hide",{detail:{id:t},bubbles:!0})))},d);this._exitMap.set(t,s)}_maxVisible(){const t=Number(this.getAttribute("max-visible"));return Number.isFinite(t)?Math.max(1,Math.trunc(t)):5}_trimVisibleToasts(){const t=this._toasts.filter(s=>!s.closing),e=this._maxVisible();if(t.length<=e)return;[...t].sort((s,i)=>s.createdAt-i.createdAt).slice(0,t.length-e).forEach(s=>this.hide(s.id))}_scheduleAutoHide(t,e){if(this._clearToastTimer(t),e<=0)return;const o=Date.now(),s=setTimeout(()=>{this._timerMap.delete(t),this.hide(t)},e);this._timerMap.set(t,{timeout:s,startedAt:o,remaining:e,paused:!1})}_pauseToast(t){const e=this._timerMap.get(t);if(!e||e.paused)return;clearTimeout(e.timeout);const o=Date.now()-e.startedAt;e.remaining=Math.max(0,e.remaining-o),e.paused=!0,this._timerMap.set(t,e)}_resumeToast(t){const e=this._timerMap.get(t);if(!e||!e.paused)return;const o=Math.max(0,e.remaining);this._scheduleAutoHide(t,o)}_clearToastTimer(t){const e=this._timerMap.get(t);e&&(clearTimeout(e.timeout),this._timerMap.delete(t));const o=this._exitMap.get(t);o&&(clearTimeout(o),this._exitMap.delete(t))}_clearAllTimers(){for(const t of this._timerMap.values())clearTimeout(t.timeout);this._timerMap.clear();for(const t of this._exitMap.values())clearTimeout(t);this._exitMap.clear()}_closestToastId(t){const e=t instanceof HTMLElement?t:null,o=e==null?void 0:e.closest(".toast[data-toast-id]");if(!o)return null;const s=Number(o.getAttribute("data-toast-id"));return Number.isFinite(s)?s:null}_handleRootClick(t){const e=t.target;if(!e)return;const o=e.closest("button.close[data-toast-id]");if(!o)return;t.preventDefault();const s=Number(o.getAttribute("data-toast-id"));Number.isNaN(s)||this.hide(s)}_handleRootMouseEnter(t){const e=this._closestToastId(t.target);e!=null&&this._pauseToast(e)}_handleRootMouseLeave(t){var i;const e=this._closestToastId(t.target);if(e==null)return;const o=(i=t.target)==null?void 0:i.closest(".toast[data-toast-id]"),s=t.relatedTarget;s&&(o!=null&&o.contains(s))||this._resumeToast(e)}_handleRootFocusIn(t){const e=this._closestToastId(t.target);e!=null&&this._pauseToast(e)}_handleRootFocusOut(t){var i;const e=this._closestToastId(t.target);if(e==null)return;const o=t.relatedTarget,s=(i=t.target)==null?void 0:i.closest(".toast[data-toast-id]");o&&(s!=null&&s.contains(o))||this._resumeToast(e)}render(){this.setContent(`
+`;let p=0;function m(i){return String(i).replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;").replace(/'/g,"&#39;")}function g(i){const t=String(i||"").toLowerCase();return t==="success"||t==="warning"||t==="error"||t==="loading"||t==="neutral"?t:"info"}function f(i){const t=Number(i);return Number.isFinite(t)?Math.max(0,Math.trunc(t)):c}function b(i){const t=String(i||"polite").toLowerCase();return t==="off"||t==="assertive"?t:"polite"}class l extends u.ElementBase{constructor(){super(),this._toasts=[],this._timerMap=new Map,this._exitMap=new Map,this._onRootClick=this._handleRootClick.bind(this),this._onRootMouseEnter=this._handleRootMouseEnter.bind(this),this._onRootMouseLeave=this._handleRootMouseLeave.bind(this),this._onRootFocusIn=this._handleRootFocusIn.bind(this),this._onRootFocusOut=this._handleRootFocusOut.bind(this)}static get observedAttributes(){return["headless","position","max-visible"]}connectedCallback(){super.connectedCallback(),this.setAttribute("aria-live","polite"),this.setAttribute("role","region"),this.root.addEventListener("click",this._onRootClick),this.root.addEventListener("mouseenter",this._onRootMouseEnter,!0),this.root.addEventListener("mouseleave",this._onRootMouseLeave,!0),this.root.addEventListener("focusin",this._onRootFocusIn),this.root.addEventListener("focusout",this._onRootFocusOut)}disconnectedCallback(){this.root.removeEventListener("click",this._onRootClick),this.root.removeEventListener("mouseenter",this._onRootMouseEnter,!0),this.root.removeEventListener("mouseleave",this._onRootMouseLeave,!0),this.root.removeEventListener("focusin",this._onRootFocusIn),this.root.removeEventListener("focusout",this._onRootFocusOut),this._clearAllTimers(),super.disconnectedCallback()}get headless(){return this.hasAttribute("headless")}set headless(t){t?this.setAttribute("headless",""):this.removeAttribute("headless")}show(t,e={}){const o=++p,s=g(e.type),a=f(e.duration),r=b(e.ariaLive),n={id:o,message:String(t??""),duration:a,tone:s,ariaLive:r,createdAt:Date.now(),closing:!1};return this._toasts.push(n),this._trimVisibleToasts(),this.requestRender(),this.dispatchEvent(new CustomEvent("show",{detail:{id:o,message:n.message,type:s},bubbles:!0})),this._scheduleAutoHide(o,a),o}hide(t){const e=this._toasts.find(a=>a.id===t);if(!e||e.closing)return;e.closing=!0,this._clearToastTimer(t),this.requestRender();const o=this._exitMap.get(t);o&&clearTimeout(o);const s=setTimeout(()=>{this._exitMap.delete(t);const a=this._toasts.length;this._toasts=this._toasts.filter(r=>r.id!==t),this._toasts.length!==a&&(this.requestRender(),this.dispatchEvent(new CustomEvent("hide",{detail:{id:t},bubbles:!0})))},d);this._exitMap.set(t,s)}_maxVisible(){const t=Number(this.getAttribute("max-visible"));return Number.isFinite(t)?Math.max(1,Math.trunc(t)):5}_trimVisibleToasts(){const t=this._toasts.filter(s=>!s.closing),e=this._maxVisible();if(t.length<=e)return;[...t].sort((s,a)=>s.createdAt-a.createdAt).slice(0,t.length-e).forEach(s=>this.hide(s.id))}_scheduleAutoHide(t,e){if(this._clearToastTimer(t),e<=0)return;const o=Date.now(),s=setTimeout(()=>{this._timerMap.delete(t),this.hide(t)},e);this._timerMap.set(t,{timeout:s,startedAt:o,remaining:e,paused:!1})}_pauseToast(t){const e=this._timerMap.get(t);if(!e||e.paused)return;clearTimeout(e.timeout);const o=Date.now()-e.startedAt;e.remaining=Math.max(0,e.remaining-o),e.paused=!0,this._timerMap.set(t,e)}_resumeToast(t){const e=this._timerMap.get(t);if(!e||!e.paused)return;const o=Math.max(0,e.remaining);this._scheduleAutoHide(t,o)}_clearToastTimer(t){const e=this._timerMap.get(t);e&&(clearTimeout(e.timeout),this._timerMap.delete(t));const o=this._exitMap.get(t);o&&(clearTimeout(o),this._exitMap.delete(t))}_clearAllTimers(){for(const t of this._timerMap.values())clearTimeout(t.timeout);this._timerMap.clear();for(const t of this._exitMap.values())clearTimeout(t);this._exitMap.clear()}_closestToastId(t){const o=(t instanceof HTMLElement?t:null)?.closest(".toast[data-toast-id]");if(!o)return null;const s=Number(o.getAttribute("data-toast-id"));return Number.isFinite(s)?s:null}_handleRootClick(t){const e=t.target;if(!e)return;const o=e.closest("button.close[data-toast-id]");if(!o)return;t.preventDefault();const s=Number(o.getAttribute("data-toast-id"));Number.isNaN(s)||this.hide(s)}_handleRootMouseEnter(t){const e=this._closestToastId(t.target);e!=null&&this._pauseToast(e)}_handleRootMouseLeave(t){const e=this._closestToastId(t.target);if(e==null)return;const o=t.target?.closest(".toast[data-toast-id]"),s=t.relatedTarget;s&&o?.contains(s)||this._resumeToast(e)}_handleRootFocusIn(t){const e=this._closestToastId(t.target);e!=null&&this._pauseToast(e)}_handleRootFocusOut(t){const e=this._closestToastId(t.target);if(e==null)return;const o=t.relatedTarget,s=t.target?.closest(".toast[data-toast-id]");o&&s?.contains(o)||this._resumeToast(e)}render(){this.setContent(`
       <style>${h}</style>
       <div class="toast-list" aria-live="polite" part="list">
         ${this._toasts.map(t=>{const e=t.ariaLive==="assertive"||t.tone==="error"?"alert":"status",o=t.duration>0?'<span class="meta" part="meta">Auto-dismiss</span>':'<span class="meta" part="meta">Persistent</span>';return`