@ironsource/shared-ui 1.4.2-rc.5 → 1.4.2-test.0

package/components/dateRange/DateRange.vue.d.ts

@@ -1,69 +1,130 @@
-import { presetsList } from './consts';
-declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
+    disabled: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
     range: {
-        from: Date;
-        to: Date;
-    };
-    types?: ('date' | 'week' | 'month')[];
-    includeToday?: boolean;
-    allowedDays?: number;
-    maxDaysInRange?: number;
-    datePresetList?: keyof typeof presetsList;
-    regex?: RegExp;
-    dateFormat?: string;
-    uniqueId?: string | number;
-    disabled?: boolean;
-    initialType: null | 'date' | 'week' | 'month';
-    openOnTop: boolean;
-    showPresets: boolean;
-    maxDate?: Date;
-}>, {
-    types: () => string[];
-    includeToday: boolean;
-    allowedDays: any;
-    maxDaysInRange: any;
-    datePresetList: string;
-    regex: () => RegExp;
-    dateFormat: string;
-    uniqueId: number;
-    disabled: boolean;
-    initialType: any;
-    openOnTop: boolean;
-    showPresets: boolean;
-    maxDate: any;
-}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("opened" | "rangeTypeChanged" | "currentDateChanged" | "rangeChanged" | "dateRangePresetNameChanged" | "dismissed")[], "opened" | "rangeTypeChanged" | "currentDateChanged" | "rangeChanged" | "dateRangePresetNameChanged" | "dismissed", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+        type: import("vue").PropType<{
+            from: Date;
+            to: Date;
+        }>;
+        required: true;
+    };
+    allowedDays: {
+        type: import("vue").PropType<number>;
+        default: any;
+    };
+    uniqueId: {
+        type: import("vue").PropType<string | number>;
+        default: number;
+    };
+    includeToday: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    dateFormat: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    types: {
+        type: import("vue").PropType<("date" | "week" | "month")[]>;
+        default: () => string[];
+    };
+    maxDaysInRange: {
+        type: import("vue").PropType<number>;
+        default: any;
+    };
+    datePresetList: {
+        type: import("vue").PropType<"date" | "week" | "month" | "date1-7-14-30-90" | "date7-14-30-60-90" | "date7-14-31-60-90" | "dateWithoutToday">;
+        default: string;
+    };
+    regex: {
+        type: import("vue").PropType<RegExp>;
+        default: () => RegExp;
+    };
+    initialType: {
+        type: import("vue").PropType<"date" | "week" | "month">;
+        required: true;
+        default: any;
+    };
+    openOnTop: {
+        type: import("vue").PropType<boolean>;
+        required: true;
+        default: boolean;
+    };
+    showPresets: {
+        type: import("vue").PropType<boolean>;
+        required: true;
+        default: boolean;
+    };
+    maxDate: {
+        type: import("vue").PropType<Date>;
+        default: any;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("opened" | "rangeTypeChanged" | "currentDateChanged" | "rangeChanged" | "dateRangePresetNameChanged" | "dismissed")[], "opened" | "rangeTypeChanged" | "currentDateChanged" | "rangeChanged" | "dateRangePresetNameChanged" | "dismissed", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    disabled: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
     range: {
-        from: Date;
-        to: Date;
-    };
-    types?: ('date' | 'week' | 'month')[];
-    includeToday?: boolean;
-    allowedDays?: number;
-    maxDaysInRange?: number;
-    datePresetList?: keyof typeof presetsList;
-    regex?: RegExp;
-    dateFormat?: string;
-    uniqueId?: string | number;
-    disabled?: boolean;
-    initialType: null | 'date' | 'week' | 'month';
-    openOnTop: boolean;
-    showPresets: boolean;
-    maxDate?: Date;
-}>, {
-    types: () => string[];
-    includeToday: boolean;
-    allowedDays: any;
-    maxDaysInRange: any;
-    datePresetList: string;
-    regex: () => RegExp;
-    dateFormat: string;
-    uniqueId: number;
-    disabled: boolean;
-    initialType: any;
-    openOnTop: boolean;
-    showPresets: boolean;
-    maxDate: any;
-}>>> & {
+        type: import("vue").PropType<{
+            from: Date;
+            to: Date;
+        }>;
+        required: true;
+    };
+    allowedDays: {
+        type: import("vue").PropType<number>;
+        default: any;
+    };
+    uniqueId: {
+        type: import("vue").PropType<string | number>;
+        default: number;
+    };
+    includeToday: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    dateFormat: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    types: {
+        type: import("vue").PropType<("date" | "week" | "month")[]>;
+        default: () => string[];
+    };
+    maxDaysInRange: {
+        type: import("vue").PropType<number>;
+        default: any;
+    };
+    datePresetList: {
+        type: import("vue").PropType<"date" | "week" | "month" | "date1-7-14-30-90" | "date7-14-30-60-90" | "date7-14-31-60-90" | "dateWithoutToday">;
+        default: string;
+    };
+    regex: {
+        type: import("vue").PropType<RegExp>;
+        default: () => RegExp;
+    };
+    initialType: {
+        type: import("vue").PropType<"date" | "week" | "month">;
+        required: true;
+        default: any;
+    };
+    openOnTop: {
+        type: import("vue").PropType<boolean>;
+        required: true;
+        default: boolean;
+    };
+    showPresets: {
+        type: import("vue").PropType<boolean>;
+        required: true;
+        default: boolean;
+    };
+    maxDate: {
+        type: import("vue").PropType<Date>;
+        default: any;
+    };
+}>> & {
     onOpened?: (...args: any[]) => any;
     onRangeTypeChanged?: (...args: any[]) => any;
     onCurrentDateChanged?: (...args: any[]) => any;
@@ -76,27 +137,24 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     uniqueId: string | number;
     includeToday: boolean;
     dateFormat: string;
-    types: ('date' | 'week' | 'month')[];
+    types: ("date" | "week" | "month")[];
     maxDaysInRange: number;
-    datePresetList: keyof typeof presetsList;
+    datePresetList: "date" | "week" | "month" | "date1-7-14-30-90" | "date7-14-30-60-90" | "date7-14-31-60-90" | "dateWithoutToday";
     regex: RegExp;
-    initialType: null | 'date' | 'week' | 'month';
+    initialType: "date" | "week" | "month";
     openOnTop: boolean;
     showPresets: boolean;
     maxDate: Date;
+}>, {
+    field?(_: {
+        currentDate: any;
+        isOpen: boolean;
+    }): any;
+    footer?(_: {}): any;
 }>;
 export default _default;
