@editora/ui-core 0.1.18 → 0.1.20

package/dist/date-range-time-picker.esm.js

@@ -1,9 +1,7 @@
-import { E as tt } from "./ElementBase-909688f3.mjs";
-import { c as et } from "./dismissable-layer-9c7e6b58.mjs";
-import { r as it } from "./calendar-2c11b824.mjs";
-import { r as rt, e as st, i as C, s as nt, b as at, j as D, k, f as ot, m as I, o as P, l as lt, c as dt, q as A, g as ut, h as ct } from "./date-time-utils-a2c7af25.mjs";
-import "./scroll-lock-31da444f.mjs";
-import "./positioner-e9770c66.mjs";
+import { E as tt } from "./ElementBase-YlTLMsGk.mjs";
+import { c as et } from "./dismissable-layer-BmPIoK80.mjs";
+import { r as it } from "./calendar-DLY4acgn.mjs";
+import { r as rt, e as st, i as C, s as nt, b as at, j as D, k as A, f as ot, m as I, o as P, l as lt, c as dt, q as k, g as ut, h as ct } from "./date-time-utils-y1N2gvG2.mjs";
 let pt = 0;
 const ht = `
   <svg viewBox="0 0 20 20" class="icon-svg" aria-hidden="true" focusable="false">
@@ -21,7 +19,7 @@ const ht = `
   <svg viewBox="0 0 20 20" class="icon-svg" aria-hidden="true" focusable="false">
     <path d="M10 2a8 8 0 1 1 0 16 8 8 0 0 1 0-16Zm0 1.5a6.5 6.5 0 1 0 0 13 6.5 6.5 0 0 0 0-13Zm.75 2.75a.75.75 0 0 0-1.5 0v3.88c0 .2.08.4.22.54l2.5 2.5a.75.75 0 1 0 1.06-1.06l-2.28-2.28V6.25Z" fill="currentColor"/>
   </svg>
