@editora/ui-core 0.1.12 → 0.1.14

package/dist/time-picker.esm.js

@@ -1,20 +1,22 @@
 import { E as x } from "./ElementBase-909688f3.mjs";
-import { r as E } from "./calendar-2c11b824.mjs";
-import { r as k, i as m, s as w, o as b, t as S, v as f, l as C, c as B } from "./date-time-utils-bdceb7af.mjs";
-import "./scroll-lock-9de6d328.mjs";
-const O = `
+import { c as E } from "./dismissable-layer-9c7e6b58.mjs";
+import { r as k } from "./calendar-2c11b824.mjs";
+import { r as w, e as S, i as m, s as C, q as b, t as B, w as v, l as O, c as I } from "./date-time-utils-a2c7af25.mjs";
+import "./scroll-lock-31da444f.mjs";
+import "./positioner-e9770c66.mjs";
+const A = `
   <svg viewBox="0 0 20 20" class="icon-svg" aria-hidden="true" focusable="false">
     <path d="M10 2.4a7.6 7.6 0 1 1 0 15.2A7.6 7.6 0 0 1 10 2.4Zm0 1.4a6.2 6.2 0 1 0 0 12.4 6.2 6.2 0 0 0 0-12.4Zm.7 2.4a.7.7 0 0 0-1.4 0v4.1c0 .2.1.4.2.5l2.6 2.5a.7.7 0 1 0 1-1l-2.4-2.3v-3.8Z" fill="currentColor"/>
   </svg>
-`, I = `
+`, D = `
   <svg viewBox="0 0 20 20" class="icon-svg" aria-hidden="true" focusable="false">
     <path d="m6 6 8 8M14 6l-8 8" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round"/>
   </svg>
-`, A = `
+`, $ = `
   <svg viewBox="0 0 20 20" class="icon-svg" aria-hidden="true" focusable="false">
     <path d="m5.6 7.6 4.4 4.6 4.4-4.6" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"/>
   </svg>
