@zealsolutions/zeal-ui 1.0.0-alpha.347 → 1.0.0-alpha.348

package/dist/DatePicker-Cvaseoh7.js

@@ -0,0 +1,1303 @@
+import { computed as S, openBlock as C, createElementBlock as A, normalizeClass as De, toDisplayString as B, Fragment as H, createElementVNode as V, renderList as ne, createVNode as ie, ref as O, shallowRef as et, watch as ve, getCurrentScope as tt, onScopeDispose as nt, shallowReadonly as G, unref as Ye, mergeModels as ot, useModel as rt, renderSlot as st, normalizeStyle as it, createBlock as ye, createCommentVNode as lt } from "vue";
+import ct from "./ChevronLeftIcon-ChE9LoOU.js";
+import at from "./ChevronRightIcon-DknltHiN.js";
+import ut from "./CalendarIcon-DjSv5Y23.js";
+const ft = {
+  __name: "DateCell",
+  props: {
+    cellNumber: {
+      type: Number,
+      required: !0
+    },
+    disabled: {
+      type: Boolean,
+      default: !1
+    },
+    isCurrentDay: {
+      type: Boolean,
+      default: !1
+    },
+    isSelected: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  emits: ["selectDay"],
+  setup(e, { emit: t }) {
+    const n = e, o = S(() => n.isSelected ? "bg-app-950 text-white cursor-pointer" : n.isCurrentDay ? "bg-black-950 text-white cursor-pointer hover:bg-app-300 hover:text-black-950" : n.disabled ? "bg-steel-200 dark:bg-surface-sunken text-steel-800 cursor-not-allowed" : "bg-surface-raised text-black-950 dark:text-content cursor-pointer hover:bg-app-300 hover:text-black-950"), r = t;
+    return (s, i) => (C(), A("div", {
+      class: De(["flex flex-wrap justify-center content-center text-style-label-small size-[40px] p-[5px] border-steel-400 dark:border-line-strong border-l-[1px] first-of-type:border-none", o.value]),
+      onClick: i[0] || (i[0] = (l) => e.disabled ? null : r("selectDay"))
+    }, B(e.cellNumber), 3));
+  }
+}, dt = { class: "flex flex-row" }, mt = { class: "text-steel-800 dark:text-content-muted text-center h-4 text-style-label-small mb-[15px] w-[40px]" }, pt = { class: "rounded-[10px] bg-surface-raised w-fit" }, ht = { class: "flex flex-row border-t-[1px] border-steel-400 dark:border-line-strong border-l-[1px] border-r-[1px] first-of-type:rounded-t-[10px] last-of-type:border-b-[1px] last-of-type:rounded-b-[10px] overflow-hidden" }, gt = {
+  __name: "DateGrid",
+  props: {
+    year: {
+      type: Number,
+      required: !0
+    },
+    month: {
+      type: Number,
+      required: !0
+    },
+    rows: {
+      type: Number,
+      required: !1,
+      default: 6
+    },
+    selectedDate: {
+      type: [Date, String],
+      required: !1,
+      default: null
+    }
+  },
+  emits: ["selectDay"],
+  setup(e, { emit: t }) {
+    const n = e, o = ["M", "T", "W", "T", "F", "S", "S"], r = S(() => {
+      const c = new Date(n.year, n.month, 1).getDay() - 1;
+      return c === -1 ? 6 : c;
+    }), s = S(() => new Date(n.year, n.month + 1, 0).getDate()), i = S(() => new Date(n.year, n.month, 0).getDate()), l = (c, f) => (c - 1) * 7 + f - r.value, a = (c, f) => {
+      var u = (c - 1) * 7 + f - r.value;
+      return u < 1 ? i.value + u : u > s.value ? u - s.value : u;
+    };
+    return (c, f) => (C(), A(H, null, [
+      V("div", dt, [
+        (C(), A(H, null, ne(o, (u) => V("div", mt, B(u), 1)), 64))
+      ]),
+      V("div", pt, [
+        (C(!0), A(H, null, ne(e.rows, (u) => (C(), A("div", ht, [
+          (C(), A(H, null, ne(7, (m) => ie(ft, {
+            cellNumber: a(u, m),
+            disabled: l(u, m) < 1 || l(u, m) > s.value,
+            onSelectDay: (d) => c.$emit("selectDay", new Date(n.year, n.month, a(u, m))),
+            isCurrentDay: l(u, m) == (/* @__PURE__ */ new Date()).getDate() && n.month == (/* @__PURE__ */ new Date()).getMonth() && n.year == (/* @__PURE__ */ new Date()).getFullYear(),
+            isSelected: e.selectedDate instanceof Date && e.selectedDate.getDate() == a(u, m) && e.selectedDate.getMonth() == n.month && e.selectedDate.getFullYear() == n.year && l(u, m) > 0 && l(u, m) <= s.value
+          }, null, 8, ["cellNumber", "disabled", "onSelectDay", "isCurrentDay", "isSelected"])), 64))
+        ]))), 256))
+      ])
+    ], 64));
+  }
+}, vt = { class: "grid grid-cols-3 gap-[5px]" }, yt = ["onClick"], xt = {
+  __name: "MonthPicker",
+  props: {
+    month: {
+      type: Number,
+      required: !0
+    },
+    year: {
+      type: Number,
+      required: !0
+    }
+  },
+  emits: ["selectMonth"],
+  setup(e, { emit: t }) {
+    const n = e, o = t, r = ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"], s = /* @__PURE__ */ new Date(), i = (a) => a === s.getMonth() && n.year === s.getFullYear(), l = (a) => a === n.month ? "bg-app-950 text-white" : i(a) ? "bg-black-950 text-white hover:bg-app-300 hover:text-black-950" : "bg-surface-raised text-black-950 dark:text-content hover:bg-app-300 hover:text-black-950";
+    return (a, c) => (C(), A("div", vt, [
+      (C(), A(H, null, ne(r, (f, u) => V("div", {
+        key: f,
+        class: De(["flex flex-wrap justify-center content-center text-style-label-small h-[50px] rounded-[10px] cursor-pointer", l(u)]),
+        onClick: (m) => o("selectMonth", u)
+      }, B(f), 11, yt)), 64))
+    ]));
+  }
+}, wt = { class: "grid grid-cols-3 gap-[5px]" }, bt = ["onClick"], Dt = {
+  __name: "YearPicker",
+  props: {
+    year: {
+      type: Number,
+      required: !0
+    },
+    startYear: {
+      type: Number,
+      required: !0
+    },
+    count: {
+      type: Number,
+      required: !1,
+      default: 12
+    }
+  },
+  emits: ["selectYear"],
+  setup(e, { emit: t }) {
+    const n = e, o = t, r = S(() => Array.from({ length: n.count }, (l, a) => n.startYear + a)), s = (/* @__PURE__ */ new Date()).getFullYear(), i = (l) => l === n.year ? "bg-app-950 text-white" : l === s ? "bg-black-950 text-white hover:bg-app-300 hover:text-black-950" : "bg-surface-raised text-black-950 dark:text-content hover:bg-app-300 hover:text-black-950";
+    return (l, a) => (C(), A("div", wt, [
+      (C(!0), A(H, null, ne(r.value, (c) => (C(), A("div", {
+        key: c,
+        class: De(["flex flex-wrap justify-center content-center text-style-label-small h-[50px] rounded-[10px] cursor-pointer", i(c)]),
+        onClick: (f) => o("selectYear", c)
+      }, B(c), 11, bt))), 128))
+    ]));
+  }
+}, le = Math.min, I = Math.max, ce = Math.round, se = Math.floor, T = (e) => ({
+  x: e,
+  y: e
+}), Ct = {
+  left: "right",
+  right: "left",
+  bottom: "top",
+  top: "bottom"
+}, kt = {
+  start: "end",
+  end: "start"
+};
+function Me(e, t, n) {
+  return I(e, le(t, n));
+}
+function fe(e, t) {
+  return typeof e == "function" ? e(t) : e;
+}
+function j(e) {
+  return e.split("-")[0];
+}
+function de(e) {
+  return e.split("-")[1];
+}
+function We(e) {
+  return e === "x" ? "y" : "x";
+}
+function qe(e) {
+  return e === "y" ? "height" : "width";
+}
+const At = /* @__PURE__ */ new Set(["top", "bottom"]);
+function Y(e) {
+  return At.has(j(e)) ? "y" : "x";
+}
+function ze(e) {
+  return We(Y(e));
+}
+function St(e, t, n) {
+  n === void 0 && (n = !1);
+  const o = de(e), r = ze(e), s = qe(r);
+  let i = r === "x" ? o === (n ? "end" : "start") ? "right" : "left" : o === "start" ? "bottom" : "top";
+  return t.reference[s] > t.floating[s] && (i = ae(i)), [i, ae(i)];
+}
+function Rt(e) {
+  const t = ae(e);
+  return [we(e), t, we(t)];
+}
+function we(e) {
+  return e.replace(/start|end/g, (t) => kt[t]);
+}
+const Le = ["left", "right"], Te = ["right", "left"], Ot = ["top", "bottom"], _t = ["bottom", "top"];
+function Et(e, t, n) {
+  switch (e) {
+    case "top":
+    case "bottom":
+      return n ? t ? Te : Le : t ? Le : Te;
+    case "left":
+    case "right":
+      return t ? Ot : _t;
+    default:
+      return [];
+  }
+}
+function Mt(e, t, n, o) {
+  const r = de(e);
+  let s = Et(j(e), n === "start", o);
+  return r && (s = s.map((i) => i + "-" + r), t && (s = s.concat(s.map(we)))), s;
+}
+function ae(e) {
+  return e.replace(/left|right|bottom|top/g, (t) => Ct[t]);
+}
+function Lt(e) {
+  return {
+    top: 0,
+    right: 0,
+    bottom: 0,
+    left: 0,
+    ...e
+  };
+}
+function Tt(e) {
+  return typeof e != "number" ? Lt(e) : {
+    top: e,
+    right: e,
+    bottom: e,
+    left: e
+  };
+}
+function ue(e) {
+  const {
+    x: t,
+    y: n,
+    width: o,
+    height: r
+  } = e;
+  return {
+    width: o,
+    height: r,
+    top: n,
+    left: t,
+    right: t + o,
+    bottom: n + r,
+    x: t,
+    y: n
+  };
+}
+function Ne(e, t, n) {
+  let {
+    reference: o,
+    floating: r
+  } = e;
+  const s = Y(t), i = ze(t), l = qe(i), a = j(t), c = s === "y", f = o.x + o.width / 2 - r.width / 2, u = o.y + o.height / 2 - r.height / 2, m = o[l] / 2 - r[l] / 2;
+  let d;
+  switch (a) {
+    case "top":
+      d = {
+        x: f,
+        y: o.y - r.height
+      };
+      break;
+    case "bottom":
+      d = {
+        x: f,
+        y: o.y + o.height
+      };
+      break;
+    case "right":
+      d = {
+        x: o.x + o.width,
+        y: u
+      };
+      break;
+    case "left":
+      d = {
+        x: o.x - r.width,
+        y: u
+      };
+      break;
+    default:
+      d = {
+        x: o.x,
+        y: o.y
+      };
+  }
+  switch (de(t)) {
+    case "start":
+      d[i] -= m * (n && c ? -1 : 1);
+      break;
+    case "end":
+      d[i] += m * (n && c ? -1 : 1);
+      break;
+  }
+  return d;
+}
+const Nt = async (e, t, n) => {
+  const {
+    placement: o = "bottom",
+    strategy: r = "absolute",
+    middleware: s = [],
+    platform: i
+  } = n, l = s.filter(Boolean), a = await (i.isRTL == null ? void 0 : i.isRTL(t));
+  let c = await i.getElementRects({
+    reference: e,
+    floating: t,
+    strategy: r
+  }), {
+    x: f,
+    y: u
+  } = Ne(c, o, a), m = o, d = {}, h = 0;
+  for (let y = 0; y < l.length; y++) {
+    const {
+      name: v,
+      fn: g
+    } = l[y], {
+      x,
+      y: w,
+      data: D,
+      reset: b
+    } = await g({
+      x: f,
+      y: u,
+      initialPlacement: o,
+      placement: m,
+      strategy: r,
+      middlewareData: d,
+      rects: c,
+      platform: i,
+      elements: {
+        reference: e,
+        floating: t
+      }
+    });
+    f = x ?? f, u = w ?? u, d = {
+      ...d,
+      [v]: {
+        ...d[v],
+        ...D
+      }
+    }, b && h <= 50 && (h++, typeof b == "object" && (b.placement && (m = b.placement), b.rects && (c = b.rects === !0 ? await i.getElementRects({
+      reference: e,
+      floating: t,
+      strategy: r
+    }) : b.rects), {
+      x: f,
+      y: u
+    } = Ne(c, m, a)), y = -1);
+  }
+  return {
+    x: f,
+    y: u,
+    placement: m,
+    strategy: r,
+    middlewareData: d
+  };
+};
+async function He(e, t) {
+  var n;
+  t === void 0 && (t = {});
+  const {
+    x: o,
+    y: r,
+    platform: s,
+    rects: i,
+    elements: l,
+    strategy: a
+  } = e, {
+    boundary: c = "clippingAncestors",
+    rootBoundary: f = "viewport",
+    elementContext: u = "floating",
+    altBoundary: m = !1,
+    padding: d = 0
+  } = fe(t, e), h = Tt(d), v = l[m ? u === "floating" ? "reference" : "floating" : u], g = ue(await s.getClippingRect({
+    element: (n = await (s.isElement == null ? void 0 : s.isElement(v))) == null || n ? v : v.contextElement || await (s.getDocumentElement == null ? void 0 : s.getDocumentElement(l.floating)),
+    boundary: c,
+    rootBoundary: f,
+    strategy: a
+  })), x = u === "floating" ? {
+    x: o,
+    y: r,
+    width: i.floating.width,
+    height: i.floating.height
+  } : i.reference, w = await (s.getOffsetParent == null ? void 0 : s.getOffsetParent(l.floating)), D = await (s.isElement == null ? void 0 : s.isElement(w)) ? await (s.getScale == null ? void 0 : s.getScale(w)) || {
+    x: 1,
+    y: 1
+  } : {
+    x: 1,
+    y: 1
+  }, b = ue(s.convertOffsetParentRelativeRectToViewportRelativeRect ? await s.convertOffsetParentRelativeRectToViewportRelativeRect({
+    elements: l,
+    rect: x,
+    offsetParent: w,
+    strategy: a
+  }) : x);
+  return {
+    top: (g.top - b.top + h.top) / D.y,
+    bottom: (b.bottom - g.bottom + h.bottom) / D.y,
+    left: (g.left - b.left + h.left) / D.x,
+    right: (b.right - g.right + h.right) / D.x
+  };
+}
+const Pt = function(e) {
+  return e === void 0 && (e = {}), {
+    name: "flip",
+    options: e,
+    async fn(t) {
+      var n, o;
+      const {
+        placement: r,
+        middlewareData: s,
+        rects: i,
+        initialPlacement: l,
+        platform: a,
+        elements: c
+      } = t, {
+        mainAxis: f = !0,
+        crossAxis: u = !0,
+        fallbackPlacements: m,
+        fallbackStrategy: d = "bestFit",
+        fallbackAxisSideDirection: h = "none",
+        flipAlignment: y = !0,
+        ...v
+      } = fe(e, t);
+      if ((n = s.arrow) != null && n.alignmentOffset)
+        return {};
+      const g = j(r), x = Y(l), w = j(l) === l, D = await (a.isRTL == null ? void 0 : a.isRTL(c.floating)), b = m || (w || !y ? [ae(l)] : Rt(l)), L = h !== "none";
+      !m && L && b.push(...Mt(l, y, h, D));
+      const p = [l, ...b], k = await He(t, v), F = [];
+      let U = ((o = s.flip) == null ? void 0 : o.overflows) || [];
+      if (f && F.push(k[g]), u) {
+        const q = St(r, i, D);
+        F.push(k[q[0]], k[q[1]]);
+      }
+      if (U = [...U, {
+        placement: r,
+        overflows: F
+      }], !F.every((q) => q <= 0)) {
+        var Oe, _e;
+        const q = (((Oe = s.flip) == null ? void 0 : Oe.index) || 0) + 1, ge = p[q];
+        if (ge && (!(u === "alignment" ? x !== Y(ge) : !1) || // We leave the current main axis only if every placement on that axis
+        // overflows the main axis.
+        U.every((_) => _.overflows[0] > 0 && Y(_.placement) === x)))
+          return {
+            data: {
+              index: q,
+              overflows: U
+            },
+            reset: {
+              placement: ge
+            }
+          };
+        let Z = (_e = U.filter((z) => z.overflows[0] <= 0).sort((z, _) => z.overflows[1] - _.overflows[1])[0]) == null ? void 0 : _e.placement;
+        if (!Z)
+          switch (d) {
+            case "bestFit": {
+              var Ee;
+              const z = (Ee = U.filter((_) => {
+                if (L) {
+                  const $ = Y(_.placement);
+                  return $ === x || // Create a bias to the `y` side axis due to horizontal
+                  // reading directions favoring greater width.
+                  $ === "y";
+                }
+                return !0;
+              }).map((_) => [_.placement, _.overflows.filter(($) => $ > 0).reduce(($, Ze) => $ + Ze, 0)]).sort((_, $) => _[1] - $[1])[0]) == null ? void 0 : Ee[0];
+              z && (Z = z);
+              break;
+            }
+            case "initialPlacement":
+              Z = l;
+              break;
+          }
+        if (r !== Z)
+          return {
+            reset: {
+              placement: Z
+            }
+          };
+      }
+      return {};
+    }
+  };
+}, Ft = /* @__PURE__ */ new Set(["left", "top"]);
+async function Vt(e, t) {
+  const {
+    placement: n,
+    platform: o,
+    elements: r
+  } = e, s = await (o.isRTL == null ? void 0 : o.isRTL(r.floating)), i = j(n), l = de(n), a = Y(n) === "y", c = Ft.has(i) ? -1 : 1, f = s && a ? -1 : 1, u = fe(t, e);
+  let {
+    mainAxis: m,
+    crossAxis: d,
+    alignmentAxis: h
+  } = typeof u == "number" ? {
+    mainAxis: u,
+    crossAxis: 0,
+    alignmentAxis: null
+  } : {
+    mainAxis: u.mainAxis || 0,
+    crossAxis: u.crossAxis || 0,
+    alignmentAxis: u.alignmentAxis
+  };
+  return l && typeof h == "number" && (d = l === "end" ? h * -1 : h), a ? {
+    x: d * f,
+    y: m * c
+  } : {
+    x: m * c,
+    y: d * f
+  };
+}
+const $t = function(e) {
+  return e === void 0 && (e = 0), {
+    name: "offset",
+    options: e,
+    async fn(t) {
+      var n, o;
+      const {
+        x: r,
+        y: s,
+        placement: i,
+        middlewareData: l
+      } = t, a = await Vt(t, e);
+      return i === ((n = l.offset) == null ? void 0 : n.placement) && (o = l.arrow) != null && o.alignmentOffset ? {} : {
+        x: r + a.x,
+        y: s + a.y,
+        data: {
+          ...a,
+          placement: i
+        }
+      };
+    }
+  };
+}, Bt = function(e) {
+  return e === void 0 && (e = {}), {
+    name: "shift",
+    options: e,
+    async fn(t) {
+      const {
+        x: n,
+        y: o,
+        placement: r
+      } = t, {
+        mainAxis: s = !0,
+        crossAxis: i = !1,
+        limiter: l = {
+          fn: (v) => {
+            let {
+              x: g,
+              y: x
+            } = v;
+            return {
+              x: g,
+              y: x
+            };
+          }
+        },
+        ...a
+      } = fe(e, t), c = {
+        x: n,
+        y: o
+      }, f = await He(t, a), u = Y(j(r)), m = We(u);
+      let d = c[m], h = c[u];
+      if (s) {
+        const v = m === "y" ? "top" : "left", g = m === "y" ? "bottom" : "right", x = d + f[v], w = d - f[g];
+        d = Me(x, d, w);
+      }
+      if (i) {
+        const v = u === "y" ? "top" : "left", g = u === "y" ? "bottom" : "right", x = h + f[v], w = h - f[g];
+        h = Me(x, h, w);
+      }
+      const y = l.fn({
+        ...t,
+        [m]: d,
+        [u]: h
+      });
+      return {
+        ...y,
+        data: {
+          x: y.x - n,
+          y: y.y - o,
+          enabled: {
+            [m]: s,
+            [u]: i
+          }
+        }
+      };
+    }
+  };
+};
+function me() {
+  return typeof window < "u";
+}
+function X(e) {
+  return Ce(e) ? (e.nodeName || "").toLowerCase() : "#document";
+}
+function R(e) {
+  var t;
+  return (e == null || (t = e.ownerDocument) == null ? void 0 : t.defaultView) || window;
+}
+function P(e) {
+  var t;
+  return (t = (Ce(e) ? e.ownerDocument : e.document) || window.document) == null ? void 0 : t.documentElement;
+}
+function Ce(e) {
+  return me() ? e instanceof Node || e instanceof R(e).Node : !1;
+}
+function E(e) {
+  return me() ? e instanceof Element || e instanceof R(e).Element : !1;
+}
+function N(e) {
+  return me() ? e instanceof HTMLElement || e instanceof R(e).HTMLElement : !1;
+}
+function Pe(e) {
+  return !me() || typeof ShadowRoot > "u" ? !1 : e instanceof ShadowRoot || e instanceof R(e).ShadowRoot;
+}
+const Yt = /* @__PURE__ */ new Set(["inline", "contents"]);
+function re(e) {
+  const {
+    overflow: t,
+    overflowX: n,
+    overflowY: o,
+    display: r
+  } = M(e);
+  return /auto|scroll|overlay|hidden|clip/.test(t + o + n) && !Yt.has(r);
+}
+const Wt = /* @__PURE__ */ new Set(["table", "td", "th"]);
+function qt(e) {
+  return Wt.has(X(e));
+}
+const zt = [":popover-open", ":modal"];
+function pe(e) {
+  return zt.some((t) => {
+    try {
+      return e.matches(t);
+    } catch {
+      return !1;
+    }
+  });
+}
+const Ht = ["transform", "translate", "scale", "rotate", "perspective"], It = ["transform", "translate", "scale", "rotate", "perspective", "filter"], jt = ["paint", "layout", "strict", "content"];
+function ke(e) {
+  const t = Ae(), n = E(e) ? M(e) : e;
+  return Ht.some((o) => n[o] ? n[o] !== "none" : !1) || (n.containerType ? n.containerType !== "normal" : !1) || !t && (n.backdropFilter ? n.backdropFilter !== "none" : !1) || !t && (n.filter ? n.filter !== "none" : !1) || It.some((o) => (n.willChange || "").includes(o)) || jt.some((o) => (n.contain || "").includes(o));
+}
+function Jt(e) {
+  let t = W(e);
+  for (; N(t) && !Q(t); ) {
+    if (ke(t))
+      return t;
+    if (pe(t))
+      return null;
+    t = W(t);
+  }
+  return null;
+}
+function Ae() {
+  return typeof CSS > "u" || !CSS.supports ? !1 : CSS.supports("-webkit-backdrop-filter", "none");
+}
+const Xt = /* @__PURE__ */ new Set(["html", "body", "#document"]);
+function Q(e) {
+  return Xt.has(X(e));
+}
+function M(e) {
+  return R(e).getComputedStyle(e);
+}
+function he(e) {
+  return E(e) ? {
+    scrollLeft: e.scrollLeft,
+    scrollTop: e.scrollTop
+  } : {
+    scrollLeft: e.scrollX,
+    scrollTop: e.scrollY
+  };
+}
+function W(e) {
+  if (X(e) === "html")
+    return e;
+  const t = (
+    // Step into the shadow DOM of the parent of a slotted node.
+    e.assignedSlot || // DOM Element detected.
+    e.parentNode || // ShadowRoot detected.
+    Pe(e) && e.host || // Fallback.
+    P(e)
+  );
+  return Pe(t) ? t.host : t;
+}
+function Ie(e) {
+  const t = W(e);
+  return Q(t) ? e.ownerDocument ? e.ownerDocument.body : e.body : N(t) && re(t) ? t : Ie(t);
+}
+function oe(e, t, n) {
+  var o;
+  t === void 0 && (t = []), n === void 0 && (n = !0);
+  const r = Ie(e), s = r === ((o = e.ownerDocument) == null ? void 0 : o.body), i = R(r);
+  if (s) {
+    const l = be(i);
+    return t.concat(i, i.visualViewport || [], re(r) ? r : [], l && n ? oe(l) : []);
+  }
+  return t.concat(r, oe(r, [], n));
+}
+function be(e) {
+  return e.parent && Object.getPrototypeOf(e.parent) ? e.frameElement : null;
+}
+function je(e) {
+  const t = M(e);
+  let n = parseFloat(t.width) || 0, o = parseFloat(t.height) || 0;
+  const r = N(e), s = r ? e.offsetWidth : n, i = r ? e.offsetHeight : o, l = ce(n) !== s || ce(o) !== i;
+  return l && (n = s, o = i), {
+    width: n,
+    height: o,
+    $: l
+  };
+}
+function Se(e) {
+  return E(e) ? e : e.contextElement;
+}
+function K(e) {
+  const t = Se(e);
+  if (!N(t))
+    return T(1);
+  const n = t.getBoundingClientRect(), {
+    width: o,
+    height: r,
+    $: s
+  } = je(t);
+  let i = (s ? ce(n.width) : n.width) / o, l = (s ? ce(n.height) : n.height) / r;
+  return (!i || !Number.isFinite(i)) && (i = 1), (!l || !Number.isFinite(l)) && (l = 1), {
+    x: i,
+    y: l
+  };
+}
+const Ut = /* @__PURE__ */ T(0);
+function Je(e) {
+  const t = R(e);
+  return !Ae() || !t.visualViewport ? Ut : {
+    x: t.visualViewport.offsetLeft,
+    y: t.visualViewport.offsetTop
+  };
+}
+function Gt(e, t, n) {
+  return t === void 0 && (t = !1), !n || t && n !== R(e) ? !1 : t;
+}
+function J(e, t, n, o) {
+  t === void 0 && (t = !1), n === void 0 && (n = !1);
+  const r = e.getBoundingClientRect(), s = Se(e);
+  let i = T(1);
+  t && (o ? E(o) && (i = K(o)) : i = K(e));
+  const l = Gt(s, n, o) ? Je(s) : T(0);
+  let a = (r.left + l.x) / i.x, c = (r.top + l.y) / i.y, f = r.width / i.x, u = r.height / i.y;
+  if (s) {
+    const m = R(s), d = o && E(o) ? R(o) : o;
+    let h = m, y = be(h);
+    for (; y && o && d !== h; ) {
+      const v = K(y), g = y.getBoundingClientRect(), x = M(y), w = g.left + (y.clientLeft + parseFloat(x.paddingLeft)) * v.x, D = g.top + (y.clientTop + parseFloat(x.paddingTop)) * v.y;
+      a *= v.x, c *= v.y, f *= v.x, u *= v.y, a += w, c += D, h = R(y), y = be(h);
+    }
+  }
+  return ue({
+    width: f,
+    height: u,
+    x: a,
+    y: c
+  });
+}
+function Re(e, t) {
+  const n = he(e).scrollLeft;
+  return t ? t.left + n : J(P(e)).left + n;
+}
+function Xe(e, t, n) {
+  n === void 0 && (n = !1);
+  const o = e.getBoundingClientRect(), r = o.left + t.scrollLeft - (n ? 0 : (
+    // RTL <body> scrollbar.
+    Re(e, o)
+  )), s = o.top + t.scrollTop;
+  return {
+    x: r,
+    y: s
+  };
+}
+function Kt(e) {
+  let {
+    elements: t,
+    rect: n,
+    offsetParent: o,
+    strategy: r
+  } = e;
+  const s = r === "fixed", i = P(o), l = t ? pe(t.floating) : !1;
+  if (o === i || l && s)
+    return n;
+  let a = {
+    scrollLeft: 0,
+    scrollTop: 0
+  }, c = T(1);
+  const f = T(0), u = N(o);
+  if ((u || !u && !s) && ((X(o) !== "body" || re(i)) && (a = he(o)), N(o))) {
+    const d = J(o);
+    c = K(o), f.x = d.x + o.clientLeft, f.y = d.y + o.clientTop;
+  }
+  const m = i && !u && !s ? Xe(i, a, !0) : T(0);
+  return {
+    width: n.width * c.x,
+    height: n.height * c.y,
+    x: n.x * c.x - a.scrollLeft * c.x + f.x + m.x,
+    y: n.y * c.y - a.scrollTop * c.y + f.y + m.y
+  };
+}
+function Qt(e) {
+  return Array.from(e.getClientRects());
+}
+function Zt(e) {
+  const t = P(e), n = he(e), o = e.ownerDocument.body, r = I(t.scrollWidth, t.clientWidth, o.scrollWidth, o.clientWidth), s = I(t.scrollHeight, t.clientHeight, o.scrollHeight, o.clientHeight);
+  let i = -n.scrollLeft + Re(e);
+  const l = -n.scrollTop;
+  return M(o).direction === "rtl" && (i += I(t.clientWidth, o.clientWidth) - r), {
+    width: r,
+    height: s,
+    x: i,
+    y: l
+  };
+}
+function en(e, t) {
+  const n = R(e), o = P(e), r = n.visualViewport;
+  let s = o.clientWidth, i = o.clientHeight, l = 0, a = 0;
+  if (r) {
+    s = r.width, i = r.height;
+    const c = Ae();
+    (!c || c && t === "fixed") && (l = r.offsetLeft, a = r.offsetTop);
+  }
+  return {
+    width: s,
+    height: i,
+    x: l,
+    y: a
+  };
+}
+const tn = /* @__PURE__ */ new Set(["absolute", "fixed"]);
+function nn(e, t) {
+  const n = J(e, !0, t === "fixed"), o = n.top + e.clientTop, r = n.left + e.clientLeft, s = N(e) ? K(e) : T(1), i = e.clientWidth * s.x, l = e.clientHeight * s.y, a = r * s.x, c = o * s.y;
+  return {
+    width: i,
+    height: l,
+    x: a,
+    y: c
+  };
+}
+function Fe(e, t, n) {
+  let o;
+  if (t === "viewport")
+    o = en(e, n);
+  else if (t === "document")
+    o = Zt(P(e));
+  else if (E(t))
+    o = nn(t, n);
+  else {
+    const r = Je(e);
+    o = {
+      x: t.x - r.x,
+      y: t.y - r.y,
+      width: t.width,
+      height: t.height
+    };
+  }
+  return ue(o);
+}
+function Ue(e, t) {
+  const n = W(e);
+  return n === t || !E(n) || Q(n) ? !1 : M(n).position === "fixed" || Ue(n, t);
+}
+function on(e, t) {
+  const n = t.get(e);
+  if (n)
+    return n;
+  let o = oe(e, [], !1).filter((l) => E(l) && X(l) !== "body"), r = null;
+  const s = M(e).position === "fixed";
+  let i = s ? W(e) : e;
+  for (; E(i) && !Q(i); ) {
+    const l = M(i), a = ke(i);
+    !a && l.position === "fixed" && (r = null), (s ? !a && !r : !a && l.position === "static" && !!r && tn.has(r.position) || re(i) && !a && Ue(e, i)) ? o = o.filter((f) => f !== i) : r = l, i = W(i);
+  }
+  return t.set(e, o), o;
+}
+function rn(e) {
+  let {
+    element: t,
+    boundary: n,
+    rootBoundary: o,
+    strategy: r
+  } = e;
+  const i = [...n === "clippingAncestors" ? pe(t) ? [] : on(t, this._c) : [].concat(n), o], l = i[0], a = i.reduce((c, f) => {
+    const u = Fe(t, f, r);
+    return c.top = I(u.top, c.top), c.right = le(u.right, c.right), c.bottom = le(u.bottom, c.bottom), c.left = I(u.left, c.left), c;
+  }, Fe(t, l, r));
+  return {
+    width: a.right - a.left,
+    height: a.bottom - a.top,
+    x: a.left,
+    y: a.top
+  };
+}
+function sn(e) {
+  const {
+    width: t,
+    height: n
+  } = je(e);
+  return {
+    width: t,
+    height: n
+  };
+}
+function ln(e, t, n) {
+  const o = N(t), r = P(t), s = n === "fixed", i = J(e, !0, s, t);
+  let l = {
+    scrollLeft: 0,
+    scrollTop: 0
+  };
+  const a = T(0);
+  function c() {
+    a.x = Re(r);
+  }
+  if (o || !o && !s)
+    if ((X(t) !== "body" || re(r)) && (l = he(t)), o) {
+      const d = J(t, !0, s, t);
+      a.x = d.x + t.clientLeft, a.y = d.y + t.clientTop;
+    } else
+      r && c();
+  s && !o && r && c();
+  const f = r && !o && !s ? Xe(r, l) : T(0), u = i.left + l.scrollLeft - a.x - f.x, m = i.top + l.scrollTop - a.y - f.y;
+  return {
+    x: u,
+    y: m,
+    width: i.width,
+    height: i.height
+  };
+}
+function xe(e) {
+  return M(e).position === "static";
+}
+function Ve(e, t) {
+  if (!N(e) || M(e).position === "fixed")
+    return null;
+  if (t)
+    return t(e);
+  let n = e.offsetParent;
+  return P(e) === n && (n = n.ownerDocument.body), n;
+}
+function Ge(e, t) {
+  const n = R(e);
+  if (pe(e))
+    return n;
+  if (!N(e)) {
+    let r = W(e);
+    for (; r && !Q(r); ) {
+      if (E(r) && !xe(r))
+        return r;
+      r = W(r);
+    }
+    return n;
+  }
+  let o = Ve(e, t);
+  for (; o && qt(o) && xe(o); )
+    o = Ve(o, t);
+  return o && Q(o) && xe(o) && !ke(o) ? n : o || Jt(e) || n;
+}
+const cn = async function(e) {
+  const t = this.getOffsetParent || Ge, n = this.getDimensions, o = await n(e.floating);
+  return {
+    reference: ln(e.reference, await t(e.floating), e.strategy),
+    floating: {
+      x: 0,
+      y: 0,
+      width: o.width,
+      height: o.height
+    }
+  };
+};
+function an(e) {
+  return M(e).direction === "rtl";
+}
+const un = {
+  convertOffsetParentRelativeRectToViewportRelativeRect: Kt,
+  getDocumentElement: P,
+  getClippingRect: rn,
+  getOffsetParent: Ge,
+  getElementRects: cn,
+  getClientRects: Qt,
+  getDimensions: sn,
+  getScale: K,
+  isElement: E,
+  isRTL: an
+};
+function Ke(e, t) {
+  return e.x === t.x && e.y === t.y && e.width === t.width && e.height === t.height;
+}
+function fn(e, t) {
+  let n = null, o;
+  const r = P(e);
+  function s() {
+    var l;
+    clearTimeout(o), (l = n) == null || l.disconnect(), n = null;
+  }
+  function i(l, a) {
+    l === void 0 && (l = !1), a === void 0 && (a = 1), s();
+    const c = e.getBoundingClientRect(), {
+      left: f,
+      top: u,
+      width: m,
+      height: d
+    } = c;
+    if (l || t(), !m || !d)
+      return;
+    const h = se(u), y = se(r.clientWidth - (f + m)), v = se(r.clientHeight - (u + d)), g = se(f), w = {
+      rootMargin: -h + "px " + -y + "px " + -v + "px " + -g + "px",
+      threshold: I(0, le(1, a)) || 1
+    };
+    let D = !0;
+    function b(L) {
+      const p = L[0].intersectionRatio;
+      if (p !== a) {
+        if (!D)
+          return i();
+        p ? i(!1, p) : o = setTimeout(() => {
+          i(!1, 1e-7);
+        }, 1e3);
+      }
+      p === 1 && !Ke(c, e.getBoundingClientRect()) && i(), D = !1;
+    }
+    try {
+      n = new IntersectionObserver(b, {
+        ...w,
+        // Handle <iframe>s
+        root: r.ownerDocument
+      });
+    } catch {
+      n = new IntersectionObserver(b, w);
+    }
+    n.observe(e);
+  }
+  return i(!0), s;
+}
+function dn(e, t, n, o) {
+  o === void 0 && (o = {});
+  const {
+    ancestorScroll: r = !0,
+    ancestorResize: s = !0,
+    elementResize: i = typeof ResizeObserver == "function",
+    layoutShift: l = typeof IntersectionObserver == "function",
+    animationFrame: a = !1
+  } = o, c = Se(e), f = r || s ? [...c ? oe(c) : [], ...oe(t)] : [];
+  f.forEach((g) => {
+    r && g.addEventListener("scroll", n, {
+      passive: !0
+    }), s && g.addEventListener("resize", n);
+  });
+  const u = c && l ? fn(c, n) : null;
+  let m = -1, d = null;
+  i && (d = new ResizeObserver((g) => {
+    let [x] = g;
+    x && x.target === c && d && (d.unobserve(t), cancelAnimationFrame(m), m = requestAnimationFrame(() => {
+      var w;
+      (w = d) == null || w.observe(t);
+    })), n();
+  }), c && !a && d.observe(c), d.observe(t));
+  let h, y = a ? J(e) : null;
+  a && v();
+  function v() {
+    const g = J(e);
+    y && !Ke(y, g) && n(), y = g, h = requestAnimationFrame(v);
+  }
+  return n(), () => {
+    var g;
+    f.forEach((x) => {
+      r && x.removeEventListener("scroll", n), s && x.removeEventListener("resize", n);
+    }), u == null || u(), (g = d) == null || g.disconnect(), d = null, a && cancelAnimationFrame(h);
+  };
+}
+const mn = $t, pn = Bt, hn = Pt, gn = (e, t, n) => {
+  const o = /* @__PURE__ */ new Map(), r = {
+    platform: un,
+    ...n
+  }, s = {
+    ...r.platform,
+    _c: o
+  };
+  return Nt(e, t, {
+    ...r,
+    platform: s
+  });
+};
+function vn(e) {
+  return e != null && typeof e == "object" && "$el" in e;
+}
+function $e(e) {
+  if (vn(e)) {
+    const t = e.$el;
+    return Ce(t) && X(t) === "#comment" ? null : t;
+  }
+  return e;
+}
+function ee(e) {
+  return typeof e == "function" ? e() : Ye(e);
+}
+function Qe(e) {
+  return typeof window > "u" ? 1 : (e.ownerDocument.defaultView || window).devicePixelRatio || 1;
+}
+function Be(e, t) {
+  const n = Qe(e);
+  return Math.round(t * n) / n;
+}
+function yn(e, t, n) {
+  n === void 0 && (n = {});
+  const o = n.whileElementsMounted, r = S(() => {
+    var p;
+    return (p = ee(n.open)) != null ? p : !0;
+  }), s = S(() => ee(n.middleware)), i = S(() => {
+    var p;
+    return (p = ee(n.placement)) != null ? p : "bottom";
+  }), l = S(() => {
+    var p;
+    return (p = ee(n.strategy)) != null ? p : "absolute";
+  }), a = S(() => {
+    var p;
+    return (p = ee(n.transform)) != null ? p : !0;
+  }), c = S(() => $e(e.value)), f = S(() => $e(t.value)), u = O(0), m = O(0), d = O(l.value), h = O(i.value), y = et({}), v = O(!1), g = S(() => {
+    const p = {
+      position: d.value,
+      left: "0",
+      top: "0"
+    };
+    if (!f.value)
+      return p;
+    const k = Be(f.value, u.value), F = Be(f.value, m.value);
+    return a.value ? {
+      ...p,
+      transform: "translate(" + k + "px, " + F + "px)",
+      ...Qe(f.value) >= 1.5 && {
+        willChange: "transform"
+      }
+    } : {
+      position: d.value,
+      left: k + "px",
+      top: F + "px"
+    };
+  });
+  let x;
+  function w() {
+    if (c.value == null || f.value == null)
+      return;
+    const p = r.value;
+    gn(c.value, f.value, {
+      middleware: s.value,
+      placement: i.value,
+      strategy: l.value
+    }).then((k) => {
+      u.value = k.x, m.value = k.y, d.value = k.strategy, h.value = k.placement, y.value = k.middlewareData, v.value = p !== !1;
+    });
+  }
+  function D() {
+    typeof x == "function" && (x(), x = void 0);
+  }
+  function b() {
+    if (D(), o === void 0) {
+      w();
+      return;
+    }
+    if (c.value != null && f.value != null) {
+      x = o(c.value, f.value, w);
+      return;
+    }
+  }
+  function L() {
+    r.value || (v.value = !1);
+  }
+  return ve([s, i, l, r], w, {
+    flush: "sync"
+  }), ve([c, f], b, {
+    flush: "sync"
+  }), ve(r, L, {
+    flush: "sync"
+  }), tt() && nt(D), {
+    x: G(u),
+    y: G(m),
+    strategy: G(d),
+    placement: G(h),
+    middlewareData: G(y),
+    isPositioned: G(v),
+    floatingStyles: g,
+    update: w
+  };
+}
+const xn = { class: "flex flex-col w-full" }, wn = { class: "flex flex-row mb-[15px] justify-between items-center" }, bn = { class: "flex flex-row items-center gap-[8px]" }, Dn = {
+  key: 2,
+  class: "text-style-label"
+}, te = 12, Rn = {
+  __name: "DatePicker",
+  props: /* @__PURE__ */ ot({
+    year: {
+      type: Number,
+      required: !1,
+      default: (/* @__PURE__ */ new Date()).getFullYear()
+    },
+    month: {
+      type: Number,
+      required: !1,
+      default: (/* @__PURE__ */ new Date()).getMonth()
+    }
+  }, {
+    modelValue: {},
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(e) {
+    const t = e, n = ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"], o = rt(e, "modelValue"), r = O(null), s = O(null), { floatingStyles: i } = yn(r, s, {
+      placement: "bottom-start",
+      middleware: [mn(8), hn(), pn()],
+      whileElementsMounted: dn
+    }), l = (p) => p instanceof Date ? p : typeof p == "string" && p ? new Date(p) : null, a = (p) => {
+      o.value = p;
+    }, c = O(t.month), f = O(t.year), u = O(!1), m = O("days"), d = O(h(t.year));
+    function h(p) {
+      return Math.floor(p / te) * te;
+    }
+    const y = S(() => `${d.value} – ${d.value + te - 1}`), v = (p) => {
+      m.value === "days" ? g(p) : m.value === "months" ? f.value += p : d.value += p * te;
+    }, g = (p) => {
+      c.value += p, c.value < 0 && (c.value = 11, f.value -= 1), c.value > 11 && (c.value = 0, f.value += 1);
+    }, x = () => {
+      m.value = "months";
+    }, w = () => {
+      d.value = h(f.value), m.value = "years";
+    }, D = (p) => {
+      c.value = p, m.value = "days";
+    }, b = (p) => {
+      f.value = p, m.value = "days";
+    }, L = () => {
+      const p = l(o.value);
+      p && (c.value = p.getMonth(), f.value = p.getFullYear()), d.value = h(f.value), m.value = "days", u.value = !u.value;
+    };
+    return (p, k) => (C(), A("div", xn, [
+      V("div", {
+        ref_key: "referenceEl",
+        ref: r
+      }, [
+        st(p.$slots, "button", { openCalendar: L }, () => [
+          ie(ut, {
+            class: "text-steel-950 dark:text-content-muted cursor-pointer",
+            onClick: L
+          })
+        ])
+      ], 512),
+      u.value ? (C(), A("div", {
+        key: 0,
+        ref_key: "floatingEl",
+        ref: s,
+        class: "w-[310px] p-[15px] rounded-[20px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12),0_2px_10px_0_rgba(0,0,0,0.12)] z-50 bg-surface-raised",
+        style: it(Ye(i))
+      }, [
+        V("div", wn, [
+          ie(ct, {
+            class: "text-steel-800 dark:text-content-muted cursor-pointer",
+            onClick: k[0] || (k[0] = (F) => v(-1))
+          }),
+          V("div", bn, [
+            m.value === "days" ? (C(), A(H, { key: 0 }, [
+              V("button", {
+                type: "button",
+                class: "text-style-label hover:text-app-950 dark:hover:text-app-300 cursor-pointer",
+                onClick: x
+              }, B(n[c.value]), 1),
+              V("button", {
+                type: "button",
+                class: "text-style-label hover:text-app-950 dark:hover:text-app-300 cursor-pointer",
+                onClick: w
+              }, B(f.value), 1)
+            ], 64)) : m.value === "months" ? (C(), A("button", {
+              key: 1,
+              type: "button",
+              class: "text-style-label hover:text-app-950 dark:hover:text-app-300 cursor-pointer",
+              onClick: w
+            }, B(f.value), 1)) : (C(), A("p", Dn, B(y.value), 1))
+          ]),
+          ie(at, {
+            class: "text-steel-800 dark:text-content-muted cursor-pointer",
+            onClick: k[1] || (k[1] = (F) => v(1))
+          })
+        ]),
+        m.value === "days" ? (C(), ye(gt, {
+          key: 0,
+          year: f.value,
+          month: c.value,
+          onSelectDay: a,
+          selectedDate: l(o.value)
+        }, null, 8, ["year", "month", "selectedDate"])) : m.value === "months" ? (C(), ye(xt, {
+          key: 1,
+          month: c.value,
+          year: f.value,
+          onSelectMonth: D
+        }, null, 8, ["month", "year"])) : (C(), ye(Dt, {
+          key: 2,
+          year: f.value,
+          startYear: d.value,
+          count: te,
+          onSelectYear: b
+        }, null, 8, ["year", "startYear"]))
+      ], 4)) : lt("", !0)
+    ]));
+  }
+};
+export {
+  Rn as _,
+  gt as a,
+  xt as b,
+  Dt as c
+};