-`, gt = `
+`, ft = `
   :host {
     --ui-drtp-bg: color-mix(in srgb, var(--ui-color-surface, #ffffff) 96%, transparent);
     --ui-drtp-surface: linear-gradient(
@@ -272,7 +270,23 @@ const ht = `
       outline-color: Highlight;
     }
   }
-`, ft = `
+`, gt = `
+  .ui-date-range-time-picker-overlay-host {
+    --ui-drtp-bg: color-mix(in srgb, var(--ui-color-surface, #ffffff) 96%, transparent);
+    --ui-drtp-surface: linear-gradient(
+      180deg,
+      color-mix(in srgb, var(--ui-color-surface, #ffffff) 98%, transparent),
+      color-mix(in srgb, var(--ui-color-surface, #ffffff) 90%, var(--ui-color-surface-alt, #f8fafc))
+    );
+    --ui-drtp-border: color-mix(in srgb, var(--ui-color-border, #cbd5e1) 78%, transparent);
+    --ui-dp-text: var(--ui-color-text, #0f172a);
+    --ui-dp-muted: var(--ui-color-muted, #64748b);
+    --ui-drtp-accent: var(--ui-color-primary, #2563eb);
+    --ui-drtp-panel-radius: 14px;
+    --ui-drtp-shadow: none;
+    --ui-drtp-duration: 160ms;
+    --ui-drtp-ease: cubic-bezier(0.2, 0.9, 0.24, 1);
+  }
   .overlay { position: fixed; z-index: var(--ui-drtp-z, 1600); pointer-events: none; }
   .panel {
     pointer-events: auto;
@@ -511,10 +525,9 @@ const ht = `
   }
 `;
 function Q(h) {
-  if (!h)
-    return { start: null, end: null };
+  if (!h) return { start: null, end: null };
   try {
-    const t = JSON.parse(h), e = typeof (t == null ? void 0 : t.start) == "string" ? t.start : null, i = typeof (t == null ? void 0 : t.end) == "string" ? t.end : null;
+    const t = JSON.parse(h), e = typeof t?.start == "string" ? t.start : null, i = typeof t?.end == "string" ? t.end : null;
     return { start: e, end: i };
   } catch {
     return { start: null, end: null };
@@ -526,25 +539,24 @@ function X(h) {
     ...h.end ? { end: h.end } : {}
   });
 }
-function S(h) {
+function w(h) {
   return String(h).padStart(2, "0");
 }
 function c(h) {
   return h.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#39;");
 }
-function w(h) {
-  var n, s;
-  const t = /* @__PURE__ */ new Date(), e = `${S(t.getHours())}:${S(t.getMinutes())}`, i = `${S((t.getHours() + 1) % 24)}:${S(t.getMinutes())}`, r = k(h.start || null), o = k(h.end || null);
+function x(h) {
+  const t = /* @__PURE__ */ new Date(), e = `${w(t.getHours())}:${w(t.getMinutes())}`, i = `${w((t.getHours() + 1) % 24)}:${w(t.getMinutes())}`, r = A(h.start || null), l = A(h.end || null);
   return {
-    startDate: (r == null ? void 0 : r.date) || null,
-    endDate: (o == null ? void 0 : o.date) || null,
-    startTime: ((n = r == null ? void 0 : r.time) == null ? void 0 : n.slice(0, 5)) || e,
-    endTime: ((s = o == null ? void 0 : o.time) == null ? void 0 : s.slice(0, 5)) || i
+    startDate: r?.date || null,
+    endDate: l?.date || null,
+    startTime: r?.time?.slice(0, 5) || e,
+    endTime: l?.time?.slice(0, 5) || i
   };
 }
 class _t extends tt {
   constructor() {
-    super(...arguments), this._value = { start: null, end: null }, this._pending = w({ start: null, end: null }), this._display = "", 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._uid = `ui-drtp-${++pt}`, this._inputId = `${this._uid}-input`, this._labelId = `${this._uid}-label`, this._hintId = `${this._uid}-hint`, this._errorId = `${this._uid}-error`, this._panelId = `${this._uid}-panel`, this._schedulePosition = rt(() => this._positionOverlay()), this._onRootClickBound = (t) => this._onRootClick(t), this._onRootChangeBound = (t) => this._onRootChange(t), this._onRootKeyDownBound = (t) => this._onRootKeyDown(t), this._onOverlayClickBound = (t) => this._onOverlayClick(t), this._onOverlayChangeBound = (t) => this._onOverlayChange(t), this._onOverlayCalendarBound = (t) => this._onOverlayCalendar(t), this._onDocumentPointerDownBound = (t) => this._onDocumentPointerDown(t), this._onDocumentKeyDownBound = (t) => this._onDocumentKeyDown(t), this._onWindowResizeBound = () => this._schedulePosition.run(), this._onWindowScrollBound = (t) => {
+    super(...arguments), this._value = { start: null, end: null }, this._pending = x({ start: null, end: null }), this._display = "", 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._uid = `ui-drtp-${++pt}`, this._inputId = `${this._uid}-input`, this._labelId = `${this._uid}-label`, this._hintId = `${this._uid}-hint`, this._errorId = `${this._uid}-error`, this._panelId = `${this._uid}-panel`, this._schedulePosition = rt(() => this._positionOverlay()), this._onRootClickBound = (t) => this._onRootClick(t), this._onRootChangeBound = (t) => this._onRootChange(t), this._onRootKeyDownBound = (t) => this._onRootKeyDown(t), this._onOverlayClickBound = (t) => this._onOverlayClick(t), this._onOverlayChangeBound = (t) => this._onOverlayChange(t), this._onOverlayCalendarBound = (t) => this._onOverlayCalendar(t), this._onDocumentPointerDownBound = (t) => this._onDocumentPointerDown(t), this._onDocumentKeyDownBound = (t) => this._onDocumentKeyDown(t), this._onWindowResizeBound = () => this._schedulePosition.run(), this._onWindowScrollBound = (t) => {
       st(t, [this._overlay]) || this._schedulePosition.run();
     };
   }
@@ -583,7 +595,7 @@ class _t extends tt {
   connectedCallback() {
     if (super.connectedCallback(), this.root.addEventListener("click", this._onRootClickBound), this.root.addEventListener("change", this._onRootChangeBound), this.root.addEventListener("keydown", this._onRootKeyDownBound), !this._isInitialized) {
       const t = Q(this.getAttribute("value") || this.getAttribute("default-value"));
-      this._value = t, this._pending = w(t), this._display = this._formatDisplay(), this._open = this.hasAttribute("open") || C(this.getAttribute("default-open")), this._isInitialized = !0;
+      this._value = t, this._pending = x(t), this._display = this._formatDisplay(), this._open = this.hasAttribute("open") || C(this.getAttribute("default-open")), this._isInitialized = !0;
     }
     this._open && !this._isInlineMode() && this._ensureOverlay();
   }
@@ -591,7 +603,7 @@ class _t extends tt {
     this.root.removeEventListener("click", this._onRootClickBound), this.root.removeEventListener("change", this._onRootChangeBound), this.root.removeEventListener("keydown", this._onRootKeyDownBound), this._destroyOverlay(), super.disconnectedCallback();
   }
   attributeChangedCallback(t, e, i) {
-    if (e !== i && (t === "value" && !this._syncing && (this._value = Q(i), this._pending = w(this._value), this._display = this._formatDisplay(), this._inlineError = ""), t === "open" && !this._syncing && (this._open = this.hasAttribute("open"), this._syncOverlay("attribute")), t === "mode" && this._syncOverlay("attribute"), t === "disabled" && this.hasAttribute("disabled") && this._setOpen(!1, "outside"), t === "state" && this._state() === "loading" && this._setOpen(!1, "outside"), !!this.isConnected)) {
+    if (e !== i && (t === "value" && !this._syncing && (this._value = Q(i), this._pending = x(this._value), this._display = this._formatDisplay(), this._inlineError = ""), t === "open" && !this._syncing && (this._open = this.hasAttribute("open"), this._syncOverlay("attribute")), t === "mode" && this._syncOverlay("attribute"), t === "disabled" && this.hasAttribute("disabled") && this._setOpen(!1, "outside"), t === "state" && this._state() === "loading" && this._setOpen(!1, "outside"), !!this.isConnected)) {
       if (!this._hasView) {
         this.requestRender();
         return;
@@ -696,7 +708,7 @@ class _t extends tt {
     };
   }
   _formatDateTimeDisplay(t) {
-    const e = k(t);
+    const e = A(t);
     return e ? `${ot(e.date, this._locale(), "locale", null)} ${e.time}` : t || "";
   }
   _formatDisplay() {
@@ -704,30 +716,28 @@ class _t extends tt {
     return !t && !e ? "" : t && e ? `${this._formatDateTimeDisplay(t)} — ${this._formatDateTimeDisplay(e)}` : this._formatDateTimeDisplay(t || e);
   }
   _normalizePendingState(t) {
-    var p, m;
     let e = D(t.startDate, t.startTime), i = D(t.endDate, t.endTime);
     if (e && i && I(e, i) > 0 && this._autoNormalize()) {
-      const g = e;
-      e = i, i = g;
+      const p = e;
+      e = i, i = p;
     }
-    const r = P(this.getAttribute("min")), o = P(this.getAttribute("max"));
-    let n = r ? `${r.date}T${r.time}` : null, s = o ? `${o.date}T${o.time}` : null;
+    const r = P(this.getAttribute("min")), l = P(this.getAttribute("max"));
+    let n = r ? `${r.date}T${r.time}` : null, s = l ? `${l.date}T${l.time}` : null;
     if (n && s && I(n, s) > 0) {
-      const g = n;
-      n = s, s = g;
+      const p = n;
+      n = s, s = p;
     }
     e && n && I(e, n) < 0 && (e = n), e && s && I(e, s) > 0 && (e = s), i && n && I(i, n) < 0 && (i = n), i && s && I(i, s) > 0 && (i = s);
-    const a = k(e || ""), l = k(i || "");
+    const a = A(e || ""), u = A(i || "");
     return {
-      startDate: (a == null ? void 0 : a.date) || null,
-      endDate: (l == null ? void 0 : l.date) || null,
-      startTime: ((p = a == null ? void 0 : a.time) == null ? void 0 : p.slice(0, 5)) || t.startTime,
-      endTime: ((m = l == null ? void 0 : l.time) == null ? void 0 : m.slice(0, 5)) || t.endTime
+      startDate: a?.date || null,
+      endDate: u?.date || null,
+      startTime: a?.time?.slice(0, 5) || t.startTime,
+      endTime: u?.time?.slice(0, 5) || t.endTime
     };
   }
   _commit(t, e) {
-    if (this._isInteractionBlocked() || this._isReadonly())
-      return;
+    if (this._isInteractionBlocked() || this._isReadonly()) return;
     const i = this._normalizePendingState(t), r = {
       start: D(i.startDate, i.startTime),
       end: D(i.endDate, i.endTime)
@@ -763,25 +773,20 @@ class _t extends tt {
       }
   }
   _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), t.addEventListener("change", this._onOverlayCalendarBound), 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 = lt());
+    t.className = "ui-date-range-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), t.addEventListener("change", this._onOverlayCalendarBound), 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 = lt());
   }
   _syncOverlayHostZIndex() {
-    if (!this._overlay || typeof window > "u")
-      return;
+    if (!this._overlay || typeof window > "u") return;
     const t = window.getComputedStyle(this).getPropertyValue("--ui-drtp-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.removeEventListener("change", this._onOverlayCalendarBound), 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.removeEventListener("change", this._onOverlayCalendarBound), this._overlay.parentElement && this._overlay.parentElement.removeChild(this._overlay), this._overlay = null, this._overlayKey = null, this._releaseScrollLock && (this._releaseScrollLock(), this._releaseScrollLock = null));
   }
   _syncDismissableLayer() {
-    var i;
-    if ((i = this._dismissableLayer) == null || i.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"), e = this.root.querySelector(".field");
     t && (this._dismissableLayer = et({
       node: t,
@@ -789,15 +794,13 @@ class _t extends tt {
       closeOnEscape: !0,
       closeOnPointerOutside: !0,
       closeOnFocusOutside: !1,
-      onBeforeDismiss: (r) => r === "escape-key" ? (this._setOpen(!1, "escape"), !1) : (r === "outside-pointer" && this._setOpen(!1, "outside"), !1)
+      onBeforeDismiss: (i) => i === "escape-key" ? (this._setOpen(!1, "escape"), !1) : (i === "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.root.querySelector(".field"), e = this._overlay.querySelector(".panel");
-    if (!t || !e)
-      return;
+    if (!t || !e) return;
     const i = e.getAttribute("data-placement"), r = dt(
       t.getBoundingClientRect(),
       e.getBoundingClientRect(),
@@ -808,14 +811,14 @@ class _t extends tt {
     e.style.position = "absolute", e.style.top = `${Math.round(r.top)}px`, e.style.left = `${Math.round(r.left)}px`, e.setAttribute("data-placement", r.placement);
   }
   _timeOptions(t) {
-    const e = A(t, !0) || { hours: 0, minutes: 0, seconds: 0 }, i = this._step(), r = Array.from({ length: 24 }, (n, s) => `<option value="${s}" ${s === e.hours ? "selected" : ""}>${S(s)}</option>`).join(""), o = Array.from({ length: Math.ceil(60 / i) }, (n, s) => {
+    const e = k(t) || { hours: 0, minutes: 0 }, i = this._step(), r = Array.from({ length: 24 }, (n, s) => `<option value="${s}" ${s === e.hours ? "selected" : ""}>${w(s)}</option>`).join(""), l = Array.from({ length: Math.ceil(60 / i) }, (n, s) => {
       const a = Math.min(59, s * i);
-      return `<option value="${a}" ${a === e.minutes ? "selected" : ""}>${S(a)}</option>`;
+      return `<option value="${a}" ${a === e.minutes ? "selected" : ""}>${w(a)}</option>`;
     }).join("");
-    return { hours: r, minutes: o };
+    return { hours: r, minutes: l };
   }
   _renderSurfaceInner(t, e = !1) {
-    const i = this._translations(), r = this._timeOptions(this._pending.startTime), o = this._timeOptions(this._pending.endTime), n = (this.getAttribute("label") || "").trim(), s = c(n), a = c(n || i.selectDateRange), l = this._valueFromPending(), p = l.start && l.end ? `${this._formatDateTimeDisplay(l.start)} — ${this._formatDateTimeDisplay(l.end)}` : i.selectDateRange, m = c(`${i.startTime} ${i.hour}`), g = c(`${i.startTime} ${i.minute}`), v = c(`${i.endTime} ${i.hour}`), d = c(`${i.endTime} ${i.minute}`), f = `
+    const i = this._translations(), r = this._timeOptions(this._pending.startTime), l = this._timeOptions(this._pending.endTime), n = (this.getAttribute("label") || "").trim(), s = c(n), a = c(n || i.selectDateRange), u = this._valueFromPending(), p = u.start && u.end ? `${this._formatDateTimeDisplay(u.start)} — ${this._formatDateTimeDisplay(u.end)}` : i.selectDateRange, g = c(`${i.startTime} ${i.hour}`), S = c(`${i.startTime} ${i.minute}`), y = c(`${i.endTime} ${i.hour}`), o = c(`${i.endTime} ${i.minute}`), b = `
       <header class="head">
         <div>
           <p class="head-title" ${n ? "" : "hidden"}>${s}</p>
@@ -835,13 +838,13 @@ class _t extends tt {
               </div>
               <div class="time-row">
                 <p class="time-row-label"><span class="icon-inline">${B}</span>${c(i.startTime)}</p>
-                <select data-time="start" data-segment="hours" aria-label="${m}">${r.hours}</select>
-                <select data-time="start" data-segment="minutes" aria-label="${g}">${r.minutes}</select>
+                <select data-time="start" data-segment="hours" aria-label="${g}">${r.hours}</select>
+                <select data-time="start" data-segment="minutes" aria-label="${S}">${r.minutes}</select>
               </div>
               <div class="time-row">
                 <p class="time-row-label"><span class="icon-inline">${B}</span>${c(i.endTime)}</p>
-                <select data-time="end" data-segment="hours" aria-label="${v}">${o.hours}</select>
-                <select data-time="end" data-segment="minutes" aria-label="${d}">${o.minutes}</select>
+                <select data-time="end" data-segment="hours" aria-label="${y}">${l.hours}</select>
+                <select data-time="end" data-segment="minutes" aria-label="${o}">${l.minutes}</select>
               </div>
             </div>
           </div>
@@ -858,28 +861,28 @@ class _t extends tt {
         <button type="button" class="action" data-action="apply" data-tone="primary">${c(i.apply)}</button>
       </footer>
     `;
-    return e ? f : `
-      <style>${ft}</style>
+    return e ? b : `
+      <style>${gt}</style>
       ${t ? '<div class="sheet-backdrop" data-action="backdrop"></div>' : ""}
-      <section class="${t ? "sheet" : "panel"}" id="${this._panelId}" role="dialog" aria-modal="${t ? "true" : "false"}" aria-label="${a}" part="${t ? "sheet" : "popover"}">${f}</section>
+      <section class="${t ? "sheet" : "panel"}" id="${this._panelId}" role="dialog" aria-modal="${t ? "true" : "false"}" aria-label="${a}" part="${t ? "sheet" : "popover"}">${b}</section>
     `;
   }
   _syncCalendar(t) {
-    const e = (l, p) => {
+    const e = (u, p) => {
       if (p == null || p === "") {
-        t.hasAttribute(l) && t.removeAttribute(l);
+        t.hasAttribute(u) && t.removeAttribute(u);
         return;
       }
-      t.getAttribute(l) !== p && t.setAttribute(l, p);
-    }, i = (l, p) => {
-      p ? e(l, "") : e(l, null);
+      t.getAttribute(u) !== p && t.setAttribute(u, p);
+    }, i = (u, p) => {
+      p ? e(u, "") : e(u, null);
     };
     e("selection", "range"), e("value", JSON.stringify({
       ...this._pending.startDate ? { start: this._pending.startDate } : {},
       ...this._pending.endDate ? { end: this._pending.endDate } : {}
     }));
-    const r = P(this.getAttribute("min")), o = P(this.getAttribute("max"));
-    e("min", (r == null ? void 0 : r.date) || null), e("max", (o == null ? void 0 : o.date) || null), e("locale", this.getAttribute("locale")), e("translations", this.getAttribute("translations")), e("week-start", this.getAttribute("week-start"));
+    const r = P(this.getAttribute("min")), l = P(this.getAttribute("max"));
+    e("min", r?.date || null), e("max", l?.date || null), e("locale", this.getAttribute("locale")), e("translations", this.getAttribute("translations")), e("week-start", this.getAttribute("week-start"));
     const s = this.getAttribute("size") || "sm", a = t.classList.contains("drtp-calendar-inline");
     e("size", s === "lg" ? "md" : "sm"), e("variant", this.getAttribute("variant")), i("readonly", this._isReadonly()), i("disabled", this._isInteractionBlocked()), i("bare", this._isBare()), e("tabindex", "-1"), s === "lg" ? (t.style.setProperty("--ui-calendar-day-height", "1.95em"), t.style.setProperty("--ui-calendar-day-padding-block", "0.2em"), t.style.setProperty("--ui-calendar-day-padding-inline", "0.26em"), t.style.setProperty("--ui-calendar-gap", "0.42em"), t.style.setProperty("--ui-calendar-day-font-size", "0.78em"), t.style.setProperty("--ui-calendar-weekday-font-size", "0.7em"), t.style.setProperty("--ui-calendar-title-font-size", "0.88em")) : (t.style.setProperty("--ui-calendar-day-height", "2.4em"), t.style.setProperty("--ui-calendar-day-padding-block", "0.14em"), t.style.setProperty("--ui-calendar-day-padding-inline", "0.22em"), t.style.setProperty("--ui-calendar-gap", "0.34em"), t.style.setProperty("--ui-calendar-day-font-size", "0.72em"), t.style.setProperty("--ui-calendar-weekday-font-size", "0.64em"), t.style.setProperty("--ui-calendar-title-font-size", "0.8em")), a ? (t.style.setProperty("--ui-calendar-frame-padding", "0.32em"), t.style.setProperty("--ui-calendar-week-gap", "0.18em"), t.style.setProperty("--ui-calendar-control-height", "1.72em"), t.style.setProperty("--ui-calendar-gap", "0.24em")) : (t.style.removeProperty("--ui-calendar-frame-padding"), t.style.removeProperty("--ui-calendar-week-gap"), t.style.removeProperty("--ui-calendar-control-height")), e("aria-label", this.getAttribute("label") || this._translations().selectDateRange);
   }
@@ -893,62 +896,56 @@ class _t extends tt {
     ].join(":");
   }
   _ensureOverlayContent(t) {
-    if (!this._overlay)
-      return;
+    if (!this._overlay) return;
     const e = this._overlaySignature(t);
     this._overlayKey === e && this._overlay.querySelector(".drtp-calendar") || (this._overlayKey = e, this._overlay.innerHTML = t ? `<div class="sheet-wrap">${this._renderSurfaceInner(!0)}</div>` : `<div class="overlay">${this._renderSurfaceInner(!1)}</div>`);
   }
   _setClosestOptionValue(t, e) {
     const i = Array.from(t.options).map((n) => Number(n.value)).filter((n) => Number.isFinite(n));
-    if (!i.length)
-      return;
-    let r = i[0], o = Math.abs(r - e);
+    if (!i.length) return;
+    let r = i[0], l = Math.abs(r - e);
     for (let n = 1; n < i.length; n += 1) {
       const s = i[n], a = Math.abs(s - e);
-      a < o && (r = s, o = a);
+      a < l && (r = s, l = a);
     }
     t.value = String(r);
   }
   _syncOverlayState() {
-    if (!this._overlay)
-      return;
+    if (!this._overlay) return;
     this._syncOverlayHostZIndex();
     const t = this._isMobileSheet();
     this._ensureOverlayContent(t), this._syncDismissableLayer();
-    const e = this._translations(), i = this._overlay.querySelector(".panel, .sheet"), r = this._overlay.querySelector(".presets"), o = this._overlay.querySelector(".footer");
+    const e = this._translations(), i = this._overlay.querySelector(".panel, .sheet"), r = this._overlay.querySelector(".presets"), l = this._overlay.querySelector(".footer");
     i && (i.dataset.bare = this._isBare() ? "true" : "false");
     const n = this._showFooter();
-    r && (r.hidden = !n), o && (o.hidden = !n);
+    r && (r.hidden = !n), l && (l.hidden = !n);
     const s = this._overlay.querySelector(".head-title");
     if (s) {
-      const b = (this.getAttribute("label") || "").trim();
-      s.textContent = b, s.hidden = !b;
+      const m = (this.getAttribute("label") || "").trim();
+      s.textContent = m, s.hidden = !m;
     }
-    const a = this._overlay.querySelector(".head-meta"), l = this._valueFromPending();
-    a && (a.textContent = l.start && l.end ? `${this._formatDateTimeDisplay(l.start)} — ${this._formatDateTimeDisplay(l.end)}` : e.selectDateRange);
+    const a = this._overlay.querySelector(".head-meta"), u = this._valueFromPending();
+    a && (a.textContent = u.start && u.end ? `${this._formatDateTimeDisplay(u.start)} — ${this._formatDateTimeDisplay(u.end)}` : e.selectDateRange);
     const p = this._overlay.querySelector(".drtp-calendar");
     p && this._syncCalendar(p);
-    const m = A(this._pending.startTime, !0) || { hours: 0, minutes: 0, seconds: 0 }, g = A(this._pending.endTime, !0) || { hours: 0, minutes: 0, seconds: 0 }, v = this._overlay.querySelector('select[data-time="start"][data-segment="hours"]'), d = this._overlay.querySelector('select[data-time="start"][data-segment="minutes"]'), f = this._overlay.querySelector('select[data-time="end"][data-segment="hours"]'), _ = this._overlay.querySelector('select[data-time="end"][data-segment="minutes"]');
-    v && this._setClosestOptionValue(v, m.hours), d && this._setClosestOptionValue(d, m.minutes), f && this._setClosestOptionValue(f, g.hours), _ && this._setClosestOptionValue(_, g.minutes);
-    const y = this._isInteractionBlocked() || this._isReadonly();
-    [v, d, f, _].forEach((b) => {
-      b && (b.disabled = y);
-    }), this._overlay.querySelectorAll(".action, .preset").forEach((b) => {
-      b.disabled = y;
+    const g = k(this._pending.startTime) || { hours: 0, minutes: 0 }, S = k(this._pending.endTime) || { hours: 0, minutes: 0 }, y = this._overlay.querySelector('select[data-time="start"][data-segment="hours"]'), o = this._overlay.querySelector('select[data-time="start"][data-segment="minutes"]'), b = this._overlay.querySelector('select[data-time="end"][data-segment="hours"]'), f = this._overlay.querySelector('select[data-time="end"][data-segment="minutes"]');
+    y && this._setClosestOptionValue(y, g.hours), o && this._setClosestOptionValue(o, g.minutes), b && this._setClosestOptionValue(b, S.hours), f && this._setClosestOptionValue(f, S.minutes);
+    const _ = this._isInteractionBlocked() || this._isReadonly();
+    [y, o, b, f].forEach((m) => {
+      m && (m.disabled = _);
+    }), this._overlay.querySelectorAll(".action, .preset").forEach((m) => {
+      m.disabled = _;
     }), t || this._schedulePosition.run();
   }
   _renderOverlay() {
     this._syncOverlayState();
   }
   _applyTimeFromOverlay(t) {
-    var a, l;
-    const e = t.getAttribute("data-time"), i = (a = this._overlay) == null ? void 0 : a.querySelector(`select[data-time="${e}"][data-segment="hours"]`), r = (l = this._overlay) == null ? void 0 : l.querySelector(`select[data-time="${e}"][data-segment="minutes"]`);
-    if (!e || !i || !r)
-      return;
-    const o = Number(i.value), n = Number(r.value);
-    if (!Number.isFinite(o) || !Number.isFinite(n))
-      return;
-    const s = `${S(o)}:${S(n)}`;
+    const e = t.getAttribute("data-time"), i = this._overlay?.querySelector(`select[data-time="${e}"][data-segment="hours"]`), r = this._overlay?.querySelector(`select[data-time="${e}"][data-segment="minutes"]`);
+    if (!e || !i || !r) return;
+    const l = Number(i.value), n = Number(r.value);
+    if (!Number.isFinite(l) || !Number.isFinite(n)) return;
+    const s = `${w(l)}:${w(n)}`;
     e === "start" && (this._pending.startTime = s), e === "end" && (this._pending.endTime = s), this._pending = this._normalizePendingState(this._pending), this._emitInput("time");
   }
   _todayIso() {
@@ -970,18 +967,16 @@ class _t extends tt {
     this._pending.startDate = i.start, this._pending.endDate = i.end, this._pending = this._normalizePendingState(this._pending), this._emitInput("preset-month");
   }
   _onRootClick(t) {
-    var r;
     const e = t.target;
-    if (!e)
-      return;
-    const i = (r = e.closest("[data-action]")) == null ? void 0 : r.getAttribute("data-action");
+    if (!e) return;
+    const i = e.closest("[data-action]")?.getAttribute("data-action");
     if (i && !this._isInteractionBlocked() && !(this._isReadonly() && i !== "toggle")) {
       if (i === "toggle") {
         this._restoreFocusEl = e, this._setOpen(!this._open, "toggle");
         return;
       }
       if (i === "clear") {
-        this._isInlineMode() ? (this._pending = w({ start: null, end: null }), this._emitInput("clear"), this._updateHostState()) : (this._pending = w({ start: null, end: null }), this._commit(this._pending, "clear"));
+        this._isInlineMode() ? (this._pending = x({ start: null, end: null }), this._emitInput("clear"), this._updateHostState()) : (this._pending = x({ start: null, end: null }), this._commit(this._pending, "clear"));
         return;
       }
       if (this._isInlineMode() && (i === "preset-today" || i === "preset-last7" || i === "preset-month")) {
@@ -989,15 +984,14 @@ class _t extends tt {
         return;
       }
       if (this._isInlineMode() && i === "cancel") {
-        this._pending = w(this._value), this._updateHostState();
+        this._pending = x(this._value), this._updateHostState();
         return;
       }
       this._isInlineMode() && i === "apply" && this._commit(this._pending, "apply");
     }
   }
   _onRootChange(t) {
-    if (!this._isInlineMode())
-      return;
+    if (!this._isInlineMode()) return;
     const e = t.target;
     if (e) {
       if (e.tagName.toLowerCase() === "ui-calendar") {
@@ -1005,8 +999,7 @@ class _t extends tt {
         return;
       }
       if (e instanceof HTMLSelectElement && e.closest(".inline-panel")) {
-        if (!e.matches("select[data-time][data-segment]") || this._isInteractionBlocked() || this._isReadonly())
-          return;
+        if (!e.matches("select[data-time][data-segment]") || this._isInteractionBlocked() || this._isReadonly()) return;
         if (this._applyTimeFromOverlay(e), this._shouldAutoCommit()) {
           const i = this._valueFromPending();
           if (i.start && i.end) {
@@ -1029,22 +1022,20 @@ class _t extends tt {
     }
   }
   _onOverlayClick(t) {
-    var r;
     const e = t.target;
-    if (!e)
-      return;
-    const i = (r = e.closest("[data-action]")) == null ? void 0 : r.getAttribute("data-action");
+    if (!e) return;
+    const i = e.closest("[data-action]")?.getAttribute("data-action");
     if (i && !(this._isInteractionBlocked() || this._isReadonly())) {
       if (i === "backdrop") {
         this._setOpen(!1, "outside");
         return;
       }
       if (i === "cancel") {
-        this._pending = w(this._value), this._setOpen(!1, "cancel");
+        this._pending = x(this._value), this._setOpen(!1, "cancel");
         return;
       }
       if (i === "clear") {
-        this._pending = w({ start: null, end: null }), this._emitInput("clear"), this._renderOverlay();
+        this._pending = x({ start: null, end: null }), this._emitInput("clear"), this._renderOverlay();
         return;
       }
       if (i === "preset-today" || i === "preset-last7" || i === "preset-month") {
@@ -1062,11 +1053,9 @@ class _t extends tt {
     }
   }
   _onOverlayCalendar(t) {
-    if (this._isInteractionBlocked() || this._isReadonly())
-      return;
+    if (this._isInteractionBlocked() || this._isReadonly()) return;
     const e = t.target;
-    if (!e || e.tagName.toLowerCase() !== "ui-calendar")
-      return;
+    if (!e || e.tagName.toLowerCase() !== "ui-calendar") return;
     const i = t.detail;
     if (!(!i || i.mode !== "range")) {
       if (this._pending.startDate = i.start || null, this._pending.endDate = i.end || null, this._pending = this._normalizePendingState(this._pending), this._emitInput("calendar"), this._shouldAutoCommit() && this._pending.startDate && this._pending.endDate) {
@@ -1077,8 +1066,7 @@ class _t extends tt {
     }
   }
   _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");
   }
@@ -1086,46 +1074,45 @@ class _t extends tt {
     this._open && t.key === "Escape" && (t.preventDefault(), this._setOpen(!1, "escape"));
   }
   _updateHostState() {
-    if (!this._hasView)
-      return;
-    const t = this.getAttribute("label") || "", e = this.getAttribute("hint") || "", i = this.getAttribute("error") || "", r = this._inlineError || i, o = !!(this._value.start || this._value.end), n = this.getAttribute("name") || "", s = this._isInlineMode(), a = this._translations(), l = r ? "error" : this._state(), p = this._formatDisplay();
+    if (!this._hasView) return;
+    const t = this.getAttribute("label") || "", e = this.getAttribute("hint") || "", i = this.getAttribute("error") || "", r = this._inlineError || i, l = !!(this._value.start || this._value.end), n = this.getAttribute("name") || "", s = this._isInlineMode(), a = this._translations(), u = r ? "error" : this._state(), p = this._formatDisplay();
     this._display = p, this._state() === "loading" ? this.setAttribute("aria-busy", "true") : this.removeAttribute("aria-busy");
-    const m = this.root.querySelector(".label"), g = this.root.querySelector(".label-text"), v = this.root.querySelector(".required"), d = this.root.querySelector(".input"), f = this.root.querySelector('.btn[data-action="clear"]'), _ = this.root.querySelector('.btn[data-action="toggle"]'), y = this.root.querySelector(".hint"), b = this.root.querySelector(".error"), $ = this.root.querySelector(".hidden-input");
-    if (m && (m.hidden = !t, m.id = this._labelId, m.setAttribute("for", this._inputId)), g && (g.textContent = t), v && (v.hidden = !this.hasAttribute("required")), d && (d.value !== p && (d.value = p), d.id = this._inputId, d.placeholder = a.dateRangeTimePlaceholder, d.readOnly = !0, d.disabled = this._isInteractionBlocked(), d.required = this.hasAttribute("required"), d.autocomplete = "off", d.setAttribute("role", "combobox"), d.setAttribute("aria-haspopup", "dialog"), d.setAttribute("aria-expanded", s ? "false" : String(this._open)), d.setAttribute("aria-controls", this._panelId), d.setAttribute("aria-invalid", r ? "true" : "false"), t ? d.setAttribute("aria-labelledby", this._labelId) : d.removeAttribute("aria-labelledby")), f && (f.hidden = !(this._clearable() && o), f.setAttribute("aria-label", a.clearDateRange), f.disabled = this._isInteractionBlocked()), _ && (_.hidden = s, _.setAttribute("aria-label", a.toggleCalendar), _.setAttribute("aria-expanded", s ? "false" : String(this._open)), _.setAttribute("aria-controls", this._panelId), _.disabled = this._isInteractionBlocked()), y && (y.id = this._hintId, y.hidden = !e, y.textContent = e), b && (b.id = this._errorId, b.hidden = !r, b.textContent = r), d) {
-      const x = [];
-      e && y && !y.hidden && x.push(this._hintId), r && x.push(this._errorId), x.length ? d.setAttribute("aria-describedby", x.join(" ")) : d.removeAttribute("aria-describedby");
+    const g = this.root.querySelector(".label"), S = this.root.querySelector(".label-text"), y = this.root.querySelector(".required"), o = this.root.querySelector(".input"), b = this.root.querySelector('.btn[data-action="clear"]'), f = this.root.querySelector('.btn[data-action="toggle"]'), _ = this.root.querySelector(".hint"), m = this.root.querySelector(".error"), $ = this.root.querySelector(".hidden-input");
+    if (g && (g.hidden = !t, g.id = this._labelId, g.setAttribute("for", this._inputId)), S && (S.textContent = t), y && (y.hidden = !this.hasAttribute("required")), o && (o.value !== p && (o.value = p), o.id = this._inputId, o.placeholder = a.dateRangeTimePlaceholder, o.readOnly = !0, o.disabled = this._isInteractionBlocked(), o.required = this.hasAttribute("required"), o.autocomplete = "off", o.setAttribute("role", "combobox"), o.setAttribute("aria-haspopup", "dialog"), o.setAttribute("aria-expanded", s ? "false" : String(this._open)), o.setAttribute("aria-controls", this._panelId), o.setAttribute("aria-invalid", r ? "true" : "false"), t ? o.setAttribute("aria-labelledby", this._labelId) : o.removeAttribute("aria-labelledby")), b && (b.hidden = !(this._clearable() && l), b.setAttribute("aria-label", a.clearDateRange), b.disabled = this._isInteractionBlocked()), f && (f.hidden = s, f.setAttribute("aria-label", a.toggleCalendar), f.setAttribute("aria-expanded", s ? "false" : String(this._open)), f.setAttribute("aria-controls", this._panelId), f.disabled = this._isInteractionBlocked()), _ && (_.id = this._hintId, _.hidden = !e, _.textContent = e), m && (m.id = this._errorId, m.hidden = !r, m.textContent = r), o) {
+      const v = [];
+      e && _ && !_.hidden && v.push(this._hintId), r && v.push(this._errorId), v.length ? o.setAttribute("aria-describedby", v.join(" ")) : o.removeAttribute("aria-describedby");
     }
     $ && ($.disabled = !n, $.name = n, $.value = X(this._value) || "");
     const O = this.root.querySelector(".field");
-    O && (O.dataset.open = this._open && !s ? "true" : "false", O.dataset.invalid = r ? "true" : "false", O.dataset.state = l);
-    const u = this.root.querySelector(".inline-panel");
-    if (u) {
-      u.hidden = !s, u.id = this._panelId, u.dataset.bare = this._isBare() ? "true" : "false", u.setAttribute("role", "dialog"), u.setAttribute("aria-modal", "false"), u.setAttribute("aria-label", t || a.selectDateRange);
-      const x = u.querySelector(".panel-title");
-      x && (x.textContent = t, x.hidden = !t);
-      const R = u.querySelector(".head-title");
+    O && (O.dataset.open = this._open && !s ? "true" : "false", O.dataset.invalid = r ? "true" : "false", O.dataset.state = u);
+    const d = this.root.querySelector(".inline-panel");
+    if (d) {
+      d.hidden = !s, d.id = this._panelId, d.dataset.bare = this._isBare() ? "true" : "false", d.setAttribute("role", "dialog"), d.setAttribute("aria-modal", "false"), d.setAttribute("aria-label", t || a.selectDateRange);
+      const v = d.querySelector(".panel-title");
+      v && (v.textContent = t, v.hidden = !t);
+      const R = d.querySelector(".head-title");
       R && (R.textContent = t, R.hidden = !t);
-      const H = u.querySelector(".head-meta"), T = this._valueFromPending();
-      H && (H.textContent = T.start && T.end ? `${this._formatDateTimeDisplay(T.start)} — ${this._formatDateTimeDisplay(T.end)}` : a.selectDateRange);
-      const V = u.querySelector(".drtp-calendar-inline");
+      const H = d.querySelector(".head-meta"), z = this._valueFromPending();
+      H && (H.textContent = z.start && z.end ? `${this._formatDateTimeDisplay(z.start)} — ${this._formatDateTimeDisplay(z.end)}` : a.selectDateRange);
+      const V = d.querySelector(".drtp-calendar-inline");
       V && this._syncCalendar(V);
-      const L = u.querySelector('select[data-time="start"][data-segment="hours"]'), q = u.querySelector('select[data-time="start"][data-segment="minutes"]'), E = u.querySelector('select[data-time="end"][data-segment="hours"]'), M = u.querySelector('select[data-time="end"][data-segment="minutes"]'), F = A(this._pending.startTime, !0) || { hours: 0, minutes: 0, seconds: 0 }, N = A(this._pending.endTime, !0) || { hours: 0, minutes: 0, seconds: 0 };
-      L && this._setClosestOptionValue(L, F.hours), q && this._setClosestOptionValue(q, F.minutes), E && this._setClosestOptionValue(E, N.hours), M && this._setClosestOptionValue(M, N.minutes), [L, q, E, M].forEach((z) => {
-        z && (z.disabled = this._isInteractionBlocked() || this._isReadonly());
+      const L = d.querySelector('select[data-time="start"][data-segment="hours"]'), q = d.querySelector('select[data-time="start"][data-segment="minutes"]'), E = d.querySelector('select[data-time="end"][data-segment="hours"]'), M = d.querySelector('select[data-time="end"][data-segment="minutes"]'), F = k(this._pending.startTime) || { hours: 0, minutes: 0 }, N = k(this._pending.endTime) || { hours: 0, minutes: 0 };
+      L && this._setClosestOptionValue(L, F.hours), q && this._setClosestOptionValue(q, F.minutes), E && this._setClosestOptionValue(E, N.hours), M && this._setClosestOptionValue(M, N.minutes), [L, q, E, M].forEach((T) => {
+        T && (T.disabled = this._isInteractionBlocked() || this._isReadonly());
       });
-      const K = u.querySelector('[data-action="preset-today"]');
+      const K = d.querySelector('[data-action="preset-today"]');
       K && (K.textContent = a.today);
-      const U = u.querySelector('[data-action="preset-last7"]');
+      const U = d.querySelector('[data-action="preset-last7"]');
       U && (U.textContent = a.last7Days);
-      const Z = u.querySelector('[data-action="preset-month"]');
+      const Z = d.querySelector('[data-action="preset-month"]');
       Z && (Z.textContent = a.thisMonth);
-      const j = u.querySelector('[data-action="clear"]');
+      const j = d.querySelector('[data-action="clear"]');
       j && (j.textContent = a.clear);
-      const W = u.querySelector('[data-action="apply"]');
+      const W = d.querySelector('[data-action="apply"]');
       W && (W.textContent = a.apply);
-      const J = u.querySelector(".presets"), Y = u.querySelector(".footer"), G = this._showFooter();
-      J && (J.hidden = !G), Y && (Y.hidden = !G), u.querySelectorAll(".action, .preset").forEach((z) => {
-        z.disabled = this._isInteractionBlocked() || this._isReadonly();
+      const J = d.querySelector(".presets"), Y = d.querySelector(".footer"), G = this._showFooter();
+      J && (J.hidden = !G), Y && (Y.hidden = !G), d.querySelectorAll(".action, .preset").forEach((T) => {
+        T.disabled = this._isInteractionBlocked() || this._isReadonly();
       });
     }
     !s && this._open && this._syncOverlayState(), s && this._destroyOverlay();
@@ -1134,7 +1121,7 @@ class _t extends tt {
     if (!this._hasView) {
       const t = this._translations();
       this.setContent(`
-        <style>${gt}</style>
+        <style>${ft}</style>
         <div class="root">
           <label class="label" part="label" id="${this._labelId}">
             <span class="label-text"></span>