@oneb/ui-vue 0.3.13 → 0.3.15

package/dist/periodPicker/index.js

@@ -0,0 +1,1323 @@
+import { openBlock as u, createElementBlock as p, createElementVNode as v, defineComponent as st, computed as f, createBlock as Q, unref as S, withCtx as At, normalizeStyle as xe, Fragment as q, renderList as Z, normalizeClass as c, toDisplayString as O, createCommentVNode as Y, ref as b, watch as ce, nextTick as K, onMounted as Rt, onUnmounted as Lt, withDirectives as he, withKeys as ke, vModelText as Ye, createVNode as J, Teleport as nt } from "vue";
+import { a as Wt, c as Tt, o as qt, f as Ut, s as It } from "../floating-ui.dom-4509432e.js";
+import { DatePicker as Ce } from "v-calendar";
+import { OneButton as Pe } from "../button/index.js";
+import { O as Et, u as Ft } from "../useModal-85f57682.js";
+import { r as rt } from "../CheckIcon-f1c94824.js";
+import { r as jt } from "../XMarkIcon-51ef0691.js";
+import { r as Nt } from "../ChevronDownIcon-6805ce6c.js";
+import { useOnebI18n as dt } from "../i18n/index.js";
+import { _ as pt } from "../_plugin-vue_export-helper-dad06003.js";
+import l from "dayjs";
+import { default as Ka } from "dayjs";
+import Kt from "dayjs/plugin/advancedFormat";
+import Qt from "dayjs/plugin/isoWeek";
+import Ht from "dayjs/plugin/quarterOfYear";
+import Jt from "dayjs/plugin/utc";
+import Xt from "dayjs/plugin/customParseFormat";
+import "../SpinnerIcon-74648c98.js";
+import "../SpinnerIcon.vue_vue_type_style_index_0_lang-4ed993c7.js";
+function Ve(a, o) {
+  return u(), p("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: "M6.75 3v2.25M17.25 3v2.25M3 18.75V7.5a2.25 2.25 0 012.25-2.25h13.5A2.25 2.25 0 0121 7.5v11.25m-18 0A2.25 2.25 0 005.25 21h13.5A2.25 2.25 0 0021 18.75m-18 0v-7.5A2.25 2.25 0 015.25 9h13.5A2.25 2.25 0 0121 11.25v7.5"
+    })
+  ]);
+}
+function Zt(a, o) {
+  return u(), p("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 $e = {
+  xs: {
+    trigger: "h-7 rounded-lg",
+    triggerButton: "gap-1.5 px-2 text-[11px]",
+    triggerIcon: "w-3.5 h-3.5",
+    triggerDivider: "h-4",
+    triggerAction: "w-6",
+    clearIcon: "w-4 h-4",
+    dropdown: "p-2 pt-1.5",
+    groupTitle: "text-xs font-semibold",
+    groupSubtitle: "text-[10px]",
+    presetLabel: "text-[10px]",
+    ctaButton: "!h-7 !rounded-lg !text-xs",
+    ctaButtonSize: "xs",
+    panelGap: "space-y-1.5",
+    tabButton: "h-6 rounded-md px-2 text-[11px]",
+    navTitle: "text-xs font-semibold",
+    actionButton: "!h-7 !rounded-lg !text-xs",
+    actionButtonSize: "xs",
+    actionGap: "gap-1.5 mt-1.5",
+    fastModalSize: "large",
+    vars: {
+      "--pp-group-padding": "8px",
+      "--pp-group-radius": "10px",
+      "--pp-group-min-h": "260px",
+      "--pp-group-max-h": "340px",
+      "--pp-group-list-max-h": "220px",
+      "--pp-option-px": "8px",
+      "--pp-option-py": "6px",
+      "--pp-option-text": "12px",
+      "--pp-option-desc": "10px",
+      "--pp-nav-size": "24px",
+      "--pp-month-h": "36px",
+      "--pp-month-text": "12px",
+      "--pp-input-h": "28px",
+      "--pp-input-text": "12px",
+      "--pp-input-px": "8px",
+      "--pp-input-radius": "8px",
+      "--vc-text-xs": "10px",
+      "--vc-text-sm": "11px",
+      "--vc-text-base": "13px",
+      "--vc-text-lg": "13px",
+      "--pp-vc-day-size": "23px",
+      "--pp-vc-pane-min-w": "172px",
+      "--pp-vc-weeks-min-w": "172px",
+      "--pp-vc-weeks-pad": "2px",
+      "--pp-vc-arrow-w": "24px",
+      "--pp-vc-arrow-h": "25px",
+      "--pp-fast-group-pad": "6px 8px",
+      "--pp-fast-list-max-h": "380px"
+    }
+  },
+  sm: {
+    trigger: "h-8 rounded-lg",
+    triggerButton: "gap-1.5 px-2.5 text-xs",
+    triggerIcon: "w-3.5 h-3.5",
+    triggerDivider: "h-5",
+    triggerAction: "w-7",
+    clearIcon: "w-4 h-4",
+    dropdown: "p-2.5 pt-2",
+    groupTitle: "text-sm font-semibold",
+    groupSubtitle: "text-xs",
+    presetLabel: "text-[11px]",
+    ctaButton: "!h-9 !rounded-lg",
+    ctaButtonSize: "sm",
+    panelGap: "space-y-2.5",
+    tabButton: "h-8 rounded-lg px-2.5 text-sm",
+    navTitle: "text-sm font-semibold",
+    actionButton: "!h-9 !rounded-lg",
+    actionButtonSize: "sm",
+    actionGap: "gap-2.5 mt-2.5",
+    fastModalSize: "large",
+    vars: {
+      "--pp-group-padding": "10px",
+      "--pp-group-radius": "10px",
+      "--pp-group-min-h": "290px",
+      "--pp-group-max-h": "380px",
+      "--pp-group-list-max-h": "250px",
+      "--pp-option-px": "10px",
+      "--pp-option-py": "6px",
+      "--pp-option-text": "14px",
+      "--pp-option-desc": "11px",
+      "--pp-nav-size": "28px",
+      "--pp-month-h": "40px",
+      "--pp-month-text": "14px",
+      "--pp-input-h": "32px",
+      "--pp-input-text": "14px",
+      "--pp-input-px": "10px",
+      "--pp-input-radius": "8px",
+      "--vc-text-xs": "11px",
+      "--vc-text-sm": "13px",
+      "--vc-text-base": "15px",
+      "--vc-text-lg": "15px",
+      "--pp-vc-day-size": "26px",
+      "--pp-vc-pane-min-w": "188px",
+      "--pp-vc-weeks-min-w": "188px",
+      "--pp-vc-weeks-pad": "3px",
+      "--pp-vc-arrow-w": "26px",
+      "--pp-vc-arrow-h": "28px",
+      "--pp-fast-group-pad": "6px 10px",
+      "--pp-fast-list-max-h": "430px"
+    }
+  },
+  md: {
+    trigger: "h-[38px] rounded-[10px]",
+    triggerButton: "gap-2 px-3 text-xs",
+    triggerIcon: "w-4 h-4",
+    triggerDivider: "h-6",
+    triggerAction: "w-8",
+    clearIcon: "w-5 h-5",
+    dropdown: "p-3 pt-2",
+    groupTitle: "text-sm font-semibold",
+    groupSubtitle: "text-xs",
+    presetLabel: "text-[11px]",
+    ctaButton: "!h-10 !rounded-[10px]",
+    ctaButtonSize: "md",
+    panelGap: "space-y-3",
+    tabButton: "h-9 rounded-[10px] px-3 text-sm",
+    navTitle: "font-semibold",
+    actionButton: "!h-10 !rounded-[10px]",
+    actionButtonSize: "md",
+    actionGap: "gap-3 mt-3",
+    fastModalSize: "xl",
+    vars: {
+      "--pp-group-padding": "12px",
+      "--pp-group-radius": "12px",
+      "--pp-group-min-h": "320px",
+      "--pp-group-max-h": "420px",
+      "--pp-group-list-max-h": "280px",
+      "--pp-option-px": "12px",
+      "--pp-option-py": "8px",
+      "--pp-option-text": "14px",
+      "--pp-option-desc": "11px",
+      "--pp-nav-size": "32px",
+      "--pp-month-h": "48px",
+      "--pp-month-text": "14px",
+      "--pp-input-h": "36px",
+      "--pp-input-text": "14px",
+      "--pp-input-px": "12px",
+      "--pp-input-radius": "10px",
+      "--vc-text-xs": "12px",
+      "--vc-text-sm": "14px",
+      "--vc-text-base": "16px",
+      "--vc-text-lg": "18px",
+      "--pp-vc-day-size": "28px",
+      "--pp-vc-pane-min-w": "208px",
+      "--pp-vc-weeks-min-w": "208px",
+      "--pp-vc-weeks-pad": "6px",
+      "--pp-vc-arrow-w": "28px",
+      "--pp-vc-arrow-h": "30px",
+      "--pp-fast-group-pad": "8px 12px",
+      "--pp-fast-list-max-h": "480px"
+    }
+  },
+  lg: {
+    trigger: "h-[46px] rounded-xl",
+    triggerButton: "gap-2.5 px-4 text-sm",
+    triggerIcon: "w-5 h-5",
+    triggerDivider: "h-7",
+    triggerAction: "w-10",
+    clearIcon: "w-5 h-5",
+    dropdown: "p-4 pt-3",
+    groupTitle: "text-base font-semibold",
+    groupSubtitle: "text-sm",
+    presetLabel: "text-xs",
+    ctaButton: "!h-12 !rounded-xl",
+    ctaButtonSize: "lg",
+    panelGap: "space-y-3",
+    tabButton: "h-11 rounded-xl px-4 text-base",
+    navTitle: "text-lg font-semibold",
+    actionButton: "!h-12 !rounded-xl",
+    actionButtonSize: "lg",
+    actionGap: "gap-4 mt-3",
+    fastModalSize: "xl",
+    vars: {
+      "--pp-group-padding": "14px",
+      "--pp-group-radius": "14px",
+      "--pp-group-min-h": "360px",
+      "--pp-group-max-h": "480px",
+      "--pp-group-list-max-h": "320px",
+      "--pp-option-px": "14px",
+      "--pp-option-py": "10px",
+      "--pp-option-text": "16px",
+      "--pp-option-desc": "12px",
+      "--pp-nav-size": "40px",
+      "--pp-month-h": "56px",
+      "--pp-month-text": "16px",
+      "--pp-input-h": "44px",
+      "--pp-input-text": "16px",
+      "--pp-input-px": "16px",
+      "--pp-input-radius": "12px",
+      "--vc-text-xs": "13px",
+      "--vc-text-sm": "15px",
+      "--vc-text-base": "18px",
+      "--vc-text-lg": "21px",
+      "--pp-vc-day-size": "34px",
+      "--pp-vc-pane-min-w": "254px",
+      "--pp-vc-weeks-min-w": "254px",
+      "--pp-vc-weeks-pad": "8px",
+      "--pp-vc-arrow-w": "34px",
+      "--pp-vc-arrow-h": "36px",
+      "--pp-fast-group-pad": "10px 14px",
+      "--pp-fast-list-max-h": "540px"
+    }
+  }
+}, we = "manual-date", le = "manual-range", G = "date", ea = "period", P = "range", ta = { class: "fast-picker-group__list" }, aa = ["onClick"], la = { class: "fast-picker-option__label" }, na = {
+  key: 0,
+  class: "fast-picker-option__description"
+}, ra = /* @__PURE__ */ st({
+  __name: "OnePeriodPickerFastModal",
+  props: {
+    useModal: {},
+    groups: {},
+    activePresetKey: {},
+    t: { type: Function },
+    size: {}
+  },
+  emits: ["select"],
+  setup(a) {
+    const o = dt(), x = a, r = f(() => x.t ?? o), i = f(() => $e[x.size ?? "md"]), m = f(() => i.value.vars);
+    return (s, C) => a.useModal.isOpened.value ? (u(), Q(S(Et), {
+      key: 0,
+      useModal: a.useModal,
+      size: i.value.fastModalSize,
+      title: r.value("ui.period_select.Fast periods")
+    }, {
+      default: At(() => [
+        v("div", {
+          class: "grid gap-4 grid-cols-1 sm:grid-cols-2 md:grid-cols-3",
+          style: xe(m.value)
+        }, [
+          (u(!0), p(q, null, Z(a.groups, (A) => (u(), p("section", {
+            key: A.id,
+            class: "fast-picker-group"
+          }, [
+            v("div", ta, [
+              (u(!0), p(q, null, Z(A.options, (_) => (u(), p("div", {
+                key: _.key
+              }, [
+                _.type === "label" ? (u(), p("p", {
+                  key: 0,
+                  class: c([i.value.presetLabel, "uppercase tracking-wide text-gray-500 mt-3 mb-1 first:mt-0"])
+                }, O(_.label), 3)) : (u(), p("button", {
+                  key: 1,
+                  type: "button",
+                  class: c(["fast-picker-option", { "fast-picker-option--active": a.activePresetKey === _.key }]),
+                  onClick: (ee) => s.$emit("select", _)
+                }, [
+                  v("span", la, O(_.label), 1),
+                  _.description ? (u(), p("span", na, O(_.description), 1)) : Y("", !0)
+                ], 10, aa))
+              ]))), 128))
+            ])
+          ]))), 128))
+        ], 4)
+      ]),
+      _: 1
+    }, 8, ["useModal", "size", "title"])) : Y("", !0);
+  }
+});
+const oa = /* @__PURE__ */ pt(ra, [["__scopeId", "data-v-3fbb25c2"]]);
+l.extend(Kt);
+l.extend(Qt);
+l.extend(Ht);
+l.extend(Jt);
+l.extend(Xt);
+const De = (a, o) => o("ui.period_select.date_short", {
+  day: a.format("DD"),
+  month: o("ui.months_short." + a.month()),
+  year: a.format("YYYY")
+}), ot = (a) => {
+  if (a == null)
+    return null;
+  const o = Number(a);
+  return Number.isFinite(o) && o > 0 ? o : null;
+}, M = ({
+  key: a,
+  label: o,
+  group: x,
+  description: r = null,
+  resolveRange: i
+}) => ({
+  key: a,
+  label: o,
+  group: x,
+  description: r,
+  type: "option",
+  resolveRange: i
+}), ut = (a, o, x) => {
+  if (a && a > 0 && o && o > 0) {
+    const r = l.unix(a).format("DD.MM.YYYY"), i = l.unix(o).format("DD.MM.YYYY");
+    return r !== i ? `${r} - ${i}` : r;
+  }
+  if (a && a > 0)
+    return `${x("ui.period_select.From")} ${l.unix(a).format("DD.MM.YYYY")}`;
+  if (o && o > 0) {
+    if (Math.abs(l.unix(o).diff(l().utc(), "minute")) < 15)
+      return x("ui.period_select.until current moment");
+    const r = l.unix(o).format("DD.MM.YYYY");
+    return r === l().endOf("day").format("DD.MM.YYYY") ? x("ui.period_select.until end of today") : r === l().subtract(1, "d").endOf("day").format("DD.MM.YYYY") ? x("ui.period_select.until end of yesterday") : r === l().endOf("month").format("DD.MM.YYYY") ? x("ui.period_select.until end of month") : r === l().subtract(1, "month").endOf("month").format("DD.MM.YYYY") ? x("ui.period_select.until end of last month") : `${x("ui.period_select.Till")} ${l.unix(o).format("DD.MM.YYYY")}`;
+  }
+  return "";
+}, ua = (a, o, x) => x === G ? G : x === ea ? P : a != null && o != null ? l.unix(a).isSame(l.unix(o), "day") ? G : P : a != null || o != null ? P : null, it = (a) => [
+  // === Date presets (group: 'date') ===
+  M({
+    key: "until-now",
+    label: a("ui.period_select.until current moment"),
+    group: "date",
+    resolveRange: () => [null, l().unix()]
+  }),
+  M({
+    key: "until-end-today",
+    label: a("ui.period_select.until end of today"),
+    group: "date",
+    resolveRange: () => [null, l().endOf("day").unix()]
+  }),
+  M({
+    key: "until-end-yesterday",
+    label: a("ui.period_select.until end of yesterday"),
+    group: "date",
+    resolveRange: () => [null, l().subtract(1, "day").endOf("day").unix()]
+  }),
+  M({
+    key: "until-end-month",
+    label: a("ui.period_select.until end of month"),
+    group: "date",
+    resolveRange: () => [null, l().endOf("month").unix()]
+  }),
+  M({
+    key: "until-end-last-month",
+    label: a("ui.period_select.until end of last month"),
+    group: "date",
+    resolveRange: () => [null, l().subtract(1, "month").endOf("month").unix()]
+  }),
+  M({
+    key: "today",
+    label: a("ui.period_select.Today"),
+    group: "date",
+    resolveRange: () => [l().startOf("day").unix(), l().endOf("day").unix()]
+  }),
+  M({
+    key: "yesterday",
+    label: a("ui.period_select.Yesterday"),
+    group: "date",
+    resolveRange: () => [
+      l().subtract(1, "day").startOf("day").unix(),
+      l().subtract(1, "day").endOf("day").unix()
+    ]
+  }),
+  // === Period presets (group: 'period') ===
+  M({
+    key: "this-week",
+    label: a("ui.period_select.This week"),
+    group: "period",
+    resolveRange: () => [
+      l().startOf("isoWeek").startOf("day").unix(),
+      l().endOf("isoWeek").endOf("day").unix()
+    ]
+  }),
+  M({
+    key: "this-month",
+    label: a("ui.period_select.This month"),
+    group: "period",
+    resolveRange: () => [
+      l().startOf("month").startOf("day").unix(),
+      l().endOf("month").endOf("day").unix()
+    ]
+  }),
+  M({
+    key: "this-quarter",
+    label: a("ui.period_select.This quarter"),
+    group: "period",
+    resolveRange: () => [
+      l().startOf("quarter").startOf("day").unix(),
+      l().endOf("quarter").endOf("day").unix()
+    ]
+  }),
+  M({
+    key: "this-year",
+    label: a("ui.period_select.This Year"),
+    group: "period",
+    resolveRange: () => [
+      l().startOf("year").startOf("day").unix(),
+      l().endOf("year").endOf("day").unix()
+    ]
+  }),
+  M({
+    key: "last-week",
+    label: a("ui.period_select.Last week"),
+    group: "period",
+    resolveRange: () => [
+      l().subtract(1, "week").startOf("isoWeek").startOf("day").unix(),
+      l().subtract(1, "week").endOf("isoWeek").endOf("day").unix()
+    ]
+  }),
+  M({
+    key: "last-month",
+    label: a("ui.period_select.Last month"),
+    group: "period",
+    resolveRange: () => [
+      l().subtract(1, "month").startOf("month").startOf("day").unix(),
+      l().subtract(1, "month").endOf("month").endOf("day").unix()
+    ]
+  }),
+  M({
+    key: "last-quarter",
+    label: a("ui.period_select.Last quarter"),
+    group: "period",
+    resolveRange: () => [
+      l().subtract(1, "quarter").startOf("quarter").startOf("day").unix(),
+      l().subtract(1, "quarter").endOf("quarter").endOf("day").unix()
+    ]
+  }),
+  M({
+    key: "last-year",
+    label: a("ui.period_select.Last year"),
+    group: "period",
+    resolveRange: () => [
+      l().subtract(1, "year").startOf("year").startOf("day").unix(),
+      l().subtract(1, "year").endOf("year").endOf("day").unix()
+    ]
+  }),
+  M({
+    key: "last-two-months",
+    label: a("ui.period_select.Last two month"),
+    group: "period",
+    resolveRange: () => [
+      l().subtract(1, "month").startOf("month").startOf("day").unix(),
+      l().endOf("month").endOf("day").unix()
+    ]
+  }),
+  M({
+    key: "last-three-months",
+    label: a("ui.period_select.Last three month"),
+    group: "period",
+    resolveRange: () => [
+      l().subtract(2, "month").startOf("month").startOf("day").unix(),
+      l().endOf("month").endOf("day").unix()
+    ]
+  })
+], ve = (a, o) => {
+  var m;
+  const r = {
+    day: {
+      iterations: 30,
+      group: "date",
+      buildLabel: (s) => o("ui.period_select.day_label", {
+        dayOfWeek: o("ui.days_short." + s.day()),
+        day: s.format("D"),
+        month: o("ui.months_short." + s.month()),
+        year: s.format("YYYY")
+      })
+    },
+    week: {
+      iterations: 15,
+      group: "period",
+      buildLabel: (s) => o("ui.period_select.week_label", { weekNumber: s.format("WW") }),
+      buildDescription: (s, C) => o("ui.period_select.week_description", {
+        start: De(s, o),
+        end: De(C, o)
+      }),
+      useIsoWeek: !0
+    },
+    month: {
+      iterations: 24,
+      group: "period",
+      buildLabel: (s) => o("ui.period_select.month_label", {
+        month: o("ui.months." + s.month()),
+        year: s.format("YYYY")
+      })
+    },
+    quarter: {
+      iterations: 8,
+      group: "period",
+      buildLabel: (s) => o("ui.period_select.quarter_label", {
+        year: s.format("YYYY"),
+        quarter: s.quarter()
+      }),
+      buildDescription: (s, C) => o("ui.period_select.quarter_description", {
+        start: De(s, o),
+        end: De(C, o)
+      })
+    },
+    year: {
+      iterations: 7,
+      group: "period",
+      buildLabel: (s) => s.format("YYYY")
+    }
+  }[a], i = [];
+  for (let s = 0; s < r.iterations; s++) {
+    const C = l().subtract(s, a), A = a === "week" && r.useIsoWeek ? C.startOf("isoWeek") : C.startOf(a), _ = a === "week" && r.useIsoWeek ? C.endOf("isoWeek") : C.endOf(a), ee = A.startOf("day").unix(), E = _.endOf("day").unix();
+    i.push(
+      M({
+        key: `${a}-${s}`,
+        label: r.buildLabel(A, _),
+        description: ((m = r.buildDescription) == null ? void 0 : m.call(r, A, _)) ?? null,
+        group: r.group,
+        resolveRange: () => [ee, E]
+      })
+    );
+  }
+  return i;
+}, ia = (a) => a ? a.includes("today") || a.includes("yesterday") || a.startsWith("day-") ? "day" : a.includes("week") ? "week" : a.includes("month") || a.startsWith("month-") ? "month" : a.includes("quarter") || a.startsWith("quarter-") ? "quarter" : a.includes("year") || a.startsWith("year-") ? "year" : a.startsWith("until-") ? "day" : null : null, X = (a, o) => {
+  if (!o)
+    return !0;
+  const x = ["day", "week", "month", "quarter", "year"], r = x.indexOf(o), i = ia(a);
+  return i ? x.indexOf(i) >= r : !0;
+}, fe = (a) => {
+  const o = a.replace(/[^0-9]/g, "");
+  if (o.length === 8) {
+    const x = o.substring(0, 2), r = o.substring(2, 4), i = o.substring(4, 8), m = l(`${i}-${r}-${x}`, "YYYY-MM-DD");
+    if (m.isValid())
+      return m.format("YYYY-MM-DD");
+  }
+  return null;
+}, sa = ["placeholder"], da = ["placeholder"], pa = { class: "truncate" }, ca = { class: "flex items-center justify-between pb-2 border-b border-gray-200" }, va = { class: "flex-1 overflow-y-auto pr-1 picker-group__list" }, fa = ["onClick"], xa = { class: "picker-option__label" }, ma = {
+  key: 0,
+  class: "picker-option__description"
+}, ya = {
+  key: 1,
+  class: "space-y-2"
+}, ga = { class: "flex items-center justify-between mb-3" }, ba = ["disabled"], ha = {
+  key: 0,
+  class: "grid grid-cols-2 gap-4"
+}, ka = ["onClick", "onMouseenter"], Ya = ["onClick", "onMouseenter"], wa = {
+  key: 0,
+  class: "grid gap-3 md:grid-cols-2 w-full text-sm"
+}, Da = { class: "text-gray-500 mb-1" }, Ma = { class: "text-gray-500 mb-1" }, Oa = /* @__PURE__ */ st({
+  __name: "OnePeriodPicker",
+  props: {
+    modelValue: {},
+    t: { type: Function, default: void 0 },
+    mode: { default: "short" },
+    placeholder: { default: void 0 },
+    disableDate: { type: [Function, Object, Array], default: void 0 },
+    noBorder: { type: Boolean, default: !1 },
+    noClear: { type: Boolean, default: !1 },
+    hideDayAndWeek: { type: Boolean, default: !1 },
+    minGranularity: { default: null },
+    asDateString: { type: Boolean, default: !1 },
+    size: { default: "md" },
+    editable: { type: Boolean, default: !1 },
+    hideDatePresets: { type: Boolean, default: !1 },
+    dropdownSize: { default: void 0 },
+    columns: { default: null }
+  },
+  emits: ["update:modelValue", "focus"],
+  setup(a, { emit: o }) {
+    const x = dt(), r = a, i = f(() => r.t ?? x), m = f(() => $e[r.size ?? "md"]), s = f(() => $e[r.dropdownSize ?? r.size ?? "md"]), C = f(() => s.value.vars), A = f(() => r.dropdownSize ?? r.size ?? "md"), _ = f(() => A.value !== "xs" && A.value !== "sm"), ee = o, E = b(null), F = b(null), h = b(!1), V = b(!1), Me = b(!1), w = b(G), $ = b(null), j = b(0), U = b(!1), Ae = b(!1), ne = b(""), re = b(""), R = b(l().format("YYYY-MM-DD")), B = b(void 0), oe = b(""), ue = b(""), I = b(0), z = b(null), Oe = b(null), N = b(null);
+    let te = null;
+    const ae = b(null), _e = b(!1), Re = b(typeof window < "u" ? window.innerWidth : 1024), ie = f(() => Re.value < 640), me = Ft(), y = f(() => {
+      var e, t;
+      return (e = r.modelValue) != null && e.start ? l(r.modelValue.start).startOf("day").unix() : ot((t = r.modelValue) == null ? void 0 : t.startUnix);
+    }), k = f(() => {
+      var e, t;
+      return (e = r.modelValue) != null && e.end ? l(r.modelValue.end).endOf("day").unix() : ot((t = r.modelValue) == null ? void 0 : t.endUnix);
+    }), Se = f(() => y.value != null || k.value != null), ct = f(
+      () => ut(y.value, k.value, i.value) || r.placeholder || i.value("ui.period_select.Select date")
+    ), Be = f(() => r.disableDate ?? void 0), vt = f(() => ut(y.value, k.value, i.value) || ""), Le = f(() => `date-${j.value}`), ft = f(() => `range-${j.value}`), We = f(() => r.columns != null ? r.columns : ie.value || w.value !== P || A.value === "xs" || A.value === "sm" ? 1 : 2), ye = f(
+      () => !r.minGranularity || r.minGranularity === "day" || r.minGranularity === "week"
+    ), xt = f(() => r.minGranularity === "month" ? i.value("ui.period_select.Months") : r.minGranularity === "quarter" ? i.value("ui.period_select.Quarters") : r.minGranularity === "year" ? i.value("ui.period_select.Years") : i.value("ui.period_select.Period group title")), L = f(() => {
+      if (!r.minGranularity || r.minGranularity === "day" || r.minGranularity === "week")
+        return null;
+      if (r.minGranularity === "month" || r.minGranularity === "quarter") {
+        const e = [I.value * 2 + 1, I.value * 2], t = r.minGranularity === "month";
+        return {
+          titleStart: l().subtract(e[0], "year").format("YYYY"),
+          titleEnd: l().subtract(e[1], "year").format("YYYY"),
+          gridCols: t ? "grid-cols-3" : "grid-cols-2",
+          unit: r.minGranularity,
+          yearGroups: e.map((n) => ({
+            yearLabel: l().subtract(n, "year").format("YYYY"),
+            items: t ? Array.from({ length: 12 }, (d, g) => ({
+              date: l().subtract(n, "year").month(g),
+              label: i.value("ui.months_short." + g)
+            })) : Array.from({ length: 4 }, (d, g) => ({
+              date: l().subtract(n, "year").quarter(g + 1).startOf("quarter"),
+              label: `Q${g + 1}`
+            }))
+          })),
+          flatItems: null
+        };
+      }
+      return {
+        titleStart: l().subtract(I.value * 8 + 7, "year").format("YYYY"),
+        titleEnd: l().subtract(I.value * 8, "year").format("YYYY"),
+        gridCols: "grid-cols-4",
+        unit: "year",
+        yearGroups: null,
+        flatItems: Array.from({ length: 8 }, (e, t) => {
+          const n = l().subtract(I.value * 8 + (7 - t), "year");
+          return { date: n, label: n.format("YYYY") };
+        })
+      };
+    }), Te = f(() => {
+      var e, t;
+      return !((e = B.value) != null && e.start) || !((t = B.value) != null && t.end) ? !1 : !l(B.value.end).isBefore(l(B.value.start));
+    }), qe = f(() => {
+      j.value;
+      const e = it(i.value).filter((n) => n.group === "date").filter((n) => X(n.key, r.minGranularity)), t = r.hideDayAndWeek || !X("day-0", r.minGranularity) ? [] : ve("day", i.value);
+      return t.length > 0 ? [
+        ...e,
+        {
+          key: "date-history",
+          type: "label",
+          label: i.value("ui.period_select.Date history label"),
+          group: "date"
+        },
+        ...t
+      ] : e;
+    }), Ue = f(() => {
+      j.value;
+      const e = it(i.value).filter((D) => D.group === "period").filter((D) => X(D.key, r.minGranularity)), t = r.hideDayAndWeek || !X("week-0", r.minGranularity) ? [] : ve("week", i.value), n = X("month-0", r.minGranularity) ? ve("month", i.value) : [], d = X("quarter-0", r.minGranularity) ? ve("quarter", i.value) : [], g = X("year-0", r.minGranularity) ? ve("year", i.value) : [];
+      return { shortcuts: e, rollingWeek: t, rollingMonth: n, rollingQuarter: d, rollingYear: g };
+    }), Ie = f(() => {
+      const { shortcuts: e, rollingWeek: t, rollingMonth: n, rollingQuarter: d, rollingYear: g } = Ue.value, D = [...e], T = [
+        { items: t, key: "weeks-history", labelKey: "Weeks history label" },
+        { items: n, key: "months-history", labelKey: "Months history label" },
+        { items: d, key: "quarters-history", labelKey: "Quarters history label" },
+        { items: g, key: "years-history", labelKey: "Years history label" }
+      ];
+      for (const H of T)
+        H.items.length > 0 && (D.push({
+          key: H.key,
+          type: "label",
+          label: i.value(`ui.period_select.${H.labelKey}`),
+          group: "period"
+        }), D.push(...H.items));
+      return D;
+    }), Ee = f(() => [
+      {
+        id: "date",
+        title: i.value("ui.period_select.Date group title"),
+        subtitle: i.value("ui.period_select.Date group subtitle"),
+        ctaLabel: i.value("ui.period_select.Select date CTA"),
+        options: qe.value
+      },
+      {
+        id: "period",
+        title: i.value("ui.period_select.Period group title"),
+        subtitle: i.value("ui.period_select.Period group subtitle"),
+        ctaLabel: i.value("ui.period_select.Select dates CTA"),
+        options: Ie.value
+      }
+    ]), se = f(
+      () => r.hideDatePresets ? Ee.value.filter((e) => e.id !== "date") : Ee.value
+    ), mt = f(() => {
+      const { shortcuts: e, rollingWeek: t, rollingMonth: n, rollingQuarter: d } = Ue.value, g = [...e];
+      t.length > 0 && (g.push({
+        key: "weeks-history",
+        type: "label",
+        label: i.value("ui.period_select.Weeks history label"),
+        group: "period"
+      }), g.push(...t));
+      const D = (T, H, $t) => H.length === 0 ? null : {
+        id: T,
+        title: "",
+        subtitle: "",
+        ctaLabel: "",
+        options: [
+          { key: `${T}-label`, type: "label", label: i.value(`ui.period_select.${$t}`), group: "period" },
+          ...H
+        ]
+      };
+      return [
+        { id: "presets-weeks", title: "", subtitle: "", ctaLabel: "", options: g },
+        D("months", n, "Months history label"),
+        D("quarters", d, "Quarters history label")
+      ].filter((T) => T != null && T.options.length > 0);
+    }), yt = f(() => mt.value), gt = f(() => [
+      ...qe.value.filter((e) => e.type === "option"),
+      ...Ie.value.filter((e) => e.type === "option")
+    ]), bt = f(
+      () => V.value && w.value === G || $.value === we
+    ), ht = f(
+      () => V.value && w.value === P || $.value === le
+    ), Fe = () => {
+      j.value++;
+    }, kt = () => {
+      !E.value || !F.value || ie.value || Tt(E.value, F.value, {
+        placement: "bottom-start",
+        strategy: "fixed",
+        middleware: [qt(6), Ut(), It({ padding: 8 })]
+      }).then(({ x: e, y: t }) => {
+        F.value && Object.assign(F.value.style, {
+          left: `${e}px`,
+          top: `${t}px`
+        });
+      });
+    }, je = () => {
+      te && te(), E.value && F.value && !ie.value && (te = Wt(E.value, F.value, kt));
+    }, Ne = () => {
+      te && (te(), te = null);
+    }, W = (e, t, n = null) => {
+      r.asDateString ? ee("update:modelValue", {
+        start: e ? l.unix(e).format("YYYY-MM-DD") : null,
+        end: t ? l.unix(t).format("YYYY-MM-DD") : null
+      }) : ee("update:modelValue", {
+        startUnix: e,
+        endUnix: t,
+        kind: ua(e, t, n)
+      });
+    }, ge = () => {
+      var e, t;
+      Me.value = !1, h.value ? h.value = !1 : (U.value = !1, ae.value = r.modelValue ? { ...r.modelValue } : null, h.value = !0, ((e = r.modelValue) == null ? void 0 : e.kind) === G ? (w.value = G, de()) : ((t = r.modelValue) == null ? void 0 : t.kind) === P ? (w.value = P, pe()) : r.asDateString || r.editable ? (w.value = G, de()) : (w.value = P, pe()), V.value = !0, K(() => {
+        U.value = !0;
+      }));
+    }, Yt = () => {
+      ee("focus"), h.value || ge();
+    }, wt = () => {
+      if (se.value.length === 0) {
+        ge();
+        return;
+      }
+      Me.value = !0, V.value = !1, h.value || (ae.value = r.modelValue ? { ...r.modelValue } : null), h.value = !h.value, h.value && K(je);
+    }, Ke = () => {
+      h.value = !1;
+    }, Dt = () => {
+      W(null, null, null), $.value = null, h.value = !1;
+    }, Qe = (e) => {
+      if (e.type !== "option" || !e.resolveRange)
+        return;
+      const [t, n] = e.resolveRange();
+      W(t, n, e.group), $.value = e.key, h.value = !1;
+    }, Mt = () => {
+      h.value = !1, V.value = !1, K(() => {
+        ae.value ? W(
+          ae.value.startUnix ?? null,
+          ae.value.endUnix ?? null,
+          ae.value.kind ?? null
+        ) : W(null, null, null);
+      });
+    }, de = () => {
+      const e = y.value && k.value && l.unix(y.value).isSame(l.unix(k.value), "day") ? y.value : k.value || y.value || l().unix();
+      R.value = e ? l.unix(e).format("YYYY-MM-DD") : l().format("YYYY-MM-DD");
+    }, pe = () => {
+      y.value || k.value ? B.value = {
+        start: y.value ? l.unix(y.value).format("YYYY-MM-DD") : void 0,
+        end: k.value ? l.unix(k.value).format("YYYY-MM-DD") : void 0
+      } : B.value = void 0, oe.value = y.value ? l.unix(y.value).format("DD.MM.YYYY") : "", ue.value = k.value ? l.unix(k.value).format("DD.MM.YYYY") : "";
+    }, He = (e) => {
+      w.value !== e && (U.value = !1, w.value = e, e === G ? de() : pe(), K(() => {
+        U.value = !0;
+      }));
+    }, Ot = (e) => {
+      U.value = !1, w.value = e, e === G ? de() : pe(), V.value = !0, K(() => {
+        U.value = !0;
+      });
+    }, _t = (e = !0) => {
+      if (!R.value)
+        return;
+      const t = l(R.value);
+      t.isValid() && (W(t.startOf("day").unix(), t.endOf("day").unix(), G), $.value = we, e && (h.value = !1));
+    }, ze = (e, t) => {
+      var n;
+      (n = t.target) == null || n.blur();
+    }, St = (e) => {
+      e && (R.value = e, V.value && _t());
+    }, Bt = (e) => {
+      if (!e)
+        return;
+      R.value = e;
+      const t = l(e);
+      t.isValid() && (ne.value = t.format("DD.MM.YYYY"), W(t.startOf("day").unix(), t.endOf("day").unix(), G));
+    }, Je = () => {
+      const e = fe(ne.value);
+      if (e) {
+        R.value = e, j.value++;
+        const t = l(e);
+        t.isValid() && W(t.startOf("day").unix(), t.endOf("day").unix(), G);
+      }
+    }, zt = () => {
+      _e.value = !0, setTimeout(() => {
+        _e.value = !1;
+      }, 0);
+    }, Xe = () => {
+      if (_e.value)
+        return;
+      const e = re.value.trim(), t = e.split(/\s*-\s*/);
+      if (t.length === 2) {
+        const d = fe(t[0]), g = fe(t[1]);
+        if (d && g) {
+          const D = l(d), T = l(g);
+          if (D.isValid() && T.isValid() && !T.isBefore(D)) {
+            W(D.startOf("day").unix(), T.endOf("day").unix(), P), $.value = le;
+            return;
+          }
+        }
+      }
+      const n = fe(e);
+      if (n) {
+        R.value = n, j.value++, $.value = we;
+        const d = l(n);
+        d.isValid() && W(d.startOf("day").unix(), d.endOf("day").unix(), G);
+      }
+    }, Gt = () => {
+      var e, t;
+      !Te.value || !((e = B.value) != null && e.start) || !((t = B.value) != null && t.end) || (W(
+        l(B.value.start).startOf("day").unix(),
+        l(B.value.end).endOf("day").unix(),
+        P
+      ), $.value = le, h.value = !1);
+    }, be = (e) => {
+      const n = fe((e === "start" ? oe : ue).value);
+      n && (B.value = { ...B.value || {}, [e]: n });
+    }, Ze = (e, t) => {
+      if (!z.value)
+        z.value = e;
+      else {
+        const n = z.value.isBefore(e) ? z.value : e, d = z.value.isBefore(e) ? e : z.value;
+        W(
+          n.startOf(t).startOf("day").unix(),
+          d.endOf(t).endOf("day").unix(),
+          P
+        ), $.value = le, z.value = null, Oe.value = null, h.value = !1;
+      }
+    }, et = (e, t) => {
+      if (z.value && !Oe.value) {
+        if (N.value) {
+          const n = z.value.isBefore(N.value) ? z.value : N.value, d = z.value.isBefore(N.value) ? N.value : z.value;
+          return (e.isSame(n, t) || e.isAfter(n, t)) && (e.isSame(d, t) || e.isBefore(d, t));
+        }
+        return e.isSame(z.value, t);
+      }
+      if (y.value && k.value) {
+        const n = l.unix(y.value), d = l.unix(k.value);
+        return (e.isSame(n, t) || e.isAfter(n, t)) && (e.isSame(d, t) || e.isBefore(d, t));
+      }
+      return !1;
+    }, tt = (e) => {
+      z.value && (N.value = e);
+    }, at = () => {
+      N.value = null;
+    }, Ct = () => {
+      if (!y.value && !k.value)
+        return null;
+      const e = gt.value.find((t) => {
+        if (!t.resolveRange)
+          return !1;
+        const [n, d] = t.resolveRange(), g = n == null && y.value == null || n != null && y.value != null && n === y.value, D = d == null && k.value == null || d != null && k.value != null && d === k.value;
+        return g && D;
+      });
+      return e ? e.key : y.value && k.value && l.unix(y.value).isSame(l.unix(k.value), "day") ? we : le;
+    }, Pt = () => {
+      h.value = !1, me.open();
+    }, Vt = (e) => {
+      Qe(e), me.close();
+    };
+    ce(vt, (e) => {
+      r.editable && (re.value = e);
+    }, { immediate: !0 }), ce(h, (e) => {
+      e ? (Fe(), K(je), (!ye.value || se.value.length === 0) && !V.value && (U.value = !1, w.value = P, pe(), V.value = !0, K(() => {
+        U.value = !0;
+      }))) : (Ne(), U.value = !1, V.value = !1, Me.value = !1, I.value = 0, z.value = null, Oe.value = null, N.value = null);
+    }), ce(
+      () => [y.value, k.value, j.value],
+      () => {
+        $.value = Ct();
+      },
+      { immediate: !0 }
+    ), ce(
+      () => r.minGranularity,
+      () => {
+        Fe(), !ye.value && w.value === G && (w.value = P);
+      }
+    ), ce(B, (e) => {
+      e != null && e.start && (oe.value = l(e.start).format("DD.MM.YYYY")), e != null && e.end && (ue.value = l(e.end).format("DD.MM.YYYY"));
+    });
+    const Ge = () => {
+      Re.value = window.innerWidth;
+    }, lt = (e) => {
+      var t, n;
+      h.value && ((t = E.value) != null && t.contains(e.target) || (n = F.value) != null && n.contains(e.target) || Ke());
+    };
+    return Rt(() => {
+      Ge(), window.addEventListener("resize", Ge), document.addEventListener("click", lt), r.mode === "inline" && (de(), y.value && (ne.value = l.unix(y.value).format("DD.MM.YYYY")), K(() => {
+        Ae.value = !0;
+      }));
+    }), Lt(() => {
+      Ne(), window.removeEventListener("resize", Ge), document.removeEventListener("click", lt);
+    }), (e, t) => (u(), p("div", {
+      class: "relative",
+      ref_key: "containerRef",
+      ref: E,
+      style: xe(C.value)
+    }, [
+      a.mode === "inline" ? (u(), p("div", {
+        key: 0,
+        class: "one-pp-panel",
+        style: xe(C.value)
+      }, [
+        he(v("input", {
+          type: "text",
+          "onUpdate:modelValue": t[0] || (t[0] = (n) => ne.value = n),
+          onBlur: Je,
+          onKeyup: ke(Je, ["enter"]),
+          placeholder: a.placeholder || "DD.MM.YYYY",
+          class: "manual-input mb-2"
+        }, null, 40, sa), [
+          [Ye, ne.value]
+        ]),
+        Ae.value ? (u(), Q(S(Ce), {
+          key: Le.value,
+          modelValue: R.value,
+          "onUpdate:modelValue": [
+            t[1] || (t[1] = (n) => R.value = n),
+            Bt
+          ],
+          onDayclick: ze,
+          "is-inline": "",
+          color: "gray",
+          "trim-weeks": "",
+          columns: 1,
+          rows: 1,
+          mode: "date",
+          masks: { title: "MMMM YYYY" },
+          "disabled-dates": Be.value
+        }, null, 8, ["modelValue", "disabled-dates"])) : Y("", !0)
+      ], 4)) : (u(), p("div", {
+        key: 1,
+        class: c(["flex items-center overflow-hidden", [
+          m.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 ? (u(), p("div", {
+          key: 0,
+          class: c(["flex items-center h-full bg-white flex-1", [m.value.triggerButton]])
+        }, [
+          v("button", {
+            onClick: ge,
+            type: "button",
+            class: "flex-shrink-0 hover:text-blue-600 transition-colors"
+          }, [
+            J(S(Ve), {
+              class: c([m.value.triggerIcon])
+            }, null, 8, ["class"])
+          ]),
+          he(v("input", {
+            type: "text",
+            "onUpdate:modelValue": t[2] || (t[2] = (n) => re.value = n),
+            onFocus: Yt,
+            onBlur: Xe,
+            onKeyup: ke(Xe, ["enter"]),
+            placeholder: a.placeholder || "DD.MM.YYYY",
+            class: c(["w-full bg-transparent outline-none truncate !border-0 !shadow-none !ring-0 !p-0", [Se.value || re.value ? "text-gray-900 font-medium" : "text-gray-600 font-normal"]])
+          }, null, 42, da), [
+            [Ye, re.value]
+          ])
+        ], 2)) : (u(), p("button", {
+          key: 1,
+          onClick: ge,
+          type: "button",
+          class: c(["flex items-center h-full bg-white hover:bg-gray-50 transition-colors flex-1", [m.value.triggerButton, Se.value ? "text-gray-900 font-medium" : "text-gray-600 font-normal"]])
+        }, [
+          J(S(Ve), {
+            class: c([m.value.triggerIcon, "flex-shrink-0"])
+          }, null, 8, ["class"]),
+          v("span", pa, O(ct.value), 1)
+        ], 2)),
+        a.mode === "short" ? (u(), p(q, { key: 2 }, [
+          v("div", {
+            class: c(["w-px bg-gray-200", m.value.triggerDivider])
+          }, null, 2),
+          v("button", {
+            onClick: wt,
+            type: "button",
+            class: c(["flex items-center justify-center h-full bg-white hover:bg-gray-50 transition-colors", m.value.triggerAction])
+          }, [
+            J(S(Nt), {
+              class: c([m.value.triggerIcon, "text-gray-600"])
+            }, null, 8, ["class"])
+          ], 2)
+        ], 64)) : Y("", !0),
+        a.mode === "full" ? (u(), p(q, { key: 3 }, [
+          v("div", {
+            class: c(["w-px bg-gray-200", m.value.triggerDivider])
+          }, null, 2),
+          v("button", {
+            onClick: Pt,
+            type: "button",
+            class: c(["flex items-center justify-center h-full bg-white hover:bg-gray-50 transition-colors", m.value.triggerAction])
+          }, [
+            J(S(Zt), {
+              class: c([m.value.triggerIcon, "text-gray-600"])
+            }, null, 8, ["class"])
+          ], 2)
+        ], 64)) : Y("", !0),
+        Se.value && !a.noClear ? (u(), p(q, { key: 4 }, [
+          v("div", {
+            class: c(["w-px bg-gray-200", m.value.triggerDivider])
+          }, null, 2),
+          v("button", {
+            onClick: Dt,
+            type: "button",
+            class: c(["flex items-center justify-center h-full bg-white hover:bg-gray-50 transition-colors", m.value.triggerAction])
+          }, [
+            J(S(jt), {
+              class: c([m.value.clearIcon, "text-gray-600"])
+            }, null, 8, ["class"])
+          ], 2)
+        ], 64)) : Y("", !0)
+      ], 2)),
+      (u(), Q(nt, { to: "body" }, [
+        h.value && ie.value ? (u(), p("div", {
+          key: 0,
+          class: "fixed inset-0 z-40 bg-black/20",
+          onClick: Ke
+        })) : Y("", !0)
+      ])),
+      (u(), Q(nt, { to: "body" }, [
+        h.value ? (u(), p("div", {
+          key: 0,
+          ref_key: "dropdownRef",
+          ref: F,
+          class: c(["dropdown-menu bg-white shadow-xl border border-gray-200 z-[9999] overflow-y-auto rounded-t-2xl sm:rounded-lg", [
+            s.value.dropdown,
+            ie.value ? "fixed inset-x-0 bottom-0 max-h-[93vh]" : "fixed max-h-[85vh]"
+          ]]),
+          style: xe(C.value),
+          onMousedown: zt
+        }, [
+          t[15] || (t[15] = v("div", { class: "sm:hidden flex justify-center pb-2" }, [
+            v("div", { class: "w-10 h-1 bg-gray-300 rounded-full" })
+          ], -1)),
+          !V.value && se.value.length > 0 ? (u(), p("div", {
+            key: 0,
+            class: c(["flex flex-col gap-4 w-full", _.value && se.value.length > 1 ? "sm:grid sm:gap-3 sm:grid-cols-2" : ""])
+          }, [
+            (u(!0), p(q, null, Z(se.value, (n) => (u(), p("section", {
+              key: n.id,
+              class: "flex flex-col picker-group"
+            }, [
+              v("div", ca, [
+                v("p", {
+                  class: c([s.value.groupTitle, "text-gray-700"])
+                }, O(n.title), 3),
+                v("span", {
+                  class: c([s.value.groupSubtitle, "text-gray-500"])
+                }, O(n.subtitle), 3)
+              ]),
+              v("div", va, [
+                (u(!0), p(q, null, Z(n.options, (d) => (u(), p("div", {
+                  key: d.key
+                }, [
+                  d.type === "label" ? (u(), p("p", {
+                    key: 0,
+                    class: c([s.value.presetLabel, "uppercase tracking-wide text-gray-500 mt-4 mb-1"])
+                  }, O(d.label), 3)) : (u(), p("button", {
+                    key: 1,
+                    class: c(["picker-option", { "picker-option--active": $.value === d.key }]),
+                    onClick: (g) => Qe(d),
+                    type: "button"
+                  }, [
+                    v("span", xa, O(d.label), 1),
+                    d.description ? (u(), p("span", ma, O(d.description), 1)) : Y("", !0)
+                  ], 10, fa))
+                ]))), 128))
+              ]),
+              J(S(Pe), {
+                class: c(["mt-3 w-full", [s.value.ctaButton, {
+                  "picker-cta--active": n.id === "date" ? bt.value : ht.value
+                }]]),
+                size: s.value.ctaButtonSize,
+                variant: n.id === "date" ? "primary" : "secondary",
+                icon: n.id === "date" ? S(Ve) : S(rt),
+                label: n.ctaLabel,
+                onClick: (d) => Ot(n.id === "date" ? "date" : "range")
+              }, null, 8, ["class", "size", "variant", "icon", "label", "onClick"])
+            ]))), 128))
+          ], 2)) : Y("", !0),
+          V.value ? (u(), p("div", {
+            key: 1,
+            class: c(["picker-panel one-pp-panel", s.value.panelGap]),
+            style: xe(C.value)
+          }, [
+            v("div", {
+              class: c(["grid gap-2", ye.value ? "grid-cols-2" : "grid-cols-1"])
+            }, [
+              ye.value ? (u(), p("button", {
+                key: 0,
+                type: "button",
+                class: c(["border font-medium transition-colors", [
+                  s.value.tabButton,
+                  w.value === "date" ? "border-blue-500 bg-blue-50 text-blue-700" : "border-gray-200 text-gray-700 hover:border-blue-200 hover:text-blue-700"
+                ]]),
+                onClick: t[3] || (t[3] = (n) => He("date"))
+              }, O(i.value("ui.period_select.Date group title")), 3)) : Y("", !0),
+              v("button", {
+                type: "button",
+                class: c(["border font-medium transition-colors", [
+                  s.value.tabButton,
+                  w.value === "range" ? "border-blue-500 bg-blue-50 text-blue-700" : "border-gray-200 text-gray-700 hover:border-blue-200 hover:text-blue-700"
+                ]]),
+                onClick: t[4] || (t[4] = (n) => He("range"))
+              }, O(xt.value), 3)
+            ], 2),
+            U.value && (!a.minGranularity || a.minGranularity === "day" || a.minGranularity === "week") ? (u(), p(q, { key: 0 }, [
+              w.value === "date" ? (u(), Q(S(Ce), {
+                key: Le.value,
+                modelValue: R.value,
+                "onUpdate:modelValue": [
+                  t[5] || (t[5] = (n) => R.value = n),
+                  St
+                ],
+                onDayclick: ze,
+                "is-inline": "",
+                color: "gray",
+                "trim-weeks": "",
+                columns: 1,
+                rows: 1,
+                mode: "date",
+                masks: { title: "MMMM YYYY" },
+                "disabled-dates": Be.value
+              }, null, 8, ["modelValue", "disabled-dates"])) : w.value === "range" ? (u(), Q(S(Ce), {
+                key: ft.value,
+                modelValue: B.value,
+                "onUpdate:modelValue": t[6] || (t[6] = (n) => B.value = n),
+                onDayclick: ze,
+                "is-inline": "",
+                "is-range": "",
+                color: "gray",
+                "trim-weeks": "",
+                mode: "date",
+                columns: We.value,
+                rows: 1,
+                masks: { title: "MMMM YYYY" },
+                "disabled-dates": Be.value
+              }, null, 8, ["modelValue", "columns", "disabled-dates"])) : Y("", !0)
+            ], 64)) : L.value ? (u(), p("div", ya, [
+              v("div", ga, [
+                v("button", {
+                  onClick: t[7] || (t[7] = (n) => I.value++),
+                  type: "button",
+                  class: "nav-btn"
+                }, "«"),
+                v("span", {
+                  class: c([s.value.navTitle, "text-gray-700"])
+                }, O(L.value.titleStart) + " - " + O(L.value.titleEnd), 3),
+                v("button", {
+                  onClick: t[8] || (t[8] = (n) => I.value--),
+                  disabled: I.value === 0,
+                  type: "button",
+                  class: "nav-btn"
+                }, " » ", 8, ba)
+              ]),
+              L.value.yearGroups ? (u(), p("div", ha, [
+                (u(!0), p(q, null, Z(L.value.yearGroups, (n) => (u(), p("div", {
+                  key: n.yearLabel,
+                  class: "space-y-2"
+                }, [
+                  v("div", {
+                    class: c([s.value.navTitle, "text-center text-gray-700 py-2"])
+                  }, O(n.yearLabel), 3),
+                  v("div", {
+                    class: c(["grid gap-2", L.value.gridCols])
+                  }, [
+                    (u(!0), p(q, null, Z(n.items, (d, g) => (u(), p("button", {
+                      key: g,
+                      type: "button",
+                      class: c(["month-btn", et(d.date, L.value.unit) ? "month-btn--active" : ""]),
+                      onClick: (D) => Ze(d.date, L.value.unit),
+                      onMouseenter: (D) => tt(d.date),
+                      onMouseleave: at
+                    }, O(d.label), 43, ka))), 128))
+                  ], 2)
+                ]))), 128))
+              ])) : L.value.flatItems ? (u(), p("div", {
+                key: 1,
+                class: c(["grid gap-2", L.value.gridCols])
+              }, [
+                (u(!0), p(q, null, Z(L.value.flatItems, (n, d) => (u(), p("button", {
+                  key: d,
+                  type: "button",
+                  class: c(["month-btn", et(n.date, "year") ? "month-btn--active" : ""]),
+                  onClick: (g) => Ze(n.date, "year"),
+                  onMouseenter: (g) => tt(n.date),
+                  onMouseleave: at
+                }, O(n.label), 43, Ya))), 128))
+              ], 2)) : Y("", !0)
+            ])) : Y("", !0),
+            w.value === "range" && (!a.minGranularity || a.minGranularity === "day" || a.minGranularity === "week") ? (u(), p("div", {
+              key: 2,
+              class: c(["border-t border-gray-200", _.value ? "gap-3 pt-3" : "gap-1.5 pt-1.5"])
+            }, [
+              We.value > 1 ? (u(), p("div", wa, [
+                v("div", null, [
+                  v("p", Da, O(i.value("ui.period_select.From date")), 1),
+                  he(v("input", {
+                    type: "text",
+                    "onUpdate:modelValue": t[9] || (t[9] = (n) => oe.value = n),
+                    onBlur: t[10] || (t[10] = (n) => be("start")),
+                    onKeyup: t[11] || (t[11] = ke((n) => be("start"), ["enter"])),
+                    placeholder: "DD.MM.YYYY",
+                    class: "manual-input"
+                  }, null, 544), [
+                    [Ye, oe.value]
+                  ])
+                ]),
+                v("div", null, [
+                  v("p", Ma, O(i.value("ui.period_select.End date")), 1),
+                  he(v("input", {
+                    type: "text",
+                    "onUpdate:modelValue": t[12] || (t[12] = (n) => ue.value = n),
+                    onBlur: t[13] || (t[13] = (n) => be("end")),
+                    onKeyup: t[14] || (t[14] = ke((n) => be("end"), ["enter"])),
+                    placeholder: "DD.MM.YYYY",
+                    class: "manual-input"
+                  }, null, 544), [
+                    [Ye, ue.value]
+                  ])
+                ])
+              ])) : Y("", !0),
+              v("div", {
+                class: c(["flex", s.value.actionGap, _.value ? "justify-end" : ""])
+              }, [
+                _.value ? (u(), Q(S(Pe), {
+                  key: 0,
+                  variant: "secondary",
+                  label: i.value("ui.period_select.Cancel"),
+                  onClick: Mt,
+                  class: c(s.value.actionButton),
+                  size: s.value.actionButtonSize
+                }, null, 8, ["label", "class", "size"])) : Y("", !0),
+                J(S(Pe), {
+                  variant: "primary",
+                  icon: S(rt),
+                  label: i.value("ui.period_select.Apply"),
+                  onClick: Gt,
+                  disabled: !Te.value,
+                  class: c(s.value.actionButton),
+                  size: s.value.actionButtonSize
+                }, null, 8, ["icon", "label", "disabled", "class", "size"])
+              ], 2)
+            ], 2)) : Y("", !0)
+          ], 6)) : Y("", !0)
+        ], 38)) : Y("", !0)
+      ])),
+      S(me).isOpened.value ? (u(), Q(oa, {
+        key: 2,
+        useModal: S(me),
+        groups: yt.value,
+        activePresetKey: $.value,
+        t: i.value,
+        size: a.size,
+        onSelect: Vt
+      }, null, 8, ["useModal", "groups", "activePresetKey", "t", "size"])) : Y("", !0)
+    ], 4));
+  }
+});
+const Fa = /* @__PURE__ */ pt(Oa, [["__scopeId", "data-v-0e53cd81"]]);
+export {
+  G as DATE_KIND,
+  we as MANUAL_DATE_KEY,
+  le as MANUAL_RANGE_KEY,
+  Fa as OnePeriodPicker,
+  oa as OnePeriodPickerFastModal,
+  ea as PERIOD_KIND,
+  P as RANGE_KIND,
+  M as buildPreset,
+  ve as buildRollingOptions,
+  it as createShortcutPresets,
+  Ka as dayjs,
+  ua as determineKind,
+  De as formatDateShort,
+  ut as formatPeriod,
+  ia as getOptionGranularity,
+  X as isOptionAllowed,
+  fe as parseManualDate,
+  $e as periodPickerSizeConfig,
+  ot as toUnixOrNull
+};