@oneb/ui-vue 0.3.32 → 0.4.0

package/dist/periodPicker/index.js

@@ -1,24 +1,27 @@
-import { openBlock as o, createElementBlock as d, createElementVNode as v, defineComponent as vt, computed as f, createBlock as F, unref as M, withCtx as Wt, normalizeStyle as ue, Fragment as W, renderList as Z, normalizeClass as c, toDisplayString as _, createCommentVNode as k, ref as b, watch as me, nextTick as E, onMounted as Tt, onUnmounted as Ut, withDirectives as Me, withKeys as Oe, vModelText as _e, createVNode as J, Teleport as st, renderSlot as Se } from "vue";
+import { openBlock as o, createElementBlock as p, createElementVNode as v, defineComponent as vt, computed as f, createBlock as F, unref as M, withCtx as Wt, normalizeStyle as ue, Fragment as W, renderList as Z, normalizeClass as c, toDisplayString as _, createCommentVNode as k, ref as b, watch as me, nextTick as E, onMounted as Tt, onUnmounted as Ut, withDirectives as Me, withKeys as Oe, vModelText as _e, createVNode as J, Teleport as st, renderSlot as Se } from "vue";
 import { autoUpdate as qt, computePosition as It, offset as Et, flip as Ft, shift as jt } from "@floating-ui/dom";
 import { DatePicker as Be } from "v-calendar";
 import { OneButton as Le } from "../button/index.js";
-import { O as Nt, u as Kt } from "../useModal-7fe9444b.js";
+import { u as Nt } from "../useModal-6a5d870b.js";
 import { r as it } from "../CheckIcon-f1c94824.js";
-import { r as Qt } from "../XMarkIcon-51ef0691.js";
-import { r as Ht } from "../ChevronDownIcon-6805ce6c.js";
+import { r as Kt } from "../XMarkIcon-51ef0691.js";
+import { r as Qt } from "../ChevronDownIcon-6805ce6c.js";
+import { r as Ht } from "../MagnifyingGlassIcon-ca213d3d.js";
+import { O as Jt } from "../OneModal-02a9a173.js";
 import { useOnebI18n as ft } from "../i18n/index.js";
 import { _ as mt } from "../_plugin-vue_export-helper-dad06003.js";
 import n from "dayjs";
-import { default as Xa } from "dayjs";
-import Jt from "dayjs/plugin/advancedFormat";
-import Xt from "dayjs/plugin/isoWeek";
-import Zt from "dayjs/plugin/quarterOfYear";
-import ea from "dayjs/plugin/utc";
-import ta from "dayjs/plugin/customParseFormat";
-import "../SpinnerIcon-74648c98.js";
-import "../SpinnerIcon.vue_vue_type_style_index_0_lang-4ed993c7.js";
+import { default as tl } from "dayjs";
+import Xt from "dayjs/plugin/advancedFormat";
+import Zt from "dayjs/plugin/isoWeek";
+import ea from "dayjs/plugin/quarterOfYear";
+import ta from "dayjs/plugin/utc";
+import aa from "dayjs/plugin/customParseFormat";
+import "../SpinnerIcon-516264ba.js";
+import "../useIsMobile-98fc0cf9.js";
+import "../useMediaQuery-77a19b18.js";
 function We(a, u) {
-  return o(), d("svg", {
+  return o(), p("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 24 24",
@@ -33,22 +36,6 @@ function We(a, u) {
     })
   ]);
 }
