@editora/ui-core 0.1.19 → 0.1.21

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

@@ -1,9 +1,7 @@
-import { E as W } from "./ElementBase-909688f3.mjs";
-import { c as Y } from "./dismissable-layer-9c7e6b58.mjs";
-import { r as J } from "./calendar-2c11b824.mjs";
-import { r as G, e as Q, i as v, s as X, b as tt, f as et, t as it, n as R, d as st, p as F, o as N, a as rt, m as E, j as Z, k as j, q as y, l as nt, c as at } from "./date-time-utils-a2c7af25.mjs";
-import "./scroll-lock-31da444f.mjs";
-import "./positioner-e9770c66.mjs";
+import { E as W } from "./ElementBase-YlTLMsGk.mjs";
+import { c as Y } from "./dismissable-layer-BmPIoK80.mjs";
+import { r as J } from "./calendar-DLY4acgn.mjs";
+import { r as G, e as Q, i as v, s as X, b as tt, f as et, t as it, n as E, d as rt, p as F, o as N, a as st, m as R, j as Z, k as j, q as y, l as nt, c as at } from "./date-time-utils-y1N2gvG2.mjs";
 let ot = 0;
 const lt = `
   <svg viewBox="0 0 20 20" class="icon-svg" aria-hidden="true" focusable="false">
@@ -587,8 +585,7 @@ class ht extends W {
     return !Number.isFinite(t) || t < 1 ? 5 : Math.min(60, Math.trunc(t));
   }
   _formatDisplay(t) {
-    if (!t.date || !t.time)
-      return "";
+    if (!t.date || !t.time) return "";
     const e = et(t.date, this._locale(), "locale", null);
     return this._is12h() ? `${e} ${it(t.time, this._locale())}` : `${e} ${t.time}`;
   }
@@ -596,17 +593,14 @@ class ht extends W {
     return (this.getAttribute("format") || "24h") === "12h";
   }
   _parseDateInput(t) {
-    const e = R(t);
-    if (e)
-      return e;
-    const i = st(t, this._locale());
-    if (i)
-      return i;
-    const s = new Date(t);
-    if (!Number.isFinite(s.getTime()))
-      return null;
-    const a = s.getFullYear(), o = String(s.getMonth() + 1).padStart(2, "0"), r = String(s.getDate()).padStart(2, "0");
-    return `${a}-${o}-${r}`;
+    const e = E(t);
+    if (e) return e;
+    const i = rt(t, this._locale());
+    if (i) return i;
+    const r = new Date(t);
+    if (!Number.isFinite(r.getTime())) return null;
+    const o = r.getFullYear(), a = String(r.getMonth() + 1).padStart(2, "0"), s = String(r.getDate()).padStart(2, "0");
+    return `${o}-${a}-${s}`;
   }
   _syncOpenAttribute(t) {
     this._syncing = !0;
@@ -663,35 +657,33 @@ class ht extends W {
     return t ? `${t.date}T${t.time}` : null;
   }
   _clampState(t) {
-    if (!t.date)
-      return { date: null, time: t.time };
-    const e = this._minDate(), i = this._maxDate(), s = rt(t.date, e, i), a = t.time || "00:00";
-    let o = this._minDateTime(), r = this._maxDateTime();
-    if (o && r && E(o, r) > 0) {
-      const f = o;
-      o = r, r = f;
+    if (!t.date) return { date: null, time: t.time };
+    const e = this._minDate(), i = this._maxDate(), r = st(t.date, e, i), o = t.time || "00:00";
+    let a = this._minDateTime(), s = this._maxDateTime();
+    if (a && s && R(a, s) > 0) {
+      const f = a;
+      a = s, s = f;
     }
-    let n = Z(s, a) || `${s}T00:00`;
-    o && E(n, o) < 0 && (n = o), r && E(n, r) > 0 && (n = r);
+    let n = Z(r, o) || `${r}T00:00`;
+    a && R(n, a) < 0 && (n = a), s && R(n, s) > 0 && (n = s);
     const d = j(n);
-    return d ? { date: d.date, time: d.time } : { date: s, time: a };
+    return d ? { date: d.date, time: d.time } : { date: r, time: o };
   }
   _commit(t, e) {
-    if (this._isInteractionBlocked() || this._isReadonly())
-      return;
+    if (this._isInteractionBlocked() || this._isReadonly()) return;
     if (!t.date && !t.time) {
       this._value = { date: null, time: null }, this._pending = { date: null, time: null }, this._draft = "", this._inlineError = "", this._syncValueAttribute(this._value), this._emitInput(e), this._emitChange(e), this._updateHostState();
       return;
     }
-    const i = y(t.time || "", !0), s = this._clampState({
-      date: R(t.date),
+    const i = y(t.time || ""), r = this._clampState({
+      date: E(t.date),
       time: i ? `${p(i.hours)}:${p(i.minutes)}` : null
     });
-    if (!s.date || !s.time) {
+    if (!r.date || !r.time) {
       this._inlineError = this.getAttribute("error") || this._translations().invalidDateTime, this._emitInvalid(JSON.stringify(t), "parse"), this._updateHostState();
       return;
     }
-    this._value = s, this._pending = { ...s }, this._draft = this._formatDisplay(s), this._inlineError = "", this._syncValueAttribute(this._value), this._emitInput(e), this._emitChange(e), this._updateHostState();
+    this._value = r, this._pending = { ...r }, this._draft = this._formatDisplay(r), this._inlineError = "", this._syncValueAttribute(this._value), this._emitInput(e), this._emitChange(e), this._updateHostState();
   }
   _setOpen(t, e) {
     t && this._isInteractionBlocked() || this._open !== t && (this._open = t, this._syncOpenAttribute(t), this._syncOverlay(e), this._updateHostState(), this.dispatchEvent(new CustomEvent(t ? "open" : "close", { bubbles: !0, composed: !0 })));
@@ -714,25 +706,20 @@ class ht extends W {
       }
   }
   _ensureOverlay() {
-    if (this._overlay || typeof document > "u")
-      return;
+    if (this._overlay || typeof document > "u") return;
     const t = document.createElement("div");
     t.className = "ui-date-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), t.addEventListener("select", 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 = nt());
   }
   _syncOverlayHostZIndex() {
-    if (!this._overlay || typeof window > "u")
-      return;
+    if (!this._overlay || typeof window > "u") return;
     const t = window.getComputedStyle(this).getPropertyValue("--ui-dtp-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.removeEventListener("select", 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.removeEventListener("select", 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 = Y({
       node: t,
@@ -740,39 +727,37 @@ class ht extends W {
       closeOnEscape: !0,
       closeOnPointerOutside: !0,
       closeOnFocusOutside: !1,
-      onBeforeDismiss: (s) => s === "escape-key" ? (this._setOpen(!1, "escape"), !1) : (s === "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;
-    const i = e.getAttribute("data-placement"), s = at(
+    if (!t || !e) return;
+    const i = e.getAttribute("data-placement"), r = at(
       t.getBoundingClientRect(),
       e.getBoundingClientRect(),
       8,
       8,
       i === "top" ? "top" : i === "bottom" ? "bottom" : null
     );
-    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);
+    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() {
-    const t = y(this._pending.time || "00:00", !0) || { hours: 0, minutes: 0, seconds: 0 }, e = this._minuteStep(), i = this._is12h() ? Array.from({ length: 12 }, (o, r) => {
-      const n = r + 1, d = t.hours % 12 || 12;
+    const t = y(this._pending.time || "00:00") || { hours: 0, minutes: 0 }, e = this._minuteStep(), i = this._is12h() ? Array.from({ length: 12 }, (a, s) => {
+      const n = s + 1, d = t.hours % 12 || 12;
       return `<option value="${n}" ${n === d ? "selected" : ""}>${p(n)}</option>`;
-    }).join("") : Array.from({ length: 24 }, (o, r) => `<option value="${r}" ${r === t.hours ? "selected" : ""}>${p(r)}</option>`).join(""), s = Array.from({ length: Math.ceil(60 / e) }, (o, r) => {
-      const n = Math.min(59, r * e);
+    }).join("") : Array.from({ length: 24 }, (a, s) => `<option value="${s}" ${s === t.hours ? "selected" : ""}>${p(s)}</option>`).join(""), r = Array.from({ length: Math.ceil(60 / e) }, (a, s) => {
+      const n = Math.min(59, s * e);
       return `<option value="${n}" ${n === t.minutes ? "selected" : ""}>${p(n)}</option>`;
-    }).join(""), a = t.hours >= 12 ? "pm" : "am";
-    return { hours: i, minutes: s, meridiem: a };
+    }).join(""), o = t.hours >= 12 ? "pm" : "am";
+    return { hours: i, minutes: r, meridiem: o };
   }
   _renderSurfaceInner(t, e = !1) {
-    const i = this._translations(), s = this._timeOptions(), a = (this.getAttribute("label") || "").trim(), o = c(a), r = c(a || i.selectDate), n = this._pending.date && this._pending.time ? this._formatDisplay(this._pending) : "", d = `
+    const i = this._translations(), r = this._timeOptions(), o = (this.getAttribute("label") || "").trim(), a = c(o), s = c(o || i.selectDate), n = this._pending.date && this._pending.time ? this._formatDisplay(this._pending) : "", d = `
       <header class="head">
         <div>
-          <p class="head-title" ${a ? "" : "hidden"}>${o}</p>
+          <p class="head-title" ${o ? "" : "hidden"}>${a}</p>
           <p class="head-meta">${c(n || i.selectDate)}</p>
         </div>
       </header>
@@ -781,9 +766,9 @@ class ht extends W {
         <section class="time-panel" part="time">
           <span class="icon" aria-hidden="true">${K}</span>
           <div class="time-grid" data-meridiem="${this._is12h() ? "true" : "false"}">
-            <div><label>${c(i.hour)}</label><select data-segment="hours">${s.hours}</select></div>
-            <div><label>${c(i.minute)}</label><select data-segment="minutes">${s.minutes}</select></div>
-            ${this._is12h() ? `<div><label>${c(i.meridiem)}</label><select data-segment="meridiem"><option value="am" ${s.meridiem === "am" ? "selected" : ""}>${c(i.am)}</option><option value="pm" ${s.meridiem === "pm" ? "selected" : ""}>${c(i.pm)}</option></select></div>` : ""}
+            <div><label>${c(i.hour)}</label><select data-segment="hours" aria-label="${c(i.hour)}">${r.hours}</select></div>
+            <div><label>${c(i.minute)}</label><select data-segment="minutes" aria-label="${c(i.minute)}">${r.minutes}</select></div>
+            ${this._is12h() ? `<div><label>${c(i.meridiem)}</label><select data-segment="meridiem" aria-label="${c(i.meridiem)}"><option value="am" ${r.meridiem === "am" ? "selected" : ""}>${c(i.am)}</option><option value="pm" ${r.meridiem === "pm" ? "selected" : ""}>${c(i.pm)}</option></select></div>` : ""}
           </div>
         </section>
       </div>
@@ -797,22 +782,22 @@ class ht extends W {
     return e ? d : `
       <style>${pt}</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="${r}" part="${t ? "sheet" : "popover"}">${d}</section>