-`, D = `
+`, M = `
   :host {
     --ui-dp-bg: color-mix(in srgb, var(--ui-color-surface, #ffffff) 96%, transparent);
     --ui-dp-border: color-mix(in srgb, var(--ui-color-border, #cbd5e1) 72%, transparent);
@@ -143,7 +145,7 @@ const O = `
       outline-color: Highlight;
     }
   }
-`, $ = `
+`, z = `
   .overlay { position: fixed; z-index: var(--ui-dp-z, 1600); pointer-events: none; }
   .panel {
     pointer-events: auto;
@@ -254,12 +256,14 @@ function h(p) {
   return String(p).padStart(2, "0");
 }
 function _(p, t, e, i) {
-  const n = h(p), s = h(t);
-  return i ? `${n}:${s}:${h(e)}` : `${n}:${s}`;
+  const s = h(p), n = h(t);
+  return i ? `${s}:${n}:${h(e)}` : `${s}:${n}`;
 }
-class M extends x {
+class L extends x {
   constructor() {
-    super(...arguments), this._value = null, this._pending = null, this._draft = "", this._inlineError = "", this._open = !1, this._syncing = !1, this._overlay = null, this._releaseScrollLock = null, this._isInitialized = !1, this._hasView = !1, this._restoreFocusEl = null, this._overlayKey = null, this._fieldEl = null, this._labelEl = null, this._labelTextEl = null, this._requiredEl = null, this._inputEl = null, this._clearBtn = null, this._toggleBtn = null, this._hintEl = null, this._errorEl = null, this._hiddenInputEl = null, this._schedulePosition = k(() => this._positionOverlay()), this._onRootClickBound = (t) => this._onRootClick(t), this._onRootInputBound = (t) => this._onRootInput(t), this._onRootBlurBound = (t) => this._onRootBlur(t), this._onRootKeyDownBound = (t) => this._onRootKeyDown(t), this._onOverlayClickBound = (t) => this._onOverlayClick(t), this._onOverlayChangeBound = (t) => this._onOverlayChange(t), this._onDocumentPointerDownBound = (t) => this._onDocumentPointerDown(t), this._onDocumentKeyDownBound = (t) => this._onDocumentKeyDown(t), this._onWindowResizeBound = () => this._schedulePosition.run(), this._onWindowScrollBound = () => this._schedulePosition.run();
+    super(...arguments), this._value = null, this._pending = null, this._draft = "", this._inlineError = "", this._open = !1, this._syncing = !1, this._overlay = null, this._dismissableLayer = null, this._releaseScrollLock = null, this._isInitialized = !1, this._hasView = !1, this._restoreFocusEl = null, this._overlayKey = null, this._fieldEl = null, this._labelEl = null, this._labelTextEl = null, this._requiredEl = null, this._inputEl = null, this._clearBtn = null, this._toggleBtn = null, this._hintEl = null, this._errorEl = null, this._hiddenInputEl = null, this._schedulePosition = w(() => this._positionOverlay()), this._onRootClickBound = (t) => this._onRootClick(t), this._onRootInputBound = (t) => this._onRootInput(t), this._onRootBlurBound = (t) => this._onRootBlur(t), this._onRootKeyDownBound = (t) => this._onRootKeyDown(t), this._onOverlayClickBound = (t) => this._onOverlayClick(t), this._onOverlayChangeBound = (t) => this._onOverlayChange(t), this._onDocumentPointerDownBound = (t) => this._onDocumentPointerDown(t), this._onDocumentKeyDownBound = (t) => this._onDocumentKeyDown(t), this._onWindowResizeBound = () => this._schedulePosition.run(), this._onWindowScrollBound = (t) => {
+      S(t, [this._overlay]) || this._schedulePosition.run();
+    };
   }
   static get observedAttributes() {
     return [
@@ -311,7 +315,7 @@ class M extends x {
     return (this.getAttribute("mode") || "popover") === "inline";
   }
   _isMobileSheet() {
-    return w(this.getAttribute("mode"));
+    return C(this.getAttribute("mode"));
   }
   _isDisabled() {
     return this.hasAttribute("disabled");
@@ -340,7 +344,7 @@ class M extends x {
     return !Number.isFinite(t) || t < 1 ? 1 : Math.min(60, Math.trunc(t));
   }
   _translations() {
-    return E(
+    return k(
       this.getAttribute("locale"),
       this.getAttribute("translations")
     );
@@ -358,7 +362,7 @@ class M extends x {
     return this._normalizeCanonical(this.getAttribute("max"));
   }
   _formatDisplay(t) {
-    return t ? this._is12h() ? S(t, this.getAttribute("locale") || "en-US") : t : "";
+    return t ? this._is12h() ? B(t, this.getAttribute("locale") || "en-US") : t : "";
   }
   _syncOpenAttribute(t) {
     this._syncing = !0;
@@ -391,8 +395,8 @@ class M extends x {
     if (!t)
       return null;
     const e = this._minTime(), i = this._maxTime();
-    let n = t;
-    return e && f(n, e) < 0 && (n = e), i && f(n, i) > 0 && (n = i), n;
+    let s = t;
+    return e && v(s, e) < 0 && (s = e), i && v(s, i) > 0 && (s = i), s;
   }
   _commit(t, e) {
     if (this._isDisabled() || this._isReadonly())
@@ -424,10 +428,31 @@ class M extends x {
     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.zIndex = "1100", t.style.pointerEvents = "none", t.addEventListener("click", this._onOverlayClickBound), t.addEventListener("change", this._onOverlayChangeBound), document.body.appendChild(t), this._overlay = t, document.addEventListener("pointerdown", this._onDocumentPointerDownBound, !0), document.addEventListener("keydown", this._onDocumentKeyDownBound), window.addEventListener("resize", this._onWindowResizeBound), window.addEventListener("scroll", this._onWindowScrollBound, !0), this._isMobileSheet() && (this._releaseScrollLock = C());
+    t.style.position = "fixed", t.style.left = "0", t.style.top = "0", t.style.pointerEvents = "none", t.addEventListener("click", this._onOverlayClickBound), t.addEventListener("change", this._onOverlayChangeBound), document.body.appendChild(t), this._overlay = t, this._syncOverlayHostZIndex(), document.addEventListener("pointerdown", this._onDocumentPointerDownBound, !0), document.addEventListener("keydown", this._onDocumentKeyDownBound), window.addEventListener("resize", this._onWindowResizeBound), window.addEventListener("scroll", this._onWindowScrollBound, { passive: !0, capture: !0 }), this._isMobileSheet() && (this._releaseScrollLock = O());
+  }
+  _syncOverlayHostZIndex() {
+    if (!this._overlay || typeof window > "u")
+      return;
+    const t = window.getComputedStyle(this).getPropertyValue("--ui-dp-z").trim();
+    this._overlay.style.zIndex = t || "1600";
   }
   _destroyOverlay() {
-    this._overlay && (this._schedulePosition.cancel(), document.removeEventListener("pointerdown", this._onDocumentPointerDownBound, !0), document.removeEventListener("keydown", this._onDocumentKeyDownBound), window.removeEventListener("resize", this._onWindowResizeBound), window.removeEventListener("scroll", this._onWindowScrollBound, !0), this._overlay.removeEventListener("click", this._onOverlayClickBound), this._overlay.removeEventListener("change", this._onOverlayChangeBound), this._overlay.parentElement && this._overlay.parentElement.removeChild(this._overlay), this._overlay = null, this._overlayKey = null, this._releaseScrollLock && (this._releaseScrollLock(), this._releaseScrollLock = null));
+    var t;
+    (t = this._dismissableLayer) == null || t.destroy(), this._dismissableLayer = null, this._overlay && (this._schedulePosition.cancel(), document.removeEventListener("pointerdown", this._onDocumentPointerDownBound, !0), document.removeEventListener("keydown", this._onDocumentKeyDownBound), window.removeEventListener("resize", this._onWindowResizeBound), window.removeEventListener("scroll", this._onWindowScrollBound, !0), this._overlay.removeEventListener("click", this._onOverlayClickBound), this._overlay.removeEventListener("change", this._onOverlayChangeBound), this._overlay.parentElement && this._overlay.parentElement.removeChild(this._overlay), this._overlay = null, this._overlayKey = null, this._releaseScrollLock && (this._releaseScrollLock(), this._releaseScrollLock = null));
+  }
+  _syncDismissableLayer() {
+    var e;
+    if ((e = this._dismissableLayer) == null || e.destroy(), this._dismissableLayer = null, !this._open || !this._overlay)
+      return;
+    const t = this._overlay.querySelector(".panel, .sheet");
+    t && (this._dismissableLayer = E({
+      node: t,
+      trigger: this._fieldEl,
+      closeOnEscape: !0,
+      closeOnPointerOutside: !0,
+      closeOnFocusOutside: !1,
+      onBeforeDismiss: (i) => i === "escape-key" ? (this._setOpen(!1, "escape"), !1) : (i === "outside-pointer" && this._setOpen(!1, "outside"), !1)
+    }));
   }
   _positionOverlay() {
     if (!this._overlay || !this._open || this._isMobileSheet())
@@ -435,8 +460,14 @@ class M extends x {
     const t = this._fieldEl, e = this._overlay.querySelector(".panel");
     if (!t || !e)
       return;
-    const i = B(t.getBoundingClientRect(), e.getBoundingClientRect());
-    e.style.position = "absolute", e.style.top = `${Math.round(i.top)}px`, e.style.left = `${Math.round(i.left)}px`;
+    const i = e.getAttribute("data-placement"), s = I(
+      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);
   }
   _timeParts(t) {
     const e = b(t || "00:00", !0) || { hours: 0, minutes: 0, seconds: 0 }, i = e.hours >= 12 ? "pm" : "am";
@@ -448,25 +479,25 @@ class M extends x {
     };
   }
   _buildOverlayContent(t) {
-    const e = this._translations(), i = this._timeParts(this._pending), n = this._is12h(), s = this._withSeconds(), o = n ? i.hours % 12 || 12 : i.hours, r = this._minuteStep(), l = this._secondStep(), a = Array.from({ length: n ? 12 : 24 }, (v, c) => {
-      const u = n ? c + 1 : c;
-      return `<option value="${u}" ${u === o ? "selected" : ""}>${h(u)}</option>`;
-    }).join(""), d = Array.from({ length: Math.ceil(60 / r) }, (v, c) => {
-      const u = Math.min(59, c * r);
+    const e = this._translations(), i = this._timeParts(this._pending), s = this._is12h(), n = this._withSeconds(), r = s ? i.hours % 12 || 12 : i.hours, o = this._minuteStep(), l = this._secondStep(), a = Array.from({ length: s ? 12 : 24 }, (f, c) => {
+      const u = s ? c + 1 : c;
+      return `<option value="${u}" ${u === r ? "selected" : ""}>${h(u)}</option>`;
+    }).join(""), d = Array.from({ length: Math.ceil(60 / o) }, (f, c) => {
+      const u = Math.min(59, c * o);
       return `<option value="${u}" ${u === i.minutes ? "selected" : ""}>${h(u)}</option>`;
-    }).join(""), y = Array.from({ length: Math.ceil(60 / l) }, (v, c) => {
+    }).join(""), y = Array.from({ length: Math.ceil(60 / l) }, (f, c) => {
       const u = Math.min(59, c * l);
       return `<option value="${u}" ${u === i.seconds ? "selected" : ""}>${h(u)}</option>`;
     }).join(""), g = `
-      <div class="pickers" data-seconds="${s ? "true" : "false"}" data-ampm="${n ? "true" : "false"}">
+      <div class="pickers" data-seconds="${n ? "true" : "false"}" data-ampm="${s ? "true" : "false"}">
         <div class="picker"><label>${e.hour}</label><select data-segment="hours">${a}</select></div>
         <div class="picker"><label>${e.minute}</label><select data-segment="minutes">${d}</select></div>
-        ${s ? `<div class="picker"><label>${e.second}</label><select data-segment="seconds">${y}</select></div>` : ""}
-        ${n ? `<div class="picker"><label>${e.meridiem}</label><select data-segment="meridiem"><option value="am" ${i.meridiem === "am" ? "selected" : ""}>${e.am}</option><option value="pm" ${i.meridiem === "pm" ? "selected" : ""}>${e.pm}</option></select></div>` : ""}
+        ${n ? `<div class="picker"><label>${e.second}</label><select data-segment="seconds">${y}</select></div>` : ""}
+        ${s ? `<div class="picker"><label>${e.meridiem}</label><select data-segment="meridiem"><option value="am" ${i.meridiem === "am" ? "selected" : ""}>${e.am}</option><option value="pm" ${i.meridiem === "pm" ? "selected" : ""}>${e.pm}</option></select></div>` : ""}
       </div>
     `;
     return `
-      <style>${$}</style>
+      <style>${z}</style>
       ${t ? '<div class="sheet-backdrop" data-action="backdrop"></div>' : ""}
       <section class="${t ? "sheet" : "panel"}" part="${t ? "sheet" : "popover"}">
         ${g}
@@ -496,29 +527,30 @@ class M extends x {
     this._overlayKey !== e && (this._overlayKey = e, this._overlay.innerHTML = t ? `<div class="sheet-wrap">${this._buildOverlayContent(!0)}</div>` : `<div class="overlay">${this._buildOverlayContent(!1)}</div>`);
   }
   _setClosestOptionValue(t, e) {
-    const i = Array.from(t.options).map((o) => Number(o.value)).filter((o) => Number.isFinite(o));
+    const i = Array.from(t.options).map((r) => Number(r.value)).filter((r) => Number.isFinite(r));
     if (!i.length)
       return;
-    let n = i[0], s = Math.abs(n - e);
-    for (let o = 1; o < i.length; o += 1) {
-      const r = i[o], l = Math.abs(r - e);
-      l < s && (n = r, s = l);
+    let s = i[0], n = Math.abs(s - e);
+    for (let r = 1; r < i.length; r += 1) {
+      const o = i[r], l = Math.abs(o - e);
+      l < n && (s = o, n = l);
     }
-    t.value = String(n);
+    t.value = String(s);
   }
   _syncOverlayState() {
     if (!this._overlay)
       return;
+    this._syncOverlayHostZIndex();
     const t = this._isMobileSheet();
-    this._ensureOverlayContent(t);
-    const e = this._timeParts(this._pending), i = this._overlay.querySelector('select[data-segment="hours"]'), n = this._overlay.querySelector('select[data-segment="minutes"]'), s = this._overlay.querySelector('select[data-segment="seconds"]'), o = this._overlay.querySelector('select[data-segment="meridiem"]'), r = this._isDisabled() || this._isReadonly();
+    this._ensureOverlayContent(t), this._syncDismissableLayer();
+    const e = this._timeParts(this._pending), i = this._overlay.querySelector('select[data-segment="hours"]'), s = this._overlay.querySelector('select[data-segment="minutes"]'), n = this._overlay.querySelector('select[data-segment="seconds"]'), r = this._overlay.querySelector('select[data-segment="meridiem"]'), o = this._isDisabled() || this._isReadonly();
     if (this._overlay.querySelectorAll(".action").forEach((a) => {
-      a.disabled = r;
+      a.disabled = o;
     }), i) {
       const a = this._is12h() ? e.hours % 12 || 12 : e.hours;
-      this._setClosestOptionValue(i, a), i.disabled = r;
+      this._setClosestOptionValue(i, a), i.disabled = o;
     }
-    n && (this._setClosestOptionValue(n, e.minutes), n.disabled = r), s && (this._setClosestOptionValue(s, e.seconds), s.disabled = r), o && (o.value = e.meridiem, o.disabled = r), t || this._schedulePosition.run();
+    s && (this._setClosestOptionValue(s, e.minutes), s.disabled = o), n && (this._setClosestOptionValue(n, e.seconds), n.disabled = o), r && (r.value = e.meridiem, r.disabled = o), t || this._schedulePosition.run();
   }
   _renderOverlay() {
     this._syncOverlayState();
@@ -526,24 +558,24 @@ class M extends x {
   _applySegmentsFromOverlay() {
     if (!this._overlay)
       return;
-    const t = this._overlay.querySelector('select[data-segment="hours"]'), e = this._overlay.querySelector('select[data-segment="minutes"]'), i = this._overlay.querySelector('select[data-segment="seconds"]'), n = this._overlay.querySelector('select[data-segment="meridiem"]');
+    const t = this._overlay.querySelector('select[data-segment="hours"]'), e = this._overlay.querySelector('select[data-segment="minutes"]'), i = this._overlay.querySelector('select[data-segment="seconds"]'), s = this._overlay.querySelector('select[data-segment="meridiem"]');
     if (!t || !e)
       return;
-    let s = Number(t.value);
-    const o = Number(e.value), r = i ? Number(i.value) : 0;
-    if (this._is12h() && n) {
-      const a = n.value === "pm" ? "pm" : "am";
-      a === "pm" && s < 12 && (s += 12), a === "am" && s === 12 && (s = 0);
+    let n = Number(t.value);
+    const r = Number(e.value), o = i ? Number(i.value) : 0;
+    if (this._is12h() && s) {
+      const a = s.value === "pm" ? "pm" : "am";
+      a === "pm" && n < 12 && (n += 12), a === "am" && n === 12 && (n = 0);
     }
-    const l = _(s, o, r, this._withSeconds());
+    const l = _(n, r, o, this._withSeconds());
     this._pending = this._clampToBounds(l), this._emitInput("picker");
   }
   _onRootClick(t) {
-    var n;
+    var s;
     const e = t.target;
     if (!e)
       return;
-    const i = (n = e.closest("[data-action]")) == null ? void 0 : n.getAttribute("data-action");
+    const i = (s = e.closest("[data-action]")) == null ? void 0 : s.getAttribute("data-action");
     if (i) {
       if (i === "toggle") {
         this._restoreFocusEl = e, this._setOpen(!this._open, "toggle");
@@ -576,8 +608,8 @@ class M extends x {
     this._commit(i, "blur");
   }
   _stepBy(t) {
-    const e = b(this._pending || this._value || "00:00", !0) || { hours: 0, minutes: 0, seconds: 0 }, i = this._minuteStep() * t, n = ((e.hours * 60 + e.minutes + i) % (24 * 60) + 24 * 60) % (24 * 60), s = Math.floor(n / 60), o = n % 60, r = _(s, o, e.seconds, this._withSeconds());
-    this._pending = this._clampToBounds(r), this._emitInput("keyboard-step"), this._updateHostState();
+    const e = b(this._pending || this._value || "00:00", !0) || { hours: 0, minutes: 0, seconds: 0 }, i = this._minuteStep() * t, s = ((e.hours * 60 + e.minutes + i) % (24 * 60) + 24 * 60) % (24 * 60), n = Math.floor(s / 60), r = s % 60, o = _(n, r, e.seconds, this._withSeconds());
+    this._pending = this._clampToBounds(o), this._emitInput("keyboard-step"), this._updateHostState();
   }
   _onRootKeyDown(t) {
     const e = t, i = e.target;
@@ -592,12 +624,12 @@ class M extends x {
       }
       if (e.key === "Enter") {
         e.preventDefault();
-        const n = this._normalizeCanonical(this._draft);
-        if (!n && this._draft.trim()) {
+        const s = this._normalizeCanonical(this._draft);
+        if (!s && this._draft.trim()) {
           this._inlineError = this.getAttribute("error") || this._translations().invalidTime, this._emitInvalid(this._draft, "parse"), this._updateHostState();
           return;
         }
-        this._commit(n, "enter"), this._isInlineMode() || this._setOpen(!1, "enter");
+        this._commit(s, "enter"), this._isInlineMode() || this._setOpen(!1, "enter");
         return;
       }
       if (e.key === "Escape" && this._open && !this._isInlineMode()) {
@@ -608,11 +640,11 @@ class M extends x {
     }
   }
   _onOverlayClick(t) {
-    var n;
+    var s;
     const e = t.target;
     if (!e)
       return;
-    const i = (n = e.closest("[data-action]")) == null ? void 0 : n.getAttribute("data-action");
+    const i = (s = e.closest("[data-action]")) == null ? void 0 : s.getAttribute("data-action");
     if (i) {
       if (i === "backdrop") {
         this._setOpen(!1, "outside");
@@ -627,8 +659,8 @@ class M extends x {
         return;
       }
       if (i === "now") {
-        const s = /* @__PURE__ */ new Date(), o = _(s.getHours(), s.getMinutes(), s.getSeconds(), this._withSeconds());
-        this._pending = this._clampToBounds(o), this._emitInput("now"), this._renderOverlay();
+        const n = /* @__PURE__ */ new Date(), r = _(n.getHours(), n.getMinutes(), n.getSeconds(), this._withSeconds());
+        this._pending = this._clampToBounds(r), this._emitInput("now"), this._renderOverlay();
         return;
       }
       i === "apply" && (this._commit(this._pending, "apply"), this._setOpen(!1, "apply"));
@@ -653,22 +685,22 @@ class M extends x {
   _updateHostState() {
     if (!this._hasView)
       return;
-    const t = this.getAttribute("label") || "", e = this.getAttribute("hint") || "", i = this.getAttribute("error") || "", n = this._inlineError || i, s = !!this._value, o = this.getAttribute("name") || "", r = this._allowInput() ? this._draft : this._formatDisplay(this._value), l = this._isInlineMode(), a = this._isDisabled(), d = this._translations();
-    this._labelEl && (this._labelEl.hidden = !t), this._labelTextEl && (this._labelTextEl.textContent = t), this._requiredEl && (this._requiredEl.hidden = !this.hasAttribute("required")), this._inputEl && (this._inputEl.value !== r && (this._inputEl.value = r), this._inputEl.placeholder = this._withSeconds() ? d.timePlaceholderSeconds : d.timePlaceholder, this._inputEl.readOnly = !this._allowInput() || this._isReadonly(), this._inputEl.disabled = a, this._inputEl.required = this.hasAttribute("required")), this._clearBtn && (this._clearBtn.hidden = !(this._clearable() && s), this._clearBtn.disabled = a || this._isReadonly(), this._clearBtn.setAttribute("aria-label", d.clear)), this._toggleBtn && (this._toggleBtn.hidden = l, this._toggleBtn.disabled = a || this._isReadonly(), this._toggleBtn.setAttribute("aria-label", d.toggleCalendar)), this._hintEl && (this._hintEl.hidden = !e, this._hintEl.textContent = e), this._errorEl && (this._errorEl.hidden = !n, this._errorEl.textContent = n), this._hiddenInputEl && (this._hiddenInputEl.disabled = !o, this._hiddenInputEl.name = o, this._hiddenInputEl.value = this._value || ""), !l && this._open && this._syncOverlayState();
+    const t = this.getAttribute("label") || "", e = this.getAttribute("hint") || "", i = this.getAttribute("error") || "", s = this._inlineError || i, n = !!this._value, r = this.getAttribute("name") || "", o = this._allowInput() ? this._draft : this._formatDisplay(this._value), l = this._isInlineMode(), a = this._isDisabled(), d = this._translations();
+    this._labelEl && (this._labelEl.hidden = !t), this._labelTextEl && (this._labelTextEl.textContent = t), this._requiredEl && (this._requiredEl.hidden = !this.hasAttribute("required")), this._inputEl && (this._inputEl.value !== o && (this._inputEl.value = o), this._inputEl.placeholder = this._withSeconds() ? d.timePlaceholderSeconds : d.timePlaceholder, this._inputEl.readOnly = !this._allowInput() || this._isReadonly(), this._inputEl.disabled = a, this._inputEl.required = this.hasAttribute("required")), this._clearBtn && (this._clearBtn.hidden = !(this._clearable() && n), this._clearBtn.disabled = a || this._isReadonly(), this._clearBtn.setAttribute("aria-label", d.clear)), this._toggleBtn && (this._toggleBtn.hidden = l, this._toggleBtn.disabled = a || this._isReadonly(), this._toggleBtn.setAttribute("aria-label", d.toggleCalendar)), this._hintEl && (this._hintEl.hidden = !e, this._hintEl.textContent = e), this._errorEl && (this._errorEl.hidden = !s, this._errorEl.textContent = s), this._hiddenInputEl && (this._hiddenInputEl.disabled = !r, this._hiddenInputEl.name = r, this._hiddenInputEl.value = this._value || ""), !l && this._open && this._syncOverlayState();
   }
   render() {
     this._hasView || (this.setContent(`
-        <style>${D}</style>
+        <style>${M}</style>
         <div class="root">
           <label class="label" part="label">
             <span class="label-text"></span>
             <span class="required">*</span>
           </label>
           <div class="field" part="field input">
-            <span class="icon" part="icon">${O}</span>
+            <span class="icon" part="icon">${A}</span>
             <input class="input" part="input" />
-            <button type="button" class="btn" part="clear" data-action="clear">${I}</button>
-            <button type="button" class="btn" part="toggle" data-action="toggle">${A}</button>
+            <button type="button" class="btn" part="clear" data-action="clear">${D}</button>
+            <button type="button" class="btn" part="toggle" data-action="toggle">${$}</button>
           </div>
           <div class="hint" part="hint"></div>
           <div class="error" part="error" role="alert"></div>
@@ -680,7 +712,7 @@ class M extends x {
     return !1;
   }
 }
-typeof customElements < "u" && !customElements.get("ui-time-picker") && customElements.define("ui-time-picker", M);
+typeof customElements < "u" && !customElements.get("ui-time-picker") && customElements.define("ui-time-picker", L);
 export {
-  M as UITimePicker
+  L as UITimePicker
 };

package/dist/tooltip.cjs.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const E=require("./ElementBase-1b301e7f.js"),w=require("./portal-d8d7fbca.js"),d=140,y=120,m=`
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const E=require("./ElementBase-1b301e7f.js"),w=require("./portal-c69756c0.js");require("./positioner-33529bb8.js");const d=140,y=120,m=`
   .tooltip {
     color-scheme: light dark;
     --ui-tooltip-bg: color-mix(in srgb, var(--ui-color-text, #0f172a) 92%, #0b1220 8%);

package/dist/tooltip.esm.js

@@ -1,5 +1,6 @@
 import { E as x } from "./ElementBase-909688f3.mjs";
-import { s as E } from "./portal-1cf392ca.mjs";
+import { s as E } from "./portal-fe73e5cc.mjs";
+import "./positioner-e9770c66.mjs";
 const d = 140, w = 120, m = `
   .tooltip {
     color-scheme: light dark;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@editora/ui-core",
-  "version": "0.1.12",
+  "version": "0.1.14",
   "description": "Framework-agnostic Web Components and primitives for the Editora UI ecosystem",
   "main": "dist/index.cjs.js",
   "module": "dist/index.esm.js",

package/dist/date-time-utils-5cf58cd0.js

@@ -1 +0,0 @@
-"use strict";const c=require("./calendar-a8735e40.js"),C=require("./scroll-lock-48793569.js"),$=new Map;function h(t,e,n){return Math.max(e,Math.min(n,t))}function s(t){return String(t).padStart(2,"0")}function M(t){if(!/^-?\d+$/.test(t))return null;const e=Number(t);return Number.isFinite(e)?Math.trunc(e):null}function I(t){return t.replace(/[.\-]/g,"/").replace(/\s+/g," ").trim()}function v(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 N(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 O(t){const e=(t||"").trim();return e||(typeof navigator<"u"&&navigator.language?navigator.language:"en-US")}function f(t){if(!t)return null;const e=c.parseISO(t);return e?`${e.y}-${s(e.m)}-${s(e.d)}`:null}function D(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=f(e[1]);if(!n)return null;const r=m(e[2],!0);if(!r)return null;const o=e[2].split(":").length===3;return{date:n,time:w(r,o)}}function U(t,e){if(!t||!e)return null;const n=f(t),r=m(e,!0);return!n||!r?null:`${n}T${w(r,e.split(":").length>=3)}`}function F(t){if(!t)return null;const e=f(t);if(e)return e;const n=D(t);return(n==null?void 0:n.date)||null}function z(t){if(!t)return null;const e=D(t);if(e)return e;const n=f(t);return n?{date:n,time:"00:00"}:null}function B(t,e,n){const r=c.parseISO(t);if(!r)return t;const o=`${e}::${JSON.stringify(n||{})}`;let i=$.get(o);return i||(i=new Intl.DateTimeFormat(e,{year:"numeric",month:"short",day:"2-digit",timeZone:"UTC",...n||{}}),$.set(o,i)),i.format(new Date(Date.UTC(r.y,r.m-1,r.d)))}function Y(t,e,n,r){if(!t)return"";if(n==="iso")return t;if(n==="custom"&&r){const o=c.parseISO(t);if(!o)return t;const i=v(e),u=L(e);return r.replace(/YYYY/g,String(o.y)).replace(/MMM/g,i[o.m-1]||"").replace(/MMMM/g,u[o.m-1]||"").replace(/MM/g,s(o.m)).replace(/DD/g,s(o.d))}return B(t,e)}function k(t,e){const n=f(t.trim());if(n)return n;const r=I(t);if(!r)return null;const o=f(r);if(o)return o;const i=r.split("/").map(b=>b.trim()).filter(Boolean);if(i.length!==3)return null;const u=M(i[0]),a=M(i[1]),y=M(i[2]);if(u==null||a==null||y==null)return null;let l=y;l<100&&(l+=l>=70?1900:2e3);const T=e.toLowerCase().startsWith("en-us"),d=T?u:a,p=T?a:u;if(l<1e3||d<1||d>12||p<1||p>31)return null;const S=`${l}-${s(d)}-${s(p)}`;return f(S)}function m(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"),u=Number(r[3]??"0");if(!Number.isFinite(o)||!Number.isFinite(i)||!Number.isFinite(u)||i<0||i>59||u<0||u>59||!e&&u!==0)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:u}}function w(t,e=!1){if(!t)return"";const n=s(h(t.hours,0,23)),r=s(h(t.minutes,0,59));if(!e)return`${n}:${r}`;const o=s(h(t.seconds,0,59));return`${n}:${r}:${o}`}function q(t,e){const n=m(t,!0);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 g(t,e){const n=m(t,!0),r=m(e,!0);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 x(t,e,n){const r=m(t,!0);if(!r)return t;let o=w(r,t.split(":").length>=3);return e&&g(o,e)<0&&(o=e),n&&g(o,n)>0&&(o=n),o}function A(t,e,n){let r=t;return e&&c.compareISO(r,e)<0&&(r=e),n&&c.compareISO(r,n)>0&&(r=n),r}function P(t,e){const n=D(t),r=D(e);if(!n||!r)return t.localeCompare(e);const o=c.compareISO(n.date,r.date);return o!==0?o:g(n.time,r.time)}function H(t){const e=c.parseISO(t);if(!e)return{start:t,end:t};const n=c.startOfMonth(e.y,e.m),r=c.endOfMonth(e.y,e.m);return{start:`${n.y}-${s(n.m)}-${s(n.d)}`,end:`${r.y}-${s(r.m)}-${s(r.d)}`}}function W(t,e){const n=h(e,1,366);return{start:c.addDaysISO(t,-(n-1)),end:t}}function Z(t,e,n=8,r=8){const o=typeof window<"u"?window.innerWidth:1200,i=typeof window<"u"?window.innerHeight:800,u=typeof window<"u"&&window.scrollY||0,a=typeof window<"u"&&window.scrollX||0,l=t.bottom+r+e.height<=i-n?"bottom":"top",T=l==="bottom"?t.bottom+r+u:t.top-e.height-r+u,d=t.left+a,p=a+o-e.width-n,S=h(d,a+n,Math.max(a+n,p));return{top:T,left:S,placement:l}}function X(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 j(){return C.acquireBodyScrollLock()}exports.clampDateIso=A;exports.clampTime=x;exports.combineDateTime=U;exports.compareDateTimes=P;exports.compareTimes=g;exports.computeLastDaysRange=W;exports.computeMonthRange=H;exports.computePopoverPosition=Z;exports.formatDateForDisplay=Y;exports.formatTime=w;exports.isTruthyAttr=N;exports.lockBodyScroll=j;exports.normalizeDateIso=f;exports.normalizeLocale=O;exports.parseConstraintDate=F;exports.parseConstraintDateTime=z;exports.parseTimeInput=m;exports.parseUserDateInput=k;exports.rafThrottle=X;exports.shouldUseMobileSheet=J;exports.splitDateTime=D;exports.to12hDisplay=q;