@farris/ui-vue 1.0.0-beta.5 → 1.0.0

package/date-picker/index.esm.js

@@ -1,9 +1,9 @@
-import { defineComponent as G, ref as o, computed as O, watch as J, createVNode as v, Fragment as se, createTextVNode as ne, mergeProps as ee, Teleport as dt, withDirectives as ft, vShow as yt, resolveComponent as vt } from "vue";
-const ae = ["Sun.", "Mon.", "Tue.", "Wed.", "Thur", "Fri.", "Sat."];
-var q = /* @__PURE__ */ ((e) => (e[e.previous = 1] = "previous", e[e.current = 2] = "current", e[e.next = 3] = "next", e))(q || {});
-const ht = {
+import { defineComponent as ee, ref as l, computed as x, watch as G, createVNode as b, Fragment as Ve, createTextVNode as Te, mergeProps as ue, Teleport as qe, createApp as Pt, onUnmounted as ze, nextTick as se, withDirectives as He, vShow as Ke, onMounted as De, inject as wt } from "vue";
+const ce = ["Sun.", "Mon.", "Tue.", "Wed.", "Thur", "Fri.", "Sat."];
+var X = /* @__PURE__ */ ((e) => (e[e.previous = 1] = "previous", e[e.current = 2] = "current", e[e.next = 3] = "next", e))(X || {});
+const Bt = {
   dates: { Type: Array, default: [] },
-  daysInWeek: { Type: Array, default: ae },
+  daysInWeek: { Type: Array, default: ce },
   enableKeyboadNavigate: { Type: Boolean, default: !0 },
   enableMarkCurrent: { Type: Boolean, default: !0 },
   enablePeriod: { Type: Boolean, default: !1 },
@@ -15,241 +15,241 @@ const ht = {
   showWeekNumber: { Type: Boolean, default: !1 },
   weekTitle: { Type: String, default: "Week" }
 };
-var H = /* @__PURE__ */ ((e) => (e[e.enter = 13] = "enter", e[e.esc = 27] = "esc", e[e.space = 32] = "space", e[e.leftArrow = 37] = "leftArrow", e[e.upArrow = 38] = "upArrow", e[e.rightArrow = 39] = "rightArrow", e[e.downArrow = 40] = "downArrow", e[e.tab = 9] = "tab", e[e.shift = 16] = "shift", e))(H || {});
-function ie() {
-  function e(l) {
-    const s = l.key || l.keyCode;
-    return s === "Enter" || s === 13 ? 13 : s === "Escape" || s === 27 ? 27 : s === " " || s === 32 ? 32 : s === "ArrowLeft" || s === 37 ? 37 : s === "ArrowUp" || s === 38 ? 38 : s === "ArrowRight" || s === 39 ? 39 : s === "ArrowDown" || s === 40 ? 40 : s === "Tab" || s === 9 ? 9 : s === "Shift" || s === 16 ? 16 : -1;
+var te = /* @__PURE__ */ ((e) => (e[e.enter = 13] = "enter", e[e.esc = 27] = "esc", e[e.space = 32] = "space", e[e.leftArrow = 37] = "leftArrow", e[e.upArrow = 38] = "upArrow", e[e.rightArrow = 39] = "rightArrow", e[e.downArrow = 40] = "downArrow", e[e.tab = 9] = "tab", e[e.shift = 16] = "shift", e))(te || {});
+function Oe() {
+  function e(t) {
+    const a = t.key || t.keyCode;
+    return a === "Enter" || a === 13 ? 13 : a === "Escape" || a === 27 ? 27 : a === " " || a === 32 ? 32 : a === "ArrowLeft" || a === 37 ? 37 : a === "ArrowUp" || a === 38 ? 38 : a === "ArrowRight" || a === 39 ? 39 : a === "ArrowDown" || a === 40 ? 40 : a === "Tab" || a === 9 ? 9 : a === "Shift" || a === 16 ? 16 : -1;
   }
   return { getKeyCodeFromEvent: e };
 }
-function Z() {
+function ae() {
   function e() {
     return { year: 0, month: 0, day: 0 };
   }
-  function l(t) {
+  function t(o) {
     return new Date(
-      t.year || 0,
-      t.month ? t.month - 1 : 0,
-      t.day || 0,
-      t.hour ? t.hour : 0,
-      t.minute ? t.minute : 0,
-      t.second ? t.second : 0,
+      o.year || 0,
+      o.month ? o.month - 1 : 0,
+      o.day || 0,
+      o.hour ? o.hour : 0,
+      o.minute ? o.minute : 0,
+      o.second ? o.second : 0,
       0
     );
   }
-  function s(t) {
-    const f = new Date();
-    return t.year || (t.year = f.getFullYear()), t.month || (t.month = f.getMonth() + 1), t.day || (t.day = 1), new Date(
-      t.year,
-      t.month - 1,
-      t.day,
-      t.hour ? t.hour : 0,
-      t.minute ? t.minute : 0,
-      t.second ? t.second : 0,
+  function a(o) {
+    const v = /* @__PURE__ */ new Date();
+    return o.year || (o.year = v.getFullYear()), o.month || (o.month = v.getMonth() + 1), o.day || (o.day = 1), new Date(
+      o.year,
+      o.month - 1,
+      o.day,
+      o.hour ? o.hour : 0,
+      o.minute ? o.minute : 0,
+      o.second ? o.second : 0,
       0
     );
   }
-  function k(t) {
+  function i(o) {
     return new Date(
-      t.year || 1,
-      (t.month || 1) - 1,
-      t.day,
-      t.hour ? t.hour : 0,
-      t.minute ? t.minute : 0,
-      t.second ? t.second : 0,
+      o.year || 1,
+      (o.month || 1) - 1,
+      o.day,
+      o.hour ? o.hour : 0,
+      o.minute ? o.minute : 0,
+      o.second ? o.second : 0,
       0
     ).getDay();
   }
-  function i(t) {
-    return ae.indexOf(t);
+  function n(o) {
+    return ce.indexOf(o);
   }
-  function r(t) {
-    return l(t).getTime();
+  function u(o) {
+    return t(o).getTime();
   }
-  function h(t) {
-    return Math.round(r(t) / 1e3);
+  function p(o) {
+    return Math.round(u(o) / 1e3);
   }
-  function c(t, f, n) {
-    const u = r(f), y = r(n), b = r(t);
-    return y - b > b - u ? f : n;
+  function s(o, v, r) {
+    const d = u(v), h = u(r), g = u(o);
+    return h - g > g - d ? v : r;
   }
-  function d() {
-    const t = new Date();
+  function f() {
+    const o = /* @__PURE__ */ new Date();
     return {
-      year: t.getFullYear(),
-      month: t.getMonth() + 1,
-      day: t.getDate(),
-      hour: t.getHours(),
-      minute: t.getMinutes(),
-      second: t.getSeconds()
+      year: o.getFullYear(),
+      month: o.getMonth() + 1,
+      day: o.getDate(),
+      hour: o.getHours(),
+      minute: o.getMinutes(),
+      second: o.getSeconds()
     };
   }
-  return { emptyDate: e, getDate: l, getDate2: s, getDayNumber: k, getEpocTime: h, getNearDate: c, getWeekdayIndex: i, getTimeInMilliseconds: r, getToday: d };
+  return { emptyDate: e, getDate: t, getDate2: a, getDayNumber: i, getEpocTime: p, getNearDate: s, getWeekdayIndex: n, getTimeInMilliseconds: u, getToday: f };
 }
-function te() {
-  const { getTimeInMilliseconds: e } = Z();
-  function l(n) {
-    return n && n.year !== 0 && n.month !== 0 && n.day !== 0;
+function ie() {
+  const { getTimeInMilliseconds: e } = ae();
+  function t(r) {
+    return r && r.year !== 0 && r.month !== 0 && r.day !== 0;
   }
-  function s(n) {
-    return n && n.year !== 0 && n.month !== 0;
+  function a(r) {
+    return r && r.year !== 0 && r.month !== 0;
   }
-  function k(n) {
-    return n && n.year !== 0;
+  function i(r) {
+    return r && r.year !== 0;
   }
-  function i(n, u) {
-    return e(n) < e(u);
+  function n(r, d) {
+    return e(r) < e(d);
   }
-  function r(n, u) {
-    return e(n) <= e(u);
+  function u(r, d) {
+    return e(r) <= e(d);
   }
-  function h(n, u) {
-    return e(n) === e(u);
+  function p(r, d) {
+    return e(r) === e(d);
   }
-  function c(n, u) {
-    const y = e(u);
-    return e(n.from) === y || e(n.to) === y;
+  function s(r, d) {
+    const h = e(d);
+    return e(r.from) === h || e(r.to) === h;
   }
-  function d(n, u) {
-    return !u || !l(u.to) || !l(u.from) ? !1 : r(u.from, n) && r(n, u.to);
+  function f(r, d) {
+    return !d || !t(d.to) || !t(d.from) ? !1 : u(d.from, r) && u(r, d.to);
   }
-  function t(n, u) {
-    return l(u) && e(n) >= e(u);
+  function o(r, d) {
+    return t(d) && e(r) >= e(d);
   }
-  function f(n, u) {
-    return l(u) && e(n) <= e(u);
+  function v(r, d) {
+    return t(d) && e(r) <= e(d);
   }
   return {
-    isDateEarlier: i,
-    equal: h,
-    inPeriod: d,
-    isPoint: c,
-    equalOrEarlier: r,
-    isInitializedDate: l,
-    isInitializedMonth: s,
-    isInitializedYear: k,
-    isMonthDisabledByDisableSince: t,
-    isMonthDisabledByDisableUntil: f
+    isDateEarlier: n,
+    equal: p,
+    inPeriod: f,
+    isPoint: s,
+    equalOrEarlier: u,
+    isInitializedDate: t,
+    isInitializedMonth: a,
+    isInitializedYear: i,
+    isMonthDisabledByDisableSince: o,
+    isMonthDisabledByDisableUntil: v
   };
 }
-const oe = G({
+const Me = /* @__PURE__ */ ee({
   name: "FDatePickerCalendarView",
-  props: ht,
+  props: Bt,
   emits: ["click", "clickWeek", "keyDown", "mouseEnter", "mouseLeave"],
-  setup(e, l) {
-    const s = o(e.dates), k = o(e.daysInWeek), i = o(e.enableKeyboadNavigate), r = o(e.enableMarkCurrent), h = o(e.enablePeriod), c = o(e.firstDayOfTheWeek), d = o(e.selected), t = o(e.selectedPeriod), f = o(e.selectedWeek), n = o(e.selectMode), u = o(e.showWeekNumber), y = o(e.weekTitle), b = O(() => u.value && c.value === "Mon");
-    J(() => e.dates, () => {
-      s.value = e.dates;
-    }), J(() => e.selected, () => {
-      d.value = e.selected;
+  setup(e, t) {
+    const a = l(e.dates), i = l(e.daysInWeek), n = l(e.enableKeyboadNavigate), u = l(e.enableMarkCurrent), p = l(e.enablePeriod), s = l(e.firstDayOfTheWeek), f = l(e.selected), o = l(e.selectedPeriod), v = l(e.selectedWeek), r = l(e.selectMode), d = l(e.showWeekNumber), h = l(e.weekTitle), g = x(() => d.value && s.value === "Mon");
+    G(() => e.dates, () => {
+      a.value = e.dates;
+    }), G(() => e.selected, () => {
+      f.value = e.selected;
     });
     const {
-      equal: I,
-      inPeriod: B,
-      isInitializedDate: x,
-      equalOrEarlier: N,
-      isPoint: g
-    } = te(), {
-      getKeyCodeFromEvent: p
-    } = ie(), C = (a) => {
-      const T = !!f.value && a.numberInTheYear === f.value.numberInTheYear && a.year === f.value.year;
+      equal: C,
+      inPeriod: N,
+      isInitializedDate: P,
+      equalOrEarlier: E,
+      isPoint: O
+    } = ie(), {
+      getKeyCodeFromEvent: w
+    } = Oe(), M = (c) => {
+      const S = !!v.value && c.numberInTheYear === v.value.numberInTheYear && c.year === v.value.year;
       return {
-        "f-datepicker-selectWeek": n.value === "week",
-        "f-datepicker-selectedWeek": n.value === "week" && T
+        "f-datepicker-selectWeek": r.value === "week",
+        "f-datepicker-selectedWeek": r.value === "week" && S
       };
-    }, m = O(() => u.value && c.value === "Mon");
-    function D(a) {
-      return B(a, t.value);
-    }
-    function S(a) {
-      return !!t.value && g(t.value, a);
-    }
-    function W(a) {
-      return !!d.value && I({
-        year: d.value.year,
-        month: d.value.month,
-        day: d.value.day
-      }, a);
-    }
-    const R = (a, T, M) => {
-      const A = n.value !== "week" && a.tag === q.current && (h.value && D(a.date) && !S(a.date) || a.range), V = a.tag === q.previous || a.tag === q.next, z = {
-        "f-datepicker-range": A,
+    }, k = x(() => d.value && s.value === "Mon");
+    function D(c) {
+      return N(c, o.value);
+    }
+    function L(c) {
+      return !!o.value && O(o.value, c);
+    }
+    function T(c) {
+      return !!f.value && C({
+        year: f.value.year,
+        month: f.value.month,
+        day: f.value.day
+      }, c);
+    }
+    const Y = (c, S, B) => {
+      const $ = r.value !== "week" && c.tag === X.current && (p.value && D(c.date) && !L(c.date) || c.range), V = c.tag === X.previous || c.tag === X.next, U = {
+        "f-datepicker-range": $,
         "f-datepicker-no-currmonth": V,
-        "f-datepicker-disabled": a.disable,
-        "f-datepicker-singledate": !a.disable
-      }, Q = `d_${T}_${M}`;
-      return z[Q] = !0, z;
-    }, L = (a) => {
-      const T = n.value !== "week" && a.tag === q.current && (!h.value && W(a.date) || h.value && S(a.date)), M = a.isCurrent && r.value, A = a.highlight && (a.tag === q.previous || a.tag === q.next || a.disable);
+        "f-datepicker-disabled": c.disable,
+        "f-datepicker-singledate": !c.disable
+      }, J = `d_${S}_${B}`;
+      return U[J] = !0, U;
+    }, z = (c) => {
+      const S = r.value !== "week" && c.tag === X.current && (!p.value && T(c.date) || p.value && L(c.date)), B = c.isCurrent && u.value, $ = c.highlight && (c.tag === X.previous || c.tag === X.next || c.disable);
       return {
         "f-datepicker-date": !0,
-        "f-datepicker-selected": T,
-        "f-datepicker-current": M,
-        "f-datepicker-opacity": A,
-        "f-datepicker-highlight": a.highlight,
-        "f-datepicker-disabled": a.disable
+        "f-datepicker-selected": S,
+        "f-datepicker-current": B,
+        "f-datepicker-opacity": $,
+        "f-datepicker-highlight": c.highlight,
+        "f-datepicker-disabled": c.disable
       };
     };
-    function $(a, T) {
-      T.disable || n.value === "week" || (a.stopPropagation(), l.emit("click", T.date));
+    function F(c, S) {
+      S.disable || r.value === "week" || (c.stopPropagation(), t.emit("click", S.date));
     }
-    function F(a, T) {
-      n.value === "week" && (a.stopPropagation(), l.emit("clickWeek", T));
+    function H(c, S) {
+      r.value === "week" && (c.stopPropagation(), t.emit("clickWeek", S));
     }
-    function _(a, T) {
-      const M = p(a);
-      M !== H.tab && (a.preventDefault(), M === H.enter || M === H.space ? $(a, T) : i.value && l.emit("keyDown", T.date));
+    function K(c, S) {
+      const B = w(c);
+      B !== te.tab && (c.preventDefault(), B === te.enter || B === te.space ? F(c, S) : n.value && t.emit("keyDown", S.date));
     }
-    function K(a) {
-      t.value && x(t.value.from) && !x(t.value.to) && (s.value.forEach((T) => {
-        T.days.forEach((M) => {
-          M.range = !!t.value && (N(t.value.from, M.date) && N(M.date, a.date) || N(M.date, t.value.from) && N(a.date, M.date));
+    function I(c) {
+      o.value && P(o.value.from) && !P(o.value.to) && (a.value.forEach((S) => {
+        S.days.forEach((B) => {
+          B.range = !!o.value && (E(o.value.from, B.date) && E(B.date, c.date) || E(B.date, o.value.from) && E(c.date, B.date));
         });
-      }), l.emit("mouseEnter", a.date));
+      }), t.emit("mouseEnter", c.date));
     }
-    function U() {
-      s.value.forEach((a) => {
-        a.days.forEach((T) => {
-          T.range = !1;
+    function R() {
+      a.value.forEach((c) => {
+        c.days.forEach((S) => {
+          S.range = !1;
         });
-      }), l.emit("mouseLeave");
+      }), t.emit("mouseLeave");
     }
-    return () => v(se, null, [v("div", {
+    return () => b(Ve, null, [b("div", {
       class: "f-datepicker-table-wrapper"
-    }, [v("table", {
+    }, [b("table", {
       class: "f-datepicker-table",
       cellpadding: "0"
-    }, [v("thead", null, [v("tr", null, [b.value && v("th", {
+    }, [b("thead", null, [b("tr", null, [g.value && b("th", {
       class: "f-datepicker-weeknbr-title"
-    }, [y.value]), k.value && k.value.map((a) => v("th", {
+    }, [h.value]), i.value && i.value.map((c) => b("th", {
       scope: "col",
       style: "padding-bottom: 8px;padding-top: 4px"
-    }, [a]))])]), v("tbody", null, [s.value && s.value.map((a, T) => v("tr", {
-      class: C(a),
-      onClick: (M) => F(M, a)
-    }, [m.value && v("td", {
+    }, [c]))])]), b("tbody", null, [a.value && a.value.map((c, S) => b("tr", {
+      class: M(c),
+      onClick: (B) => H(B, c)
+    }, [k.value && b("td", {
       class: "f-datepicker-weeknbr"
-    }, [v("div", {
+    }, [b("div", {
       class: "f-datepicker-date"
-    }, [a.numberInTheYear])]), a.days && a.days.map((M, A) => v("td", {
-      id: `d_${T}_${A}`,
+    }, [c.numberInTheYear])]), c.days && c.days.map((B, $) => b("td", {
+      id: `d_${S}_${$}`,
       tabindex: "0",
-      class: R(M, T, A),
-      onClick: (V) => $(V, M),
-      onKeydown: (V) => _(V, M),
-      onMouseenter: () => K(M),
-      onMouseleave: () => U()
-    }, [M.marked && M.marked.marked && v("span", {
+      class: Y(B, S, $),
+      onClick: (V) => F(V, B),
+      onKeydown: (V) => K(V, B),
+      onMouseenter: () => I(B),
+      onMouseleave: () => R()
+    }, [B.marked && B.marked.marked && b("span", {
       class: "f-datepicker-markdate",
       style: {
-        "background-color": M.marked.color
+        "background-color": B.marked.color
       }
-    }, null), v("div", {
-      class: L(M)
-    }, [M.date.day])]))]))])])])]);
+    }, null), b("div", {
+      class: z(B)
+    }, [B.date.day])]))]))])])])]);
   }
-}), bt = {
+}), xt = {
   activeMonth: { type: Object, require: !0 },
   ariaLabelPrevMonth: { type: String, default: "" },
   ariaLabelNextMonth: { type: String, default: "" },
@@ -263,128 +263,128 @@ const oe = G({
   selectingYear: { type: Boolean, default: !1 },
   selectMode: { type: String, default: "day" }
 };
-const le = G({
+const Pe = /* @__PURE__ */ ee({
   name: "FDatePickerCalendarNavbar",
-  props: bt,
+  props: xt,
   emits: ["clickMonth", "clickYear", "prePage", "preRecord", "nextRecord", "nextPage"],
-  setup(e, l) {
+  setup(e, t) {
     return () => {
-      const s = o(e.ariaLabelPrevMonth), k = o(e.ariaLabelNextMonth), i = o(e.dateFormat), r = o(e.disablePrePage), h = o(e.disablePreRecord), c = o(e.disableNextRecord), d = o(e.disableNextPage), t = o(e.activeMonth), f = o(e.years), n = o(e.selectingMonth), u = o(e.selectingYear), y = o(e.selectMode), b = o(!0), I = o(!0);
-      J(() => e.activeMonth, () => {
-        var a, T, M, A;
-        t.value = {
-          month: (a = e.activeMonth) == null ? void 0 : a.month,
-          year: (T = e.activeMonth) == null ? void 0 : T.year,
-          displayTextOfMonth: (M = e.activeMonth) == null ? void 0 : M.displayTextOfMonth,
-          displayTextOfYear: (A = e.activeMonth) == null ? void 0 : A.displayTextOfMonth
+      const a = l(e.ariaLabelPrevMonth), i = l(e.ariaLabelNextMonth), n = l(e.dateFormat), u = l(e.disablePrePage), p = l(e.disablePreRecord), s = l(e.disableNextRecord), f = l(e.disableNextPage), o = l(e.activeMonth), v = l(e.years), r = l(e.selectingMonth), d = l(e.selectingYear), h = l(e.selectMode), g = l(!0), C = l(!0);
+      G(() => e.activeMonth, () => {
+        var c, S, B, $;
+        o.value = {
+          month: (c = e.activeMonth) == null ? void 0 : c.month,
+          year: (S = e.activeMonth) == null ? void 0 : S.year,
+          displayTextOfMonth: (B = e.activeMonth) == null ? void 0 : B.displayTextOfMonth,
+          displayTextOfYear: ($ = e.activeMonth) == null ? void 0 : $.displayTextOfMonth
         };
       });
-      const B = O(() => ({
+      const N = x(() => ({
         "f-datepicker-header": !0,
-        monthYearSelBarBorder: n.value || u.value
-      })), x = O(() => ({
+        monthYearSelBarBorder: r.value || d.value
+      })), P = x(() => ({
         "f-datepicker-header-btn": !0,
-        "f-datepicker-header-btn-disabled": r.value
-      })), N = O(() => !n.value && !u.value), g = O(() => ({
+        "f-datepicker-header-btn-disabled": u.value
+      })), E = x(() => !r.value && !d.value), O = x(() => ({
         "f-datepicker-header-btn": !0,
-        "f-datepicker-header-btn-disabled": h.value
-      })), p = O(() => ({
+        "f-datepicker-header-btn-disabled": p.value
+      })), w = x(() => ({
         "f-datepicker-header-btn": !0,
-        "f-datepicker-header-btn-disabled": c.value
-      })), C = O(() => ({
+        "f-datepicker-header-btn-disabled": s.value
+      })), M = x(() => ({
         "f-datepicker-header-btn": !0,
-        "f-datepicker-header-btn-disabled": d.value
-      })), m = O(() => ({
+        "f-datepicker-header-btn-disabled": f.value
+      })), k = x(() => ({
         "f-datepicker-header-btn": !0,
-        "f-datepicker-yearLabel": b.value,
-        "f-datepicker-labelBtnNotEdit": !b.value
-      })), D = O(() => ({
+        "f-datepicker-yearLabel": g.value,
+        "f-datepicker-labelBtnNotEdit": !g.value
+      })), D = x(() => ({
         "f-datepicker-header-btn": !0,
-        "f-datepicker-monthLabel": I.value,
-        "f-datepicker-labelBtnNotEdit": !I.value
-      })), S = O(() => {
-        const a = i.value ? i.value.indexOf("yyyy") : 0, T = i.value ? i.value.indexOf("MM") : 0;
-        return a > T ? "MM-yyyy" : "yyyy-MM";
+        "f-datepicker-monthLabel": C.value,
+        "f-datepicker-labelBtnNotEdit": !C.value
+      })), L = x(() => {
+        const c = n.value ? n.value.indexOf("yyyy") : 0, S = n.value ? n.value.indexOf("MM") : 0;
+        return c > S ? "MM-yyyy" : "yyyy-MM";
       });
-      function W(a) {
-        a.stopPropagation(), l.emit("prePage");
+      function T(c) {
+        c.stopPropagation(), t.emit("prePage");
       }
-      function R(a) {
-        a.stopPropagation(), l.emit("preRecord");
+      function Y(c) {
+        c.stopPropagation(), t.emit("preRecord");
       }
-      function L(a) {
-        a.stopPropagation(), l.emit("clickYear");
+      function z(c) {
+        c.stopPropagation(), t.emit("clickYear");
       }
-      function $(a) {
-        a.stopPropagation(), l.emit("clickMonth");
+      function F(c) {
+        c.stopPropagation(), t.emit("clickMonth");
       }
-      function F(a) {
-        a.stopPropagation(), a.stopPropagation(), l.emit("nextRecord");
+      function H(c) {
+        c.stopPropagation(), c.stopPropagation(), t.emit("nextRecord");
       }
-      function _(a) {
-        a.stopPropagation(), l.emit("nextPage");
+      function K(c) {
+        c.stopPropagation(), t.emit("nextPage");
       }
-      function K() {
-        return v("button", {
+      function I() {
+        return b("button", {
           type: "button",
-          class: m.value,
-          onClick: (a) => {
-            b.value && L(a);
+          class: k.value,
+          onClick: (c) => {
+            g.value && z(c);
           },
-          tabindex: b.value ? "0" : "-1",
-          disabled: y.value === "year"
-        }, [u.value ? f.value.length > 3 ? f.value[0][1].year + " - " + f.value[3][1].year : "" : t.value.displayTextOfYear]);
+          tabindex: g.value ? "0" : "-1",
+          disabled: h.value === "year"
+        }, [d.value ? v.value.length > 3 ? v.value[0][1].year + " - " + v.value[3][1].year : "" : o.value.displayTextOfYear]);
       }
-      function U() {
-        return !u.value && y.value !== "month" && v("button", {
+      function R() {
+        return !d.value && h.value !== "month" && b("button", {
           type: "button",
           class: D.value,
-          onClick: (a) => {
-            I.value && $(a);
+          onClick: (c) => {
+            C.value && F(c);
           },
-          tabindex: I.value ? "0" : "-1"
-        }, [t.value.displayTextOfMonth]);
+          tabindex: C.value ? "0" : "-1"
+        }, [o.value.displayTextOfMonth]);
       }
-      return v("div", {
-        class: B.value
-      }, [v("div", {
+      return b("div", {
+        class: N.value
+      }, [b("div", {
         class: "f-datepicker-prev-btn"
-      }, [v("button", {
+      }, [b("button", {
         title: "prePage",
         type: "button",
-        class: x.value,
-        onClick: W
-      }, [v("i", {
+        class: P.value,
+        onClick: T
+      }, [b("i", {
         class: "k-icon k-i-arrow-double-60-left"
-      }, null)]), N.value && v("button", {
+      }, null)]), E.value && b("button", {
         type: "button",
-        "aria-label": s.value,
-        class: g.value,
-        onClick: R
-      }, [v("i", {
+        "aria-label": a.value,
+        class: O.value,
+        onClick: Y
+      }, [b("i", {
         class: "k-icon k-i-arrow-chevron-left"
-      }, null)])]), v("div", {
+      }, null)])]), b("div", {
         class: "f-datepicker-monthYearText"
-      }, [S.value === "yyyy-MM" ? [K(), U()] : [U(), K()]]), v("div", {
+      }, [L.value === "yyyy-MM" ? [I(), R()] : [R(), I()]]), b("div", {
         class: "f-datepicker-next-btn"
-      }, [N.value && v("button", {
+      }, [E.value && b("button", {
         type: "button",
-        "aria-label": k.value,
-        class: p.value,
-        onClick: F
-      }, [v("i", {
+        "aria-label": i.value,
+        class: w.value,
+        onClick: H
+      }, [b("i", {
         class: "k-icon k-i-arrow-chevron-right"
-      }, null)]), v("button", {
+      }, null)]), b("button", {
         title: "nextPage",
         type: "button",
-        class: C.value,
-        onClick: _
-      }, [v("i", {
+        class: M.value,
+        onClick: K
+      }, [b("i", {
         class: "k-icon k-i-arrow-double-60-right"
       }, null)])])]);
     };
   }
-}), Te = {
+}), _e = {
   1: "Jan",
   2: "Feb",
   3: "Mar",
@@ -397,14 +397,14 @@ const le = G({
   10: "Oct",
   11: "Nov",
   12: "Dec"
-}, mt = {
+}, Dt = {
   top: { type: Number, default: 0 },
   left: { type: Number, default: 0 },
   position: { type: String, default: "bottom" },
   enablePeriod: { type: Boolean, default: !1 },
   dateFormat: { type: String, default: "MM-dd-yyyy" },
   dates: { type: Array, default: [] },
-  daysInWeek: { type: Array, default: ae },
+  daysInWeek: { type: Array, default: ce },
   disableDates: { Type: Array, default: [] },
   disablePeriod: { Type: Array, default: [] },
   disableSince: { Type: Object, default: { year: 0, month: 0, day: 0 } },
@@ -420,7 +420,7 @@ const le = G({
   maxYear: { Type: Number, default: 2500 },
   minYear: { Type: Number, default: 1 },
   months: { type: Array, default: [[]] },
-  nameOfMonths: { Type: Object, default: Te },
+  nameOfMonths: { Type: Object, default: _e },
   secondaryDates: { type: Array, default: [] },
   secondaryMonths: { type: Array, default: [[]] },
   selectedDate: { type: Object, default: null },
@@ -431,1049 +431,2128 @@ const le = G({
   showWeekNumber: { type: Boolean, default: !1 },
   weekTitle: { type: String, default: "Week" },
   years: { Type: Array, default: [[]] }
-}, kt = {
+}, Ot = {
   months: { Type: Array, default: [[]] },
   enableMarkCurrent: { Type: Boolean, default: !1 },
   enableKeyboadNavigate: { Type: Boolean, default: !0 },
   enablePeriod: { Type: Boolean, default: !1 },
   selected: { Type: Object, default: null },
   selectedPeriod: { Type: Object, default: null }
-}, re = G({
+}, we = /* @__PURE__ */ ee({
   name: "FDatePickerMonthView",
-  props: kt,
+  props: Ot,
   emits: ["click", "keyDown", "mouseEnter", "mouseLeave"],
-  setup(e, l) {
-    const s = o(e.months), k = o(e.enableMarkCurrent), i = o(e.enableKeyboadNavigate), r = o(e.enablePeriod), h = o(e.selected), c = o(e.selectedPeriod), {
-      equal: d,
-      inPeriod: t,
-      isInitializedDate: f,
-      equalOrEarlier: n
-    } = te(), {
-      getKeyCodeFromEvent: u
-    } = ie();
-    J(() => e.months, () => {
-      s.value = e.months;
-    }), J(() => e.selected, () => {
-      h.value = e.selected;
+  setup(e, t) {
+    const a = l(e.months), i = l(e.enableMarkCurrent), n = l(e.enableKeyboadNavigate), u = l(e.enablePeriod), p = l(e.selected), s = l(e.selectedPeriod), {
+      equal: f,
+      inPeriod: o,
+      isInitializedDate: v,
+      equalOrEarlier: r
+    } = ie(), {
+      getKeyCodeFromEvent: d
+    } = Oe();
+    G(() => e.months, () => {
+      a.value = e.months;
+    }), G(() => e.selected, () => {
+      p.value = e.selected;
     });
-    function y(C, m) {
-      C.stopPropagation(), !m.disable && l.emit("click", m);
+    function h(M, k) {
+      M.stopPropagation(), !k.disable && t.emit("click", k);
     }
-    function b(C, m) {
-      const D = u(C);
-      D !== H.tab && (C.preventDefault(), D === H.enter || D === H.space ? y(C, m) : i.value && l.emit("keyDown", m));
+    function g(M, k) {
+      const D = d(M);
+      D !== te.tab && (M.preventDefault(), D === te.enter || D === te.space ? h(M, k) : n.value && t.emit("keyDown", k));
     }
-    function I(C) {
-      c.value && f(c.value.from) && !f(c.value.to) && (s.value.forEach((m) => {
-        m.forEach((D) => {
-          D.range = !!c.value && (n(c.value.from, D.date) && n(D.date, C.date) || n(D.date, c.value.from) && n(C.date, D.date));
+    function C(M) {
+      s.value && v(s.value.from) && !v(s.value.to) && (a.value.forEach((k) => {
+        k.forEach((D) => {
+          D.range = !!s.value && (r(s.value.from, D.date) && r(D.date, M.date) || r(D.date, s.value.from) && r(M.date, D.date));
         });
-      }), l.emit("mouseEnter", C));
+      }), t.emit("mouseEnter", M));
     }
-    function B() {
-      s.value.forEach((C) => {
-        C.forEach((m) => {
-          m.range = !1;
+    function N() {
+      a.value.forEach((M) => {
+        M.forEach((k) => {
+          k.range = !1;
         });
-      }), l.emit("mouseLeave");
+      }), t.emit("mouseLeave");
     }
-    function x(C) {
-      return !!h.value && d({
-        year: h.value.year,
-        month: h.value.month
+    function P(M) {
+      return !!p.value && f({
+        year: p.value.year,
+        month: p.value.month
       }, {
-        year: C.year,
-        month: C.month
+        year: M.year,
+        month: M.month
       });
     }
-    function N(C) {
-      return !!c.value && (d({
-        year: c.value.from.month
-      }, C) || d({
-        year: c.value.to.month
-      }, C));
+    function E(M) {
+      return !!s.value && (f({
+        year: s.value.from.month
+      }, M) || f({
+        year: s.value.to.month
+      }, M));
     }
-    function g(C) {
-      return t(C, c.value);
+    function O(M) {
+      return o(M, s.value);
     }
-    const p = (C) => ({
+    const w = (M) => ({
       "f-datepicker-month-cell": !0,
-      "f-datepicker-current": C.isCurrent && k,
-      "f-datepicker-selected": !r.value && x(C.date) || r.value && N(C.date),
-      "f-datepicker-disabled": C.disable,
-      "f-datepicker-range": g(C.date) || C.range
+      "f-datepicker-current": M.isCurrent && i,
+      "f-datepicker-selected": !u.value && P(M.date) || u.value && E(M.date),
+      "f-datepicker-disabled": M.disable,
+      "f-datepicker-range": O(M.date) || M.range
     });
-    return () => v("div", {
+    return () => b("div", {
       class: "f-datepicker-table-wrapper"
-    }, [v("table", {
+    }, [b("table", {
       class: "f-datepicker-table"
-    }, [v("tbody", null, [s.value && s.value.map((C, m) => v("tr", null, [C.map((D, S) => v("td", {
-      id: `m_${m}_${S}`,
-      class: `m_${m}_${S}`,
-      onClick: (W) => y(W, D),
-      onKeydown: (W) => b(W, D),
-      onMouseenter: () => I(D),
-      onMouseleave: () => B(),
+    }, [b("tbody", null, [a.value && a.value.map((M, k) => b("tr", null, [M.map((D, L) => b("td", {
+      id: `m_${k}_${L}`,
+      class: `m_${k}_${L}`,
+      onClick: (T) => h(T, D),
+      onKeydown: (T) => g(T, D),
+      onMouseenter: () => C(D),
+      onMouseleave: () => N(),
       tabindex: "0",
       style: "width: 33.3%"
-    }, [v("div", {
+    }, [b("div", {
       class: "f-datepicker-month"
-    }, [v("span", {
-      class: p(D)
+    }, [b("span", {
+      class: w(D)
     }, [D.displayText])])]))]))])])]);
   }
-}), gt = {
+}), St = {
   years: { Type: Array, default: [[]] },
   enableKeyboadNavigate: { Type: Boolean, default: !0 },
   enableMarkCurrent: { Type: Boolean, default: !0 },
   enablePeriod: { Type: Boolean, default: !1 },
   selected: { Type: Object, default: null },
   selectedPeriod: { Type: Object, default: null }
-}, ue = G({
+}, Be = /* @__PURE__ */ ee({
   name: "FDatePickerYearView",
-  props: gt,
+  props: St,
   emits: ["click", "keyDown", "mouseEnter", "mouseLeave"],
-  setup(e, l) {
-    const s = o(e.years), k = o(e.enableMarkCurrent), i = o(e.enableKeyboadNavigate), r = o(e.enablePeriod), h = o(e.selected), c = o(e.selectedPeriod), {
-      equal: d,
-      inPeriod: t,
-      isInitializedDate: f,
-      equalOrEarlier: n
-    } = te(), {
-      getKeyCodeFromEvent: u
-    } = ie();
-    J(() => e.years, () => {
-      s.value = e.years;
-    }), J(() => e.selected, () => {
-      h.value = e.selected;
+  setup(e, t) {
+    const a = l(e.years), i = l(e.enableMarkCurrent), n = l(e.enableKeyboadNavigate), u = l(e.enablePeriod), p = l(e.selected), s = l(e.selectedPeriod), {
+      equal: f,
+      inPeriod: o,
+      isInitializedDate: v,
+      equalOrEarlier: r
+    } = ie(), {
+      getKeyCodeFromEvent: d
+    } = Oe();
+    G(() => e.years, () => {
+      a.value = e.years;
+    }), G(() => e.selected, () => {
+      p.value = e.selected;
     });
-    const y = (m, D) => {
-      const S = `y_${m}_${D}`, W = {
-        "f-datepicker-no-currmonth": m === 0 && D === 0 || m === 3 && D === 2
+    const h = (k, D) => {
+      const L = `y_${k}_${D}`, T = {
+        "f-datepicker-no-currmonth": k === 0 && D === 0 || k === 3 && D === 2
       };
-      return W[S] = !0, W;
+      return T[L] = !0, T;
     };
-    function b(m) {
-      return t(m, c.value);
-    }
-    function I(m) {
-      return !!h.value && d({
-        year: h.value.year
-      }, m);
-    }
-    function B(m) {
-      return !!c.value && (d({
-        year: c.value.from.year
-      }, m) || d({
-        year: c.value.to.year
-      }, m));
-    }
-    const x = (m) => ({
+    function g(k) {
+      return o(k, s.value);
+    }
+    function C(k) {
+      return !!p.value && f({
+        year: p.value.year
+      }, k);
+    }
+    function N(k) {
+      return !!s.value && (f({
+        year: s.value.from.year
+      }, k) || f({
+        year: s.value.to.year
+      }, k));
+    }
+    const P = (k) => ({
       "f-datepicker-year-cell": !0,
-      "f-datepicker-current": m.isCurrent && k.value,
-      "f-datepicker-selected": !c.value && I(m.date) || r.value && B(m.date),
-      "f-datepicker-disabled": m.disable,
-      "f-datepicker-range": b(m.date) || m.range
+      "f-datepicker-current": k.isCurrent && i.value,
+      "f-datepicker-selected": !s.value && C(k.date) || u.value && N(k.date),
+      "f-datepicker-disabled": k.disable,
+      "f-datepicker-range": g(k.date) || k.range
     });
-    function N(m, D) {
-      m.stopPropagation(), !D.disable && l.emit("click", D);
+    function E(k, D) {
+      k.stopPropagation(), !D.disable && t.emit("click", D);
     }
-    function g(m, D) {
-      const S = u(m);
-      S !== H.tab && (m.preventDefault(), S === H.enter || S === H.space ? N(m, D) : i.value && l.emit("keyDown", D));
+    function O(k, D) {
+      const L = d(k);
+      L !== te.tab && (k.preventDefault(), L === te.enter || L === te.space ? E(k, D) : n.value && t.emit("keyDown", D));
     }
-    function p(m) {
-      c.value && f(c.value.from) && !f(c.value.to) && (s.value.forEach((D) => {
-        D.forEach((S) => {
-          S.range = !!c.value && (n(c.value.from, S.date) && n(S.date, m.date) || n(S.date, c.value.from) && n(m.date, S.date));
+    function w(k) {
+      s.value && v(s.value.from) && !v(s.value.to) && (a.value.forEach((D) => {
+        D.forEach((L) => {
+          L.range = !!s.value && (r(s.value.from, L.date) && r(L.date, k.date) || r(L.date, s.value.from) && r(k.date, L.date));
         });
-      }), l.emit("mouseEnter", m));
+      }), t.emit("mouseEnter", k));
     }
-    function C() {
-      s.value.forEach((m) => {
-        m.forEach((D) => {
+    function M() {
+      a.value.forEach((k) => {
+        k.forEach((D) => {
           D.range = !1;
         });
-      }), l.emit("mouseLeave");
+      }), t.emit("mouseLeave");
     }
-    return () => v("table", {
+    return () => b("table", {
       class: "f-datepicker-table-wrapper"
-    }, [v("tbody", {
+    }, [b("tbody", {
       class: "f-datepicker-table"
-    }, [s.value && s.value.map((m, D) => v("tr", null, [m.map((S, W) => v("td", {
+    }, [a.value && a.value.map((k, D) => b("tr", null, [k.map((L, T) => b("td", {
       id: "y_{yi}_{i}",
-      class: y(D, W),
-      onClick: (R) => N(R, S),
-      onKeydown: (R) => g(R, S),
-      onMouseenter: () => p(S),
-      onMouseleave: () => C(),
+      class: h(D, T),
+      onClick: (Y) => E(Y, L),
+      onKeydown: (Y) => O(Y, L),
+      onMouseenter: () => w(L),
+      onMouseleave: () => M(),
       tabindex: "0"
-    }, [v("div", {
+    }, [b("div", {
       class: "f-datepicker-year"
-    }, [v("span", {
-      class: x(S)
-    }, [S.year])])]))]))])]);
+    }, [b("span", {
+      class: P(L)
+    }, [L.year])])]))]))])]);
   }
 });
-function ce() {
-  function e(i) {
+function Se() {
+  function e(n) {
     return new Date(
-      i.year || 0,
-      (i.month || 1) - 1,
-      i.day,
-      i.hour ? i.hour : 0,
-      i.minute ? i.minute : 0,
-      i.second ? i.second : 0,
+      n.year || 0,
+      (n.month || 1) - 1,
+      n.day,
+      n.hour ? n.hour : 0,
+      n.minute ? n.minute : 0,
+      n.second ? n.second : 0,
       0
     ).getDay();
   }
-  function l(i) {
-    if (!i)
+  function t(n) {
+    if (!n)
       return 1;
-    if (!/^\d+$/.test(i.value))
+    if (!/^\d+$/.test(n.value))
       return -1;
-    let r = Number(i.value);
-    return (i.format.length === 1 && i.value.length !== 1 && r < 10 || i.format.length === 1 && i.value.length !== 2 && r >= 10 || i.format.length === 2 && i.value.length > 2) && (r = -1), r;
+    let u = Number(n.value);
+    return (n.format.length === 1 && n.value.length !== 1 && u < 10 || n.format.length === 1 && n.value.length !== 2 && u >= 10 || n.format.length === 2 && n.value.length > 2) && (u = -1), u;
   }
-  function s(i, r) {
-    if (i.value) {
-      for (let h = 1; h <= 12; h++)
-        if (i.value.toLowerCase() === r[h].toLowerCase())
-          return h;
+  function a(n, u) {
+    if (n.value) {
+      for (let p = 1; p <= 12; p++)
+        if (n.value.toLowerCase() === u[p].toLowerCase())
+          return p;
     }
     return -1;
   }
-  function k(i) {
-    const r = new Date(i.year || 0, (i.month || 1) - 1, i.day, 0, 0, 0, 0);
-    return r.setDate(r.getDate() + (r.getDay() === 0 ? -3 : 4 - r.getDay())), Math.round((r.getTime() - new Date(r.getFullYear(), 0, 4).getTime()) / 864e5 / 7) + 1;
+  function i(n) {
+    const u = new Date(n.year || 0, (n.month || 1) - 1, n.day, 0, 0, 0, 0);
+    return u.setDate(u.getDate() + (u.getDay() === 0 ? -3 : 4 - u.getDay())), Math.round((u.getTime() - new Date(u.getFullYear(), 0, 4).getTime()) / 864e5 / 7) + 1;
   }
-  return { getNumberByValue: l, getDayNumber: e, getMonthNumberByMonthName: s, getWeekNumber: k };
+  return { getNumberByValue: t, getDayNumber: e, getMonthNumberByMonthName: a, getWeekNumber: i };
 }
-function pt(e, l, s, k, i, r, h, c) {
-  const { getTimeInMilliseconds: d, getWeekdayIndex: t } = Z(), { isInitializedDate: f } = te(), { getDayNumber: n } = ce();
-  function u(y) {
-    if (y.year && y.year < e && y.month === 12 || y.year && y.year > l && y.month === 1)
+function It(e, t, a, i, n, u, p, s) {
+  const { getTimeInMilliseconds: f, getWeekdayIndex: o } = ae(), { isInitializedDate: v } = ie(), { getDayNumber: r } = Se();
+  function d(h) {
+    if (h.year && h.year < e && h.month === 12 || h.year && h.year > t && h.month === 1)
       return !0;
-    const b = d(y);
-    if (f(k) && b + 24 * 60 * 60 * 1e3 - 1 < d(k) || f(s) && b > d(s))
+    const g = f(h);
+    if (v(i) && g + 24 * 60 * 60 * 1e3 - 1 < f(i) || v(a) && g > f(a))
       return !0;
-    if (h) {
-      const B = n(y);
-      if (B === 0 || B === 6)
+    if (p) {
+      const N = r(h);
+      if (N === 0 || N === 6)
         return !0;
     }
-    const I = n(y);
-    return !!(c.length > 0 && c.find((x) => t(x) === I) || i.length > 0 && i.find((x) => (x.year === 0 || x.year === y.year) && (x.month === 0 || x.month === y.month) && x.day === y.day) || r.length > 0 && r.find((x) => f(x.from) && f(x.to) && b >= d(x.from) && b <= d(x.to)));
+    const C = r(h);
+    return !!(s.length > 0 && s.find((P) => o(P) === C) || n.length > 0 && n.find((P) => (P.year === 0 || P.year === h.year) && (P.month === 0 || P.month === h.month) && P.day === h.day) || u.length > 0 && u.find((P) => v(P.from) && v(P.to) && g >= f(P.from) && g <= f(P.to)));
   }
-  return { isDisabledDate: u };
+  return { isDisabledDate: d };
 }
-function Mt() {
-  const { getDayNumber: e } = ce();
-  function l(k, i, r) {
-    let h = [];
-    h = i.reduce((d, t) => {
-      const f = t.dates.map((n) => ({ date: n, color: t.color }));
-      return [...d, ...f];
-    }, h);
-    const c = h.find((d) => (d.date.year === 0 || d.date.year === k.year) && (d.date.month === 0 || d.date.month === k.month) && d.date.day === k.day);
-    if (c)
-      return { marked: !0, color: c.color };
-    if (r && r.marked) {
-      const d = e(k);
-      if (d === 0 || d === 6)
-        return { marked: !0, color: r.color };
+function Nt() {
+  const { getDayNumber: e } = Se();
+  function t(i, n, u) {
+    let p = [];
+    p = n.reduce((f, o) => {
+      const v = o.dates.map((r) => ({ date: r, color: o.color }));
+      return [...f, ...v];
+    }, p);
+    const s = p.find((f) => (f.date.year === 0 || f.date.year === i.year) && (f.date.month === 0 || f.date.month === i.month) && f.date.day === i.day);
+    if (s)
+      return { marked: !0, color: s.color };
+    if (u && u.marked) {
+      const f = e(i);
+      if (f === 0 || f === 6)
+        return { marked: !0, color: u.color };
     }
     return { marked: !1, color: "" };
   }
-  function s(k, i, r, h) {
-    const c = e(k);
-    return i && c === 0 || r && c === 6 ? !0 : !!h.find((t) => (t.year === 0 || t.year === k.year) && (t.month === 0 || t.month === k.month) && t.day === k.day);
+  function a(i, n, u, p) {
+    const s = e(i);
+    return n && s === 0 || u && s === 6 ? !0 : !!p.find((o) => (o.year === 0 || o.year === i.year) && (o.month === 0 || o.month === i.month) && o.day === i.day);
   }
-  return { isHighlightedDate: s, isMarkedDate: l };
+  return { isHighlightedDate: a, isMarkedDate: t };
 }
-function xe() {
-  const { getTimeInMilliseconds: e } = Z(), { isInitializedDate: l } = te();
-  function s(i, r) {
-    return l(r) && e(i) <= e(r);
+function Ue() {
+  const { getTimeInMilliseconds: e } = ae(), { isInitializedDate: t } = ie();
+  function a(n, u) {
+    return t(u) && e(n) <= e(u);
   }
-  function k(i, r) {
-    return l(r) && e(i) >= e(r);
+  function i(n, u) {
+    return t(u) && e(n) >= e(u);
   }
-  return { isMonthDisabledByDisableSince: k, isMonthDisabledByDisableUntil: s };
+  return { isMonthDisabledByDisableSince: i, isMonthDisabledByDisableUntil: a };
 }
-function de() {
-  const { getToday: e } = Z(), { isMonthDisabledByDisableSince: l, isMonthDisabledByDisableUntil: s } = xe();
-  function k(f) {
-    const n = { displayTextOfMonth: "", month: 0, year: 0, displayTextOfYear: "" };
-    if (f) {
-      const u = f.match(/[^0-9]/), y = u && u.length ? u[0] : "", b = f.split(y);
-      n.month = b[0].length === 2 ? Number(b[0]) : Number(b[1]), n.year = b[0].length === 2 ? Number(b[1]) : Number(b[0]);
-    }
-    return n;
-  }
-  function i(f, n) {
-    return new Date(n, f, 0).getDate();
-  }
-  function r(f, n, u) {
-    return new Date(f, n - 1, u, 0, 0, 0, 0);
-  }
-  function h(f, n) {
-    const u = r(n, f, 1);
-    return u.setMonth(u.getMonth() - 1), i(u.getMonth() + 1, u.getFullYear());
-  }
-  function c(f, n, u, y) {
-    const b = e(), I = [], { year: B } = n, x = 3;
-    for (let N = 1; N <= 12; N += x) {
-      const g = [];
-      for (let p = N; p < N + x; p++) {
-        const C = l({ year: B, month: p, day: 1 }, u) || s({ year: B, month: p, day: i(p, B || 0) }, y);
-        g.push({
-          month: p,
-          displayText: f[p],
-          isCurrent: p === b.month && B === b.year,
-          disable: C,
-          date: { year: B, month: p }
+function Ie() {
+  const { getToday: e } = ae(), { isMonthDisabledByDisableSince: t, isMonthDisabledByDisableUntil: a } = Ue();
+  function i(v) {
+    const r = { displayTextOfMonth: "", month: 0, year: 0, displayTextOfYear: "" };
+    if (v) {
+      const d = v.match(/[^0-9]/), h = d && d.length ? d[0] : "", g = v.split(h);
+      r.month = g[0].length === 2 ? Number(g[0]) : Number(g[1]), r.year = g[0].length === 2 ? Number(g[1]) : Number(g[0]);
+    }
+    return r;
+  }
+  function n(v, r) {
+    return new Date(r, v, 0).getDate();
+  }
+  function u(v, r, d) {
+    return new Date(v, r - 1, d, 0, 0, 0, 0);
+  }
+  function p(v, r) {
+    const d = u(r, v, 1);
+    return d.setMonth(d.getMonth() - 1), n(d.getMonth() + 1, d.getFullYear());
+  }
+  function s(v, r, d, h) {
+    const g = e(), C = [], { year: N } = r, P = 3;
+    for (let E = 1; E <= 12; E += P) {
+      const O = [];
+      for (let w = E; w < E + P; w++) {
+        const M = t({ year: N, month: w, day: 1 }, d) || a({ year: N, month: w, day: n(w, N || 0) }, h);
+        O.push({
+          month: w,
+          displayText: v[w],
+          isCurrent: w === g.month && N === g.year,
+          disable: M,
+          date: { year: N, month: w }
         });
       }
-      I.push(g);
+      C.push(O);
     }
-    return I;
+    return C;
   }
-  function d(f, n) {
-    const u = {
-      year: f === 12 ? n + 1 : n
-    }, y = f === 12 ? 1 : f + 1;
-    return u.month = y, u;
+  function f(v, r) {
+    const d = {
+      year: v === 12 ? r + 1 : r
+    }, h = v === 12 ? 1 : v + 1;
+    return d.month = h, d;
   }
-  function t(f, n) {
-    const u = {
-      year: f === 1 ? n - 1 : n
-    }, y = f === 1 ? 12 : f - 1;
-    return u.month = y, u;
+  function o(v, r) {
+    const d = {
+      year: v === 1 ? r - 1 : r
+    }, h = v === 1 ? 12 : v - 1;
+    return d.month = h, d;
   }
-  return { daysInMonth: i, daysInPreMonth: h, generateMonths: c, parseDefaultMonth: k, getNextMonth: d, getPreviousMonth: t };
+  return { daysInMonth: n, daysInPreMonth: p, generateMonths: s, parseDefaultMonth: i, getNextMonth: f, getPreviousMonth: o };
 }
-function Pt({ isDisabledDate: e }) {
-  const { getToday: l } = Z(), { daysInMonth: s, daysInPreMonth: k, getNextMonth: i, getPreviousMonth: r } = de(), { isHighlightedDate: h, isMarkedDate: c } = Mt(), { getWeekNumber: d } = ce();
-  function t(y) {
-    const b = ae.indexOf(y);
-    return b > 0 ? 7 - b : 0;
-  }
-  function f(y, b, I) {
-    const B = new Date();
-    B.setDate(1), B.setMonth(b - 1), B.setFullYear(y);
-    const x = B.getDay() + I;
-    return x >= 7 ? x - 7 : x;
-  }
-  function n(y, b, I, B, x) {
-    return y === x.day && b === x.month && I === x.year && B === q.current;
-  }
-  function u(y, b, I, B, x, N, g, p, C) {
-    const m = [], D = l(), S = f(b, y, t(I)), W = s(y, b), R = k(y, b);
-    let L = 1, $ = q.previous;
-    for (let F = 1; F < 7; F++) {
-      const _ = [];
-      if (F === 1) {
-        const U = R - S + 1;
-        for (let T = U; T <= R; T++) {
-          const M = {
-            year: y === 1 ? b - 1 : b,
-            month: y === 1 ? 12 : y - 1,
-            day: T
-          }, A = n(T, y, b, $, D), V = e(M), z = c(M, B, x), Q = h(M, p, g, N);
-          _.push({ date: M, tag: $, isCurrent: A, disable: V, marked: z, highlight: Q });
+function Wt({ isDisabledDate: e }) {
+  const { getToday: t } = ae(), { daysInMonth: a, daysInPreMonth: i, getNextMonth: n, getPreviousMonth: u } = Ie(), { isHighlightedDate: p, isMarkedDate: s } = Nt(), { getWeekNumber: f } = Se();
+  function o(h) {
+    const g = ce.indexOf(h);
+    return g > 0 ? 7 - g : 0;
+  }
+  function v(h, g, C) {
+    const N = /* @__PURE__ */ new Date();
+    N.setDate(1), N.setMonth(g - 1), N.setFullYear(h);
+    const P = N.getDay() + C;
+    return P >= 7 ? P - 7 : P;
+  }
+  function r(h, g, C, N, P) {
+    return h === P.day && g === P.month && C === P.year && N === X.current;
+  }
+  function d(h, g, C, N, P, E, O, w, M) {
+    const k = [], D = t(), L = v(g, h, o(C)), T = a(h, g), Y = i(h, g);
+    let z = 1, F = X.previous;
+    for (let H = 1; H < 7; H++) {
+      const K = [];
+      if (H === 1) {
+        const R = Y - L + 1;
+        for (let S = R; S <= Y; S++) {
+          const B = {
+            year: h === 1 ? g - 1 : g,
+            month: h === 1 ? 12 : h - 1,
+            day: S
+          }, $ = r(S, h, g, F, D), V = e(B), U = s(B, N, P), J = p(B, w, O, E);
+          K.push({ date: B, tag: F, isCurrent: $, disable: V, marked: U, highlight: J });
         }
-        $ = q.current;
-        const a = 7 - _.length;
-        for (let T = 0; T < a; T++) {
-          const M = { year: b, month: y, day: L }, A = n(L, y, b, $, D), V = e(M), z = c(M, B, x), Q = h(M, p, g, N);
-          _.push({ date: M, tag: $, isCurrent: A, disable: V, marked: z, highlight: Q }), L++;
+        F = X.current;
+        const c = 7 - K.length;
+        for (let S = 0; S < c; S++) {
+          const B = { year: g, month: h, day: z }, $ = r(z, h, g, F, D), V = e(B), U = s(B, N, P), J = p(B, w, O, E);
+          K.push({ date: B, tag: F, isCurrent: $, disable: V, marked: U, highlight: J }), z++;
         }
       } else
-        for (let U = 1; U <= 7; U++) {
-          L > W && (L = 1, $ = q.next);
-          const a = {
-            year: $ === q.next && y === 12 ? b + 1 : b,
-            month: $ === q.current ? y : $ === q.next && y < 12 ? y + 1 : 1,
-            day: L
-          }, T = n(L, y, b, $, D), M = e(a), A = c(a, B, x), V = h(a, p, g, N);
-          _.push({ date: a, tag: $, isCurrent: T, disable: M, marked: A, highlight: V }), L++;
+        for (let R = 1; R <= 7; R++) {
+          z > T && (z = 1, F = X.next);
+          const c = {
+            year: F === X.next && h === 12 ? g + 1 : g,
+            month: F === X.current ? h : F === X.next && h < 12 ? h + 1 : 1,
+            day: z
+          }, S = r(z, h, g, F, D), B = e(c), $ = s(c, N, P), V = p(c, w, O, E);
+          K.push({ date: c, tag: F, isCurrent: S, disable: B, marked: $, highlight: V }), z++;
         }
-      const K = C && I === "Mon." ? d(_[0].date) : 0;
-      m.push({ days: _, numberInTheYear: K, year: b });
+      const I = M && C === "Mon." ? f(K[0].date) : 0;
+      k.push({ days: K, numberInTheYear: I, year: g });
     }
-    return m;
+    return k;
   }
-  return { generateCalendar: u };
+  return { generateCalendar: d };
 }
-function Tt() {
-  const { getToday: e } = Z(), { daysInMonth: l } = de(), { isMonthDisabledByDisableSince: s, isMonthDisabledByDisableUntil: k } = xe();
-  function i(r, h, c, d, t, f) {
-    const n = [], u = r - r % 10, { year: y, month: b } = h, I = e(), B = 3, x = u + 10;
-    for (let N = u - 1; N < x; N += B) {
-      const g = [];
-      for (let p = N; p < N + B; p++) {
-        const C = s({ year: p, month: b, day: 1 }, t) || k({ year: p, month: b, day: l(b || 0, p) }, f), m = p < c || p > d;
-        g.push({
-          year: p,
-          isCurrent: p === I.year,
-          selected: p === y,
-          disable: C || m,
-          date: { year: p }
+function jt() {
+  const { getToday: e } = ae(), { daysInMonth: t } = Ie(), { isMonthDisabledByDisableSince: a, isMonthDisabledByDisableUntil: i } = Ue();
+  function n(u, p, s, f, o, v) {
+    const r = [], d = u - u % 10, { year: h, month: g } = p, C = e(), N = 3, P = d + 10;
+    for (let E = d - 1; E < P; E += N) {
+      const O = [];
+      for (let w = E; w < E + N; w++) {
+        const M = a({ year: w, month: g, day: 1 }, o) || i({ year: w, month: g, day: t(g || 0, w) }, v), k = w < s || w > f;
+        O.push({
+          year: w,
+          isCurrent: w === C.year,
+          selected: w === h,
+          disable: M || k,
+          date: { year: w }
         });
       }
-      n.push(g);
+      r.push(O);
     }
-    return n;
+    return r;
   }
-  return { generateYears: i };
+  return { generateYears: n };
 }
-const Me = G({
+const xe = /* @__PURE__ */ ee({
   name: "FDatePickerContainer",
-  props: mt,
+  props: Dt,
   emits: ["datePicked"],
-  setup(e, l) {
-    const s = o(e.top), k = o(e.left), i = o(e.position), r = o(e.enablePeriod), h = o(e.selectMode), c = o(e.dateFormat), d = o(e.nameOfMonths), t = o([]), f = o(!1), n = o(""), u = o(!1), y = o(""), b = o(), I = o(!1), B = o(!1), x = o(!1), N = o(!1), g = o(!1), p = o(!1), C = o(!1), m = o(!1), D = o(e.secondaryDates), S = o(e.daysInWeek), W = o(e.enableKeyboadNavigate), R = o(e.enableMarkCurrent), L = o(e.firstDayOfTheWeek), $ = o(e.showWeekNumber), F = o(e.selectedDate), _ = o(e.selectedWeek), K = o(e.selectedPeriod), U = o(e.weekTitle), a = o(e.secondaryMonths), T = o(e.selectedMonth), M = o(e.minYear), A = o(e.maxYear), V = o(e.disableSince), z = o(e.disableUntil), Q = o(e.disableDates), De = o(e.disablePeriod), Be = o(e.disableWeekdays), we = o(e.disableWeekends), Oe = pt(M.value, A.value, V.value, z.value, Q.value, De.value, we.value, Be.value), {
-      generateCalendar: Ne
-    } = Pt(Oe), {
-      getToday: Se
-    } = Z(), {
-      generateMonths: Ye,
-      getNextMonth: Ie,
-      getPreviousMonth: Ee
-    } = de(), {
-      generateYears: We
-    } = Tt(), E = Se(), Y = o({
-      year: E.year || 1,
-      month: E.month || 1,
-      displayTextOfMonth: d.value[E.month || "1"],
-      displayTextOfYear: `${E.year}`
-    }), fe = E.month === 12 ? (E.year || 1) + 1 : E.year, $e = (E.month || 1) < 12 ? (E.month || 1) + 1 : 1, je = o({
-      year: fe,
-      month: $e,
-      displayTextOfMonth: d.value[E.month || "1"],
-      displayTextOfYear: `${fe}`
-    }), Ae = O(() => Ne(Y.value.month, Y.value.year, L.value, [], {
+  setup(e, t) {
+    const a = l(e.top), i = l(e.left), n = l(e.position), u = l(e.enablePeriod), p = l(e.selectMode), s = l(e.dateFormat), f = l(e.nameOfMonths), o = l([]), v = l(!1), r = l(""), d = l(!1), h = l(""), g = l(), C = l(!1), N = l(!1), P = l(!1), E = l(!1), O = l(!1), w = l(!1), M = l(!1), k = l(!1), D = l(e.secondaryDates), L = l(e.daysInWeek), T = l(e.enableKeyboadNavigate), Y = l(e.enableMarkCurrent), z = l(e.firstDayOfTheWeek), F = l(e.showWeekNumber), H = l(e.selectedDate), K = l(e.selectedWeek), I = l(e.selectedPeriod), R = l(e.weekTitle), c = l(e.secondaryMonths), S = l(e.selectedMonth), B = l(e.minYear), $ = l(e.maxYear), V = l(e.disableSince), U = l(e.disableUntil), J = l(e.disableDates), de = l(e.disablePeriod), fe = l(e.disableWeekdays), ve = l(e.disableWeekends), ye = It(B.value, $.value, V.value, U.value, J.value, de.value, ve.value, fe.value), {
+      generateCalendar: pe
+    } = Wt(ye), {
+      getToday: he
+    } = ae(), {
+      generateMonths: me,
+      getNextMonth: be,
+      getPreviousMonth: ge
+    } = Ie(), {
+      generateYears: ke
+    } = jt(), y = he(), m = l({
+      year: y.year || 1,
+      month: y.month || 1,
+      displayTextOfMonth: f.value[y.month || "1"],
+      displayTextOfYear: `${y.year}`
+    }), W = y.month === 12 ? (y.year || 1) + 1 : y.year, _ = (y.month || 1) < 12 ? (y.month || 1) + 1 : 1, Q = l({
+      year: W,
+      month: _,
+      displayTextOfMonth: f.value[y.month || "1"],
+      displayTextOfYear: `${W}`
+    }), Z = x(() => pe(m.value.month, m.value.year, z.value, [], {
       marked: !0,
       color: ""
-    }, [], e.highlightSaturday, e.highlightSunday, $.value)), Re = O(() => Ye(d.value, {
-      year: Y.value.year,
-      month: Y.value.month
-    }, V.value, z.value)), ye = O(() => We(Y.value.year, {
-      year: Y.value.year,
-      month: Y.value.month
-    }, M.value, A.value, V.value, z.value)), Le = O(() => {
-      const P = {
+    }, [], e.highlightSaturday, e.highlightSunday, F.value)), oe = x(() => me(f.value, {
+      year: m.value.year,
+      month: m.value.month
+    }, V.value, U.value)), le = x(() => ke(m.value.year, {
+      year: m.value.year,
+      month: m.value.month
+    }, B.value, $.value, V.value, U.value)), re = x(() => {
+      const j = {
         "f-datepicker-container": !0
-      }, j = `container-position-${i.value}`;
-      return P[j] = !0, P;
+      }, q = `container-position-${n.value}`;
+      return j[q] = !0, j;
     });
-    function Fe() {
+    function et() {
       return "";
     }
-    const Ve = O(() => ({
-      top: `${s.value}px`,
-      left: `${k.value}px`,
-      width: Fe()
+    const tt = x(() => ({
+      top: `${a.value}px`,
+      left: `${i.value}px`,
+      width: et()
     }));
-    function St(P) {
+    function Dn(j) {
     }
-    function Ke(P) {
-      P.stopPropagation();
+    function nt(j) {
+      j.stopPropagation();
     }
-    function _e(P, j) {
-      const w = Y.value.year - (u.value ? 10 : 1), X = {
-        year: w,
-        month: Y.value.month,
-        displayTextOfMonth: d.value[Y.value.month || "1"],
-        displayTextOfYear: `${w}`
+    function at(j, q) {
+      const A = m.value.year - (d.value ? 10 : 1), ne = {
+        year: A,
+        month: m.value.month,
+        displayTextOfMonth: f.value[m.value.month || "1"],
+        displayTextOfYear: `${A}`
       };
-      Y.value = X;
-    }
-    function ve(P, j) {
-      const w = Ee(Y.value.month, Y.value.year), X = {
-        year: w.year || 1,
-        month: w.month || 1,
-        displayTextOfMonth: d.value[w.month || "1"],
-        displayTextOfYear: `${w.year}`
+      m.value = ne;
+    }
+    function je(j, q) {
+      const A = ge(m.value.month, m.value.year), ne = {
+        year: A.year || 1,
+        month: A.month || 1,
+        displayTextOfMonth: f.value[A.month || "1"],
+        displayTextOfYear: `${A.year}`
       };
-      Y.value = X;
-    }
-    function he(P, j) {
-      const w = Ie(Y.value.month, Y.value.year), X = {
-        year: w.year || 1,
-        month: w.month || 1,
-        displayTextOfMonth: d.value[w.month || "1"],
-        displayTextOfYear: `${w.year}`
+      m.value = ne;
+    }
+    function Ee(j, q) {
+      const A = be(m.value.month, m.value.year), ne = {
+        year: A.year || 1,
+        month: A.month || 1,
+        displayTextOfMonth: f.value[A.month || "1"],
+        displayTextOfYear: `${A.year}`
       };
-      Y.value = X;
-    }
-    function Ue(P, j) {
-      const w = Y.value.year + 1, X = {
-        year: w,
-        month: Y.value.month,
-        displayTextOfMonth: d.value[Y.value.month || "1"],
-        displayTextOfYear: `${w}`
+      m.value = ne;
+    }
+    function ot(j, q) {
+      const A = m.value.year + 1, ne = {
+        year: A,
+        month: m.value.month,
+        displayTextOfMonth: f.value[m.value.month || "1"],
+        displayTextOfYear: `${A}`
       };
-      Y.value = X;
-    }
-    function qe(P) {
-      f.value = !0, u.value = !1;
-    }
-    function ze(P) {
-      f.value = !1, u.value = !0;
-    }
-    const He = O(() => ({
-      "active-month": Y.value,
-      "date-format": c.value,
-      "disable-pre-page": I.value,
-      "disable-pre-record": B.value,
-      "disable-next-record": x.value,
-      "disable-next-page": N.value,
-      years: ye.value,
-      "selecting-month": f.value,
-      "selecting-year": u.value,
-      "select-mode": h.value
-    })), Je = O(() => ({
-      "active-month": je.value,
-      "date-format": c.value,
-      "disable-pre-page": g.value,
-      "disable-pre-record": p.value,
-      "disable-next-record": C.value,
-      "disable-next-page": m.value,
-      years: t.value,
-      "selecting-month": n.value,
-      "selecting-year": y.value,
-      "select-mode": h.value
+      m.value = ne;
+    }
+    function lt(j) {
+      v.value = !0, d.value = !1;
+    }
+    function rt(j) {
+      v.value = !1, d.value = !0;
+    }
+    const ut = x(() => ({
+      "active-month": m.value,
+      "date-format": s.value,
+      "disable-pre-page": C.value,
+      "disable-pre-record": N.value,
+      "disable-next-record": P.value,
+      "disable-next-page": E.value,
+      years: le.value,
+      "selecting-month": v.value,
+      "selecting-year": d.value,
+      "select-mode": p.value
+    })), st = x(() => ({
+      "active-month": Q.value,
+      "date-format": s.value,
+      "disable-pre-page": O.value,
+      "disable-pre-record": w.value,
+      "disable-next-record": M.value,
+      "disable-next-page": k.value,
+      years: o.value,
+      "selecting-month": r.value,
+      "selecting-year": h.value,
+      "select-mode": p.value
     }));
-    function be(P, j) {
-      return v(le, ee(j, {
-        onPrePage: (w) => _e(),
-        onPreRecord: (w) => ve(),
-        onNextRecord: (w) => he(),
-        onNextPage: (w) => Ue(),
-        onClickMonth: (w) => qe(),
-        onClickYear: (w) => ze()
+    function Le(j, q) {
+      return b(Pe, ue(q, {
+        onPrePage: (A) => at(),
+        onPreRecord: (A) => je(),
+        onNextRecord: (A) => Ee(),
+        onNextPage: (A) => ot(),
+        onClickMonth: (A) => lt(),
+        onClickYear: (A) => rt()
       }), null);
     }
-    const me = O(() => !f.value && !u.value && !b.value || r.value && h.value !== "week" && !n.value && !y.value && !b.value), Ge = O(() => f.value && !u.value), Qe = O(() => u.value && !f.value), Xe = O(() => ({
-      dates: Ae.value,
-      daysInWeek: S.value,
-      enableKeyboadNavigate: W.value,
-      enableMarkCurrent: R.value,
-      enablePeriod: r.value,
-      firstDayOfTheWeek: L.value,
-      selected: F.value,
-      selectedPeriod: K.value,
-      selectedWeek: _.value,
-      selectMode: h.value,
-      showWeekNumber: $.value,
-      weekTitle: U.value
-    })), Ze = O(() => ({
+    const Re = x(() => !v.value && !d.value && !g.value || u.value && p.value !== "week" && !r.value && !h.value && !g.value), it = x(() => v.value && !d.value), ct = x(() => d.value && !v.value), dt = x(() => ({
+      dates: Z.value,
+      daysInWeek: L.value,
+      enableKeyboadNavigate: T.value,
+      enableMarkCurrent: Y.value,
+      enablePeriod: u.value,
+      firstDayOfTheWeek: z.value,
+      selected: H.value,
+      selectedPeriod: I.value,
+      selectedWeek: K.value,
+      selectMode: p.value,
+      showWeekNumber: F.value,
+      weekTitle: R.value
+    })), ft = x(() => ({
       dates: D,
-      daysInWeek: S.value,
-      enableKeyboadNavigate: W.value,
-      enableMarkCurrent: R.value,
-      enablePeriod: r.value,
-      firstDayOfTheWeek: L.value,
-      selected: F.value,
-      selectedPeriod: K.value,
-      selectMode: $.value,
-      showWeekNumber: $.value,
-      weekTitle: U.value
+      daysInWeek: L.value,
+      enableKeyboadNavigate: T.value,
+      enableMarkCurrent: Y.value,
+      enablePeriod: u.value,
+      firstDayOfTheWeek: z.value,
+      selected: H.value,
+      selectedPeriod: I.value,
+      selectMode: F.value,
+      showWeekNumber: F.value,
+      weekTitle: R.value
     }));
-    function et(P, j) {
-      F.value = P, l.emit("datePicked", `${P.year}-${P.month}-${P.day}`);
+    function vt(j, q) {
+      H.value = j, t.emit("datePicked", `${j.year}-${j.month}-${j.day}`);
     }
-    function Yt(P) {
+    function On(j) {
     }
-    function It(P) {
+    function Sn(j) {
     }
-    function Et(P, j) {
+    function In(j, q) {
     }
-    function Wt(P, j) {
+    function Nn(j, q) {
     }
-    function ke(P, j) {
-      return me.value && v(oe, ee(j, {
-        onClick: (w) => et(w),
-        onClickWeek: (w) => void 0,
-        onKeyDown: (w) => void 0,
-        onMouseEnter: (w) => void 0,
-        onMouseLeave: (w) => void 0
+    function Ae(j, q) {
+      return Re.value && b(Me, ue(q, {
+        onClick: (A) => vt(A),
+        onClickWeek: (A) => void 0,
+        onKeyDown: (A) => void 0,
+        onMouseEnter: (A) => void 0,
+        onMouseLeave: (A) => void 0
       }), null);
     }
-    const tt = O(() => ({
-      months: Re.value,
-      enableMarkCurrent: R.value,
-      enableKeyboadNavigate: W.value,
-      enablePeriod: r.value,
-      selected: T.value,
-      selectedPeriod: K.value
-    })), at = O(() => ({
-      months: a.value,
-      enableMarkCurrent: R.value,
-      enableKeyboadNavigate: W.value,
-      enablePeriod: r.value,
-      selected: T.value,
-      selectedPeriod: K.value
+    const yt = x(() => ({
+      months: oe.value,
+      enableMarkCurrent: Y.value,
+      enableKeyboadNavigate: T.value,
+      enablePeriod: u.value,
+      selected: S.value,
+      selectedPeriod: I.value
+    })), pt = x(() => ({
+      months: c.value,
+      enableMarkCurrent: Y.value,
+      enableKeyboadNavigate: T.value,
+      enablePeriod: u.value,
+      selected: S.value,
+      selectedPeriod: I.value
     }));
-    function nt(P, j) {
-      f.value = !1, u.value = !1, T.value = P, Y.value = {
-        month: P.month || 1,
-        displayTextOfMonth: d.value[Y.value.month || "1"],
-        year: Y.value.year || 1,
-        displayTextOfYear: `${Y.value.displayTextOfYear}`
+    function ht(j, q) {
+      v.value = !1, d.value = !1, S.value = j, m.value = {
+        month: j.month || 1,
+        displayTextOfMonth: f.value[m.value.month || "1"],
+        year: m.value.year || 1,
+        displayTextOfYear: `${m.value.displayTextOfYear}`
       };
     }
-    function $t(P) {
+    function Wn(j) {
     }
-    function jt(P, j) {
+    function jn(j, q) {
     }
-    function At(P, j) {
+    function En(j, q) {
     }
-    function ge(P, j) {
-      return v(re, ee(j, {
-        onClick: (w) => nt(w),
-        onKeyDownMonthView: (w) => void 0,
-        onMouseEnterMonthView: (w) => void 0,
-        onMouseLeaveMonthView: (w) => void 0
+    function Ye(j, q) {
+      return b(we, ue(q, {
+        onClick: (A) => ht(A),
+        onKeyDownMonthView: (A) => void 0,
+        onMouseEnterMonthView: (A) => void 0,
+        onMouseLeaveMonthView: (A) => void 0
       }), null);
     }
-    const ot = O(() => ({
-      years: ye.value,
-      enableKeyboadNavigate: W.value,
-      enableMarkCurrent: R.value,
-      enablePeriod: r.value,
-      selected: F.value,
-      selectedPeriod: K.value
-    })), lt = O(() => ({
-      years: t.value,
-      enableKeyboadNavigate: W.value,
-      enableMarkCurrent: R.value,
-      enablePeriod: r.value,
-      selected: F.value,
-      selectedPeriod: K.value
+    const mt = x(() => ({
+      years: le.value,
+      enableKeyboadNavigate: T.value,
+      enableMarkCurrent: Y.value,
+      enablePeriod: u.value,
+      selected: H.value,
+      selectedPeriod: I.value
+    })), bt = x(() => ({
+      years: o.value,
+      enableKeyboadNavigate: T.value,
+      enableMarkCurrent: Y.value,
+      enablePeriod: u.value,
+      selected: H.value,
+      selectedPeriod: I.value
     }));
-    function rt(P, j) {
-      f.value = !0, u.value = !1, Y.value = {
-        month: Y.value.month,
-        displayTextOfMonth: Y.value.displayTextOfMonth,
-        year: P.year || 1,
-        displayTextOfYear: `${P.year}`
+    function gt(j, q) {
+      v.value = !0, d.value = !1, m.value = {
+        month: m.value.month,
+        displayTextOfMonth: m.value.displayTextOfMonth,
+        year: j.year || 1,
+        displayTextOfYear: `${j.year}`
       };
     }
-    function Rt(P) {
-    }
-    function Lt(P, j) {
-    }
-    function Ft(P, j) {
-    }
-    function ut(P) {
-      Y.value = {
-        year: E.year || 1,
-        month: E.month || 1,
-        displayTextOfMonth: d.value[E.month || "1"],
-        displayTextOfYear: `${E.year}`
-      }, F.value = E;
-    }
-    function st(P) {
-      Y.value = {
-        year: E.year || 1,
-        month: E.month || 1,
-        displayTextOfMonth: d.value[E.month || "1"],
-        displayTextOfYear: `${E.year}`
-      }, F.value = E, T.value = {
-        year: E.year,
-        month: E.month
+    function Ln(j) {
+    }
+    function Rn(j, q) {
+    }
+    function An(j, q) {
+    }
+    function kt(j) {
+      m.value = {
+        year: y.year || 1,
+        month: y.month || 1,
+        displayTextOfMonth: f.value[y.month || "1"],
+        displayTextOfYear: `${y.year}`
+      }, H.value = y;
+    }
+    function Tt(j) {
+      m.value = {
+        year: y.year || 1,
+        month: y.month || 1,
+        displayTextOfMonth: f.value[y.month || "1"],
+        displayTextOfYear: `${y.year}`
+      }, H.value = y, S.value = {
+        year: y.year,
+        month: y.month
       };
     }
-    function it(P) {
-      Y.value = {
-        year: E.year || 1,
-        month: E.month || 1,
-        displayTextOfMonth: d.value[E.month || "1"],
-        displayTextOfYear: `${E.year}`
-      }, F.value = E;
-    }
-    const ct = O(() => r.value && h.value !== "week");
-    function pe(P, j) {
-      return v(ue, ee(j, {
-        onClick: (w) => rt(w),
-        onKeyDownYearView: (w) => void 0,
-        onClickPreRecord: (w) => ve(),
-        onClickNextRecord: (w) => he(),
-        onMouseEnterYearView: (w) => void 0,
-        onMouseLeaveYearView: (w) => void 0
+    function Ct(j) {
+      m.value = {
+        year: y.year || 1,
+        month: y.month || 1,
+        displayTextOfMonth: f.value[y.month || "1"],
+        displayTextOfYear: `${y.year}`
+      }, H.value = y;
+    }
+    const Mt = x(() => u.value && p.value !== "week");
+    function $e(j, q) {
+      return b(Be, ue(q, {
+        onClick: (A) => gt(A),
+        onKeyDownYearView: (A) => void 0,
+        onClickPreRecord: (A) => je(),
+        onClickNextRecord: (A) => Ee(),
+        onMouseEnterYearView: (A) => void 0,
+        onMouseLeaveYearView: (A) => void 0
       }), null);
     }
-    return () => v("div", {
-      class: Le.value,
-      style: Ve.value,
+    return () => b("div", {
+      class: re.value,
+      style: tt.value,
       tabindex: "0",
-      onKeyup: (P) => void 0,
-      onClick: (P) => Ke(P)
-    }, [v("div", {
+      onKeyup: (j) => void 0,
+      onClick: (j) => nt(j)
+    }, [b("div", {
       class: "f-datepicker-content"
-    }, [be(!1, He.value), ke(!1, Xe.value), f.value && ge(!1, tt.value), u.value && pe(!1, ot.value), v("div", {
+    }, [Le(!1, ut.value), Ae(!1, dt.value), v.value && Ye(!1, yt.value), d.value && $e(!1, mt.value), b("div", {
       class: "f-datepicker-footer"
-    }, [v("div", {
+    }, [b("div", {
       class: "f-datepicker-redirect"
-    }, [me.value && v("button", {
+    }, [Re.value && b("button", {
       class: "btn btn-link",
-      onClick: ut
-    }, [ne("\u4ECA\u5929")]), Ge.value && v("button", {
+      onClick: kt
+    }, [Te("今天")]), it.value && b("button", {
       class: "btn btn-link",
-      onClick: st
-    }, [ne("\u672C\u6708")]), Qe.value && v("button", {
+      onClick: Tt
+    }, [Te("本月")]), ct.value && b("button", {
       class: "btn btn-link",
-      onClick: it
-    }, [ne("\u4ECA\u5E74")])])])]), ct.value && v("div", {
+      onClick: Ct
+    }, [Te("今年")])])])]), Mt.value && b("div", {
       class: "f-datepicker-content"
-    }, [be(!0, Je.value), ke(!0, Ze.value), n.value && ge(!0, at.value), y.value && pe(!0, lt.value)])]);
+    }, [Le(!0, st.value), Ae(!0, ft.value), r.value && Ye(!0, pt.value), h.value && $e(!0, bt.value)])]);
   }
-}), xt = {
-  displayFormat: { Type: String, default: "yyyyMMdd" },
-  minYear: { Type: Number, default: 1 },
-  maxYear: { Type: Number, default: 2500 },
-  valueFormat: { Type: String, default: "yyyyMMdd" },
-  displayTime: { Type: Boolean, default: !1 },
-  selectMode: { Type: String, default: "day" },
-  disableUntil: { Type: Object, default: { year: 0, month: 0, day: 0 } },
-  disableSince: { Type: Object, default: { year: 0, month: 0, day: 0 } },
+}), Xe = {};
+function Ne(e) {
+  const { properties: t } = e;
+  return Object.keys(t).reduce((i, n) => (i[n] = t[n].type === "object" && t[n].properties ? Ne(t[n]) : t[n].default, i), {});
+}
+function Et(e) {
+  const t = Xe[e];
+  return t ? Ne(t) : null;
+}
+function Lt(e, t) {
+  const a = Ne(t);
+  return Object.keys(e).reduce((i, n) => (i[n] = e[n], i), a), a;
+}
+function Rt(e, t) {
+  return Object.keys(e).filter((i) => e[i] != null).reduce((i, n) => {
+    if (t.has(n)) {
+      const u = t.get(n);
+      if (typeof u == "string")
+        i[u] = e[n];
+      else {
+        const p = u(n, e[n]);
+        Object.assign(i, p);
+      }
+    } else
+      i[n] = e[n];
+    return i;
+  }, {});
+}
+function At(e, t, a = /* @__PURE__ */ new Map()) {
+  const i = Lt(e, t);
+  return Rt(i, a);
+}
+function Ge(e, t, a = /* @__PURE__ */ new Map()) {
+  return Xe[t.title] = t, (i) => {
+    const n = At(i, t, a), u = Object.keys(e).reduce((p, s) => (p[s] = e[s].default, p), {});
+    return Object.assign(u, n);
+  };
+}
+function Je(e, t) {
+  return { customClass: t.class };
+}
+const Yt = /* @__PURE__ */ new Map([
+  ["appearance", Je]
+]), $t = "https://json-schema.org/draft/2020-12/schema", Ft = "https://farris-design.gitee.io/date-picker.schema.json", Vt = "date-picker", qt = "A Farris Input Component", zt = "object", Ht = {
+  id: {
+    description: "The unique identifier for a check box",
+    type: "string"
+  },
+  type: {
+    description: "The type string of check box component",
+    type: "string",
+    default: "date-picker"
+  },
+  appearance: {
+    description: "",
+    type: "object",
+    properties: {
+      class: {
+        type: "string"
+      },
+      style: {
+        type: "string"
+      }
+    },
+    default: {}
+  },
+  binding: {
+    description: "",
+    type: "object",
+    default: {}
+  },
+  disable: {
+    type: "string",
+    default: !1
+  },
+  editable: {
+    description: "",
+    type: "boolean",
+    default: !0
+  },
+  placeHolder: {
+    description: "",
+    type: "string",
+    default: ""
+  },
+  readonly: {
+    description: "",
+    type: "boolean",
+    default: !1
+  },
+  require: {
+    description: "",
+    type: "boolean",
+    default: !1
+  },
+  tabindex: {
+    description: "",
+    type: "number",
+    default: -1
+  },
+  visible: {
+    description: "",
+    type: "boolean",
+    default: !0
+  }
+}, Kt = [
+  "id",
+  "type"
+], _t = {
+  $schema: $t,
+  $id: Ft,
+  title: Vt,
+  description: qt,
+  type: zt,
+  properties: Ht,
+  required: Kt
+}, We = {
   disableDates: { Type: Array, default: [] },
   disablePeriod: { Type: Array, default: [] },
-  disableWeekends: { Type: Boolean, default: !1 },
+  disableSince: { Type: Object, default: { year: 0, month: 0, day: 0 } },
   disableWeekdays: { Type: Array, default: [] },
+  disableWeekends: { Type: Boolean, default: !1 },
+  disableUntil: { Type: Object, default: { year: 0, month: 0, day: 0 } },
+  displayFormat: { Type: String, default: "yyyyMMdd" },
+  displayTime: { Type: Boolean, default: !1 },
   highlightDates: { Type: Array, default: [] },
   highlightSaturday: { Type: Boolean, default: !1 },
   highlightSunday: { Type: Boolean, default: !1 },
+  maxYear: { Type: Number, default: 2500 },
+  minYear: { Type: Number, default: 1 },
+  /**
+   * 组件值
+   */
   modelValue: { type: String, default: "" },
-  nameOfMonths: { Type: Object, default: Te },
-  periodDelimiter: { Type: String, default: "" }
-}, Ct = {
+  nameOfMonths: { Type: Object, default: _e },
+  periodDelimiter: { Type: String, default: "" },
+  selectMode: { Type: String, default: "day" },
+  valueFormat: { Type: String, default: "yyyyMMdd" }
+}, Fe = Ge(We, _t, Yt), Ut = /* @__PURE__ */ new Map([
+  ["appearance", Je]
+]), Xt = "https://json-schema.org/draft/2020-12/schema", Gt = "https://farris-design.gitee.io/button-edit.schema.json", Jt = "button-edit", Qt = "A Farris Input Component", Zt = "object", en = {
+  id: {
+    description: "The unique identifier for a Input Group",
+    type: "string"
+  },
+  type: {
+    description: "The type string of Input Group component",
+    type: "string",
+    default: "button-edit"
+  },
+  appearance: {
+    description: "",
+    type: "object",
+    properties: {
+      class: {
+        type: "string"
+      },
+      style: {
+        type: "string"
+      }
+    },
+    default: {}
+  },
+  binding: {
+    description: "",
+    type: "object",
+    default: {}
+  },
+  disable: {
+    type: "string",
+    default: !1
+  },
+  editable: {
+    description: "",
+    type: "boolean",
+    default: !0
+  },
+  enableLinkLabel: {
+    description: "",
+    type: "boolean",
+    default: !1
+  },
+  label: {
+    description: "",
+    type: "string",
+    default: ""
+  },
+  lableWidth: {
+    description: "",
+    type: "number"
+  },
+  placeHolder: {
+    description: "",
+    type: "string",
+    default: ""
+  },
+  readonly: {
+    description: "",
+    type: "boolean",
+    default: !1
+  },
+  require: {
+    description: "",
+    type: "boolean",
+    default: !1
+  },
+  tabindex: {
+    description: "",
+    type: "number",
+    default: -1
+  },
+  textAlign: {
+    description: "",
+    type: "string",
+    enum: [
+      "left",
+      "middle",
+      "right"
+    ],
+    default: "left"
+  },
+  visible: {
+    description: "",
+    type: "boolean",
+    default: !0
+  },
+  onBlur: {
+    description: "",
+    type: "string",
+    default: ""
+  },
+  onClickLinkLabel: {
+    description: "",
+    type: "sting",
+    default: ""
+  },
+  autoComplete: {
+    description: "",
+    type: "boolean",
+    default: !1
+  },
+  buttonContent: {
+    description: "",
+    type: "string",
+    default: ""
+  },
+  enableClear: {
+    description: "",
+    type: "boolean",
+    default: !0
+  },
+  inputType: {
+    description: "",
+    type: "string",
+    enum: [
+      "text",
+      "tag"
+    ],
+    default: "text"
+  },
+  multiSelect: {
+    description: "",
+    type: "boolean",
+    default: !1
+  },
+  popup: {
+    description: "",
+    type: "object",
+    properties: {
+      footerButtons: {
+        type: "array",
+        default: []
+      },
+      height: {
+        type: "number",
+        default: 600
+      },
+      dataMapping: {
+        type: "object"
+      },
+      contents: {
+        type: "array",
+        default: []
+      },
+      showMaxButton: {
+        type: "boolean",
+        default: !0
+      },
+      showCloseButton: {
+        type: "boolean",
+        default: !0
+      },
+      showFooter: {
+        type: "boolean",
+        default: !0
+      },
+      title: {
+        type: "string",
+        default: ""
+      },
+      width: {
+        type: "number",
+        default: 800
+      }
+    }
+  },
+  separator: {
+    type: "string",
+    default: ","
+  },
+  showButtonWhenDisabled: {
+    description: "",
+    type: "boolean",
+    default: !1
+  },
+  wrapText: {
+    type: "boolean",
+    default: !1
+  },
+  onClear: {
+    description: "",
+    type: "string",
+    default: ""
+  }
+}, tn = [
+  "id",
+  "type"
+], nn = {
+  $schema: Xt,
+  $id: Gt,
+  title: Jt,
+  description: Qt,
+  type: Zt,
+  properties: en,
+  required: tn
+}, Qe = {
+  /**
+   * 组件标识
+   */
   id: String,
+  /**
+   * 扩展按钮显示内容，这是一段现在扩展按钮中的html标签
+   */
   buttonContent: { type: String, default: '<i class="f-icon f-icon-lookup"></i>' },
+  buttonBehavior: { type: String, default: "Popup" },
+  /**
+   * 启用输入框自动完成功能
+   */
   autoComplete: { type: Boolean, default: !1 },
+  /**
+   * 组件自定义样式
+   */
   customClass: { type: String, default: "" },
+  /**
+   * 禁用组件，既不允许在输入框中录入，也不允许点击扩展按钮。
+   */
   disable: { type: Boolean, default: !1 },
+  /**
+   * 允许在输入框中录入文本。
+   */
   editable: { type: Boolean, default: !0 },
+  /**
+   * 显示清空文本按钮
+   */
   enableClear: { type: Boolean, default: !1 },
+  /**
+   * 组件值
+   */
   modelValue: { type: String, default: "" },
+  /**
+   * 将组件设置为只读，既不允许在输入框中录入，也不允许点击扩展按钮，但是允许复制输入框中的内容。
+   */
   readonly: { type: Boolean, default: !1 },
+  /**
+   * 文本对齐方式
+   */
   textAlign: { type: String, default: "left" },
+  /**
+   * 禁用组件时，是否显示扩展按钮
+   */
   showButtonWhenDisabled: { type: Boolean, default: !1 },
+  /**
+   * 显示输入框的标签
+   */
   enableTitle: { type: Boolean, default: !1 },
+  /**
+   * 输入框类型
+   */
   inputType: { type: String, default: "text" },
+  /**
+   * 显示输入框提示信息
+   */
   forcePlaceholder: { type: Boolean, default: !1 },
+  /**
+   * 输入框提示文本
+   */
   placeholder: { type: String, default: "" },
+  /**
+   * 输入框最小长度
+   */
   minLength: Number,
+  /**
+   * 输入框最大长度
+   */
   maxLength: Number,
-  tabIndex: Number
+  /**
+   * 输入框Tab键索引
+   */
+  tabIndex: Number,
+  popupHost: { type: Object },
+  popupRightBoundary: { type: Object },
+  popupOffsetX: { type: Object },
+  popupOnInput: { type: Boolean, default: !1 },
+  popupOnFocus: { type: Boolean, default: !1 },
+  popupMinWidth: { type: Number, default: 320 },
+  wrapText: { type: Boolean, default: !1 },
+  /**
+   * 可选，是否支持多选
+   * 默认`false`
+   */
+  multiSelect: { type: Boolean, default: !1 },
+  /**
+   * 可选，分隔符
+   * 默认`,`
+   */
+  separator: { type: String, default: "," }
 };
-function Dt(e, l, s) {
-  const k = O(() => ({
+Ge(Qe, nn, Ut);
+const an = {
+  popupContentPosition: { type: Object, default: { left: 0, top: 0 } },
+  host: { type: Object }
+}, on = /* @__PURE__ */ ee({
+  name: "FOverlay",
+  props: an,
+  emits: ["click"],
+  setup(e, t) {
+    const a = l(e.popupContentPosition), i = l(e.host);
+    function n(s) {
+      t.emit("click"), s.preventDefault(), s.stopPropagation();
+    }
+    const u = x(() => {
+      const s = i.value;
+      if (s) {
+        const f = s.getBoundingClientRect(), {
+          left: o,
+          top: v,
+          height: r
+        } = f;
+        return {
+          left: o,
+          top: v + r
+        };
+      }
+      return a.value;
+    }), p = x(() => ({
+      position: "relative",
+      left: `${u.value.left}px`,
+      top: `${u.value.top}px`
+    }));
+    return () => b(qe, {
+      to: "body"
+    }, {
+      default: () => {
+        var s, f;
+        return [b("div", {
+          class: "overlay-container",
+          style: "pointer-events: auto;",
+          onClick: (o) => n(o)
+        }, [b("div", {
+          style: p.value
+        }, [(f = (s = t.slots).default) == null ? void 0 : f.call(s)])])];
+      }
+    });
+  }
+});
+function ln(e) {
+  if (e.content && e.content.render)
+    return e.content.render;
+  if (e.render && typeof e.render == "function")
+    return e.render;
+}
+function rn(e) {
+  const t = document.createElement("div");
+  t.style.display = "contents";
+  let a;
+  const i = e.onClickCallback || (() => {
+  }), n = () => {
+    i(), a && a.unmount();
+  };
+  return a = Pt({
+    setup() {
+      ze(() => {
+        document.body.removeChild(t);
+      });
+      const u = ln(e);
+      return () => b(on, {
+        "popup-content-position": e.popupPosition,
+        host: e.host,
+        onClick: n
+      }, {
+        default: () => [u && u()]
+      });
+    }
+  }), document.body.appendChild(t), a.mount(t), a;
+}
+class un {
+  static show(t) {
+    return rn(t);
+  }
+}
+function sn(e, t, a, i) {
+  const n = l(e.buttonBehavior), u = l(e.popupOnInput), p = x(() => ({
     "input-group-append": !0,
     "append-force-show": e.showButtonWhenDisabled && (e.readonly || e.disable)
-  })), i = O(() => e.showButtonWhenDisabled || (!e.editable || !e.readonly) && !e.disable);
-  function r(t) {
-    i.value && (s.value = !0, l.emit("clickButton", { origin: t, value: e.modelValue })), t.stopPropagation();
+  })), s = x(() => e.showButtonWhenDisabled || (!e.editable || !e.readonly) && !e.disable);
+  async function f(d) {
+    if (s.value) {
+      const h = !!t.slots.default;
+      n.value === "Overlay" && un.show({
+        host: a.value,
+        render: () => {
+          if (t.slots.default)
+            return t.slots.default();
+        }
+      }), h && n.value === "Popup" && i.togglePopup(), h && u.value && i.hidePopup(), t.emit("clickButton", { origin: d, value: e.modelValue });
+    }
+    d.stopPropagation();
   }
-  function h(t) {
-    l.emit("mouseEnterIcon", t);
+  function o(d) {
+    t.emit("mouseEnterIcon", d);
   }
-  function c(t) {
-    l.emit("mouseLeaveIcon", t);
+  function v(d) {
+    t.emit("mouseLeaveIcon", d);
   }
-  function d() {
-    l.emit("mouseOverButton");
+  function r() {
+    t.emit("mouseOverButton");
   }
   return {
-    buttonClass: k,
-    onClickButton: r,
-    onMouseEnterButton: h,
-    onMouseLeaveButton: c,
-    onMouseOverButton: d
+    buttonClass: p,
+    onClickButton: f,
+    onMouseEnterButton: o,
+    onMouseLeaveButton: v,
+    onMouseOverButton: r
   };
 }
-function Ce(e, l, s, k) {
-  const i = O(() => e.enableTitle ? s.value : ""), r = O(() => (e.disable || e.readonly) && !e.forcePlaceholder ? "" : e.placeholder), h = O(() => e.readonly || !e.editable);
-  let c = !1;
-  const d = O(() => !e.disable && c), t = O(() => ({
+function cn(e, t, a, i, n, u) {
+  const p = l(!1), s = x(() => e.enableClear && !e.readonly && !e.disable), { changeTextBoxValue: f } = u;
+  function o(h) {
+    p.value = h;
+  }
+  G(n, () => {
+    i.value ? o(!!n.value) : o(!1);
+  });
+  function v(h) {
+    const g = !e.readonly && !e.disable && e.editable, C = !e.editable;
+    h.stopPropagation(), (g || C) && (f("", !1), o(!p.value), t.emit("clear"));
+  }
+  function r(h) {
+    if (s.value) {
+      if (!a.value) {
+        o(!1);
+        return;
+      }
+      (!e.editable || !e.readonly) && !e.disable && o(!0);
+    }
+  }
+  function d(h) {
+    s.value && o(!1);
+  }
+  return {
+    enableClearButton: s,
+    showClearButton: p,
+    onClearValue: v,
+    onMouseEnterTextBox: r,
+    onMouseLeaveTextBox: d
+  };
+}
+function dn(e, t, a, i, n) {
+  const u = l(e.popupOnInput), p = l(e.popupOnFocus), { shouldPopupContent: s } = n, f = x(() => e.enableTitle ? a.value : ""), o = x(() => (e.disable || e.readonly) && !e.forcePlaceholder ? "" : e.placeholder), v = x(() => e.readonly || !e.editable);
+  let r = !1;
+  const d = x(() => !e.disable && r), h = x(() => ({
     "text-left": e.textAlign === "left",
     "text-center": e.textAlign === "center",
     "text-right": e.textAlign === "right",
     "form-control": !0,
     "f-utils-fill": !0
+  })), g = x(() => ({
+    "input-group": !0,
+    "f-state-disable": e.disable,
+    "f-state-editable": e.editable && !e.disable && !e.readonly,
+    "f-state-readonly": e.readonly && !e.disable,
+    "f-state-focus": d.value
   }));
-  function f(g, p = !0) {
-    s.value !== g && (s.value = g, p && l.emit("change", g), l.emit("update:modelValue", g));
+  function C(T, Y = !0) {
+    a.value !== T && (a.value = T, Y && t.emit("change", T), t.emit("update:modelValue", T));
+  }
+  function N(T) {
+    s.value = !1, C(T, !0);
   }
-  J(
+  G(
     () => e.modelValue,
-    (g) => {
-      s.value = g, l.emit("change", g);
+    (T) => {
+      a.value = T, t.emit("change", T);
     }
   );
-  function n(g) {
-    c = !1, l.emit("blur", g), g.stopPropagation();
+  function P(T) {
+    r = !1, t.emit("blur", T), T.stopPropagation();
   }
-  function u(g) {
-    l.emit("click", g);
+  function E(T) {
+    t.emit("click", T);
   }
-  function y(g) {
+  function O(T) {
     if (e.disable) {
-      c = !0;
+      r = !0;
       return;
     }
-    c = !0, h.value || l.emit("focus", g);
+    r = !0, v.value || (t.emit("focus", T), p.value && !s.value && n.popup());
   }
-  function b(g) {
-    l.emit("input", g.target.value);
-    const p = g.target.value;
-    k.value = p, s.value !== p && f(p, !1);
+  function w(T) {
+    t.emit("input", T.target.value);
+    const Y = T.target.value;
+    i.value = Y, a.value !== Y && C(Y, !1), u.value && !s.value && n.popup();
   }
-  function I(g) {
-    g.target.tagName !== "INPUT" && g.preventDefault(), g.stopPropagation();
+  function M(T) {
+    T.target.tagName !== "INPUT" && T.preventDefault(), T.stopPropagation();
   }
-  function B(g) {
-    l.emit("keydown", g);
+  function k(T) {
+    t.emit("keydown", T);
   }
-  function x(g) {
-    l.emit("keyup", g);
+  function D(T) {
+    T.key === "Enter" && (u.value || p.value) && n.hidePopup(), t.emit("keyup", T);
   }
-  function N(g) {
-    const p = g.target.value;
-    f(p);
+  function L(T) {
+    const Y = T.target.value;
+    T.stopPropagation(), C(Y);
   }
   return {
     hasFocusedTextBox: d,
-    isTextBoxReadonly: h,
-    textBoxClass: t,
-    textBoxPlaceholder: r,
-    textBoxTitle: i,
-    changeTextBoxValue: f,
-    onBlurTextBox: n,
-    onClickTextBox: u,
-    onFocusTextBox: y,
-    onInput: b,
-    onKeyDownTextBox: B,
-    onKeyUpTextBox: x,
-    onMouseDownTextBox: I,
-    onTextBoxValueChange: N
+    isTextBoxReadonly: v,
+    textBoxClass: h,
+    textBoxPlaceholder: o,
+    textBoxTitle: f,
+    inputGroupClass: g,
+    changeTextBoxValue: C,
+    commitValue: N,
+    onBlurTextBox: P,
+    onClickTextBox: E,
+    onFocusTextBox: O,
+    onInput: w,
+    onKeyDownTextBox: k,
+    onKeyUpTextBox: D,
+    onMouseDownTextBox: M,
+    onTextBoxValueChange: L
   };
 }
-function Bt(e, l, s, k, i) {
-  const r = o(!1), h = O(() => e.enableClear && !e.readonly && !e.disable), { changeTextBoxValue: c } = Ce(e, l, s, i);
-  function d(u) {
-    r.value = u;
+function fn(e, t, a) {
+  const i = l(), n = l(!1);
+  function u() {
+    const o = i.value;
+    o && o.show(a.value);
   }
-  J(i, () => {
-    k.value ? d(!!i.value) : d(!1);
-  });
-  function t(u) {
-    const y = !e.readonly && !e.disable && e.editable, b = !e.editable;
-    u.stopPropagation(), (y || b) && (c("", !1), d(!r.value), l.emit("clear"));
-  }
-  function f(u) {
-    if (!!h.value) {
-      if (!s.value) {
-        d(!1);
-        return;
+  async function p() {
+    !!t.slots.default && (n.value = !n.value, await se(), u());
+  }
+  async function s() {
+    !!t.slots.default && (n.value = !0, await se(), u());
+  }
+  function f() {
+    n.value = !1;
+  }
+  return { hidePopup: f, popup: s, shouldPopupContent: n, togglePopup: p, popoverRef: i };
+}
+function vn(e, t, a) {
+  const {
+    isTextBoxReadonly: i,
+    textBoxClass: n,
+    textBoxPlaceholder: u,
+    textBoxTitle: p,
+    onBlurTextBox: s,
+    onClickTextBox: f,
+    onFocusTextBox: o,
+    onInput: v,
+    onKeyDownTextBox: r,
+    onKeyUpTextBox: d,
+    onMouseDownTextBox: h,
+    onTextBoxValueChange: g
+  } = a;
+  return () => b("input", {
+    name: "input-group-value",
+    autocomplete: e.autoComplete ? "on" : "off",
+    class: n.value,
+    disabled: e.disable,
+    maxlength: e.maxLength,
+    minlength: e.minLength,
+    placeholder: u.value,
+    readonly: i.value,
+    tabindex: e.tabIndex,
+    title: p.value,
+    type: e.inputType,
+    value: t.value,
+    onBlur: s,
+    onChange: g,
+    onClick: f,
+    onFocus: o,
+    onInput: v,
+    onKeydown: r,
+    onKeyup: d,
+    onMousedown: h
+  }, null);
+}
+const yn = {
+  activeTag: { Type: String, default: "" },
+  addButtonText: { Type: String, default: "" },
+  customClass: { Type: String, default: "" },
+  customStyle: { Type: String, default: "" },
+  data: { type: Array, default: [] },
+  enableAddButton: { Type: Boolean, default: !1 },
+  placeholder: { Type: String, default: "" },
+  selectable: { Type: Boolean, default: !1 },
+  showAddButton: { Type: Boolean, default: !1 },
+  showClose: { Type: Boolean, default: !1 },
+  showColor: { Type: Boolean, default: !1 },
+  showInput: { Type: Boolean, default: !1 },
+  tagType: { Type: String, default: "" },
+  tagStyle: { Type: String, default: "" },
+  wrapText: { Type: Boolean, default: !1 },
+  draggable: { Type: Boolean, default: !1 }
+};
+function pn(e, t, a, i) {
+  const n = l(-1), u = l(!1);
+  function p(v, r, d) {
+    v.stopPropagation(), r && setTimeout(() => {
+      n.value = d, u.value = !0, r.moving = !0;
+    });
+  }
+  function s(v, r) {
+    if (v.preventDefault(), n.value !== r) {
+      const d = i.value[n.value], h = i.value;
+      h.splice(n.value, 1), h.splice(r, 0, d), n.value = r;
+    }
+  }
+  function f(v, r) {
+    v.preventDefault(), v.dataTransfer && (v.dataTransfer.dropEffect = "move");
+  }
+  function o(v, r) {
+    r && (r.moving = !1), a.value = i.value.filter((d) => d.type === "Tag").map((d) => d.payload), u.value = !1, t.emit("change", a.value);
+  }
+  return {
+    dragstart: p,
+    dragenter: s,
+    dragover: f,
+    dragend: o,
+    isDragging: u
+  };
+}
+const hn = /* @__PURE__ */ ee({
+  name: "FTags",
+  props: yn,
+  emits: ["remove", "selectionChange", "change"],
+  setup(e, t) {
+    const a = l(e.selectable), i = l(e.customClass), n = l(e.data), u = l(e.tagType), p = l(e.tagStyle), s = l(e.showColor), f = l(e.activeTag), o = l(e.customStyle), v = l(e.showClose), r = l(e.showAddButton), d = l(e.showInput), h = l(e.addButtonText), g = l(e.enableAddButton);
+    l(e.placeholder), l(""), l();
+    const C = l(), N = l(e.wrapText), P = l();
+    function E() {
+      const y = n.value.map((m) => ({
+        type: "Tag",
+        payload: m
+      }));
+      return r.value && y.push({
+        type: "AddButton"
+      }), y;
+    }
+    const O = l(E());
+    function w(y) {
+      n.value = y, O.value = E();
+    }
+    const M = x(() => O.value.findIndex((y) => y.type === "Input")), k = pn(e, t, n, O), {
+      dragstart: D,
+      dragenter: L,
+      dragover: T,
+      dragend: Y
+    } = k;
+    G(() => e.data, (y) => w(y));
+    const z = x(() => {
+      const y = {
+        "farris-tags": !0,
+        "farris-tags-checkable": a.value,
+        "farris-tags-nowrap": !N.value
+      };
+      return i.value.split(" ").reduce((m, W) => (m[W] = !0, m), y), y;
+    });
+    function F(y) {
+      const m = {
+        "farris-tag-item": !0,
+        "farris-tag-item-checked": a.value && y.checked,
+        "farris-tag-item-checkable": a.value,
+        "farris-tag-item-has-color": s.value,
+        "farris-tag-item-actived": f.value === y.name
+      };
+      if (u.value) {
+        const W = `farris-tag-item-${u.value}`;
+        m[W] = !0;
+      }
+      return m;
+    }
+    const H = x(() => {
+      const y = {};
+      return o.value && o.value.split(";").reduce((m, W) => {
+        const _ = W.split(":");
+        return m[_[0]] = _[1], m;
+      }, y), y;
+    });
+    function K(y, m) {
+      a.value && m.selectable && (m.checked = !m.checked, f.value = m.checked ? m.name : "", m.checked && n.value.filter((W) => W.name !== m.name).forEach((W) => {
+        W.checked = !m.checked;
+      }), t.emit("change", n.value), t.emit("selectionChange", m));
+    }
+    function I(y, m) {
+      let W;
+      switch (y.key) {
+        case "Backspace":
+          n.value = n.value.filter((_) => _.name !== m.name), t.emit("change", n.value);
+          break;
+        case "ArrowLeft":
+          W = Math.max(C.value.scrollLeft + 20, 0), C.value.scrollLeft = W;
+          break;
+        case "ArrowRight":
+          W = Math.max(C.value.scrollLeft - 20, 0), C.value.scrollLeft = W;
+      }
+    }
+    function R(y, m) {
+      const W = n.value.findIndex((_) => _.name === m.name);
+      if (W > -1) {
+        const [_] = n.value.splice(W, 1);
+        O.value = E(), t.emit("change", n.value), t.emit("remove", n.value, _, W);
+      }
+      y.stopPropagation();
+    }
+    const c = x(() => ({
+      "farris-tag-item": !0,
+      "farris-tag-add-button": !0,
+      "farris-tag-add-button-disabled": !g.value
+    }));
+    function S(y) {
+    }
+    function B() {
+      return b("li", {
+        class: c.value,
+        onClick: (y) => void 0
+      }, [b("span", {
+        class: "f-icon f-icon-amplification"
+      }, null), b("span", {
+        class: "farris-tag-add-text"
+      }, [h.value])]);
+    }
+    function $(y) {
+      if (y && !y.innerText) {
+        const m = M.value;
+        if (m > 0) {
+          const [W] = n.value.splice(m - 1, 1);
+          O.value.splice(m - 1, 1), t.emit("remove", n.value, W, m - 1);
+        }
+      }
+    }
+    function V(y, m, W) {
+      y > -1 && (n.value.splice(y, 0, {
+        name: m,
+        value: W,
+        selectable: a.value
+      }), O.value = E(), t.emit("change", n.value));
+    }
+    function U(y) {
+      if (y && y.innerText) {
+        const m = y.innerText, W = M.value;
+        V(W, m, m), y.innerText = "";
+      }
+    }
+    function J(y) {
+      const m = y.target;
+      m && (m.innerText ? U(m) : t.emit("change", n.value));
+    }
+    function de(y) {
+      y.key === "Enter" && U(y.target), y.key === "Backspace" && ($(y.target), se(() => {
+        P.value && P.value.focus();
+      }));
+    }
+    function fe() {
+      return b("li", {
+        class: "farris-tag-input-box"
+      }, [b("div", {
+        ref: P,
+        class: "form-control",
+        contenteditable: "true",
+        onKeyup: de,
+        onBlur: J
+      }, null)]);
+    }
+    function ve(y, m) {
+      return b("li", {
+        class: F(y),
+        style: H.value,
+        tabindex: 0,
+        id: y.name,
+        key: y.name,
+        onClick: (W) => K(W, y),
+        onKeydown: (W) => I(W, y),
+        draggable: "true",
+        onDragstart: (W) => D(W, y, m),
+        onDragenter: (W) => L(W, m),
+        onDragend: (W) => Y(W, y),
+        onDragover: (W) => T(W, m)
+      }, [b("div", {
+        title: y.name,
+        class: "tag-box"
+      }, [y.name]), v.value && b("span", {
+        class: "tag-delete"
+      }, [b("i", {
+        class: "f-icon f-icon-close",
+        onClick: (W) => R(W, y)
+      }, null)])]);
+    }
+    function ye() {
+      return O.value.map((y, m) => {
+        switch (y.type) {
+          case "Tag":
+            return ve(y.payload, m);
+          case "AddButton":
+            return B();
+          case "Input":
+            return fe();
+        }
+      });
+    }
+    const pe = x(() => ({
+      "farris-tags-item-container": !0,
+      "farris-tag-item-capsule": p.value === "capsule"
+    }));
+    function he(y) {
+      const m = Math.max(C.value.scrollLeft - y.deltaX, 0);
+      C.value.scrollLeft = m;
+    }
+    function me(y) {
+      const m = C.value, W = n.value.length - 1;
+      if (m) {
+        const _ = Array.from(m.children).filter((Q) => Q.className.indexOf("farris-tag-item") > -1).findIndex((Q) => {
+          const Z = Q.getBoundingClientRect(), oe = window.getComputedStyle(Q), le = parseInt(oe["margin-left"], 10) + Z.width + parseInt(oe["margin-right"], 10);
+          return Z.left + le > y;
+        });
+        if (_ > -1)
+          return _;
       }
-      (!e.editable || !e.readonly) && !e.disable && d(!0);
+      return W;
+    }
+    function be(y) {
+      if (d.value) {
+        const W = me(y.clientX) + 1, Q = O.value.filter((Z) => Z.type !== "Input");
+        Q.splice(W, 0, {
+          type: "Input"
+        }), O.value = Q, se(() => {
+          P.value && P.value.focus();
+        });
+      }
+    }
+    function ge(y) {
+      var W;
+      y.preventDefault(), y.stopPropagation();
+      const m = (W = y.dataTransfer) == null ? void 0 : W.getData("Text");
+      if (m) {
+        const _ = m.split(":"), Q = _[0], Z = _[1];
+        [...n.value].findIndex((re) => (console.log(`${re.value} === ${Z} is ${re.value === Z}`), re.value === Z)) > -1 || V(n.value.length, Q, Z);
+      }
+    }
+    function ke(y) {
+      y.preventDefault();
+    }
+    return () => b("div", {
+      class: z.value,
+      onClick: be,
+      onDrop: ge,
+      onDragover: ke
+    }, [b("ul", {
+      ref: C,
+      class: pe.value,
+      onWheel: (y) => he(y)
+    }, [ye()])]);
+  }
+});
+function mn(e, t, a) {
+  const i = l(e.separator), {
+    changeTextBoxValue: n
+  } = a, u = x(() => t.value ? t.value.split(i.value).map((s) => ({
+    name: s,
+    selectable: !0
+  })) : []);
+  function p(s) {
+    n(s.map((f) => f.name).join(i.value), !0);
+  }
+  return () => b(hn, {
+    class: "form-control",
+    data: u.value,
+    showClose: !0,
+    showInput: !0,
+    onChange: p
+  }, null);
+}
+function bn(e, t, a) {
+  const {
+    buttonClass: i,
+    onClickButton: n,
+    onMouseEnterButton: u,
+    onMouseLeaveButton: p
+  } = t, {
+    enableClearButton: s,
+    showClearButton: f,
+    onClearValue: o
+  } = a;
+  return () => b("div", {
+    class: i.value
+  }, [s.value && He(b("span", {
+    class: "input-group-text input-group-clear",
+    onClick: o
+  }, [b("i", {
+    class: "f-icon modal_close"
+  }, null)]), [[Ke, f.value]]), e.buttonContent && b("span", {
+    class: "input-group-text input-group-append-button",
+    innerHTML: e.buttonContent,
+    onClick: n,
+    onMouseenter: u,
+    onMouseleave: p
+  }, null)]);
+}
+const gn = {
+  title: { type: String },
+  placement: { type: String, default: "bottom" },
+  reference: {
+    type: Object
+  },
+  host: {
+    type: Object
+  },
+  leftBoundary: {
+    type: Object
+  },
+  rightBoundary: {
+    type: Object
+  },
+  visible: { type: Boolean, default: !1 },
+  class: { type: String },
+  offsetX: { type: Object, default: l(0) },
+  zIndex: { type: Number, default: -1 },
+  keepWidthWithReference: { type: Boolean, default: !1 },
+  fitContent: { type: Boolean, default: !1 },
+  minWidth: { type: Number, default: -1 }
+};
+function kn(e) {
+  const t = e.host ? e.host : "body", a = x(() => t === "body" ? 0 : t ? t.getBoundingClientRect().top : 0), i = x(() => t === "body" ? 0 : t ? t.getBoundingClientRect().left : 0), n = x(() => t === "body" ? document.body.getBoundingClientRect().width : t ? t.getBoundingClientRect().width - (e.rightBoundary ? e.rightBoundary.getBoundingClientRect().width : 0) : document.body.getBoundingClientRect().width);
+  return { host: t, hostLeft: i, hostTop: a, hostWidth: n };
+}
+function Tn(e, t, a, i) {
+  var K;
+  const n = l(0), u = l(((K = e.offsetX) == null ? void 0 : K.value) || 0), p = l(-1), s = l(-1), f = l(-1), o = l(e.placement), v = l(0), r = l(0), d = l(0), h = l(document.documentElement.scrollLeft), g = l(document.documentElement.scrollTop), { hostLeft: C, hostTop: N, hostWidth: P } = i;
+  G(e.offsetX, (I) => {
+    n.value = I - u.value;
+  });
+  const E = x(() => {
+    const I = {
+      left: `${r.value}px`,
+      top: `${d.value}px`,
+      transform: `translateX(${n.value}px)`
+    };
+    return e.zIndex !== -1 && (I["z-index"] = e.zIndex), p.value !== -1 && (I.width = `${p.value}px`), I;
+  }), O = x(() => ({
+    left: `${v.value}px`
+  }));
+  function w(I) {
+    if (I && e.keepWidthWithReference) {
+      const R = I.getBoundingClientRect();
+      p.value = Math.max(e.minWidth, R.width);
+    }
+  }
+  function M(I, R) {
+    const c = P.value - I.width - 4;
+    return c > 0 ? c : R;
+  }
+  function k(I, R, c) {
+    const S = v.value, B = R.left - C.value + R.width / 2 + h.value, $ = R.top - N.value - (I.height + c.height) + g.value;
+    return { popoverLeft: B, popoverTop: $, arrowLeft: S };
+  }
+  function D(I, R, c) {
+    return R.top - N.value + (R.height + c.height) + g.value;
+  }
+  function L(I, R) {
+    const c = M(R, I), S = I <= c ? v.value : I - c;
+    return { popoverLeft: Math.min(I, c), arrowLeft: S };
+  }
+  function T(I, R, c) {
+    const S = R.left - C.value + R.width / 2 - (c.width / 2 - (I.left - C.value)) + h.value, { arrowLeft: B, popoverLeft: $ } = L(S, I), V = D(I, R, c);
+    return { popoverLeft: $, popoverTop: V, arrowLeft: B };
+  }
+  function Y(I, R, c) {
+    const S = R.left - C.value + h.value, { arrowLeft: B, popoverLeft: $ } = L(S, I), V = D(I, R, c);
+    return { popoverLeft: $, popoverTop: V, arrowLeft: B };
+  }
+  const z = /* @__PURE__ */ new Map([
+    ["top", k],
+    ["bottom", T],
+    ["bottom-left", Y]
+  ]);
+  function F(I) {
+    var $;
+    const R = I.getBoundingClientRect();
+    s.value = R.top, f.value = R.left;
+    const c = t.value.getBoundingClientRect(), S = ($ = a.value) == null ? void 0 : $.getBoundingClientRect(), B = z.get(o.value);
+    if (B) {
+      const { arrowLeft: V, popoverLeft: U, popoverTop: J } = B(S, R, c);
+      v.value = V, r.value = U, d.value = J;
     }
+    e.keepWidthWithReference && w(I);
   }
-  function n(u) {
-    !h.value || d(!1);
+  function H(I) {
+    if (I) {
+      const R = I.getBoundingClientRect();
+      (R.left !== f.value || R.top !== s.value) && F(I);
+    }
   }
   return {
-    enableClearButton: h,
-    showClearButton: r,
-    onClearValue: t,
-    onMouseEnterTextBox: f,
-    onMouseLeaveTextBox: n
+    arrowStyle: O,
+    popoverStyle: E,
+    position: o,
+    popoverWidth: p,
+    fitToReference: w,
+    followToReferencePosition: H,
+    locateToReference: F
   };
 }
-const wt = {
-  popupContentPosition: { type: Object, default: { left: 0, top: 0 } }
-}, Ot = G({
-  name: "FOverlay",
-  props: wt,
-  emits: ["click"],
-  setup(e, l) {
-    const s = o(e.popupContentPosition);
-    function k(r) {
-      l.emit("click"), r.preventDefault(), r.stopPropagation();
+function Cn(e, t, a, i, n, u, p) {
+  const s = l(e.visible), f = x(() => s.value), { fitToReference: o, locateToReference: v } = p;
+  let r;
+  function d() {
+    s.value = !1, document.body.removeEventListener("click", r), t.emit("hidden");
+  }
+  r = (g) => {
+    if (!n.value.contains(g.target)) {
+      const C = n.value.closest(".popover");
+      C && C.removeEventListener("click", r), d();
     }
-    const i = O(() => ({
-      position: "relative",
-      left: `${s.value.left}px`,
-      top: `${s.value.top}px`
+  };
+  async function h(g) {
+    if (i.value && a.value && g) {
+      s.value = !0, n.value = g, await se(), v(g), u.value && o(g), document.body.addEventListener("click", r);
+      const C = g.closest(".popover");
+      C && C.addEventListener("click", r), t.emit("shown");
+    }
+  }
+  return t.expose({ hide: d, show: h, shown: f }), { showPopover: s, hidePopverOnClickBodyHandler: r };
+}
+function Mn(e, t, a, i, n) {
+  const { popoverWidth: u, fitToReference: p, followToReferencePosition: s } = n;
+  function f() {
+    if (a.value) {
+      s(a.value);
+      const o = a.value.getBoundingClientRect();
+      i.value && o.width !== u.value && p(a.value);
+    }
+  }
+  return { onResize: f };
+}
+const Pn = /* @__PURE__ */ ee({
+  name: "FPopover",
+  props: gn,
+  emits: ["shown", "hidden"],
+  setup(e, t) {
+    const a = l(), i = l(), n = l(e.reference), u = l(e.keepWidthWithReference), p = x(() => !!e.title), s = kn(e), {
+      host: f
+    } = s, o = Tn(e, a, i, s), {
+      position: v,
+      arrowStyle: r,
+      popoverStyle: d,
+      fitToReference: h,
+      locateToReference: g
+    } = o, {
+      showPopover: C,
+      hidePopverOnClickBodyHandler: N
+    } = Cn(e, t, a, i, n, u, o), {
+      onResize: P
+    } = Mn(e, t, n, u, o), E = x(() => {
+      const w = `popover in popover-${v.value}`, M = `bs-popover-${v.value}`, k = {
+        "popover-fitcontent": e.fitContent
+      };
+      return k[w] = !0, k[M] = !0, (e.class || "").split(" ").reduce((L, T) => (L[T] = !0, L), k), k;
+    }), O = x(() => ({
+      "popover-content": !0,
+      "popover-body": !0
     }));
-    return () => v(dt, {
-      to: "body"
+    return De(() => {
+      e.reference && g(n.value), u.value && h(n.value), window.addEventListener("resize", P);
+    }), ze(() => {
+      document.body.removeEventListener("click", N), window.removeEventListener("resize", P);
+    }), () => b(qe, {
+      to: f
     }, {
       default: () => {
-        var r, h;
-        return [v("div", {
-          class: "overlay-container",
-          style: "pointer-events: auto;",
-          onClick: (c) => k(c)
-        }, [v("div", {
-          style: i.value
-        }, [(h = (r = l.slots).default) == null ? void 0 : h.call(r)])])];
+        var w;
+        return [He(b("div", {
+          ref: i,
+          class: E.value,
+          style: d.value,
+          onClick: (M) => {
+            M.stopPropagation();
+          }
+        }, [b("div", {
+          ref: a,
+          class: "popover-arrow arrow",
+          style: r.value
+        }, null), p.value && b("h3", {
+          class: "popover-title popover-header"
+        }, [e.title]), b("div", {
+          class: O.value
+        }, [t.slots.default && ((w = t.slots) == null ? void 0 : w.default())])]), [[Ke, C.value]])];
       }
     });
   }
-}), Nt = G({
+});
+function wn(e, t, a) {
+  const i = l(e.popupMinWidth), {
+    hidePopup: n,
+    popoverRef: u
+  } = a;
+  return () => b(Pn, {
+    ref: u,
+    visible: !0,
+    placement: "bottom-left",
+    host: e.popupHost,
+    "keep-width-with-reference": !0,
+    fitContent: !0,
+    "right-boundary": e.popupRightBoundary,
+    minWidth: i.value,
+    offsetX: e.popupOffsetX,
+    onHidden: n
+  }, {
+    default: () => {
+      var p, s;
+      return [(s = (p = t.slots).default) == null ? void 0 : s.call(p)];
+    }
+  });
+}
+const Ze = /* @__PURE__ */ ee({
   name: "FButtonEdit",
-  props: Ct,
+  props: Qe,
   emits: ["updateExtendInfo", "clear", "change", "click", "clickButton", "blur", "focus", "mouseEnterIcon", "mouseLeaveIcon", "keyup", "keydown", "inputClick", "input", "update:modelValue"],
-  setup(e, l) {
-    const s = o(), k = o(e.modelValue), i = o(!1), {
-      buttonClass: r,
-      onClickButton: h,
-      onMouseEnterButton: c,
-      onMouseLeaveButton: d
-    } = Dt(e, l, i), t = o(""), {
-      hasFocusedTextBox: f,
-      isTextBoxReadonly: n,
-      textBoxClass: u,
-      textBoxPlaceholder: y,
-      textBoxTitle: b,
-      onBlurTextBox: I,
-      onClickTextBox: B,
-      onFocusTextBox: x,
-      onInput: N,
-      onKeyDownTextBox: g,
-      onKeyUpTextBox: p,
-      onMouseDownTextBox: C,
-      onTextBoxValueChange: m
-    } = Ce(e, l, k, t), {
-      enableClearButton: D,
-      showClearButton: S,
-      onClearValue: W,
-      onMouseEnterTextBox: R,
-      onMouseLeaveTextBox: L
-    } = Bt(e, l, k, f, t), $ = O(() => ({
-      "input-group": !0,
-      "f-state-disable": e.disable,
-      "f-state-editable": e.editable && !e.disable && !e.readonly,
-      "f-state-readonly": e.readonly && !e.disable,
-      "f-state-focus": f
-    }));
-    function F() {
-      i.value = !1;
-    }
-    const _ = O(() => i.value), K = () => {
-      if (s.value) {
-        const a = s.value.getBoundingClientRect(), {
-          left: T,
-          top: M,
-          height: A
-        } = a;
-        return {
-          left: T,
-          top: M + A
-        };
-      }
-      return {
-        left: 0,
-        top: 0
+  setup(e, t) {
+    const a = l(), i = l(e.customClass), n = l(e.modelValue), u = fn(e, t, a), {
+      shouldPopupContent: p,
+      hidePopup: s
+    } = u, f = sn(e, t, a, u), o = l(""), v = dn(e, t, n, o, u), {
+      hasFocusedTextBox: r,
+      commitValue: d,
+      inputGroupClass: h
+    } = v, g = cn(e, t, n, r, o, v), {
+      onMouseEnterTextBox: C,
+      onMouseLeaveTextBox: N
+    } = g, P = x(() => {
+      const D = {
+        "f-button-edit": !0,
+        "f-cmp-inputgroup": !0,
+        "f-button-edit-nowrap": !e.wrapText
       };
+      return i.value && i.value.split(" ").reduce((L, T) => (L[T] = !0, L), D), D;
+    });
+    function E() {
+      return e.multiSelect && e.inputType === "tag" ? mn(e, n, v) : vn(e, n, v);
+    }
+    let O = E();
+    G([() => e.multiSelect, () => e.inputType], () => {
+      O = E();
+    });
+    const w = bn(e, f, g), M = wn(e, t, u), k = {
+      commitValue: d,
+      elementRef: a,
+      hidePopup: s
     };
-    function U(a) {
-      i.value = !1;
-    }
-    return l.expose({
-      commitValue: U
-    }), () => v(se, null, [v("div", ee(l.attrs, {
-      ref: s,
-      class: "f-cmp-inputgroup",
+    return De(() => {
+      a.value.componentInstance = k;
+    }), t.expose(k), () => b(Ve, null, [b("div", ue(t.attrs, {
+      ref: a,
+      class: P.value,
       id: e.id
-    }), [v("div", {
-      class: [e.customClass, $.value],
-      onMouseenter: R,
-      onMouseleave: L
-    }, [v("input", {
-      name: "input-group-value",
-      autocomplete: "" + e.autoComplete,
-      class: u.value,
-      disabled: e.disable,
-      maxlength: e.maxLength,
-      minlength: e.minLength,
-      placeholder: y.value,
-      readonly: n.value,
-      tabindex: e.tabIndex,
-      title: b.value,
-      type: e.inputType,
-      value: k.value,
-      onBlur: I,
-      onChange: m,
-      onClick: B,
-      onFocus: x,
-      onInput: N,
-      onKeydown: g,
-      onKeyup: p,
-      onMousedown: C
-    }, null), v("div", {
-      class: r.value
-    }, [D.value && ft(v("span", {
-      class: "input-group-text input-group-clear",
-      onClick: W
-    }, [v("i", {
-      class: "f-icon modal_close"
-    }, null)]), [[yt, S.value]]), e.buttonContent && v("span", {
-      class: "input-group-text input-group-append-button",
-      onClick: h,
-      onMouseenter: c,
-      onMouseleave: d,
-      innerHTML: e.buttonContent
-    }, null)])])]), _.value && v(Ot, {
-      "popup-content-position": K(),
-      onClick: F
-    }, {
-      default: () => {
-        var a, T;
-        return [(T = (a = l.slots).default) == null ? void 0 : T.call(a)];
-      }
-    })]);
+    }), [b("div", {
+      class: h.value,
+      onMouseenter: C,
+      onMouseleave: N
+    }, [O(), w()])]), p.value && M()]);
   }
-}), Pe = G({
+}), Ce = /* @__PURE__ */ ee({
   name: "FDatePicker",
-  props: xt,
+  props: We,
   emits: ["update:modelValue", "datePicked"],
-  setup(e, l) {
-    const s = '<span class="f-icon f-icon-date"></span>', k = o(e.modelValue), i = o(null);
-    function r() {
-    }
-    function h(c) {
-      var d;
-      k.value = c, l.emit("update:modelValue", c), l.emit("datePicked", c), (d = i.value) == null || d.commitValue(c);
-    }
-    return () => v(se, null, [v(Nt, {
-      ref: i,
-      modelValue: k.value,
-      "onUpdate:modelValue": (c) => k.value = c,
-      buttonContent: s,
+  setup(e, t) {
+    const a = '<span class="f-icon f-icon-date"></span>', i = l(e.modelValue), n = l(null);
+    function u() {
+    }
+    function p(f) {
+      var o;
+      i.value = f, t.emit("update:modelValue", f), t.emit("datePicked", f), (o = n.value) == null || o.commitValue(f);
+    }
+    function s() {
+      t.emit("update:modelValue", i.value);
+    }
+    return () => b(Ze, {
+      ref: n,
+      modelValue: i.value,
+      "onUpdate:modelValue": (f) => i.value = f,
+      buttonContent: a,
       enableClear: !0,
-      onClickButton: () => void 0
+      onClear: s,
+      onClickButton: u
     }, {
-      default: () => [v(vt("f-date-picker-container"), {
-        onDatePicked: (c) => h(c)
+      default: () => [b(xe, {
+        onDatePicked: (f) => p(f)
       }, null)]
-    })]);
+    });
+  }
+});
+function Bn(e, t, a) {
+  var E;
+  const i = a == null ? void 0 : a.checkIsInFixedContextRules(), n = a && a.getStyles && a.getStyles() || "";
+  function u() {
+    return !(t.schema.componentType || i);
   }
-}), Kt = {
+  function p() {
+    return !1;
+  }
+  function s() {
+    return !(t.schema.componentType || i);
+  }
+  function f() {
+    return !!i;
+  }
+  function o(O) {
+    if (!O)
+      return null;
+    if (O.schema.type === "Component")
+      return O;
+    const w = o(O.parent);
+    return w || null;
+  }
+  function v(O, w, M) {
+    return !!a && a.canAccepts();
+  }
+  function r() {
+    return t.schema.label || t.schema.title || t.schema.name;
+  }
+  function d() {
+  }
+  function h(O, w) {
+    w && (a == null || a.onAcceptMovedChildElement(w));
+  }
+  function g(O, w) {
+    const M = String(O.getAttribute("data-controltype"));
+    return Et(M);
+  }
+  function C(O) {
+    return O.contents ? O.contents.length : -1;
+  }
+  function N(O) {
+  }
+  const P = {
+    canMove: u(),
+    canSelectParent: p(),
+    canDelete: s(),
+    canNested: !f(),
+    contents: t.schema.contents,
+    elementRef: e,
+    parent: (E = t.parent) == null ? void 0 : E.componentInstance.value,
+    schema: t.schema,
+    styles: n,
+    canAccepts: v,
+    getBelongedComponentInstance: o,
+    getDraggingDisplayText: r,
+    getDragScopeElement: d,
+    onAcceptMovedChildElement: h,
+    onAcceptNewChildElement: g,
+    onAddNewChildElement: C,
+    onChildElementMovedOut: N,
+    triggerBelongedComponentToMoveWhenMoved: !!a && a.triggerBelongedComponentToMoveWhenMoved
+  };
+  return l(P);
+}
+const xn = /* @__PURE__ */ ee({
+  name: "FDatePickerDesign",
+  props: We,
+  emits: ["update:modelValue", "datePicked"],
+  setup(e, t) {
+    const a = '<span class="f-icon f-icon-date"></span>', i = l(e.modelValue), n = l(), u = wt("design-item-context"), p = Bn(n, u);
+    return De(() => {
+      n.value.componentInstance = p;
+    }), t.expose(p.value), () => b(Ze, {
+      ref: n,
+      modelValue: i.value,
+      "onUpdate:modelValue": (s) => i.value = s,
+      buttonContent: a,
+      enableClear: !0
+    }, null);
+  }
+}), $n = {
   install(e) {
-    e.component(oe.name, oe).component(le.name, le).component(Me.name, Me).component(re.name, re).component(ue.name, ue).component(Pe.name, Pe);
+    e.component(Me.name, Me).component(Pe.name, Pe).component(xe.name, xe).component(we.name, we).component(Be.name, Be).component(Ce.name, Ce);
+  },
+  register(e, t) {
+    e["date-picker"] = Ce, t["date-picker"] = Fe;
+  },
+  registerDesigner(e, t) {
+    e["date-picker"] = xn, t["date-picker"] = Fe;
   }
 };
 export {
-  oe as DatePickerCalendar,
-  q as MonthTag,
-  ht as datePickerCalendarProps,
-  Kt as default,
-  Te as defaultNameOfMonths,
-  ae as weekDays
+  Me as DatePickerCalendar,
+  X as MonthTag,
+  Bt as datePickerCalendarProps,
+  We as datePickerProps,
+  $n as default,
+  _e as defaultNameOfMonths,
+  Fe as propsResolver,
+  ce as weekDays
 };