+      <section class="${t ? "sheet" : "panel"}" id="${this._panelId}" role="dialog" aria-modal="${t ? "true" : "false"}" aria-label="${s}" part="${t ? "sheet" : "popover"}">${d}</section>
     `;
   }
   _syncCalendar(t) {
-    const e = (r, n) => {
+    const e = (s, n) => {
       if (n == null || n === "") {
-        t.hasAttribute(r) && t.removeAttribute(r);
+        t.hasAttribute(s) && t.removeAttribute(s);
         return;
       }
-      t.getAttribute(r) !== n && t.setAttribute(r, n);
-    }, i = (r, n) => {
-      n ? e(r, "") : e(r, null);
+      t.getAttribute(s) !== n && t.setAttribute(s, n);
+    }, i = (s, n) => {
+      n ? e(s, "") : e(s, null);
     };
     e("selection", "single"), e("value", this._pending.date), e("min", this.getAttribute("min")), e("max", this.getAttribute("max")), e("locale", this.getAttribute("locale")), e("translations", this.getAttribute("translations")), e("week-start", this.getAttribute("week-start"));
-    const a = this.getAttribute("size") || "sm", o = t.classList.contains("dt-calendar-inline");
-    e("size", a === "lg" ? "md" : "sm"), e("variant", this.getAttribute("variant")), i("readonly", this._isReadonly()), i("disabled", this._isInteractionBlocked()), i("bare", this._isBare()), e("tabindex", "-1"), a === "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")), o ? (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().selectDate);
+    const o = this.getAttribute("size") || "sm", a = t.classList.contains("dt-calendar-inline");
+    e("size", o === "lg" ? "md" : "sm"), e("variant", this.getAttribute("variant")), i("readonly", this._isReadonly()), i("disabled", this._isInteractionBlocked()), i("bare", this._isBare()), e("tabindex", "-1"), o === "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().selectDate);
   }
   _overlaySignature(t) {
     return [
@@ -824,40 +809,37 @@ class ht extends W {
     ].join(":");
   }
   _ensureOverlayContent(t) {
-    if (!this._overlay)
-      return;
+    if (!this._overlay) return;
     const e = this._overlaySignature(t);
     this._overlayKey === e && this._overlay.querySelector(".dt-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((o) => Number(o.value)).filter((o) => Number.isFinite(o));
-    if (!i.length)
-      return;
-    let s = i[0], a = Math.abs(s - e);
-    for (let o = 1; o < i.length; o += 1) {
-      const r = i[o], n = Math.abs(r - e);
-      n < a && (s = r, a = n);
+    const i = Array.from(t.options).map((a) => Number(a.value)).filter((a) => Number.isFinite(a));
+    if (!i.length) return;
+    let r = i[0], o = Math.abs(r - e);
+    for (let a = 1; a < i.length; a += 1) {
+      const s = i[a], n = Math.abs(s - e);
+      n < o && (r = s, o = n);
     }
-    t.value = String(s);
+    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"), s = this._overlay.querySelector(".footer");
-    i && (i.dataset.bare = this._isBare() ? "true" : "false"), s && (s.hidden = !this._showFooter());
-    const a = this._overlay.querySelector(".head-title");
-    if (a) {
+    const e = this._translations(), i = this._overlay.querySelector(".panel, .sheet"), r = this._overlay.querySelector(".footer");
+    i && (i.dataset.bare = this._isBare() ? "true" : "false"), r && (r.hidden = !this._showFooter());
+    const o = this._overlay.querySelector(".head-title");
+    if (o) {
       const l = (this.getAttribute("label") || "").trim();
-      a.textContent = l, a.hidden = !l;
+      o.textContent = l, o.hidden = !l;
     }
-    const o = this._overlay.querySelector(".head-meta");
-    o && (o.textContent = this._pending.date && this._pending.time ? this._formatDisplay(this._pending) : e.selectDate);
-    const r = this._overlay.querySelector(".dt-calendar");
-    r && this._syncCalendar(r);
-    const n = y(this._pending.time || "00:00", !0) || { hours: 0, minutes: 0, seconds: 0 }, d = this._overlay.querySelector('select[data-segment="hours"]'), f = this._overlay.querySelector('select[data-segment="minutes"]'), m = this._overlay.querySelector('select[data-segment="meridiem"]');
+    const a = this._overlay.querySelector(".head-meta");
+    a && (a.textContent = this._pending.date && this._pending.time ? this._formatDisplay(this._pending) : e.selectDate);
+    const s = this._overlay.querySelector(".dt-calendar");
+    s && this._syncCalendar(s);
+    const n = y(this._pending.time || "00:00") || { hours: 0, minutes: 0 }, d = this._overlay.querySelector('select[data-segment="hours"]'), f = this._overlay.querySelector('select[data-segment="minutes"]'), m = this._overlay.querySelector('select[data-segment="meridiem"]');
     if (d) {
       const l = this._is12h() ? n.hours % 12 || 12 : n.hours;
       this._setClosestOptionValue(d, l), d.disabled = this._isInteractionBlocked() || this._isReadonly();
@@ -872,28 +854,24 @@ class ht extends W {
     this._syncOverlayState();
   }
   _applyTimeFromSurface(t) {
-    const e = t.querySelector('select[data-segment="hours"]'), i = t.querySelector('select[data-segment="minutes"]'), s = t.querySelector('select[data-segment="meridiem"]');
-    if (!e || !i)
-      return;
-    const a = Number(e.value), o = Number(i.value);
-    if (!Number.isFinite(a) || !Number.isFinite(o))
-      return;
-    let r = a;
+    const e = t.querySelector('select[data-segment="hours"]'), i = t.querySelector('select[data-segment="minutes"]'), r = t.querySelector('select[data-segment="meridiem"]');
+    if (!e || !i) return;
+    const o = Number(e.value), a = Number(i.value);
+    if (!Number.isFinite(o) || !Number.isFinite(a)) return;
+    let s = o;
     if (this._is12h()) {
-      const n = (s == null ? void 0 : s.value) === "pm" ? "pm" : "am";
-      n === "pm" && r < 12 && (r += 12), n === "am" && r === 12 && (r = 0);
+      const n = r?.value === "pm" ? "pm" : "am";
+      n === "pm" && s < 12 && (s += 12), n === "am" && s === 12 && (s = 0);
     }
     this._pending = this._clampState({
       date: this._pending.date,
-      time: `${p(r)}:${p(o)}`
+      time: `${p(s)}:${p(a)}`
     }), this._emitInput("time");
   }
   _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 && !(this._isInteractionBlocked() || this._isReadonly())) {
       if (i === "toggle") {
         this._restoreFocusEl = e, this._setOpen(!this._open, "toggle");
@@ -904,8 +882,8 @@ class ht extends W {
         return;
       }
       if (this._isInlineMode() && i === "now") {
-        const a = /* @__PURE__ */ new Date(), o = String(a.getMonth() + 1).padStart(2, "0"), r = String(a.getDate()).padStart(2, "0"), n = `${a.getFullYear()}-${o}-${r}`, d = `${p(a.getHours())}:${p(a.getMinutes())}`;
-        this._pending = this._clampState({ date: n, time: d }), this._emitInput("now"), this._updateHostState();
+        const r = /* @__PURE__ */ new Date(), o = String(r.getMonth() + 1).padStart(2, "0"), a = String(r.getDate()).padStart(2, "0"), s = `${r.getFullYear()}-${o}-${a}`, n = `${p(r.getHours())}:${p(r.getMinutes())}`;
+        this._pending = this._clampState({ date: s, time: n }), this._emitInput("now"), this._updateHostState();
         return;
       }
       if (this._isInlineMode() && i === "cancel") {
@@ -916,8 +894,7 @@ class ht extends W {
     }
   }
   _onRootChange(t) {
-    if (!this._isInlineMode())
-      return;
+    if (!this._isInlineMode()) return;
     const e = t.target;
     if (e) {
       if (e.tagName.toLowerCase() === "ui-calendar") {
@@ -925,11 +902,9 @@ class ht extends W {
         return;
       }
       if (e instanceof HTMLSelectElement && e.closest(".inline-panel")) {
-        if (!e.matches("select[data-segment]") || this._isInteractionBlocked() || this._isReadonly())
-          return;
+        if (!e.matches("select[data-segment]") || this._isInteractionBlocked() || this._isReadonly()) return;
         const i = this.root.querySelector(".inline-panel");
-        if (!i)
-          return;
+        if (!i) return;
         if (this._applyTimeFromSurface(i), this._shouldAutoCommit() && this._pending.date && this._pending.time) {
           this._commit(this._pending, "time");
           return;
@@ -944,24 +919,23 @@ class ht extends W {
   }
   _onRootBlur(t) {
     const e = t.target;
-    if (!(e instanceof HTMLInputElement) || !e.classList.contains("input") || !this._allowInput() || this._isInteractionBlocked())
-      return;
+    if (!(e instanceof HTMLInputElement) || !e.classList.contains("input") || !this._allowInput() || this._isInteractionBlocked()) return;
     const i = this._draft.trim();
     if (!i) {
       this._commit({ date: null, time: null }, "blur");
       return;
     }
-    const s = /^(.+)\s+(\d{1,2}:\d{2}(?::\d{2})?(?:\s?[ap]m)?)$/i.exec(i);
-    if (!s) {
+    const r = /^(.+)\s+(\d{1,2}:\d{2}(?::\d{2})?(?:\s?[ap]m)?)$/i.exec(i);
+    if (!r) {
       this._inlineError = this.getAttribute("error") || this._translations().invalidDateTime, this._emitInvalid(i, "parse"), this._updateHostState();
       return;
     }
-    const a = this._parseDateInput(s[1]), o = y(s[2], !0) ? s[2] : null;
-    if (!a || !o) {
+    const o = this._parseDateInput(r[1]), a = y(r[2]) ? r[2] : null;
+    if (!o || !a) {
       this._inlineError = this.getAttribute("error") || this._translations().invalidDateTime, this._emitInvalid(i, "parse"), this._updateHostState();
       return;
     }
-    this._commit({ date: a, time: o }, "blur");
+    this._commit({ date: o, time: a }, "blur");
   }
   _onRootKeyDown(t) {
     const e = t;
@@ -974,11 +948,9 @@ class ht extends W {
     }
   }
   _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 && !this._isInteractionBlocked() && !(this._isReadonly() && i !== "toggle")) {
       if (i === "backdrop") {
         this._setOpen(!1, "outside");
@@ -993,8 +965,8 @@ class ht extends W {
         return;
       }
       if (i === "now") {
-        const a = /* @__PURE__ */ new Date(), o = String(a.getMonth() + 1).padStart(2, "0"), r = String(a.getDate()).padStart(2, "0"), n = `${a.getFullYear()}-${o}-${r}`, d = `${p(a.getHours())}:${p(a.getMinutes())}`;
-        this._pending = this._clampState({ date: n, time: d }), this._emitInput("now"), this._renderOverlay();
+        const r = /* @__PURE__ */ new Date(), o = String(r.getMonth() + 1).padStart(2, "0"), a = String(r.getDate()).padStart(2, "0"), s = `${r.getFullYear()}-${o}-${a}`, n = `${p(r.getHours())}:${p(r.getMinutes())}`;
+        this._pending = this._clampState({ date: s, time: n }), this._emitInput("now"), this._renderOverlay();
         return;
       }
       i === "apply" && (this._commit(this._pending, "apply"), this._setOpen(!1, "apply"));
@@ -1005,14 +977,12 @@ class ht extends W {
     e instanceof HTMLSelectElement && e.matches("select[data-segment]") && (this._isInteractionBlocked() || this._overlay && (this._applyTimeFromSurface(this._overlay), this._shouldAutoCommit() && this._pending.date && this._pending.time && (this._commit(this._pending, "time"), this._setOpen(!1, "time"))));
   }
   _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;
-    const i = t.type, s = t.detail, a = R(i === "select" ? (s == null ? void 0 : s.value) || null : s == null ? void 0 : s.value);
-    if (a) {
-      if (this._pending = this._clampState({ date: a, time: this._pending.time || "09:00" }), this._emitInput("calendar"), this._shouldAutoCommit() && this._pending.time) {
+    if (!e || e.tagName.toLowerCase() !== "ui-calendar") return;
+    const i = t.type, r = t.detail, o = E(i === "select" ? r?.value || null : r?.value);
+    if (o) {
+      if (this._pending = this._clampState({ date: o, time: this._pending.time || "09:00" }), this._emitInput("calendar"), this._shouldAutoCommit() && this._pending.time) {
         this._commit(this._pending, "calendar"), this._setOpen(!1, "calendar");
         return;
       }
@@ -1020,8 +990,7 @@ class ht extends W {
     }
   }
   _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");
   }
@@ -1029,25 +998,24 @@ class ht extends W {
     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") || "", s = this._inlineError || i, a = !!x(this._value), o = this.getAttribute("name") || "", r = this._allowInput() ? this._draft : this._formatDisplay(this._value), n = this._isInlineMode(), d = this._translations(), f = s ? "error" : this._state();
+    if (!this._hasView) return;
+    const t = this.getAttribute("label") || "", e = this.getAttribute("hint") || "", i = this.getAttribute("error") || "", r = this._inlineError || i, o = !!x(this._value), a = this.getAttribute("name") || "", s = this._allowInput() ? this._draft : this._formatDisplay(this._value), n = this._isInlineMode(), d = this._translations(), f = r ? "error" : this._state();
     this._state() === "loading" ? this.setAttribute("aria-busy", "true") : this.removeAttribute("aria-busy");
-    const m = this.root.querySelector(".label"), S = this.root.querySelector(".label-text"), D = this.root.querySelector(".required"), l = this.root.querySelector(".input"), w = this.root.querySelector('.btn[data-action="clear"]'), b = this.root.querySelector('.btn[data-action="toggle"]'), g = this.root.querySelector(".hint"), I = this.root.querySelector(".error"), k = this.root.querySelector(".hidden-input");
-    if (m && (m.hidden = !t), m && (m.id = this._labelId, m.setAttribute("for", this._inputId)), S && (S.textContent = t), D && (D.hidden = !this.hasAttribute("required")), l && (l.value !== r && (l.value = r), l.id = this._inputId, l.placeholder = d.dateTimePlaceholder, l.readOnly = !this._allowInput() || this._isReadonly(), l.disabled = this._isInteractionBlocked(), l.required = this.hasAttribute("required"), l.autocomplete = "off", l.setAttribute("role", "combobox"), l.setAttribute("aria-haspopup", "dialog"), l.setAttribute("aria-expanded", n ? "false" : String(this._open)), l.setAttribute("aria-controls", this._panelId), l.setAttribute("aria-invalid", s ? "true" : "false"), t ? l.setAttribute("aria-labelledby", this._labelId) : l.removeAttribute("aria-labelledby")), w && (w.hidden = !(this._clearable() && a), w.setAttribute("aria-label", d.clear), w.disabled = this._isInteractionBlocked()), b && (b.hidden = n, b.setAttribute("aria-label", d.toggleCalendar), b.setAttribute("aria-expanded", n ? "false" : String(this._open)), b.setAttribute("aria-controls", this._panelId), b.disabled = this._isInteractionBlocked()), g && (g.id = this._hintId, g.hidden = !e, g.textContent = e), I && (I.id = this._errorId, I.hidden = !s, I.textContent = s), l) {
+    const m = this.root.querySelector(".label"), S = this.root.querySelector(".label-text"), $ = this.root.querySelector(".required"), l = this.root.querySelector(".input"), w = this.root.querySelector('.btn[data-action="clear"]'), b = this.root.querySelector('.btn[data-action="toggle"]'), g = this.root.querySelector(".hint"), I = this.root.querySelector(".error"), k = this.root.querySelector(".hidden-input");
+    if (m && (m.hidden = !t), m && (m.id = this._labelId, m.setAttribute("for", this._inputId)), S && (S.textContent = t), $ && ($.hidden = !this.hasAttribute("required")), l && (l.value !== s && (l.value = s), l.id = this._inputId, l.placeholder = d.dateTimePlaceholder, l.readOnly = !this._allowInput() || this._isReadonly(), l.disabled = this._isInteractionBlocked(), l.required = this.hasAttribute("required"), l.autocomplete = "off", l.setAttribute("role", "combobox"), l.setAttribute("aria-haspopup", "dialog"), l.setAttribute("aria-expanded", n ? "false" : String(this._open)), l.setAttribute("aria-controls", this._panelId), l.setAttribute("aria-invalid", r ? "true" : "false"), t ? l.setAttribute("aria-labelledby", this._labelId) : l.removeAttribute("aria-labelledby")), w && (w.hidden = !(this._clearable() && o), w.setAttribute("aria-label", d.clear), w.disabled = this._isInteractionBlocked()), b && (b.hidden = n, b.setAttribute("aria-label", d.toggleCalendar), b.setAttribute("aria-expanded", n ? "false" : String(this._open)), b.setAttribute("aria-controls", this._panelId), b.disabled = this._isInteractionBlocked()), g && (g.id = this._hintId, g.hidden = !e, g.textContent = e), I && (I.id = this._errorId, I.hidden = !r, I.textContent = r), l) {
       const _ = [];
-      e && g && !g.hidden && _.push(this._hintId), s && _.push(this._errorId), _.length ? l.setAttribute("aria-describedby", _.join(" ")) : l.removeAttribute("aria-describedby");
+      e && g && !g.hidden && _.push(this._hintId), r && _.push(this._errorId), _.length ? l.setAttribute("aria-describedby", _.join(" ")) : l.removeAttribute("aria-describedby");
     }
-    k && (k.disabled = !o, k.name = o, k.value = x(this._value) || "");
+    k && (k.disabled = !a, k.name = a, k.value = x(this._value) || "");
     const A = this.root.querySelector(".field");
-    A && (A.dataset.open = this._open && !n ? "true" : "false", A.dataset.invalid = s ? "true" : "false", A.dataset.state = f);
+    A && (A.dataset.open = this._open && !n ? "true" : "false", A.dataset.invalid = r ? "true" : "false", A.dataset.state = f);
     const u = this.root.querySelector(".inline-panel");
     if (u) {
       u.hidden = !n, 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 || d.selectDate);
       const _ = u.querySelector(".panel-title");
       _ && (_.textContent = t, _.hidden = !t);
-      const $ = u.querySelector(".head-title");
-      $ && ($.textContent = t, $.hidden = !t);
+      const D = u.querySelector(".head-title");
+      D && (D.textContent = t, D.hidden = !t);
       const q = u.querySelector(".head-meta");
       q && (q.textContent = this._pending.date && this._pending.time ? this._formatDisplay(this._pending) : d.selectDate);
       const T = u.querySelector('[data-action="now"]');
@@ -1060,7 +1028,7 @@ class ht extends W {
       H && (H.hidden = !this._showFooter());
       const V = u.querySelector(".dt-calendar-inline");
       V && this._syncCalendar(V);
-      const O = u.querySelector('select[data-segment="hours"]'), B = u.querySelector('select[data-segment="minutes"]'), z = u.querySelector('select[data-segment="meridiem"]'), C = y(this._pending.time || "00:00", !0) || { hours: 0, minutes: 0, seconds: 0 };
+      const O = u.querySelector('select[data-segment="hours"]'), B = u.querySelector('select[data-segment="minutes"]'), z = u.querySelector('select[data-segment="meridiem"]'), C = y(this._pending.time || "00:00") || { hours: 0, minutes: 0 };
       if (O) {
         const L = this._is12h() ? C.hours % 12 || 12 : C.hours;
         this._setClosestOptionValue(O, L), O.disabled = this._isInteractionBlocked() || this._isReadonly();

package/dist/date-time-utils-Dmost5Ee.js

@@ -0,0 +1 @@
+"use strict";const l=require("./calendar-Dkof-FTK.js"),C=require("./scroll-lock-BX6e3Ced.js"),I=require("./positioner-D_fqyx_j.js"),w=new Map,v=24;function y(t,e,n){return Math.max(e,Math.min(n,t))}function u(t){return String(t).padStart(2,"0")}function b(t){if(!/^-?\d+$/.test(t))return null;const e=Number(t);return Number.isFinite(e)?Math.trunc(e):null}function N(t){return t.replace(/[.\-]/g,"/").replace(/\s+/g," ").trim()}function O(t){const e=[];for(let n=0;n<12;n+=1)e.push(new Intl.DateTimeFormat(t,{month:"short",timeZone:"UTC"}).format(new Date(Date.UTC(2024,n,1))));return e}function L(t){const e=[];for(let n=0;n<12;n+=1)e.push(new Intl.DateTimeFormat(t,{month:"long",timeZone:"UTC"}).format(new Date(Date.UTC(2024,n,1))));return e}function U(t,e=!1){if(t==null)return e;const n=t.trim().toLowerCase();return n?n!=="false"&&n!=="0"&&n!=="off"&&n!=="no":!0}function F(t,e){const n=typeof t.composedPath=="function"?t.composedPath():[];for(const o of e)if(o&&n.includes(o))return!0;const r=t.target;if(!(r instanceof Node))return!1;for(const o of e)if(o instanceof Node&&o.contains(r))return!0;return!1}function P(t){const e=(t||"").trim();return e||(typeof navigator<"u"&&navigator.language?navigator.language:"en-US")}function m(t){if(!t)return null;const e=l.parseISO(t);return e?`${e.y}-${u(e.m)}-${u(e.d)}`:null}function g(t){if(!t)return null;const e=/^(\d{4}-\d{2}-\d{2})[T ](\d{1,2}:\d{2}(?::\d{2})?)$/.exec(t.trim());if(!e)return null;const n=m(e[1]);if(!n)return null;const r=d(e[2]);if(!r)return null;const o=e[2].split(":").length===3;return{date:n,time:M(r,o)}}function z(t,e){if(!t||!e)return null;const n=m(t),r=d(e);return!n||!r?null:`${n}T${M(r,e.split(":").length>=3)}`}function A(t){if(!t)return null;const e=m(t);return e||g(t)?.date||null}function Y(t){if(!t)return null;const e=g(t);if(e)return e;const n=m(t);return n?{date:n,time:"00:00"}:null}function k(t,e,n){const r=l.parseISO(t);if(!r)return t;const o=`${e}::${JSON.stringify({})}`;let i=w.get(o);return i||(i=new Intl.DateTimeFormat(e,{year:"numeric",month:"short",day:"2-digit",timeZone:"UTC"}),w.set(o,i)),i.format(new Date(Date.UTC(r.y,r.m-1,r.d)))}function q(t,e,n,r){if(!t)return"";if(n==="iso")return t;if(n==="custom"&&r){const o=l.parseISO(t);if(!o)return t;const i=O(e),s=L(e);return r.replace(/YYYY/g,String(o.y)).replace(/MMM/g,i[o.m-1]||"").replace(/MMMM/g,s[o.m-1]||"").replace(/MM/g,u(o.m)).replace(/DD/g,u(o.d))}return k(t,e)}function B(t,e){const n=m(t.trim());if(n)return n;const r=N(t);if(!r)return null;const o=m(r);if(o)return o;const i=r.split("/").map($=>$.trim()).filter(Boolean);if(i.length!==3)return null;const s=b(i[0]),a=b(i[1]),h=b(i[2]);if(s==null||a==null||h==null)return null;let f=h;f<100&&(f+=f>=70?1900:2e3);const p=e.toLowerCase().startsWith("en-us"),c=p?s:a,D=p?a:s;if(f<1e3||c<1||c>12||D<1||D>31)return null;const T=`${f}-${u(c)}-${u(D)}`;return m(T)}function d(t,e){const n=t.trim().toLowerCase();if(!n)return null;const r=/^(\d{1,2})(?::|\.|h)?(\d{1,2})?(?::|\.|m)?(\d{1,2})?\s*(am|pm)?$/.exec(n);if(!r)return null;let o=Number(r[1]);const i=Number(r[2]??"0"),s=Number(r[3]??"0");if(!Number.isFinite(o)||!Number.isFinite(i)||!Number.isFinite(s)||i<0||i>59||s<0||s>59)return null;const a=r[4];if(a){if(o<1||o>12)return null;a==="pm"&&o<12&&(o+=12),a==="am"&&o===12&&(o=0)}return o<0||o>23?null:{hours:o,minutes:i,seconds:s}}function M(t,e=!1){if(!t)return"";const n=u(y(t.hours,0,23)),r=u(y(t.minutes,0,59));if(!e)return`${n}:${r}`;const o=u(y(t.seconds,0,59));return`${n}:${r}:${o}`}function x(t,e){const n=d(t);if(!n)return t;const r=new Date;return r.setHours(n.hours,n.minutes,n.seconds,0),new Intl.DateTimeFormat(e,{hour:"numeric",minute:"2-digit",second:t.split(":").length>2?"2-digit":void 0,hour12:!0}).format(r)}function S(t,e){const n=d(t),r=d(e);if(!n||!r)return t.localeCompare(e);const o=n.hours*3600+n.minutes*60+n.seconds,i=r.hours*3600+r.minutes*60+r.seconds;return o-i}function H(t,e,n){const r=d(t);if(!r)return t;let o=M(r,t.split(":").length>=3);return e&&S(o,e)<0&&(o=e),n&&S(o,n)>0&&(o=n),o}function E(t,e,n){let r=t;return e&&l.compareISO(r,e)<0&&(r=e),n&&l.compareISO(r,n)>0&&(r=n),r}function W(t,e){const n=g(t),r=g(e);if(!n||!r)return t.localeCompare(e);const o=l.compareISO(n.date,r.date);return o!==0?o:S(n.time,r.time)}function Z(t){const e=l.parseISO(t);if(!e)return{start:t,end:t};const n=l.startOfMonth(e.y,e.m),r=l.endOfMonth(e.y,e.m);return{start:`${n.y}-${u(n.m)}-${u(n.d)}`,end:`${r.y}-${u(r.m)}-${u(r.d)}`}}function _(t,e){const n=y(e,1,366);return{start:l.addDaysISO(t,-(n-1)),end:t}}function R(t,e,n=8,r=8,o=null){const s=(typeof window<"u"?window.innerHeight:800)-t.bottom-r-n,a=t.top-r-n,h=s>=e.height,f=a>=e.height,p=o==="top"?"top":"bottom";let c;if(h&&!f)c="bottom";else if(f&&!h)c="top";else if(f&&h)c=p;else{const T=p==="bottom"?s:a,$=p==="bottom"?a:s;T>0&&$<=T+v?c=p:c=s>=a?"bottom":"top"}const D=I.computePositionState(t,e,{placement:`${c}-start`,strategy:"fixed",offset:r,shift:!1,flip:!1,boundaryPadding:n});return{top:Math.round(D.y),left:Math.round(D.x),placement:c}}function G(t){let e=0;return{run:()=>{e||(e=requestAnimationFrame(()=>{e=0,t()}))},cancel:()=>{e&&(cancelAnimationFrame(e),e=0)}}}function J(t){return(t||"popover")==="inline"||typeof window>"u"||typeof window.matchMedia!="function"?!1:window.matchMedia("(max-width: 639px)").matches}function K(){return C.acquireBodyScrollLock()}exports.clampDateIso=E;exports.clampTime=H;exports.combineDateTime=z;exports.compareDateTimes=W;exports.compareTimes=S;exports.computeLastDaysRange=_;exports.computeMonthRange=Z;exports.computePopoverPosition=R;exports.eventOriginatesWithin=F;exports.formatDateForDisplay=q;exports.formatTime=M;exports.isTruthyAttr=U;exports.lockBodyScroll=K;exports.normalizeDateIso=m;exports.normalizeLocale=P;exports.parseConstraintDate=A;exports.parseConstraintDateTime=Y;exports.parseTimeInput=d;exports.parseUserDateInput=B;exports.rafThrottle=G;exports.shouldUseMobileSheet=J;exports.splitDateTime=g;exports.to12hDisplay=x;