-type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
-type __VLS_TypePropsToRuntimeProps<T> = {
-    [K in keyof T]-?: {} extends Pick<T, K> ? {
-        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
-    } : {
-        type: import('vue').PropType<T[K]>;
-        required: true;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
     };
 };
-type __VLS_WithDefaults<P, D> = {
-    [K in keyof Pick<P, keyof P>]: K extends keyof D ? P[K] & {
-        default: D[K];
-    } : P[K];
-};

package/components/dateRange/DateRange.vue.vue.js

@@ -0,0 +1,6 @@
+import o from "./DateRange.vue.vue2.js";
+/* empty css                    */import t from "../../_virtual/_plugin-vue_export-helper.vue.js";
+const e = /* @__PURE__ */ t(o, [["__scopeId", "data-v-308d4d8d"]]);
+export {
+  e as default
+};

package/components/dateRange/DateRange.vue.vue2.js

@@ -0,0 +1,403 @@
+import { defineComponent as be, ref as s, computed as B, onMounted as xe, onBeforeMount as Oe, onUnmounted as $e, watch as re, openBlock as D, createElementBlock as w, unref as p, normalizeClass as b, createElementVNode as u, renderSlot as ue, toDisplayString as $, setBlockTracking as W, withDirectives as K, Fragment as A, renderList as G, createVNode as F, withCtx as Y, createTextVNode as z, createCommentVNode as de, vShow as J, normalizeStyle as Fe } from "vue";
+import { onClickOutside as Ie } from "@vueuse/core";
+import { useToggle as Le } from "../../composables/useToggle.vue.js";
+import Ne from "./CalendarMonth.vue.vue.js";
+import h from "./DateServices.vue.js";
+import { typeToName as Ue, messagePerType as qe, presetsList as Be, formatError as We, mandatoryValuesError as Ye, navigatePrev as ie, navigateNext as ce } from "./consts.vue.js";
+import ve from "../button/Button.vue.vue.js";
+/* empty css                     *//* empty css                              */import fe from "../typography/Text.vue.vue.js";
+/* empty css                            *//* empty css                             */import "floating-vue";
+/* empty css                                       *//* empty css                           *//* empty css                               */import { min as ze, addDays as He, format as me } from "date-fns";
+const _e = ["id"], je = ["id"], Re = {
+  key: 0,
+  class: "type-picker"
+}, Ke = ["onClick"], Ae = {
+  key: 0,
+  class: "date-picker-menu"
+}, Ge = ["id"], Je = ["id"], Qe = ["onClick"], Ve = { class: "dropdown-rightTriangle" }, Xe = { class: "type-message" }, Ze = { class: "date-picker-calendar left-box" }, et = { class: "buttons-cover" }, tt = { class: "range" }, kt = /* @__PURE__ */ be({
+  __name: "DateRange",
+  props: {
+    range: null,
+    types: { default: () => ["date"] },
+    includeToday: { type: Boolean, default: !0 },
+    allowedDays: { default: null },
+    maxDaysInRange: { default: null },
+    datePresetList: { default: "date" },
+    regex: { default: () => /^(1[0-2]|0?[1-9])\/[\d]{1,2}\/[\d]{4}$/ },
+    dateFormat: { default: "mm/dd/yyyy" },
+    uniqueId: { default: Date.now() },
+    disabled: { type: Boolean, default: !1 },
+    initialType: { default: null },
+    openOnTop: { type: Boolean, default: !1 },
+    showPresets: { type: Boolean, default: !0 },
+    maxDate: { default: null }
+  },
+  emits: [
+    "rangeTypeChanged",
+    "currentDateChanged",
+    "rangeChanged",
+    "dateRangePresetNameChanged",
+    "opened",
+    "dismissed"
+  ],
+  setup(d, { emit: M }) {
+    const o = d, Q = s(null), y = s({ started: !1, date: null }), V = s(!1), X = 2, I = s({ from: null, to: null }), r = s({}), f = s([]), S = s(null), c = s({}), L = s({}), x = s(!1), E = s(null), i = s(null), Z = s("left"), O = s(null), N = s(null), P = s([]), ee = s(null), [k] = Le({ initialValue: !1 }), te = s(null);
+    Ie(te, () => {
+      k.value = !1;
+    });
+    const H = (e, t) => {
+      const a = {
+        weeks: [],
+        days: {},
+        month: e,
+        year: t
+      };
+      let n, l;
+      const m = new Date(t, e, 1).getDay();
+      let g = 1;
+      const v = /* @__PURE__ */ new Date();
+      v.setHours(0, 0, 0, 0);
+      const Pe = h.daysInMonth(e, t);
+      for (let j = 0; j < 6; j++) {
+        l = [];
+        for (let R = 0; R < 7; R++)
+          n = {}, j === 0 && m > 0 && R < m && (n.value = 0), g > Pe && (n.value = 0), !n.value && n.value !== 0 && (n.value = g, g += 1, a.days[n.value] = n, n.date = new Date(t, e, n.value), v < n.date ? n.isFuture = !0 : n.date.getTime() === v.getTime() && (n.isToday = !0, o.includeToday || (n.disabled = !0))), l.push(n);
+        a.weeks.push(l);
+      }
+      return a;
+    }, U = () => {
+      let e = h.getCurrentTimeUTC();
+      if (i.value && i.value.toEnd ? e = i.value.toEnd : o.range && o.range.to && (e = o.range.to), !r.value[`${e.getFullYear().toString()}_${e.getMonth().toString()}`]) {
+        r.value = {}, f.value = [];
+        for (let t = 0; t < X; t++) {
+          const a = new Date(e);
+          a.setDate(1), a.setMonth(e.getMonth() - t);
+          const n = `${a.getFullYear().toString()}_${a.getMonth().toString()}`;
+          r.value[n] = {
+            parsedMonth: H(a.getMonth(), a.getFullYear()),
+            order: t
+          }, f.value.unshift(n);
+        }
+      }
+    }, ae = (e, t) => {
+      E.value = e;
+      let a = e;
+      e === "date" && (a = o.datePresetList), P.value = Be[a], t && (i.value = {
+        fromStart: null,
+        fromEnd: null,
+        toStart: null,
+        toEnd: null
+      }, I.value.from = "", I.value.to = "", y.value = { started: !1, date: null }, c.value = "custom"), M("rangeTypeChanged", E.value);
+    }, ge = (e) => {
+      c.value = e.id, T(S.value[e.id].dates()), U();
+    }, T = (e, t = !1) => {
+      let a = e;
+      return (!e || !e.from && !e.to) && (a = S.value[P.value[0]]), o.maxDaysInRange && (ee.value = t ? He(a.from, o.maxDaysInRange) : null), x.value = !1, !a.from || !a.to || !(a.from instanceof Date) || !(a.to instanceof Date) ? (N.value = We, x.value = !0, !1) : a.from > a.to ? (N.value = `"From" date can't be bigger than "To" date`, x.value = !0, !1) : (i.value = ke(a), I.value.from = me(
+        i.value.fromStart,
+        o.dateFormat
+      ), I.value.to = me(i.value.toEnd, o.dateFormat), !0);
+    }, _ = () => {
+      c.value === "custom" ? O.value = h.getDateRangeString(i.value) : O.value = Te.value, M("currentDateChanged", O.value);
+    }, pe = () => {
+      if (i.value.fromStart == null || i.value.toEnd == null) {
+        x.value = !0, N.value = Ye;
+        return;
+      }
+      const e = h.getCurrentTimeUTC();
+      i.value.toEnd > e && (i.value.toEnd = e), _(), L.value = c.value, M("rangeChanged", {
+        from: i.value.fromStart,
+        to: i.value.toEnd,
+        preset: L.value
+      }), q(!1);
+    }, he = (e, t) => e ? ie : t ? ce : null, ye = (e) => {
+      let t = null, a = null;
+      const n = X - 1;
+      let l = "", C = null, m = null;
+      switch (e) {
+        case ce:
+          Object.keys(r.value).forEach((g) => {
+            const v = r.value[g];
+            v.order === 0 && (C = v), v.order === n ? (f.value.splice(
+              f.value.indexOf(g),
+              1
+            ), delete r.value[g]) : v.order += 1;
+          }), t = C.parsedMonth.month + 1, a = C.parsedMonth.year, t > 11 && (t = 0, a += 1), l = `${a.toString()}_${t.toString()}`, r.value[l] = {
+            parsedMonth: H(t, a),
+            order: 0
+          }, f.value.push(l);
+          break;
+        case ie:
+          Object.keys(r.value).forEach((g) => {
+            const v = r.value[g];
+            v.order === n && (m = v), v.order === 0 ? (f.value.splice(
+              f.value.indexOf(g),
+              1
+            ), delete r.value[g]) : v.order -= 1;
+          }), t = m.parsedMonth.month - 1, a = m.parsedMonth.year, t < 0 && (t = 11, a -= 1), l = `${a.toString()}_${t.toString()}`, r.value[l] = {
+            parsedMonth: H(t, a),
+            order: n
+          }, f.value.unshift(l);
+          break;
+      }
+    }, ke = (e) => {
+      let t;
+      switch (E.value) {
+        case "week":
+          t = {
+            fromStart: h.getFirstDayOfWeek(e.from),
+            fromEnd: h.getLastDayOfWeek(e.from),
+            toStart: h.getFirstDayOfWeek(e.to),
+            toEnd: h.getLastDayOfWeek(e.to)
+          };
+          break;
+        case "month":
+          t = {
+            fromStart: new Date(
+              e.from.getFullYear(),
+              e.from.getMonth(),
+              1
+            ),
+            fromEnd: h.getLastDayOfMonth(e.from),
+            toStart: new Date(
+              e.to.getFullYear(),
+              e.to.getMonth(),
+              1
+            ),
+            toEnd: h.getLastDayOfMonth(e.to)
+          };
+          break;
+        case "date":
+        default:
+          t = {
+            fromStart: e.from,
+            fromEnd: e.from,
+            toStart: e.to,
+            toEnd: e.to
+          };
+          break;
+      }
+      return t;
+    }, ne = (e, t) => e.getUTCFullYear() === t.getUTCFullYear() && e.getUTCMonth() === t.getUTCMonth() && e.getUTCDate() === t.getUTCDate(), le = (e) => {
+      let t = !1;
+      const a = {
+        from: new Date(e.from),
+        to: new Date(e.to)
+      };
+      a.from.setHours(0, 0, 0, 0), a.to.setHours(0, 0, 0, 0);
+      const n = P.value.map((l) => l.id);
+      if (Object.keys(S.value).forEach((l) => {
+        const C = S.value[l];
+        if (l !== "custom" && !t && n.indexOf(l) !== -1) {
+          const m = C.dates();
+          m.from.setHours(0, 0, 0, 0), m.to.setHours(0, 0, 0, 0), ne(m.from, a.from) && ne(m.to, a.to) && (c.value = l, t = !0);
+        }
+      }), t) {
+        const l = P.value.find(
+          (C) => C.id === c.value
+        );
+        M("dateRangePresetNameChanged", l.name);
+      } else
+        M("dateRangePresetNameChanged", null), c.value = "custom";
+      L.value = c.value;
+    }, oe = (e, t, a) => {
+      if (!y.value.started)
+        c.value = "custom", y.value.started = !0, y.value.date = new Date(a, t, e.value), T(
+          { from: y.value.date, to: y.value.date },
+          !0
+        );
+      else {
+        const n = new Date(a, t, e.value), l = y.value.date;
+        y.value.started = !1, y.value.date = null, n < l ? oe(e, t, a) : T({ from: l, to: n });
+      }
+    }, De = () => {
+      const e = Q.value.offsetLeft;
+      return window.innerWidth - e > 930 ? "left" : "right";
+    }, q = (e = !0) => {
+      k.value = !k.value, k.value ? (Z.value = De(), T(o.range), U(), M("opened")) : (T(o.range), U(), c.value = L.value, e && M("dismissed"));
+    }, we = () => {
+      k.value && q();
+    }, Ce = () => {
+      S.value = h.getPresetsFunctions(o.includeToday), S.value.custom = {
+        dates: () => o.range
+      };
+    }, Me = B(() => (f.value || []).reduce((e, t) => {
+      const n = r.value[t].parsedMonth.weeks[r.value[t].parsedMonth.weeks.length - 1].filter(
+        (l) => l.value !== 0
+      ).length;
+      return e && !n;
+    }, !0)), se = () => {
+      o.range && (V.value = !0, ae(o.initialType || o.types[0]), Ce(), le(o.range), T(o.range), U(), _());
+    };
+    xe(() => {
+      se();
+    }), Oe(() => {
+      const e = (t) => {
+        t.key === "Escape" && k.value && we();
+      };
+      document.addEventListener("keyup", e), $e(() => {
+        document.removeEventListener("keyup", e);
+      });
+    }), re(
+      () => o.range,
+      (e, t) => {
+        e && e !== t && (V.value ? (le(e), T(e), _()) : se());
+      }
+    ), re(k, (e) => {
+      e || (y.value.started = !1);
+    });
+    const Te = B(() => {
+      const e = P.value.find(
+        (t) => t.id === c.value
+      );
+      return e ? e.name : "";
+    }), Se = B(() => `datepicker${o.uniqueId}`), Ee = B(() => {
+      const e = [o.maxDate, ee.value].filter((t) => t);
+      return e.length ? ze(e) : null;
+    });
+    return (e, t) => (D(), w("div", {
+      id: p(Se),
+      ref_key: "datePicker",
+      ref: Q,
+      class: b(["relative-wrap", { "date-range-disabled": d.disabled }])
+    }, [
+      u("div", {
+        class: "date-range-field",
+        onClick: t[1] || (t[1] = (a) => q())
+      }, [
+        ue(e.$slots, "field", {
+          currentDate: O.value,
+          isOpen: p(k)
+        }, () => [
+          u("span", null, $(O.value), 1),
+          t[0] || (W(-1), t[0] = u("div", { class: "small-triangle" }), W(1), t[0])
+        ], !0)
+      ]),
+      K(u("div", {
+        id: "datepickerPopup" + d.uniqueId,
+        ref_key: "popup",
+        ref: te,
+        class: b(["pop-up", [
+          Z.value,
+          d.openOnTop ? "open-on-top" : "",
+          d.showPresets ? "" : "hide-presets"
+        ]])
+      }, [
+        d.types.length > 1 ? (D(), w("div", Re, [
+          (D(!0), w(A, null, G(d.types, (a) => (D(), w("span", {
+            key: a,
+            class: b(["range-type", { "selected-range-type": E.value === a }]),
+            onClick: (n) => ae(a, !0)
+          }, [
+            F(p(fe), { size: "sm" }, {
+              default: Y(() => [
+                z($(p(Ue)[a]), 1)
+              ]),
+              _: 2
+            }, 1024)
+          ], 10, Ke))), 128))
+        ])) : de("", !0),
+        u("div", {
+          class: b(["flex", { "pop-up-content": d.types.length > 1 }])
+        }, [
+          d.showPresets ? (D(), w("div", Ae, [
+            u("div", {
+              id: "presets" + d.uniqueId,
+              class: "preset-dropdown"
+            }, [
+              u("ul", {
+                id: "customDropDownList" + d.uniqueId
+              }, [
+                (D(!0), w(A, null, G(P.value, (a) => (D(), w("li", {
+                  key: a.id,
+                  class: b({
+                    "selected-preset-container": c.value === a.id
+                  })
+                }, [
+                  u("div", {
+                    class: b([{ "selected-preset": c.value === a.id }, "preset-element"]),
+                    onClick: (n) => ge(a)
+                  }, [
+                    F(p(fe), { size: "sm" }, {
+                      default: Y(() => [
+                        z($(a.name), 1)
+                      ]),
+                      _: 2
+                    }, 1024)
+                  ], 10, Qe),
+                  K(u("div", Ve, null, 512), [
+                    [J, a.id === "custom"]
+                  ])
+                ], 2))), 128))
+              ], 8, Je)
+            ], 8, Ge),
+            u("div", Xe, $(p(qe)[E.value]), 1)
+          ])) : de("", !0),
+          u("div", {
+            class: "calendar-wrap",
+            style: Fe({ height: p(Me) ? "336px" : "372px" })
+          }, [
+            u("div", Ze, [
+              (D(!0), w(A, null, G(f.value, (a, n) => (D(), w("div", { key: a }, [
+                F(Ne, {
+                  id: d.uniqueId,
+                  navigation: he(
+                    n === 0,
+                    n === f.value.length - 1
+                  ),
+                  year: r.value[a].parsedMonth.year,
+                  days: r.value[a].parsedMonth.days,
+                  weeks: r.value[a].parsedMonth.weeks,
+                  month: r.value[a].parsedMonth.month,
+                  range: i.value,
+                  type: E.value,
+                  "allowed-days": d.allowedDays,
+                  "max-allowed-date": p(Ee),
+                  onSelectionChanged: oe,
+                  onNavigation: ye
+                }, null, 8, ["id", "navigation", "year", "days", "weeks", "month", "range", "type", "allowed-days", "max-allowed-date"])
+              ]))), 128)),
+              u("div", et, [
+                u("div", tt, [
+                  ue(e.$slots, "footer", {}, void 0, !0)
+                ]),
+                K(u("div", { class: "error" }, $(N.value), 513), [
+                  [J, x.value]
+                ]),
+                t[2] || (W(-1), t[2] = u("div", { class: "buttons" }, [
+                  F(p(ve), {
+                    id: "button-ok" + d.uniqueId,
+                    size: "sm",
+                    class: "primary button small",
+                    onClick: (a) => pe()
+                  }, {
+                    default: Y(() => [
+                      z(" Apply ")
+                    ]),
+                    _: 1
+                  }, 8, ["id", "onClick"]),
+                  F(p(ve), {
+                    id: "button-cancel" + d.uniqueId,
+                    size: "sm",
+                    theme: "third",
+                    class: "button small border third transparent",
+                    onClick: (a) => q()
+                  }, {
+                    default: Y(() => [
+                      z(" Cancel ")
+                    ]),
+                    _: 1
+                  }, 8, ["id", "onClick"])
+                ]), W(1), t[2])
+              ])
+            ])
+          ], 4)
+        ], 2)
+      ], 10, je), [
+        [J, p(k)]
+      ])
+    ], 10, _e));
+  }
+});
+export {
+  kt as default
+};