-function aa(a, u) {
-  return o(), d("svg", {
-    xmlns: "http://www.w3.org/2000/svg",
-    fill: "none",
-    viewBox: "0 0 24 24",
-    "stroke-width": "1.8",
-    stroke: "currentColor",
-    "aria-hidden": "true"
-  }, [
-    v("path", {
-      "stroke-linecap": "round",
-      "stroke-linejoin": "round",
-      d: "M21 21l-5.197-5.197m0 0A7.5 7.5 0 105.196 5.196a7.5 7.5 0 0010.607 10.607z"
-    })
-  ]);
-}
 const Te = {
   xs: {
     trigger: "h-7 rounded-lg",
@@ -254,7 +241,7 @@ const Te = {
       "--pp-fast-list-max-h": "540px"
     }
   }
-}, ze = "manual-date", oe = "manual-range", B = "date", la = "period", $ = "range", na = { class: "fast-picker-group__list" }, ra = ["onClick"], oa = { class: "fast-picker-option__label" }, ua = {
+}, ze = "manual-date", oe = "manual-range", B = "date", la = "period", C = "range", na = { class: "fast-picker-group__list" }, ra = ["onClick"], oa = { class: "fast-picker-option__label" }, ua = {
   key: 0,
   class: "fast-picker-option__description"
 }, sa = /* @__PURE__ */ vt({
@@ -269,7 +256,7 @@ const Te = {
   emits: ["select"],
   setup(a) {
     const u = ft(), m = a, r = f(() => m.t ?? u), s = f(() => Te[m.size ?? "md"]), y = f(() => s.value.vars);
-    return (i, z) => a.useModal.isOpened.value ? (o(), F(M(Nt), {
+    return (i, z) => a.useModal.isOpened.value ? (o(), F(M(Jt), {
       key: 0,
       useModal: a.useModal,
       size: s.value.fastModalSize,
@@ -280,25 +267,25 @@ const Te = {
           class: "grid gap-4 grid-cols-1 sm:grid-cols-2 md:grid-cols-3",
           style: ue(y.value)
         }, [
-          (o(!0), d(W, null, Z(a.groups, (T) => (o(), d("section", {
+          (o(!0), p(W, null, Z(a.groups, (T) => (o(), p("section", {
             key: T.id,
             class: "fast-picker-group"
           }, [
             v("div", na, [
-              (o(!0), d(W, null, Z(T.options, (S) => (o(), d("div", {
+              (o(!0), p(W, null, Z(T.options, (S) => (o(), p("div", {
                 key: S.key
               }, [
-                S.type === "label" ? (o(), d("p", {
+                S.type === "label" ? (o(), p("p", {
                   key: 0,
                   class: c([s.value.presetLabel, "uppercase tracking-wide text-gray-500 mt-3 mb-1 first:mt-0"])
-                }, _(S.label), 3)) : (o(), d("button", {
+                }, _(S.label), 3)) : (o(), p("button", {
                   key: 1,
                   type: "button",
                   class: c(["fast-picker-option", { "fast-picker-option--active": a.activePresetKey === S.key }]),
                   onClick: (Q) => i.$emit("select", S)
                 }, [
                   v("span", oa, _(S.label), 1),
-                  S.description ? (o(), d("span", ua, _(S.description), 1)) : k("", !0)
+                  S.description ? (o(), p("span", ua, _(S.description), 1)) : k("", !0)
                 ], 10, ra))
               ]))), 128))
             ])
@@ -309,12 +296,12 @@ const Te = {
     }, 8, ["useModal", "size", "title"])) : k("", !0);
   }
 });
-const ia = /* @__PURE__ */ mt(sa, [["__scopeId", "data-v-3fbb25c2"]]);
-n.extend(Jt);
+const ia = /* @__PURE__ */ mt(sa, [["__scopeId", "data-v-55ba1e9a"]]);
 n.extend(Xt);
 n.extend(Zt);
 n.extend(ea);
 n.extend(ta);
+n.extend(aa);
 const Ve = (a, u) => u("ui.period_select.date_short", {
   day: a.format("DD"),
   month: u("ui.months_short." + a.month()),
@@ -351,7 +338,7 @@ const Ve = (a, u) => u("ui.period_select.date_short", {
     return r === n().endOf("day").format("DD.MM.YYYY") ? m("ui.period_select.until end of today") : r === n().subtract(1, "d").endOf("day").format("DD.MM.YYYY") ? m("ui.period_select.until end of yesterday") : r === n().endOf("month").format("DD.MM.YYYY") ? m("ui.period_select.until end of month") : r === n().subtract(1, "month").endOf("month").format("DD.MM.YYYY") ? m("ui.period_select.until end of last month") : `${m("ui.period_select.Till")} ${n.unix(u).format("DD.MM.YYYY")}`;
   }
   return "";
-}, da = (a, u, m) => m === B ? B : m === la ? $ : a != null && u != null ? n.unix(a).isSame(n.unix(u), "day") ? B : $ : a != null || u != null ? $ : null, ct = (a) => [
+}, da = (a, u, m) => m === B ? B : m === la ? C : a != null && u != null ? n.unix(a).isSame(n.unix(u), "day") ? B : C : a != null || u != null ? C : null, ct = (a) => [
   // === Date presets (group: 'date') ===
   O({
     key: "until-now",
@@ -600,9 +587,9 @@ const Ve = (a, u) => u("ui.period_select.date_short", {
   },
   emits: ["update:modelValue", "focus"],
   setup(a, { emit: u }) {
-    const m = ft(), r = a, s = f(() => r.t ?? m), y = f(() => Te[r.size ?? "md"]), i = f(() => Te[r.dropdownSize ?? r.size ?? "md"]), z = f(() => i.value.vars), T = f(() => r.dropdownSize ?? r.size ?? "md"), S = f(() => T.value !== "xs" && T.value !== "sm"), Q = f(() => r.mode === "date"), se = u, ee = b(null), j = b(null), h = b(!1), P = b(!1), Ge = b(!1), w = b(B), A = b(null), N = b(0), R = b(!1), Ue = b(!1), ie = b(""), de = b(""), C = b(n().format("YYYY-MM-DD")), V = b(void 0), pe = b(""), ce = b(""), I = b(0), G = b(null), Ce = b(null), K = b(null);
+    const m = ft(), r = a, s = f(() => r.t ?? m), y = f(() => Te[r.size ?? "md"]), i = f(() => Te[r.dropdownSize ?? r.size ?? "md"]), z = f(() => i.value.vars), T = f(() => r.dropdownSize ?? r.size ?? "md"), S = f(() => T.value !== "xs" && T.value !== "sm"), Q = f(() => r.mode === "date"), se = u, ee = b(null), j = b(null), h = b(!1), P = b(!1), Ge = b(!1), w = b(B), A = b(null), N = b(0), R = b(!1), Ue = b(!1), ie = b(""), de = b(""), $ = b(n().format("YYYY-MM-DD")), V = b(void 0), pe = b(""), ce = b(""), I = b(0), G = b(null), $e = b(null), K = b(null);
     let te = null;
-    const ae = b(null), $e = b(!1), qe = b(typeof window < "u" ? window.innerWidth : 1024), ve = f(() => qe.value < 640), ge = Kt(), x = f(() => {
+    const ae = b(null), Ce = b(!1), qe = b(typeof window < "u" ? window.innerWidth : 1024), ve = f(() => qe.value < 640), ge = Nt(), x = f(() => {
       var e, t;
       return (e = r.modelValue) != null && e.start ? n(r.modelValue.start).startOf("day").unix() : dt((t = r.modelValue) == null ? void 0 : t.startUnix);
     }), Y = f(() => {
@@ -610,7 +597,7 @@ const Ve = (a, u) => u("ui.period_select.date_short", {
       return (e = r.modelValue) != null && e.end ? n(r.modelValue.end).endOf("day").unix() : dt((t = r.modelValue) == null ? void 0 : t.endUnix);
     }), Pe = f(() => x.value != null || Y.value != null), yt = f(
       () => pt(x.value, Y.value, s.value) || r.placeholder || s.value("ui.period_select.Select date")
-    ), be = f(() => r.disableDate ?? void 0), xt = f(() => pt(x.value, Y.value, s.value) || ""), Ae = f(() => `date-${N.value}`), gt = f(() => `range-${N.value}`), Ie = f(() => r.columns != null ? r.columns : ve.value || w.value !== $ || T.value === "xs" || T.value === "sm" ? 1 : 2), he = f(
+    ), be = f(() => r.disableDate ?? void 0), xt = f(() => pt(x.value, Y.value, s.value) || ""), Ae = f(() => `date-${N.value}`), gt = f(() => `range-${N.value}`), Ie = f(() => r.columns != null ? r.columns : ve.value || w.value !== C || T.value === "xs" || T.value === "sm" ? 1 : 2), he = f(
       () => !r.minGranularity || r.minGranularity === "day" || r.minGranularity === "week"
     ), bt = f(() => r.minGranularity === "month" ? s.value("ui.period_select.Months") : r.minGranularity === "quarter" ? s.value("ui.period_select.Quarters") : r.minGranularity === "year" ? s.value("ui.period_select.Years") : s.value("ui.period_select.Period group title")), U = f(() => {
       if (!r.minGranularity || r.minGranularity === "day" || r.minGranularity === "week")
@@ -624,10 +611,10 @@ const Ve = (a, u) => u("ui.period_select.date_short", {
           unit: r.minGranularity,
           yearGroups: e.map((l) => ({
             yearLabel: n().subtract(l, "year").format("YYYY"),
-            items: t ? Array.from({ length: 12 }, (p, g) => ({
+            items: t ? Array.from({ length: 12 }, (d, g) => ({
               date: n().subtract(l, "year").month(g),
               label: s.value("ui.months_short." + g)
-            })) : Array.from({ length: 4 }, (p, g) => ({
+            })) : Array.from({ length: 4 }, (d, g) => ({
               date: n().subtract(l, "year").quarter(g + 1).startOf("quarter"),
               label: `Q${g + 1}`
             }))
@@ -664,13 +651,13 @@ const Ve = (a, u) => u("ui.period_select.date_short", {
       ] : e;
     }), je = f(() => {
       N.value;
-      const e = ct(s.value).filter((D) => D.group === "period").filter((D) => X(D.key, r.minGranularity)), t = r.hideDayAndWeek || !X("week-0", r.minGranularity) ? [] : ye("week", s.value), l = X("month-0", r.minGranularity) ? ye("month", s.value) : [], p = X("quarter-0", r.minGranularity) ? ye("quarter", s.value) : [], g = X("year-0", r.minGranularity) ? ye("year", s.value) : [];
-      return { shortcuts: e, rollingWeek: t, rollingMonth: l, rollingQuarter: p, rollingYear: g };
+      const e = ct(s.value).filter((D) => D.group === "period").filter((D) => X(D.key, r.minGranularity)), t = r.hideDayAndWeek || !X("week-0", r.minGranularity) ? [] : ye("week", s.value), l = X("month-0", r.minGranularity) ? ye("month", s.value) : [], d = X("quarter-0", r.minGranularity) ? ye("quarter", s.value) : [], g = X("year-0", r.minGranularity) ? ye("year", s.value) : [];
+      return { shortcuts: e, rollingWeek: t, rollingMonth: l, rollingQuarter: d, rollingYear: g };
     }), Ne = f(() => {
-      const { shortcuts: e, rollingWeek: t, rollingMonth: l, rollingQuarter: p, rollingYear: g } = je.value, D = [...e], q = [
+      const { shortcuts: e, rollingWeek: t, rollingMonth: l, rollingQuarter: d, rollingYear: g } = je.value, D = [...e], q = [
         { items: t, key: "weeks-history", labelKey: "Weeks history label" },
         { items: l, key: "months-history", labelKey: "Months history label" },
-        { items: p, key: "quarters-history", labelKey: "Quarters history label" },
+        { items: d, key: "quarters-history", labelKey: "Quarters history label" },
         { items: g, key: "years-history", labelKey: "Years history label" }
       ];
       for (const H of q)
@@ -699,7 +686,7 @@ const Ve = (a, u) => u("ui.period_select.date_short", {
     ]), le = f(
       () => r.hideDatePresets ? Ke.value.filter((e) => e.id !== "date") : Ke.value
     ), ht = f(() => {
-      const { shortcuts: e, rollingWeek: t, rollingMonth: l, rollingQuarter: p } = je.value, g = [...e];
+      const { shortcuts: e, rollingWeek: t, rollingMonth: l, rollingQuarter: d } = je.value, g = [...e];
       t.length > 0 && (g.push({
         key: "weeks-history",
         type: "label",
@@ -719,7 +706,7 @@ const Ve = (a, u) => u("ui.period_select.date_short", {
       return [
         { id: "presets-weeks", title: "", subtitle: "", ctaLabel: "", options: g },
         D("months", l, "Months history label"),
-        D("quarters", p, "Quarters history label")
+        D("quarters", d, "Quarters history label")
       ].filter((q) => q != null && q.options.length > 0);
     }), kt = f(() => ht.value), Yt = f(() => [
       ...Fe.value.filter((e) => e.type === "option"),
@@ -727,7 +714,7 @@ const Ve = (a, u) => u("ui.period_select.date_short", {
     ]), wt = f(
       () => P.value && w.value === B || A.value === ze
     ), Dt = f(
-      () => P.value && w.value === $ || A.value === oe
+      () => P.value && w.value === C || A.value === oe
     ), Qe = () => {
       N.value++;
     }, Mt = () => {
@@ -765,7 +752,7 @@ const Ve = (a, u) => u("ui.period_select.date_short", {
           });
           return;
         }
-        ((e = r.modelValue) == null ? void 0 : e.kind) === B ? (w.value = B, re()) : ((t = r.modelValue) == null ? void 0 : t.kind) === $ ? (w.value = $, fe()) : r.asDateString || r.editable ? (w.value = B, re()) : (w.value = $, fe()), P.value = !0, E(() => {
+        ((e = r.modelValue) == null ? void 0 : e.kind) === B ? (w.value = B, re()) : ((t = r.modelValue) == null ? void 0 : t.kind) === C ? (w.value = C, fe()) : r.asDateString || r.editable ? (w.value = B, re()) : (w.value = C, fe()), P.value = !0, E(() => {
           R.value = !0;
         });
       }
@@ -798,7 +785,7 @@ const Ve = (a, u) => u("ui.period_select.date_short", {
       });
     }, re = () => {
       const e = x.value && Y.value && n.unix(x.value).isSame(n.unix(Y.value), "day") ? x.value : Y.value || x.value || n().unix();
-      C.value = e ? n.unix(e).format("YYYY-MM-DD") : n().format("YYYY-MM-DD");
+      $.value = e ? n.unix(e).format("YYYY-MM-DD") : n().format("YYYY-MM-DD");
     }, fe = () => {
       x.value || Y.value ? V.value = {
         start: x.value ? n.unix(x.value).format("YYYY-MM-DD") : void 0,
@@ -813,58 +800,58 @@ const Ve = (a, u) => u("ui.period_select.date_short", {
         R.value = !0;
       });
     }, Vt = (e = !0) => {
-      if (!C.value)
+      if (!$.value)
         return;
-      const t = n(C.value);
+      const t = n($.value);
       t.isValid() && (L(t.startOf("day").unix(), t.endOf("day").unix(), B), A.value = ze, e && (h.value = !1));
     }, we = (e, t) => {
       var l;
       (l = t.target) == null || l.blur();
     }, et = (e) => {
-      e && (C.value = e, !(!P.value && !Q.value) && Vt());
+      e && ($.value = e, !(!P.value && !Q.value) && Vt());
     }, Gt = (e) => {
       if (!e)
         return;
-      C.value = e;
+      $.value = e;
       const t = n(e);
       t.isValid() && (ie.value = t.format("DD.MM.YYYY"), L(t.startOf("day").unix(), t.endOf("day").unix(), B));
     }, tt = () => {
       const e = xe(ie.value);
       if (e) {
-        C.value = e, N.value++;
+        $.value = e, N.value++;
         const t = n(e);
         t.isValid() && L(t.startOf("day").unix(), t.endOf("day").unix(), B);
       }
-    }, Ct = () => {
-      $e.value = !0, setTimeout(() => {
-        $e.value = !1;
+    }, $t = () => {
+      Ce.value = !0, setTimeout(() => {
+        Ce.value = !1;
       }, 0);
     }, at = () => {
-      if ($e.value)
+      if (Ce.value)
         return;
       const e = de.value.trim(), t = e.split(/\s*-\s*/);
       if (t.length === 2) {
-        const p = xe(t[0]), g = xe(t[1]);
-        if (p && g) {
-          const D = n(p), q = n(g);
+        const d = xe(t[0]), g = xe(t[1]);
+        if (d && g) {
+          const D = n(d), q = n(g);
           if (D.isValid() && q.isValid() && !q.isBefore(D)) {
-            L(D.startOf("day").unix(), q.endOf("day").unix(), $), A.value = oe;
+            L(D.startOf("day").unix(), q.endOf("day").unix(), C), A.value = oe;
             return;
           }
         }
       }
       const l = xe(e);
       if (l) {
-        C.value = l, N.value++, A.value = ze;
-        const p = n(l);
-        p.isValid() && L(p.startOf("day").unix(), p.endOf("day").unix(), B);
+        $.value = l, N.value++, A.value = ze;
+        const d = n(l);
+        d.isValid() && L(d.startOf("day").unix(), d.endOf("day").unix(), B);
       }
-    }, $t = () => {
+    }, Ct = () => {
       var e, t;
       !Ee.value || !((e = V.value) != null && e.start) || !((t = V.value) != null && t.end) || (L(
         n(V.value.start).startOf("day").unix(),
         n(V.value.end).endOf("day").unix(),
-        $
+        C
       ), A.value = oe, h.value = !1);
     }, De = (e) => {
       const l = xe((e === "start" ? pe : ce).value);
@@ -873,24 +860,24 @@ const Ve = (a, u) => u("ui.period_select.date_short", {
       if (!G.value)
         G.value = e;
       else {
-        const l = G.value.isBefore(e) ? G.value : e, p = G.value.isBefore(e) ? e : G.value;
+        const l = G.value.isBefore(e) ? G.value : e, d = G.value.isBefore(e) ? e : G.value;
         L(
           l.startOf(t).startOf("day").unix(),
-          p.endOf(t).endOf("day").unix(),
-          $
-        ), A.value = oe, G.value = null, Ce.value = null, h.value = !1;
+          d.endOf(t).endOf("day").unix(),
+          C
+        ), A.value = oe, G.value = null, $e.value = null, h.value = !1;
       }
     }, nt = (e, t) => {
-      if (G.value && !Ce.value) {
+      if (G.value && !$e.value) {
         if (K.value) {
-          const l = G.value.isBefore(K.value) ? G.value : K.value, p = G.value.isBefore(K.value) ? K.value : G.value;
-          return (e.isSame(l, t) || e.isAfter(l, t)) && (e.isSame(p, t) || e.isBefore(p, t));
+          const l = G.value.isBefore(K.value) ? G.value : K.value, d = G.value.isBefore(K.value) ? K.value : G.value;
+          return (e.isSame(l, t) || e.isAfter(l, t)) && (e.isSame(d, t) || e.isBefore(d, t));
         }
         return e.isSame(G.value, t);
       }
       if (x.value && Y.value) {
-        const l = n.unix(x.value), p = n.unix(Y.value);
-        return (e.isSame(l, t) || e.isAfter(l, t)) && (e.isSame(p, t) || e.isBefore(p, t));
+        const l = n.unix(x.value), d = n.unix(Y.value);
+        return (e.isSame(l, t) || e.isAfter(l, t)) && (e.isSame(d, t) || e.isBefore(d, t));
       }
       return !1;
     }, rt = (e) => {
@@ -903,7 +890,7 @@ const Ve = (a, u) => u("ui.period_select.date_short", {
       const e = Yt.value.find((t) => {
         if (!t.resolveRange)
           return !1;
-        const [l, p] = t.resolveRange(), g = l == null && x.value == null || l != null && x.value != null && l === x.value, D = p == null && Y.value == null || p != null && Y.value != null && p === Y.value;
+        const [l, d] = t.resolveRange(), g = l == null && x.value == null || l != null && x.value != null && l === x.value, D = d == null && Y.value == null || d != null && Y.value != null && d === Y.value;
         return g && D;
       });
       return e ? e.key : x.value && Y.value && n.unix(x.value).isSame(n.unix(Y.value), "day") ? ze : oe;
@@ -915,9 +902,9 @@ const Ve = (a, u) => u("ui.period_select.date_short", {
     me(xt, (e) => {
       r.editable && (de.value = e);
     }, { immediate: !0 }), me(h, (e) => {
-      e ? (Qe(), E(He), !Q.value && (!he.value || le.value.length === 0) && !P.value && (R.value = !1, w.value = $, fe(), P.value = !0, E(() => {
+      e ? (Qe(), E(He), !Q.value && (!he.value || le.value.length === 0) && !P.value && (R.value = !1, w.value = C, fe(), P.value = !0, E(() => {
         R.value = !0;
-      }))) : (Je(), R.value = !1, P.value = !1, Ge.value = !1, I.value = 0, G.value = null, Ce.value = null, K.value = null);
+      }))) : (Je(), R.value = !1, P.value = !1, Ge.value = !1, I.value = 0, G.value = null, $e.value = null, K.value = null);
     }), me(
       () => [x.value, Y.value, N.value],
       () => {
@@ -927,7 +914,7 @@ const Ve = (a, u) => u("ui.period_select.date_short", {
     ), me(
       () => r.minGranularity,
       () => {
-        Qe(), !he.value && w.value === B && (w.value = $);
+        Qe(), !he.value && w.value === B && (w.value = C);
       }
     ), me(V, (e) => {
       e != null && e.start && (pe.value = n(e.start).format("DD.MM.YYYY")), e != null && e.end && (ce.value = n(e.end).format("DD.MM.YYYY"));
@@ -944,13 +931,13 @@ const Ve = (a, u) => u("ui.period_select.date_short", {
       }));
     }), Ut(() => {
       Je(), window.removeEventListener("resize", Re), document.removeEventListener("click", ut);
-    }), (e, t) => (o(), d("div", {
+    }), (e, t) => (o(), p("div", {
       class: "relative",
       ref_key: "containerRef",
       ref: ee,
       style: ue(z.value)
     }, [
-      a.mode === "inline" ? (o(), d("div", {
+      a.mode === "inline" ? (o(), p("div", {
         key: 0,
         class: "one-pp-panel",
         style: ue(z.value)
@@ -967,9 +954,9 @@ const Ve = (a, u) => u("ui.period_select.date_short", {
         ]),
         Ue.value ? (o(), F(M(Be), {
           key: Ae.value,
-          modelValue: C.value,
+          modelValue: $.value,
           "onUpdate:modelValue": [
-            t[1] || (t[1] = (l) => C.value = l),
+            t[1] || (t[1] = (l) => $.value = l),
             Gt
           ],
           onDayclick: we,
@@ -982,14 +969,14 @@ const Ve = (a, u) => u("ui.period_select.date_short", {
           masks: { title: "MMMM YYYY" },
           "disabled-dates": be.value
         }, null, 8, ["modelValue", "disabled-dates"])) : k("", !0)
-      ], 4)) : (o(), d("div", {
+      ], 4)) : (o(), p("div", {
         key: 1,
         class: c(["flex items-center overflow-hidden", [
           y.value.trigger,
           a.editable ? ["border transition-colors", a.noBorder ? "border-transparent focus-within:border-blue-500" : "border-gray-200 focus-within:border-blue-500"] : [{ border: !a.noBorder }, "border-gray-200"]
         ]])
       }, [
-        a.editable ? (o(), d("div", {
+        a.editable ? (o(), p("div", {
           key: 0,
           class: c(["flex items-center h-full bg-white flex-1", [y.value.triggerButton]])
         }, [
@@ -1013,7 +1000,7 @@ const Ve = (a, u) => u("ui.period_select.date_short", {
           }, null, 42, va), [
             [_e, de.value]
           ])
-        ], 2)) : (o(), d("button", {
+        ], 2)) : (o(), p("button", {
           key: 1,
           onClick: ke,
           type: "button",
@@ -1024,7 +1011,7 @@ const Ve = (a, u) => u("ui.period_select.date_short", {
           }, null, 8, ["class"]),
           v("span", fa, _(yt.value), 1)
         ], 2)),
-        a.mode === "short" ? (o(), d(W, { key: 2 }, [
+        a.mode === "short" ? (o(), p(W, { key: 2 }, [
           v("div", {
             class: c(["w-px bg-gray-200", y.value.triggerDivider])
           }, null, 2),
@@ -1033,12 +1020,12 @@ const Ve = (a, u) => u("ui.period_select.date_short", {
             type: "button",
             class: c(["flex items-center justify-center h-full bg-white hover:bg-gray-50 transition-colors", y.value.triggerAction])
           }, [
-            J(M(Ht), {
+            J(M(Qt), {
               class: c([y.value.triggerIcon, "text-gray-600"])
             }, null, 8, ["class"])
           ], 2)
         ], 64)) : k("", !0),
-        a.mode === "full" ? (o(), d(W, { key: 3 }, [
+        a.mode === "full" ? (o(), p(W, { key: 3 }, [
           v("div", {
             class: c(["w-px bg-gray-200", y.value.triggerDivider])
           }, null, 2),
@@ -1047,12 +1034,12 @@ const Ve = (a, u) => u("ui.period_select.date_short", {
             type: "button",
             class: c(["flex items-center justify-center h-full bg-white hover:bg-gray-50 transition-colors", y.value.triggerAction])
           }, [
-            J(M(aa), {
+            J(M(Ht), {
               class: c([y.value.triggerIcon, "text-gray-600"])
             }, null, 8, ["class"])
           ], 2)
         ], 64)) : k("", !0),
-        Pe.value && !a.noClear ? (o(), d(W, { key: 4 }, [
+        Pe.value && !a.noClear ? (o(), p(W, { key: 4 }, [
           v("div", {
             class: c(["w-px bg-gray-200", y.value.triggerDivider])
           }, null, 2),
@@ -1061,21 +1048,21 @@ const Ve = (a, u) => u("ui.period_select.date_short", {
             type: "button",
             class: c(["flex items-center justify-center h-full bg-white hover:bg-gray-50 transition-colors", y.value.triggerAction])
           }, [
-            J(M(Qt), {
+            J(M(Kt), {
               class: c([y.value.clearIcon, "text-gray-600"])
             }, null, 8, ["class"])
           ], 2)
         ], 64)) : k("", !0)
       ], 2)),
       (o(), F(st, { to: "body" }, [
-        h.value && ve.value ? (o(), d("div", {
+        h.value && ve.value ? (o(), p("div", {
           key: 0,
           class: "fixed inset-0 z-40 bg-black/20",
           onClick: ne
         })) : k("", !0)
       ])),
       (o(), F(st, { to: "body" }, [
-        h.value ? (o(), d("div", {
+        h.value ? (o(), p("div", {
           key: 0,
           ref_key: "dropdownRef",
           ref: j,
@@ -1084,12 +1071,12 @@ const Ve = (a, u) => u("ui.period_select.date_short", {
             ve.value ? "fixed inset-x-0 bottom-0 max-h-[93vh]" : "fixed max-h-[85vh]"
           ]]),
           style: ue(z.value),
-          onMousedown: Ct
+          onMousedown: $t
         }, [
           t[16] || (t[16] = v("div", { class: "sm:hidden flex justify-center pb-2" }, [
             v("div", { class: "w-10 h-1 bg-gray-300 rounded-full" })
           ], -1)),
-          Q.value ? (o(), d("div", {
+          Q.value ? (o(), p("div", {
             key: 0,
             class: c(["picker-panel one-pp-panel", i.value.panelGap]),
             style: ue(z.value)
@@ -1106,9 +1093,9 @@ const Ve = (a, u) => u("ui.period_select.date_short", {
             }, void 0, !0),
             R.value ? (o(), F(M(Be), {
               key: Ae.value,
-              modelValue: C.value,
+              modelValue: $.value,
               "onUpdate:modelValue": [
-                t[3] || (t[3] = (l) => C.value = l),
+                t[3] || (t[3] = (l) => $.value = l),
                 et
               ],
               onDayclick: we,
@@ -1121,18 +1108,18 @@ const Ve = (a, u) => u("ui.period_select.date_short", {
               masks: { title: "MMMM YYYY" },
               "disabled-dates": be.value
             }, null, 8, ["modelValue", "disabled-dates"])) : k("", !0)
-          ], 6)) : (o(), d(W, { key: 1 }, [
-            !P.value && (le.value.length > 0 || e.$slots["presets-top"] || e.$slots["presets-bottom"]) ? (o(), d("div", ma, [
+          ], 6)) : (o(), p(W, { key: 1 }, [
+            !P.value && (le.value.length > 0 || e.$slots["presets-top"] || e.$slots["presets-bottom"]) ? (o(), p("div", ma, [
               Se(e.$slots, "presets-top", {
                 select: Ye,
                 close: ne,
                 value: a.modelValue
               }, void 0, !0),
-              le.value.length > 0 ? (o(), d("div", {
+              le.value.length > 0 ? (o(), p("div", {
                 key: 0,
                 class: c(["flex flex-col gap-4 w-full", S.value && le.value.length > 1 ? "sm:grid sm:gap-3 sm:grid-cols-2" : ""])
               }, [
-                (o(!0), d(W, null, Z(le.value, (l) => (o(), d("section", {
+                (o(!0), p(W, null, Z(le.value, (l) => (o(), p("section", {
                   key: l.id,
                   class: "flex flex-col picker-group"
                 }, [
@@ -1145,20 +1132,20 @@ const Ve = (a, u) => u("ui.period_select.date_short", {
                     }, _(l.subtitle), 3)
                   ]),
                   v("div", xa, [
-                    (o(!0), d(W, null, Z(l.options, (p) => (o(), d("div", {
-                      key: p.key
+                    (o(!0), p(W, null, Z(l.options, (d) => (o(), p("div", {
+                      key: d.key
                     }, [
-                      p.type === "label" ? (o(), d("p", {
+                      d.type === "label" ? (o(), p("p", {
                         key: 0,
                         class: c([i.value.presetLabel, "uppercase tracking-wide text-gray-500 mt-4 mb-1"])
-                      }, _(p.label), 3)) : (o(), d("button", {
+                      }, _(d.label), 3)) : (o(), p("button", {
                         key: 1,
-                        class: c(["picker-option", { "picker-option--active": A.value === p.key }]),
-                        onClick: (g) => Xe(p),
+                        class: c(["picker-option", { "picker-option--active": A.value === d.key }]),
+                        onClick: (g) => Xe(d),
                         type: "button"
                       }, [
-                        v("span", ba, _(p.label), 1),
-                        p.description ? (o(), d("span", ha, _(p.description), 1)) : k("", !0)
+                        v("span", ba, _(d.label), 1),
+                        d.description ? (o(), p("span", ha, _(d.description), 1)) : k("", !0)
                       ], 10, ga))
                     ]))), 128))
                   ]),
@@ -1170,7 +1157,7 @@ const Ve = (a, u) => u("ui.period_select.date_short", {
                     variant: l.id === "date" ? "primary" : "secondary",
                     icon: l.id === "date" ? M(We) : M(it),
                     label: l.ctaLabel,
-                    onClick: (p) => zt(l.id === "date" ? "date" : "range")
+                    onClick: (d) => zt(l.id === "date" ? "date" : "range")
                   }, null, 8, ["class", "size", "variant", "icon", "label", "onClick"])
                 ]))), 128))
               ], 2)) : k("", !0),
@@ -1180,7 +1167,7 @@ const Ve = (a, u) => u("ui.period_select.date_short", {
                 value: a.modelValue
               }, void 0, !0)
             ])) : k("", !0),
-            P.value ? (o(), d("div", {
+            P.value ? (o(), p("div", {
               key: 1,
               class: c(["picker-panel one-pp-panel", i.value.panelGap]),
               style: ue(z.value)
@@ -1188,7 +1175,7 @@ const Ve = (a, u) => u("ui.period_select.date_short", {
               v("div", {
                 class: c(["grid gap-2", he.value ? "grid-cols-2" : "grid-cols-1"])
               }, [
-                he.value ? (o(), d("button", {
+                he.value ? (o(), p("button", {
                   key: 0,
                   type: "button",
                   class: c(["border font-medium transition-colors", [
@@ -1206,12 +1193,12 @@ const Ve = (a, u) => u("ui.period_select.date_short", {
                   onClick: t[5] || (t[5] = (l) => Ze("range"))
                 }, _(bt.value), 3)
               ], 2),
-              R.value && (!a.minGranularity || a.minGranularity === "day" || a.minGranularity === "week") ? (o(), d(W, { key: 0 }, [
+              R.value && (!a.minGranularity || a.minGranularity === "day" || a.minGranularity === "week") ? (o(), p(W, { key: 0 }, [
                 w.value === "date" ? (o(), F(M(Be), {
                   key: Ae.value,
-                  modelValue: C.value,
+                  modelValue: $.value,
                   "onUpdate:modelValue": [
-                    t[6] || (t[6] = (l) => C.value = l),
+                    t[6] || (t[6] = (l) => $.value = l),
                     et
                   ],
                   onDayclick: we,
@@ -1238,7 +1225,7 @@ const Ve = (a, u) => u("ui.period_select.date_short", {
                   masks: { title: "MMMM YYYY" },
                   "disabled-dates": be.value
                 }, null, 8, ["modelValue", "columns", "disabled-dates"])) : k("", !0)
-              ], 64)) : U.value ? (o(), d("div", ka, [
+              ], 64)) : U.value ? (o(), p("div", ka, [
                 v("div", Ya, [
                   v("button", {
                     onClick: t[8] || (t[8] = (l) => I.value++),
@@ -1255,8 +1242,8 @@ const Ve = (a, u) => u("ui.period_select.date_short", {
                     class: "nav-btn"
                   }, " » ", 8, wa)
                 ]),
-                U.value.yearGroups ? (o(), d("div", Da, [
-                  (o(!0), d(W, null, Z(U.value.yearGroups, (l) => (o(), d("div", {
+                U.value.yearGroups ? (o(), p("div", Da, [
+                  (o(!0), p(W, null, Z(U.value.yearGroups, (l) => (o(), p("div", {
                     key: l.yearLabel,
                     class: "space-y-2"
                   }, [
@@ -1266,22 +1253,22 @@ const Ve = (a, u) => u("ui.period_select.date_short", {
                     v("div", {
                       class: c(["grid gap-2", U.value.gridCols])
                     }, [
-                      (o(!0), d(W, null, Z(l.items, (p, g) => (o(), d("button", {
+                      (o(!0), p(W, null, Z(l.items, (d, g) => (o(), p("button", {
                         key: g,
                         type: "button",
-                        class: c(["month-btn", nt(p.date, U.value.unit) ? "month-btn--active" : ""]),
-                        onClick: (D) => lt(p.date, U.value.unit),
-                        onMouseenter: (D) => rt(p.date),
+                        class: c(["month-btn", nt(d.date, U.value.unit) ? "month-btn--active" : ""]),
+                        onClick: (D) => lt(d.date, U.value.unit),
+                        onMouseenter: (D) => rt(d.date),
                         onMouseleave: ot
-                      }, _(p.label), 43, Ma))), 128))
+                      }, _(d.label), 43, Ma))), 128))
                     ], 2)
                   ]))), 128))
-                ])) : U.value.flatItems ? (o(), d("div", {
+                ])) : U.value.flatItems ? (o(), p("div", {
                   key: 1,
                   class: c(["grid gap-2", U.value.gridCols])
                 }, [
-                  (o(!0), d(W, null, Z(U.value.flatItems, (l, p) => (o(), d("button", {
-                    key: p,
+                  (o(!0), p(W, null, Z(U.value.flatItems, (l, d) => (o(), p("button", {
+                    key: d,
                     type: "button",
                     class: c(["month-btn", nt(l.date, "year") ? "month-btn--active" : ""]),
                     onClick: (g) => lt(l.date, "year"),
@@ -1290,11 +1277,11 @@ const Ve = (a, u) => u("ui.period_select.date_short", {
                   }, _(l.label), 43, Oa))), 128))
                 ], 2)) : k("", !0)
               ])) : k("", !0),
-              w.value === "range" && (!a.minGranularity || a.minGranularity === "day" || a.minGranularity === "week") ? (o(), d("div", {
+              w.value === "range" && (!a.minGranularity || a.minGranularity === "day" || a.minGranularity === "week") ? (o(), p("div", {
                 key: 2,
                 class: c(["border-t border-gray-200", S.value ? "gap-3 pt-3" : "gap-1.5 pt-1.5"])
               }, [
-                Ie.value > 1 ? (o(), d("div", _a, [
+                Ie.value > 1 ? (o(), p("div", _a, [
                   v("div", null, [
                     v("p", Sa, _(s.value("ui.period_select.From date")), 1),
                     Me(v("input", {
@@ -1337,7 +1324,7 @@ const Ve = (a, u) => u("ui.period_select.date_short", {
                     variant: "primary",
                     icon: M(it),
                     label: s.value("ui.period_select.Apply"),
-                    onClick: $t,
+                    onClick: Ct,
                     disabled: !Ee.value,
                     class: c(i.value.actionButton),
                     size: i.value.actionButtonSize
@@ -1360,19 +1347,19 @@ const Ve = (a, u) => u("ui.period_select.date_short", {
     ], 4));
   }
 });
-const Qa = /* @__PURE__ */ mt(za, [["__scopeId", "data-v-7a5e5043"]]);
+const Xa = /* @__PURE__ */ mt(za, [["__scopeId", "data-v-7a5e5043"]]);
 export {
   B as DATE_KIND,
   ze as MANUAL_DATE_KEY,
   oe as MANUAL_RANGE_KEY,
-  Qa as OnePeriodPicker,
+  Xa as OnePeriodPicker,
   ia as OnePeriodPickerFastModal,
   la as PERIOD_KIND,
-  $ as RANGE_KIND,
+  C as RANGE_KIND,
   O as buildPreset,
   ye as buildRollingOptions,
   ct as createShortcutPresets,
-  Xa as dayjs,
+  tl as dayjs,
   da as determineKind,
   Ve as formatDateShort,
   pt as formatPeriod,