@editora/ui-core 0.1.25 → 0.2.1

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

@@ -1,8 +1,8 @@
 import { E as et } from "./ElementBase-BeZT54Hj.mjs";
 import { s as D, a as E } from "./control-name-Bpj7F34X.mjs";
 import { c as it } from "./dismissable-layer-BmPIoK80.mjs";
-import { r as nt, c as K } from "./calendar-B3PUKHQm.mjs";
-import { r as rt, e as st, i as m, s as at, b as ot, p as Z, f as W, a as Y, l as j, c as lt, d as k, g as dt, h as ut, n as L } from "./date-time-utils-BTlxnz5j.mjs";
+import { r as rt, c as K } from "./calendar-DkSDFg33.mjs";
+import { r as nt, e as st, i as v, s as at, b as ot, p as Z, f as W, a as Y, l as j, c as lt, d as k, g as dt, h as ut, n as L } from "./date-time-utils-zAx4ghvC.mjs";
 let ct = 0;
 const pt = `
   <svg viewBox="0 0 20 20" class="icon-svg" aria-hidden="true" focusable="false">
@@ -24,14 +24,14 @@ const pt = `
       color-mix(in srgb, var(--ui-color-surface, #ffffff) 98%, transparent),
       color-mix(in srgb, var(--ui-color-surface, #ffffff) 92%, var(--ui-color-surface-alt, #f8fafc))
     );
-    --ui-dp-border: color-mix(in srgb, var(--ui-color-border, #cbd5e1) 76%, transparent);
+    --ui-dp-border: var(--ui-color-line, var(--ui-color-border, #cbd5e1));
     --ui-dp-text: var(--ui-color-text, #0f172a);
     --ui-dp-muted: var(--ui-color-muted, #526175);
     --ui-dp-accent: var(--ui-color-primary, #2563eb);
     --ui-dp-success: var(--ui-color-success, #15803d);
-    --ui-dp-radius: 12px;
+    --ui-dp-radius: var(--ui-control-radius-2, var(--ui-radius, 6px));
     --ui-dp-panel-radius: calc(var(--ui-dp-radius) + 2px);
-    --ui-dp-field-error: var(--ui-color-danger, #dc2626);
+    --ui-dp-field-error: var(--ui-color-danger-text, var(--ui-color-danger, #dc2626));
     --ui-dp-focus-ring: color-mix(in srgb, var(--ui-dp-accent) 26%, transparent);
     --ui-dp-z: 1600;
     --ui-dp-duration: 160ms;
@@ -70,11 +70,12 @@ const pt = `
   .required { color: var(--ui-dp-field-error); font-size: 11px; }
 
   .fields {
+    box-sizing: border-box;
     display: grid;
     grid-template-columns: auto minmax(0, 1fr) auto minmax(0, 1fr) auto auto;
     align-items: center;
     gap: 8px;
-    min-block-size: 42px;
+    min-block-size: var(--ui-control-height-2, 32px);
     border: 1px solid var(--ui-dp-border);
     border-radius: var(--ui-dp-radius);
     padding: 0 10px 0 11px;
@@ -88,23 +89,27 @@ const pt = `
   }
 
   .fields:focus-within {
-    border-color: color-mix(in srgb, var(--ui-dp-accent) 72%, transparent);
-    box-shadow: 0 0 0 3px var(--ui-dp-focus-ring), 0 4px 14px rgba(2, 6, 23, 0.09);
+    border-color: var(--ui-ring-color, var(--ui-dp-accent));
+    outline: var(--ui-ring-width, 2px) solid var(--ui-ring-color, var(--ui-dp-accent));
+    outline-offset: -1px;
+    box-shadow: none;
   }
 
   .fields[data-open="true"] {
-    border-color: color-mix(in srgb, var(--ui-dp-accent) 72%, transparent);
-    box-shadow: 0 0 0 3px var(--ui-dp-focus-ring), 0 10px 24px rgba(2, 6, 23, 0.12);
+    border-color: var(--ui-ring-color, var(--ui-dp-accent));
+    outline: var(--ui-ring-width, 2px) solid var(--ui-ring-color, var(--ui-dp-accent));
+    outline-offset: -1px;
+    box-shadow: none;
   }
 
   .fields[data-invalid="true"] {
     border-color: color-mix(in srgb, var(--ui-dp-field-error) 68%, transparent);
-    box-shadow: 0 0 0 3px color-mix(in srgb, var(--ui-dp-field-error) 20%, transparent);
+    box-shadow: 0 0 0 1px var(--ui-dp-field-error);
   }
 
   .fields[data-state="success"]:not([data-invalid="true"]) {
     border-color: color-mix(in srgb, var(--ui-dp-success) 56%, var(--ui-dp-border));
-    box-shadow: 0 0 0 3px color-mix(in srgb, var(--ui-dp-success) 20%, transparent);
+    box-shadow: 0 0 0 1px var(--ui-dp-success);
   }
 
   .fields[data-state="loading"] {
@@ -132,14 +137,14 @@ const pt = `
     color: var(--ui-dp-text);
     min-inline-size: 0;
     inline-size: 100%;
-    padding: 8px 0;
+    padding: 0;
     font: 500 14px/1.4 Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
     letter-spacing: 0.005em;
     outline: none;
   }
 
   .input::placeholder {
-    color: color-mix(in srgb, var(--ui-dp-text) 44%, transparent);
+    color: var(--ui-color-placeholder, color-mix(in srgb, var(--ui-dp-text) 62%, transparent));
   }
 
   .sep {
@@ -151,8 +156,8 @@ const pt = `
   .btn {
     border: 0;
     background: transparent;
-    inline-size: 28px;
-    block-size: 28px;
+    inline-size: var(--ui-dp-action-size, 24px);
+    block-size: var(--ui-dp-action-size, 24px);
     border-radius: 8px;
     color: color-mix(in srgb, var(--ui-dp-text) 72%, transparent);
     cursor: pointer;
@@ -330,14 +335,14 @@ const pt = `
       color-mix(in srgb, var(--ui-color-surface, #ffffff) 98%, transparent),
       color-mix(in srgb, var(--ui-color-surface, #ffffff) 92%, var(--ui-color-surface-alt, #f8fafc))
     );
-    --ui-dp-border: color-mix(in srgb, var(--ui-color-border, #cbd5e1) 76%, transparent);
+    --ui-dp-border: var(--ui-color-line, var(--ui-color-border, #cbd5e1));
     --ui-dp-text: var(--ui-color-text, #0f172a);
     --ui-dp-muted: var(--ui-color-muted, #526175);
     --ui-dp-accent: var(--ui-color-primary, #2563eb);
     --ui-dp-success: var(--ui-color-success, #15803d);
-    --ui-dp-radius: 12px;
+    --ui-dp-radius: var(--ui-control-radius-2, var(--ui-radius, 6px));
     --ui-dp-panel-radius: calc(var(--ui-dp-radius) + 2px);
-    --ui-dp-field-error: var(--ui-color-danger, #dc2626);
+    --ui-dp-field-error: var(--ui-color-danger-text, var(--ui-color-danger, #dc2626));
     --ui-dp-focus-ring: color-mix(in srgb, var(--ui-dp-accent) 26%, transparent);
     --ui-dp-duration: 160ms;
     --ui-dp-ease: cubic-bezier(0.2, 0.9, 0.24, 1);
@@ -442,16 +447,16 @@ function _(c) {
 function yt(c, t) {
   const e = c.trim();
   if (!e) return { start: null, end: null };
-  const i = e.split(/\s(?:—|–|to)\s/i).map((r) => r.trim()).filter(Boolean);
+  const i = e.split(/\s(?:—|–|to)\s/i).map((n) => n.trim()).filter(Boolean);
   if (i.length > 1) {
-    const r = k(i[0] || "", t), d = k(i[1] || "", t);
-    return { start: r, end: d };
+    const n = k(i[0] || "", t), d = k(i[1] || "", t);
+    return { start: n, end: d };
   }
   return { start: k(e, t), end: null };
 }
 class gt extends et {
   constructor() {
-    super(...arguments), this._value = { start: null, end: null }, this._pending = { start: null, end: null }, this._draftStart = "", this._draftEnd = "", this._draftSingle = "", 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._overlayMode = null, this._uid = `ui-drp-${++ct}`, this._singleId = `${this._uid}-single`, this._startId = `${this._uid}-start`, this._endId = `${this._uid}-end`, this._labelId = `${this._uid}-label`, this._hintId = `${this._uid}-hint`, this._errorId = `${this._uid}-error`, this._panelId = `${this._uid}-panel`, this._panelTitleId = `${this._uid}-panel-title`, this._overlayFocusedOnOpen = !1, this._inlineCalendarFramePending = !1, this._inlineCalendarUpgradePending = !1, this._schedulePosition = rt(() => 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._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 = { start: null, end: null }, this._draftStart = "", this._draftEnd = "", this._draftSingle = "", 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._overlayMode = null, this._uid = `ui-drp-${++ct}`, this._singleId = `${this._uid}-single`, this._startId = `${this._uid}-start`, this._endId = `${this._uid}-end`, this._labelId = `${this._uid}-label`, this._hintId = `${this._uid}-hint`, this._errorId = `${this._uid}-error`, this._panelId = `${this._uid}-panel`, this._panelTitleId = `${this._uid}-panel-title`, this._overlayFocusedOnOpen = !1, this._inlineCalendarFramePending = !1, this._inlineCalendarUpgradePending = !1, this._schedulePosition = nt(() => 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._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();
     }, this._onOverlayClickBound = (t) => this._onOverlayClick(t), this._onOverlayCalendarBound = (t) => this._onOverlayCalendarChange(t);
   }
@@ -495,7 +500,7 @@ class gt extends et {
   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._isInitialized) {
       const t = J(this.getAttribute("value") || this.getAttribute("default-value")), e = this._normalizePending(t);
-      this._value = e, this._pending = { ...e }, this._refreshDraftFromValue(), this._open = this.hasAttribute("open") || m(this.getAttribute("default-open")), this._isInitialized = !0;
+      this._value = e, this._pending = { ...e }, this._refreshDraftFromValue(), this._open = this.hasAttribute("open") || v(this.getAttribute("default-open")), this._isInitialized = !0;
     }
     this._open && !this._isInlineMode() && this._ensureOverlay(), this._isInlineMode() && this._scheduleInlineCalendarSync();
   }
@@ -531,31 +536,31 @@ class gt extends et {
     return this.hasAttribute("readonly");
   }
   _clearable() {
-    return m(this.getAttribute("clearable"), !0);
+    return v(this.getAttribute("clearable"), !0);
   }
   _closeOnSelect() {
-    return m(this.getAttribute("close-on-select"), !1);
+    return v(this.getAttribute("close-on-select"), !1);
   }
   _shouldAutoCommit() {
     return this._closeOnSelect() || !this._showFooter();
   }
   _showFooter() {
-    return m(this.getAttribute("show-footer"), !0);
+    return v(this.getAttribute("show-footer"), !0);
   }
   _isBare() {
-    return m(this.getAttribute("bare"), !1);
+    return v(this.getAttribute("bare"), !1);
   }
   _allowPartial() {
-    return m(this.getAttribute("allow-partial"), !0);
+    return v(this.getAttribute("allow-partial"), !0);
   }
   _allowSameDay() {
-    return m(this.getAttribute("allow-same-day"), !0);
+    return v(this.getAttribute("allow-same-day"), !0);
   }
   _locale() {
     return ot(this.getAttribute("locale"));
   }
   _translations() {
-    return nt(
+    return rt(
       this.getAttribute("locale"),
       this.getAttribute("translations")
     );
@@ -626,8 +631,8 @@ class gt extends et {
     this.dispatchEvent(new CustomEvent("invalid", { detail: { raw: t, reason: e }, bubbles: !0, composed: !0 }));
   }
   _normalizePending(t) {
-    const { min: e, max: i } = this._resolvedBounds(), n = t.start ? Y(t.start, e, i) : null, r = t.end ? Y(t.end, e, i) : null;
-    return !n || !r ? { start: n, end: r } : K(n, r) > 0 ? { start: r, end: n } : { start: n, end: r };
+    const { min: e, max: i } = this._resolvedBounds(), r = t.start ? Y(t.start, e, i) : null, n = t.end ? Y(t.end, e, i) : null;
+    return !r || !n ? { start: r, end: n } : K(r, n) > 0 ? { start: n, end: r } : { start: r, end: n };
   }
   _canCommit(t) {
     return !t.start && !t.end ? !0 : !(!this._allowPartial() && (!t.start || !t.end) || t.start && t.end && !this._allowSameDay() && t.start === t.end);
@@ -692,18 +697,18 @@ class gt extends et {
     if (!t || !e) return;
     const i = t.getBoundingClientRect();
     e.style.setProperty("--ui-drp-panel-width", `${Math.round(i.width)}px`);
-    const n = e.getBoundingClientRect(), r = e.getAttribute("data-placement"), d = lt(
+    const r = e.getBoundingClientRect(), n = e.getAttribute("data-placement"), d = lt(
       i,
-      n,
+      r,
       8,
       8,
-      r === "top" ? "top" : r === "bottom" ? "bottom" : null
+      n === "top" ? "top" : n === "bottom" ? "bottom" : null
     );
     e.style.position = "absolute", e.style.top = `${Math.round(d.top)}px`, e.style.left = `${Math.round(d.left)}px`, e.setAttribute("data-placement", d.placement);
   }
   _renderPanelInner(t) {
-    const e = this._translations(), i = (this.getAttribute("label") || "").trim(), n = !!i || t, r = t ? "true" : "false", d = `
-      <header class="header" part="header" ${n ? "" : "hidden"}>
+    const e = this._translations(), i = (this.getAttribute("label") || "").trim(), r = !!i || t, n = t ? "true" : "false", d = `
+      <header class="header" part="header" ${r ? "" : "hidden"}>
         <p class="title" id="${this._panelTitleId}" ${i ? "" : "hidden"}>${_(i)}</p>
         ${t ? `<button type="button" class="action" data-action="cancel">${_(e.cancel)}</button>` : ""}
       </header>
@@ -722,7 +727,7 @@ class gt extends et {
     return `
       <style>${bt}</style>
       ${t ? '<div class="sheet-backdrop" data-action="backdrop"></div>' : ""}
-      <section class="${t ? "sheet" : "panel"}" id="${this._panelId}" role="dialog" aria-modal="${r}" aria-labelledby="${this._panelTitleId}" part="${t ? "sheet" : "popover"}">${d}</section>
+      <section class="${t ? "sheet" : "panel"}" id="${this._panelId}" role="dialog" aria-modal="${n}" aria-labelledby="${this._panelTitleId}" part="${t ? "sheet" : "popover"}">${d}</section>
     `;
   }
   _syncCalendar(t) {
@@ -732,8 +737,8 @@ class gt extends et {
         return;
       }
       t.getAttribute(h) !== u && t.setAttribute(h, u);
-    }, i = G(this._pending), { min: n, max: r } = this._resolvedBounds();
-    e("selection", "range"), e("value", i), e("min", n), e("max", r), e("locale", this.getAttribute("locale")), e("translations", this.getAttribute("translations")), e("week-start", this.getAttribute("week-start"));
+    }, i = G(this._pending), { min: r, max: n } = this._resolvedBounds();
+    e("selection", "range"), e("value", i), e("min", r), e("max", n), e("locale", this.getAttribute("locale")), e("translations", this.getAttribute("translations")), e("week-start", this.getAttribute("week-start"));
     const a = this.getAttribute("size") || "sm";
     e("size", a === "lg" ? "md" : "sm"), e("variant", this.getAttribute("variant")), e("outside-click", this.getAttribute("outside-click"));
     const p = t.classList.contains("inline-calendar");
@@ -751,10 +756,10 @@ class gt extends et {
     t && !this._releaseScrollLock ? this._releaseScrollLock = j() : !t && this._releaseScrollLock && (this._releaseScrollLock(), this._releaseScrollLock = null), this._ensureOverlayContent(t);
     const e = this._overlay.querySelector(".title"), i = this._overlay.querySelector(".panel, .sheet");
     this._syncDismissableLayer();
-    const n = this._overlay.querySelector(".header"), r = this._overlay.querySelector(".presets"), d = this._overlay.querySelector(".footer"), a = this._translations();
-    i && (i.dataset.bare = this._isBare() ? "true" : "false"), n && (n.hidden = !(this.getAttribute("label") || "").trim() && !t);
+    const r = this._overlay.querySelector(".header"), n = this._overlay.querySelector(".presets"), d = this._overlay.querySelector(".footer"), a = this._translations();
+    i && (i.dataset.bare = this._isBare() ? "true" : "false"), r && (r.hidden = !(this.getAttribute("label") || "").trim() && !t);
     const p = this._showFooter();
-    if (r && (r.hidden = !p), d && (d.hidden = !p), e) {
+    if (n && (n.hidden = !p), d && (d.hidden = !p), e) {
       const y = (this.getAttribute("label") || "").trim();
       e.textContent = y, e.hidden = !y;
     }
@@ -804,24 +809,24 @@ class gt extends et {
   }
   _updateHostState() {
     if (!this._hasView) return;
-    const t = this.getAttribute("label") || "", e = this.getAttribute("hint") || "", i = this.getAttribute("error") || "", n = this._inlineError || i, r = this._translations(), d = n ? "error" : this._state(), a = this._rangeVariant(), p = this._isInlineMode(), h = !!(this._value.start || this._value.end || this._pending.start || this._pending.end), u = this._isInteractionBlocked(), b = this.root.querySelector(".label"), S = this.root.querySelector(".label-text"), I = this.root.querySelector(".required"), f = this.root.querySelector(".fields"), o = this.root.querySelector(".single"), l = this.root.querySelector(".start"), s = this.root.querySelector(".end"), y = this.root.querySelector(".sep"), A = this.root.querySelector('.btn[data-action="clear"]'), v = this.root.querySelector('.btn[data-action="toggle"]'), x = this.root.querySelector(".hint"), C = this.root.querySelector(".error"), g = this.root.querySelector(".inline-panel"), q = this.root.querySelector(".inline-panel .presets"), R = this.root.querySelector(".inline-panel .footer"), O = this.root.querySelector(".hidden-range"), z = this.root.querySelector(".hidden-start"), P = this.root.querySelector(".hidden-end"), Q = this.root.querySelectorAll(".inline-panel .action");
-    b && (b.hidden = !t, b.id = this._labelId, b.setAttribute("for", a === "single-field" ? this._singleId : this._startId)), S && (S.textContent = t), I && (I.hidden = !this.hasAttribute("required")), f && (f.dataset.single = a === "single-field" ? "true" : "false", f.dataset.invalid = n ? "true" : "false", f.dataset.open = this._open && !p ? "true" : "false", f.dataset.state = d, f.setAttribute("aria-disabled", u ? "true" : "false")), o && (o.value !== this._draftSingle && (o.value = this._draftSingle), o.id = this._singleId, o.hidden = a !== "single-field", o.readOnly = this._isReadonly() || u, o.disabled = u, o.required = this.hasAttribute("required"), o.placeholder = r.startEnd, o.autocomplete = "off", o.setAttribute("role", "combobox"), o.setAttribute("aria-haspopup", "dialog"), o.setAttribute("aria-controls", this._panelId), o.setAttribute("aria-expanded", p ? "false" : String(this._open)), o.setAttribute("aria-invalid", n ? "true" : "false"), D(o, this, t ? this._labelId : null, r.startEnd)), l && (l.value !== this._draftStart && (l.value = this._draftStart), l.id = this._startId, l.hidden = a === "single-field", l.readOnly = this._isReadonly() || u, l.disabled = u, l.required = this.hasAttribute("required"), l.placeholder = r.startDate, l.autocomplete = "off", l.setAttribute("role", "combobox"), l.setAttribute("aria-haspopup", "dialog"), l.setAttribute("aria-controls", this._panelId), l.setAttribute("aria-expanded", p ? "false" : String(this._open)), l.setAttribute("aria-invalid", n ? "true" : "false"), D(l, this, t ? this._labelId : null, r.startDate)), s && (s.value !== this._draftEnd && (s.value = this._draftEnd), s.id = this._endId, s.hidden = a === "single-field", s.readOnly = this._isReadonly() || u, s.disabled = u, s.required = this.hasAttribute("required"), s.placeholder = r.endDate, s.autocomplete = "off", s.setAttribute("role", "combobox"), s.setAttribute("aria-haspopup", "dialog"), s.setAttribute("aria-controls", this._panelId), s.setAttribute("aria-expanded", p ? "false" : String(this._open)), s.setAttribute("aria-invalid", n ? "true" : "false"), D(s, this, t ? this._labelId : null, r.endDate)), y && (y.hidden = a === "single-field"), A && (A.hidden = !(this._clearable() && h), A.disabled = u, A.setAttribute("aria-label", r.clearDateRange)), v && (v.hidden = p, v.disabled = u, v.setAttribute("aria-expanded", p ? "false" : String(this._open)), v.setAttribute("aria-controls", this._panelId), v.setAttribute("aria-label", r.toggleCalendar)), x && (x.id = this._hintId, x.hidden = !e, x.textContent = e), C && (C.id = this._errorId, C.hidden = !n, C.textContent = n);
+    const t = this.getAttribute("label") || "", e = this.getAttribute("hint") || "", i = this.getAttribute("error") || "", r = this._inlineError || i, n = this._translations(), d = r ? "error" : this._state(), a = this._rangeVariant(), p = this._isInlineMode(), h = !!(this._value.start || this._value.end || this._pending.start || this._pending.end), u = this._isInteractionBlocked(), b = this.root.querySelector(".label"), S = this.root.querySelector(".label-text"), I = this.root.querySelector(".required"), f = this.root.querySelector(".fields"), o = this.root.querySelector(".single"), l = this.root.querySelector(".start"), s = this.root.querySelector(".end"), y = this.root.querySelector(".sep"), A = this.root.querySelector('.btn[data-action="clear"]'), m = this.root.querySelector('.btn[data-action="toggle"]'), x = this.root.querySelector(".hint"), C = this.root.querySelector(".error"), g = this.root.querySelector(".inline-panel"), q = this.root.querySelector(".inline-panel .presets"), R = this.root.querySelector(".inline-panel .footer"), O = this.root.querySelector(".hidden-range"), z = this.root.querySelector(".hidden-start"), P = this.root.querySelector(".hidden-end"), Q = this.root.querySelectorAll(".inline-panel .action");
+    b && (b.hidden = !t, b.id = this._labelId, b.setAttribute("for", a === "single-field" ? this._singleId : this._startId)), S && (S.textContent = t), I && (I.hidden = !this.hasAttribute("required")), f && (f.dataset.single = a === "single-field" ? "true" : "false", f.dataset.invalid = r ? "true" : "false", f.dataset.open = this._open && !p ? "true" : "false", f.dataset.state = d, f.setAttribute("aria-disabled", u ? "true" : "false")), o && (o.value !== this._draftSingle && (o.value = this._draftSingle), o.id = this._singleId, o.hidden = a !== "single-field", o.readOnly = this._isReadonly() || u, o.disabled = u, o.required = this.hasAttribute("required"), o.placeholder = n.startEnd, o.autocomplete = "off", o.setAttribute("role", "combobox"), o.setAttribute("aria-haspopup", "dialog"), o.setAttribute("aria-controls", this._panelId), o.setAttribute("aria-expanded", p ? "false" : String(this._open)), o.setAttribute("aria-invalid", r ? "true" : "false"), D(o, this, t ? this._labelId : null, n.startEnd)), l && (l.value !== this._draftStart && (l.value = this._draftStart), l.id = this._startId, l.hidden = a === "single-field", l.readOnly = this._isReadonly() || u, l.disabled = u, l.required = this.hasAttribute("required"), l.placeholder = n.startDate, l.autocomplete = "off", l.setAttribute("role", "combobox"), l.setAttribute("aria-haspopup", "dialog"), l.setAttribute("aria-controls", this._panelId), l.setAttribute("aria-expanded", p ? "false" : String(this._open)), l.setAttribute("aria-invalid", r ? "true" : "false"), D(l, this, t ? this._labelId : null, n.startDate)), s && (s.value !== this._draftEnd && (s.value = this._draftEnd), s.id = this._endId, s.hidden = a === "single-field", s.readOnly = this._isReadonly() || u, s.disabled = u, s.required = this.hasAttribute("required"), s.placeholder = n.endDate, s.autocomplete = "off", s.setAttribute("role", "combobox"), s.setAttribute("aria-haspopup", "dialog"), s.setAttribute("aria-controls", this._panelId), s.setAttribute("aria-expanded", p ? "false" : String(this._open)), s.setAttribute("aria-invalid", r ? "true" : "false"), D(s, this, t ? this._labelId : null, n.endDate)), y && (y.hidden = a === "single-field"), A && (A.hidden = !(this._clearable() && h), A.disabled = u, A.setAttribute("aria-label", n.clearDateRange)), m && (m.hidden = p, m.disabled = u, m.setAttribute("aria-expanded", p ? "false" : String(this._open)), m.setAttribute("aria-controls", this._panelId), m.setAttribute("aria-label", n.toggleCalendar)), x && (x.id = this._hintId, x.hidden = !e, x.textContent = e), C && (C.id = this._errorId, C.hidden = !r, C.textContent = r);
     const w = [];
-    e && x && !x.hidden && w.push(this._hintId), n && w.push(this._errorId), E(o, this, `${this._uid}-single`, w), E(l, this, `${this._uid}-start`, w), E(s, this, `${this._uid}-end`, w), g && (g.hidden = !p, g.id = this._panelId, g.dataset.bare = this._isBare() ? "true" : "false", g.setAttribute("role", "dialog"), g.setAttribute("aria-modal", "false"), g.setAttribute("aria-label", t || r.selectDateRange));
+    e && x && !x.hidden && w.push(this._hintId), r && w.push(this._errorId), E(o, this, `${this._uid}-single`, w), E(l, this, `${this._uid}-start`, w), E(s, this, `${this._uid}-end`, w), g && (g.hidden = !p, g.id = this._panelId, g.dataset.bare = this._isBare() ? "true" : "false", g.setAttribute("role", "dialog"), g.setAttribute("aria-modal", "false"), g.setAttribute("aria-label", t || n.selectDateRange));
     const $ = this._showFooter();
     q && (q.hidden = !$), R && (R.hidden = !$), Q.forEach((tt) => {
       tt.disabled = u || this._isReadonly();
     });
     const M = this.root.querySelector('.inline-panel [data-action="preset-today"]');
-    M && (M.textContent = r.today);
+    M && (M.textContent = n.today);
     const F = this.root.querySelector('.inline-panel [data-action="preset-last7"]');
-    F && (F.textContent = r.last7Days);
+    F && (F.textContent = n.last7Days);
     const V = this.root.querySelector('.inline-panel [data-action="preset-month"]');
-    V && (V.textContent = r.thisMonth);
+    V && (V.textContent = n.thisMonth);
     const H = this.root.querySelector('.inline-panel [data-action="clear"]');
-    H && (H.textContent = r.clear);
+    H && (H.textContent = n.clear);
     const T = this.root.querySelector('.inline-panel [data-action="apply"]');
-    T && (T.textContent = r.apply);
+    T && (T.textContent = n.apply);
     const B = this.getAttribute("name") || "", U = this.getAttribute("name-start") || "", N = this.getAttribute("name-end") || "", X = this._value.start && this._value.end ? `${this._value.start}..${this._value.end}` : "";
     if (O && (O.disabled = !B, O.name = B, O.value = X), z && (z.disabled = !!B || !U, z.name = U, z.value = this._value.start || ""), P && (P.disabled = !!B || !N, P.name = N, P.value = this._value.end || ""), p) {
       this._scheduleInlineCalendarSync(), this._destroyOverlay();
@@ -832,21 +837,21 @@ class gt extends et {
   _onRootClick(t) {
     const e = t.target;
     if (!e) return;
-    const i = e.closest("[data-action]"), n = i?.getAttribute("data-action");
-    if (n && !this._isInteractionBlocked()) {
-      if (n === "toggle") {
+    const i = e.closest("[data-action]"), r = i?.getAttribute("data-action");
+    if (r && !this._isInteractionBlocked()) {
+      if (r === "toggle") {
         this._restoreFocusEl = i, this._setOpen(!this._open, "toggle");
         return;
       }
-      if (n === "clear") {
+      if (r === "clear") {
         this._commit({ start: null, end: null }, "clear");
         return;
       }
-      if (n === "apply") {
+      if (r === "apply") {
         this._commit(this._pending, "apply"), this._isInlineMode() || this._setOpen(!1, "apply");
         return;
       }
-      n === "cancel" && (this._pending = { ...this._value }, this._isInlineMode() || this._setOpen(!1, "cancel"), this._updateHostState());
+      r === "cancel" && (this._pending = { ...this._value }, this._isInlineMode() || this._setOpen(!1, "cancel"), this._updateHostState());
     }
   }
   _onRootInput(t) {
@@ -860,21 +865,21 @@ class gt extends et {
   }
   _commitFromDraft(t) {
     if (this._rangeVariant() === "single-field") {
-      const r = this._draftSingle.trim();
-      if (!r)
+      const n = this._draftSingle.trim();
+      if (!n)
         return this._pending = { start: null, end: null }, this._commit(this._pending, t), !0;
-      const d = yt(r, this._locale());
-      return !d.start || !d.end && !this._allowPartial() ? (this._inlineError = this.getAttribute("error") || this._translations().invalidRange, this._emitInvalid(r, "parse"), this._updateHostState(), !1) : (this._pending = this._normalizePending({ start: d.start, end: d.end || null }), this._commit(this._pending, t), !0);
+      const d = yt(n, this._locale());
+      return !d.start || !d.end && !this._allowPartial() ? (this._inlineError = this.getAttribute("error") || this._translations().invalidRange, this._emitInvalid(n, "parse"), this._updateHostState(), !1) : (this._pending = this._normalizePending({ start: d.start, end: d.end || null }), this._commit(this._pending, t), !0);
     }
-    const i = this._draftStart ? k(this._draftStart, this._locale()) : null, n = this._draftEnd ? k(this._draftEnd, this._locale()) : null;
-    return this._draftStart && !i || this._draftEnd && !n ? (this._inlineError = this.getAttribute("error") || this._translations().invalidRange, this._emitInvalid(`${this._draftStart} ${this._draftEnd}`.trim(), "parse"), this._updateHostState(), !1) : (this._pending = this._normalizePending({ start: i, end: n }), this._commit(this._pending, t), !0);
+    const i = this._draftStart ? k(this._draftStart, this._locale()) : null, r = this._draftEnd ? k(this._draftEnd, this._locale()) : null;
+    return this._draftStart && !i || this._draftEnd && !r ? (this._inlineError = this.getAttribute("error") || this._translations().invalidRange, this._emitInvalid(`${this._draftStart} ${this._draftEnd}`.trim(), "parse"), this._updateHostState(), !1) : (this._pending = this._normalizePending({ start: i, end: r }), this._commit(this._pending, t), !0);
   }
   _onRootBlur(t) {
     if (this._isInteractionBlocked() || this._isReadonly()) return;
     const e = t, i = e.target;
     if (!(i instanceof HTMLInputElement)) return;
-    const n = e.relatedTarget;
-    n && this._overlay?.contains(n) || this._open && !this._isInlineMode() || (i.classList.contains("single") || i.classList.contains("start") || i.classList.contains("end")) && (i.classList.contains("single") && (this._draftSingle = i.value), i.classList.contains("start") && (this._draftStart = i.value), i.classList.contains("end") && (this._draftEnd = i.value), this._commitFromDraft("blur"));
+    const r = e.relatedTarget;
+    r && this._overlay?.contains(r) || this._open && !this._isInlineMode() || (i.classList.contains("single") || i.classList.contains("start") || i.classList.contains("end")) && (i.classList.contains("single") && (this._draftSingle = i.value), i.classList.contains("start") && (this._draftStart = i.value), i.classList.contains("end") && (this._draftEnd = i.value), this._commitFromDraft("blur"));
   }
   _onRootKeyDown(t) {
     const e = t;
@@ -904,37 +909,37 @@ class gt extends et {
   _onOverlayClick(t) {
     const e = t.target;
     if (!e) return;
-    const n = e.closest("[data-action]")?.getAttribute("data-action");
-    if (n && !(this._isInteractionBlocked() || this._isReadonly())) {
-      if (n === "backdrop") {
+    const r = e.closest("[data-action]")?.getAttribute("data-action");
+    if (r && !(this._isInteractionBlocked() || this._isReadonly())) {
+      if (r === "backdrop") {
         this._setOpen(!1, "outside");
         return;
       }
-      if (n === "clear") {
+      if (r === "clear") {
         this._pending = { start: null, end: null }, this._emitInput("clear"), this._renderOverlay();
         return;
       }
-      if (n === "cancel") {
+      if (r === "cancel") {
         this._pending = { ...this._value }, this._setOpen(!1, "cancel");
         return;
       }
-      if (n === "apply") {
+      if (r === "apply") {
         this._commit(this._pending, "apply"), this._setOpen(!1, "apply");
         return;
       }
-      if (n === "preset-today") {
-        const r = this._todayIso();
-        this._pending = this._normalizePending({ start: r, end: r }), this._emitInput("preset-today"), this._renderOverlay();
+      if (r === "preset-today") {
+        const n = this._todayIso();
+        this._pending = this._normalizePending({ start: n, end: n }), this._emitInput("preset-today"), this._renderOverlay();
         return;
       }
-      if (n === "preset-last7") {
-        const r = this._todayIso();
-        this._pending = this._normalizePending(dt(r, 7)), this._emitInput("preset-last7"), this._renderOverlay();
+      if (r === "preset-last7") {
+        const n = this._todayIso();
+        this._pending = this._normalizePending(dt(n, 7)), this._emitInput("preset-last7"), this._renderOverlay();
         return;
       }
-      if (n === "preset-month") {
-        const r = this._todayIso();
-        this._pending = this._normalizePending(ut(r)), this._emitInput("preset-month"), this._renderOverlay();
+      if (r === "preset-month") {
+        const n = this._todayIso();
+        this._pending = this._normalizePending(ut(n)), this._emitInput("preset-month"), this._renderOverlay();
       }
     }
   }