golden-logic-ui 1.2.370 → 1.2.372

package/dist/components/GeneralComponents/GlDateRangeCalendar.vue.js

@@ -0,0 +1,475 @@
+import { ref as $, computed as w, watch as ge, onMounted as me, onUnmounted as ve, createElementBlock as g, openBlock as m, Fragment as S, createCommentVNode as T, normalizeClass as b, createElementVNode as r, toDisplayString as u, withDirectives as fe, renderList as I, vShow as he } from "vue";
+const ye = {
+  key: 0,
+  class: "gl-label-form"
+}, pe = { class: "mt-1 text-gray-900 dark:text-white" }, De = ["dir"], ke = ["for"], we = { class: "relative" }, xe = { class: "relative" }, Me = ["required", "name", "id", "value", "placeholder"], Ye = { class: "absolute z-50 mt-1 bg-white dark:bg-gray-800 rounded-lg shadow-lg border border-gray-200 dark:border-gray-700 p-4 w-[20rem] sm:w-auto max-w-[calc(100vw-2rem)]" }, be = { class: "flex flex-col sm:flex-row gap-4 sm:gap-6" }, _e = { class: "w-full sm:w-64" }, $e = { class: "flex items-center justify-between mb-3" }, Ce = { class: "text-sm font-semibold text-gray-900 dark:text-white" }, Se = { class: "grid grid-cols-7 gap-y-1 mb-1" }, Te = { class: "grid grid-cols-7" }, Ve = ["onClick", "onMouseenter", "disabled"], Ne = { class: "hidden sm:block sm:w-64" }, Ie = { class: "flex items-center justify-between mb-3" }, Le = { class: "text-sm font-semibold text-gray-900 dark:text-white" }, Be = { class: "grid grid-cols-7 gap-y-1 mb-1" }, Ee = { class: "grid grid-cols-7" }, Fe = ["onClick", "onMouseenter", "disabled"], qe = { class: "flex items-center justify-between gap-3 mt-4 pt-3 border-t border-gray-200 dark:border-gray-700" }, He = { class: "text-sm text-gray-600 dark:text-gray-300 truncate" }, Re = { class: "flex items-center gap-2 shrink-0" }, Ae = { class: "gl-span-form-error" }, Ze = {
+  key: 1,
+  class: "block mt-1 text-sm font-normal leading-5 text-gray-500"
+}, Pe = {
+  __name: "GlDateRangeCalendar",
+  props: {
+    is_required: {
+      type: Boolean,
+      default: !1
+    },
+    show: {
+      type: Boolean,
+      default: !1
+    },
+    error_message: {
+      type: String,
+      default: ""
+    },
+    // { start: '', end: '' }
+    modelValue: {
+      type: Object,
+      default: () => ({ start: "", end: "" })
+    },
+    field_name: {
+      type: String,
+      default: ""
+    },
+    label_name: {
+      type: String,
+      default: ""
+    },
+    description: {
+      type: String,
+      default: ""
+    },
+    placeholder: {
+      type: String,
+      default: ""
+    },
+    input_class: {
+      type: String,
+      default: ""
+    },
+    container_class: {
+      type: String,
+      default: ""
+    },
+    // Date format options: YYYY-MM-DD, DD-MM-YYYY, MM-DD-YYYY, DD/MM/YYYY, MM/DD/YYYY, YYYY/MM/DD
+    date_format: {
+      type: String,
+      default: "YYYY-MM-DD"
+    },
+    // Separator shown between start and end in the input/footer
+    separator: {
+      type: String,
+      default: "-"
+    },
+    // Min/max date constraints. Accepts "YYYY-MM-DD" or relative "+3m", "-1y", "+7d", "today"
+    min_date: {
+      type: String,
+      default: null
+    },
+    max_date: {
+      type: String,
+      default: null
+    },
+    // Disable specific days of week (0 = Sunday, 6 = Saturday)
+    disabled_days: {
+      type: Array,
+      default: () => []
+    },
+    // Disable specific dates (strings in any supported format or Date objects)
+    disabled_dates: {
+      type: Array,
+      default: () => []
+    },
+    // Locale for month/day names ("en" or "ar")
+    locale: {
+      type: String,
+      default: "en"
+    }
+  },
+  emits: ["update:modelValue", "change"],
+  setup(s, { emit: te }) {
+    const o = s, F = te, L = $(null), M = $(!1), q = /* @__PURE__ */ new Date(), v = $(q.getMonth()), _ = $(q.getFullYear()), c = $(null), f = $(null), V = $(null), ae = w(() => B() === "ar"), H = {
+      en: { apply: "Apply", cancel: "Cancel" },
+      ar: { apply: "تطبيق", cancel: "إلغاء" }
+    }, B = () => o.locale && o.locale.startsWith("ar") ? "ar" : "en", R = (a) => H[B()][a] || H.en[a] || a, A = w(() => {
+      const a = [];
+      for (let e = 0; e < 12; e++)
+        a.push(new Date(2e3, e, 1).toLocaleDateString(o.locale, { month: "long" }));
+      return a;
+    }), Z = w(() => {
+      const a = B() === "ar" ? "narrow" : "short", e = [];
+      for (let t = 0; t < 7; t++)
+        e.push(new Date(2e3, 0, 2 + t).toLocaleDateString(o.locale, { weekday: a }));
+      return e;
+    }), Y = (a) => {
+      if (!a) return null;
+      let e, t, n;
+      const l = String(a).split(/[-/]/);
+      if (l.length !== 3) return null;
+      switch (o.date_format) {
+        case "DD-MM-YYYY":
+        case "DD/MM/YYYY":
+          n = parseInt(l[0]), t = parseInt(l[1]) - 1, e = parseInt(l[2]);
+          break;
+        case "MM-DD-YYYY":
+        case "MM/DD/YYYY":
+          t = parseInt(l[0]) - 1, n = parseInt(l[1]), e = parseInt(l[2]);
+          break;
+        default:
+          e = parseInt(l[0]), t = parseInt(l[1]) - 1, n = parseInt(l[2]);
+          break;
+      }
+      const p = new Date(e, t, n);
+      return isNaN(p.getTime()) || p.getFullYear() !== e || p.getMonth() !== t || p.getDate() !== n ? null : p;
+    }, z = (a) => {
+      if (!a) return null;
+      if (String(a).toLowerCase() === "today") return /* @__PURE__ */ new Date();
+      const e = String(a).match(/^([+-]?)(\d+)([dmy])$/i);
+      if (e) {
+        const l = e[1] === "-" ? -1 : 1, p = parseInt(e[2]) * l, x = e[3].toLowerCase(), k = /* @__PURE__ */ new Date();
+        return x === "d" ? k.setDate(k.getDate() + p) : x === "m" ? k.setMonth(k.getMonth() + p) : x === "y" && k.setFullYear(k.getFullYear() + p), k;
+      }
+      const t = Y(a);
+      if (t) return t;
+      const n = new Date(a);
+      return isNaN(n.getTime()) ? null : n;
+    }, C = (a) => {
+      if (!a) return "";
+      let e = a instanceof Date ? a : Y(a);
+      if ((!e || isNaN(e.getTime())) && (e = new Date(a)), isNaN(e.getTime())) return "";
+      const t = e.getFullYear(), n = String(e.getMonth() + 1).padStart(2, "0"), l = String(e.getDate()).padStart(2, "0");
+      switch (o.date_format) {
+        case "DD-MM-YYYY":
+          return `${l}-${n}-${t}`;
+        case "MM-DD-YYYY":
+          return `${n}-${l}-${t}`;
+        case "DD/MM/YYYY":
+          return `${l}/${n}/${t}`;
+        case "MM/DD/YYYY":
+          return `${n}/${l}/${t}`;
+        case "YYYY/MM/DD":
+          return `${t}/${n}/${l}`;
+        default:
+          return `${t}-${n}-${l}`;
+      }
+    }, i = (a) => {
+      const e = new Date(a);
+      return e.setHours(0, 0, 0, 0), e;
+    }, P = (a, e) => a && e && a.toDateString() === e.toDateString(), G = w(() => {
+      const a = o.modelValue?.start, e = o.modelValue?.end;
+      if (!a && !e) return "";
+      const t = a ? C(Y(a) || new Date(a)) : "", n = e ? C(Y(e) || new Date(e)) : "";
+      return t && n ? `${t} ${o.separator} ${n}` : t || n;
+    }), re = w(() => {
+      const a = c.value ? C(c.value) : "…", e = f.value ? C(f.value) : "…";
+      return `${a} ${o.separator} ${e}`;
+    }), U = (a, e) => {
+      const t = new Date(a, e, 1), n = new Date(a, e + 1, 0), l = t.getDay(), p = n.getDate(), x = [], k = new Date(a, e, 0).getDate();
+      for (let d = l - 1; d >= 0; d--)
+        x.push({
+          day: k - d,
+          currentMonth: !1,
+          date: new Date(a, e - 1, k - d)
+        });
+      for (let d = 1; d <= p; d++)
+        x.push({ day: d, currentMonth: !0, date: new Date(a, e, d) });
+      const de = 42 - x.length;
+      for (let d = 1; d <= de; d++)
+        x.push({ day: d, currentMonth: !1, date: new Date(a, e + 1, d) });
+      return x;
+    }, N = w(() => {
+      const a = v.value === 11 ? 0 : v.value + 1, e = v.value === 11 ? _.value + 1 : _.value;
+      return { month: a, year: e };
+    }), ne = w(() => U(_.value, v.value)), se = w(() => U(N.value.year, N.value.month)), D = (a) => {
+      if (o.disabled_days.includes(a.getDay())) return !0;
+      if (o.disabled_dates && o.disabled_dates.length > 0) {
+        const e = i(a);
+        for (const t of o.disabled_dates) {
+          let n;
+          if (typeof t == "string" ? (n = Y(t), (!n || isNaN(n.getTime())) && (n = new Date(t))) : t instanceof Date && (n = t), n && !isNaN(n.getTime()) && i(n).getTime() === e.getTime())
+            return !0;
+        }
+      }
+      if (o.min_date) {
+        const e = z(o.min_date);
+        if (e && i(a) < i(e)) return !0;
+      }
+      if (o.max_date) {
+        const e = z(o.max_date);
+        if (e && i(a) > i(e)) return !0;
+      }
+      return !1;
+    }, le = w(() => c.value && !f.value && V.value ? V.value : f.value), E = w(() => {
+      const a = c.value, e = le.value;
+      return !a || !e ? null : a <= e ? { lo: i(a), hi: i(e) } : { lo: i(e), hi: i(a) };
+    }), h = (a) => {
+      const e = E.value;
+      return e ? i(a).getTime() === e.lo.getTime() : P(a, c.value);
+    }, y = (a) => {
+      const e = E.value;
+      return e ? i(a).getTime() === e.hi.getTime() : !1;
+    }, W = (a) => {
+      const e = E.value;
+      if (!e) return !1;
+      const t = i(a).getTime();
+      return t > e.lo.getTime() && t < e.hi.getTime();
+    }, J = (a) => P(a, /* @__PURE__ */ new Date()), K = (a) => {
+      const e = a.date;
+      D(e) || (!c.value || c.value && f.value ? (c.value = i(e), f.value = null) : i(e) < c.value ? (f.value = c.value, c.value = i(e)) : f.value = i(e));
+    }, Q = (a) => {
+      c.value && !f.value && !D(a.date) && (V.value = a.date);
+    }, oe = () => {
+      v.value === 0 ? (v.value = 11, _.value--) : v.value--;
+    }, X = () => {
+      v.value === 11 ? (v.value = 0, _.value++) : v.value++;
+    }, j = () => {
+      const a = o.modelValue?.start, e = a ? Y(a) || new Date(a) : /* @__PURE__ */ new Date();
+      isNaN(e.getTime()) || (v.value = e.getMonth(), _.value = e.getFullYear());
+    }, ie = () => {
+      const a = o.modelValue?.start, e = o.modelValue?.end;
+      c.value = a ? i(Y(a) || new Date(a)) : null, f.value = e ? i(Y(e) || new Date(e)) : null, V.value = null, j(), M.value = !0;
+    }, O = () => {
+      M.value ? M.value = !1 : ie();
+    }, ue = () => {
+      const a = {
+        start: c.value ? C(c.value) : "",
+        end: f.value ? C(f.value) : ""
+      };
+      F("update:modelValue", a), F("change", a), M.value = !1;
+    }, ce = () => {
+      M.value = !1;
+    }, ee = (a) => {
+      L.value && !L.value.contains(a.target) && (M.value = !1);
+    };
+    return ge(
+      () => o.modelValue,
+      () => {
+        M.value || j();
+      },
+      { deep: !0 }
+    ), me(() => document.addEventListener("click", ee)), ve(() => document.removeEventListener("click", ee)), (a, e) => (m(), g(S, null, [
+      s.show ? (m(), g("div", {
+        key: 0,
+        class: b(s.field_name)
+      }, [
+        s.label_name ? (m(), g("label", ye, u(s.label_name), 1)) : T("", !0),
+        r("p", pe, u(G.value), 1),
+        e[0] || (e[0] = r("hr", { class: "opacity-100! bg-gray-200 border-0 dark:bg-gray-700" }, null, -1))
+      ], 2)) : T("", !0),
+      s.show ? T("", !0) : (m(), g("div", {
+        key: 1,
+        ref_key: "datepickerContainer",
+        ref: L,
+        dir: ae.value ? "rtl" : "ltr",
+        class: b({
+          [s.field_name]: s.field_name && s.field_name !== "",
+          [s.container_class]: s.container_class && s.container_class !== ""
+        })
+      }, [
+        s.label_name ? (m(), g("label", {
+          key: 0,
+          class: b({
+            "gl-label-form": s.error_message == "",
+            "gl-label-form-invalid": s.error_message !== "",
+            required: s.is_required
+          }),
+          for: s.field_name
+        }, u(s.label_name), 11, ke)) : T("", !0),
+        r("div", we, [
+          r("div", xe, [
+            r("input", {
+              type: "text",
+              readonly: "",
+              class: b(["rtl:text-right pe-10 cursor-pointer", {
+                "gl-input-form": s.error_message == "",
+                "gl-input-form-invalid": s.error_message !== "",
+                [s.input_class]: s.input_class && s.input_class !== ""
+              }]),
+              required: s.is_required,
+              name: s.field_name,
+              id: s.field_name,
+              value: G.value,
+              placeholder: s.placeholder,
+              onClick: O
+            }, null, 10, Me),
+            r("div", {
+              class: "absolute inset-y-0 end-0 flex items-center pe-3 cursor-pointer",
+              onClick: O
+            }, e[1] || (e[1] = [
+              r("svg", {
+                class: "w-4 h-4 text-gray-500 dark:text-gray-400",
+                "aria-hidden": "true",
+                xmlns: "http://www.w3.org/2000/svg",
+                fill: "currentColor",
+                viewBox: "0 0 20 20"
+              }, [
+                r("path", { d: "M20 4a2 2 0 0 0-2-2h-2V1a1 1 0 0 0-2 0v1h-3V1a1 1 0 0 0-2 0v1H6V1a1 1 0 0 0-2 0v1H2a2 2 0 0 0-2 2v2h20V4ZM0 18a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V8H0v10Zm5-8h10a1 1 0 0 1 0 2H5a1 1 0 0 1 0-2Z" })
+              ], -1)
+            ]))
+          ]),
+          fe(r("div", Ye, [
+            r("div", be, [
+              r("div", _e, [
+                r("div", $e, [
+                  r("button", {
+                    type: "button",
+                    onClick: oe,
+                    class: "p-1 rounded text-gray-500 dark:text-gray-400 hover:bg-gray-100 dark:hover:bg-gray-700"
+                  }, e[2] || (e[2] = [
+                    r("svg", {
+                      class: "w-5 h-5 rtl:-scale-x-100",
+                      fill: "none",
+                      stroke: "currentColor",
+                      viewBox: "0 0 24 24"
+                    }, [
+                      r("path", {
+                        "stroke-linecap": "round",
+                        "stroke-linejoin": "round",
+                        "stroke-width": "2",
+                        d: "M15 19l-7-7 7-7"
+                      })
+                    ], -1)
+                  ])),
+                  r("span", Ce, u(A.value[v.value]) + " " + u(_.value), 1),
+                  e[4] || (e[4] = r("span", { class: "w-7 sm:hidden" }, null, -1)),
+                  r("button", {
+                    type: "button",
+                    onClick: X,
+                    class: "p-1 rounded text-gray-500 dark:text-gray-400 hover:bg-gray-100 dark:hover:bg-gray-700 sm:hidden"
+                  }, e[3] || (e[3] = [
+                    r("svg", {
+                      class: "w-5 h-5 rtl:-scale-x-100",
+                      fill: "none",
+                      stroke: "currentColor",
+                      viewBox: "0 0 24 24"
+                    }, [
+                      r("path", {
+                        "stroke-linecap": "round",
+                        "stroke-linejoin": "round",
+                        "stroke-width": "2",
+                        d: "M9 5l7 7-7 7"
+                      })
+                    ], -1)
+                  ]))
+                ]),
+                r("div", Se, [
+                  (m(!0), g(S, null, I(Z.value, (t) => (m(), g("div", {
+                    key: "lh-" + t,
+                    class: "text-center text-xs font-semibold text-gray-700 dark:text-gray-300 py-1 truncate"
+                  }, u(t), 1))), 128))
+                ]),
+                r("div", Te, [
+                  (m(!0), g(S, null, I(ne.value, (t, n) => (m(), g("div", {
+                    key: "l-" + n,
+                    class: b(["py-0.5", {
+                      "bg-primary/10 dark:bg-primaryDark/20": t.currentMonth && (W(t.date) || h(t.date) || y(t.date)),
+                      "rounded-s-full": h(t.date),
+                      "rounded-e-full": y(t.date)
+                    }])
+                  }, [
+                    r("button", {
+                      type: "button",
+                      onClick: (l) => K(t),
+                      onMouseenter: (l) => Q(t),
+                      disabled: D(t.date),
+                      class: b([
+                        "w-9 h-9 mx-auto text-sm rounded-full flex items-center justify-center transition-colors",
+                        {
+                          "text-gray-300 dark:text-gray-600 pointer-events-none": !t.currentMonth,
+                          "text-gray-900 dark:text-white": t.currentMonth && !h(t.date) && !y(t.date) && !D(t.date),
+                          "bg-primary dark:bg-primaryDark text-white font-semibold": t.currentMonth && (h(t.date) || y(t.date)),
+                          "ring-1 ring-primary dark:ring-primaryDark": J(t.date) && t.currentMonth && !h(t.date) && !y(t.date),
+                          "hover:bg-gray-100 dark:hover:bg-gray-700": t.currentMonth && !h(t.date) && !y(t.date) && !D(t.date),
+                          "opacity-40 cursor-not-allowed": D(t.date)
+                        }
+                      ])
+                    }, u(t.day), 43, Ve)
+                  ], 2))), 128))
+                ])
+              ]),
+              r("div", Ne, [
+                r("div", Ie, [
+                  e[6] || (e[6] = r("span", { class: "w-7" }, null, -1)),
+                  r("span", Le, u(A.value[N.value.month]) + " " + u(N.value.year), 1),
+                  r("button", {
+                    type: "button",
+                    onClick: X,
+                    class: "p-1 rounded text-gray-500 dark:text-gray-400 hover:bg-gray-100 dark:hover:bg-gray-700"
+                  }, e[5] || (e[5] = [
+                    r("svg", {
+                      class: "w-5 h-5 rtl:-scale-x-100",
+                      fill: "none",
+                      stroke: "currentColor",
+                      viewBox: "0 0 24 24"
+                    }, [
+                      r("path", {
+                        "stroke-linecap": "round",
+                        "stroke-linejoin": "round",
+                        "stroke-width": "2",
+                        d: "M9 5l7 7-7 7"
+                      })
+                    ], -1)
+                  ]))
+                ]),
+                r("div", Be, [
+                  (m(!0), g(S, null, I(Z.value, (t) => (m(), g("div", {
+                    key: "rh-" + t,
+                    class: "text-center text-xs font-semibold text-gray-700 dark:text-gray-300 py-1 truncate"
+                  }, u(t), 1))), 128))
+                ]),
+                r("div", Ee, [
+                  (m(!0), g(S, null, I(se.value, (t, n) => (m(), g("div", {
+                    key: "r-" + n,
+                    class: b(["py-0.5", {
+                      "bg-primary/10 dark:bg-primaryDark/20": t.currentMonth && (W(t.date) || h(t.date) || y(t.date)),
+                      "rounded-s-full": h(t.date),
+                      "rounded-e-full": y(t.date)
+                    }])
+                  }, [
+                    r("button", {
+                      type: "button",
+                      onClick: (l) => K(t),
+                      onMouseenter: (l) => Q(t),
+                      disabled: D(t.date),
+                      class: b([
+                        "w-9 h-9 mx-auto text-sm rounded-full flex items-center justify-center transition-colors",
+                        {
+                          "text-gray-300 dark:text-gray-600 pointer-events-none": !t.currentMonth,
+                          "text-gray-900 dark:text-white": t.currentMonth && !h(t.date) && !y(t.date) && !D(t.date),
+                          "bg-primary dark:bg-primaryDark text-white font-semibold": t.currentMonth && (h(t.date) || y(t.date)),
+                          "ring-1 ring-primary dark:ring-primaryDark": J(t.date) && t.currentMonth && !h(t.date) && !y(t.date),
+                          "hover:bg-gray-100 dark:hover:bg-gray-700": t.currentMonth && !h(t.date) && !y(t.date) && !D(t.date),
+                          "opacity-40 cursor-not-allowed": D(t.date)
+                        }
+                      ])
+                    }, u(t.day), 43, Fe)
+                  ], 2))), 128))
+                ])
+              ])
+            ]),
+            r("div", qe, [
+              r("span", He, u(re.value), 1),
+              r("div", Re, [
+                r("button", {
+                  type: "button",
+                  onClick: ce,
+                  class: "px-4 py-2 text-sm font-medium rounded-lg text-gray-700 dark:text-gray-200 bg-gray-100 dark:bg-gray-700 hover:bg-gray-200 dark:hover:bg-gray-600 transition-colors"
+                }, u(R("cancel")), 1),
+                r("button", {
+                  type: "button",
+                  onClick: ue,
+                  class: "px-4 py-2 text-sm font-medium rounded-lg text-white bg-primary dark:bg-primaryDark hover:bg-primary/90 dark:hover:bg-primaryDark/90 transition-colors"
+                }, u(R("apply")), 1)
+              ])
+            ])
+          ], 512), [
+            [he, M.value]
+          ])
+        ]),
+        r("span", Ae, u(s.error_message), 1),
+        s.description ? (m(), g("small", Ze, u(s.description), 1)) : T("", !0)
+      ], 10, De))
+    ], 64));
+  }
+};
+export {
+  Pe as default
+};

package/dist/main.js

@@ -11,127 +11,129 @@ import { default as b } from "./components/GeneralComponents/GlDatePicker.vue.js
 import { default as C } from "./components/GeneralComponents/GlDateTimePicker.vue.js";
 import { default as M } from "./components/GeneralComponents/GlDateRangePicker.vue.js";
 import { default as w } from "./components/GeneralComponents/GlDateTimeRangePicker.vue.js";
-import { default as F } from "./components/GeneralComponents/GlTextInputFile.vue.js";
-import { default as v } from "./components/GeneralComponents/GlTabsWrapper.vue.js";
-import { default as A } from "./components/GeneralComponents/GlTab.vue.js";
-import { default as I } from "./components/GeneralComponents/GlTabShow.vue.js";
-import { default as R } from "./components/GeneralComponents/GlMultiItemSlide.vue.js";
-import { default as H } from "./components/GeneralComponents/GlMultiItemSlideDynamic.vue.js";
-import { default as E } from "./components/GeneralComponents/GlModal.vue.js";
-import { default as U } from "./components/GeneralComponents/GlModalWithoutOverflow.vue.js";
-import { default as q } from "./components/GeneralComponents/GlModalShow.vue.js";
-import { default as J } from "./components/GeneralComponents/GlToggleBox.vue.js";
-import { default as Q } from "./components/GeneralComponents/GlToggleBoxTrueFalse.vue.js";
-import { default as X } from "./components/GeneralComponents/GlDropdown.vue.js";
-import { default as Z } from "./components/GeneralComponents/GLTextarea.vue.js";
-import { default as $ } from "./components/GeneralComponents/GlTinymce.vue.js";
-import { default as ea } from "./components/GeneralComponents/GlCodeMirror.vue.js";
-import { default as oa } from "./components/GeneralComponents/GlCodeMirrorTranslate.vue.js";
-import { default as ra } from "./components/GeneralComponents/GlTinymceTranslate.vue.js";
-import { default as da } from "./components/GeneralComponents/DataTable/GLDataTableServerSide.vue.js";
-import { default as ua } from "./components/GeneralComponents/DataTable/GlDataTableComponent.vue.js";
-import { default as pa } from "./components/GeneralComponents/DataTable/GlDataTableServerSideGroupBy.vue.js";
-import { default as Ga } from "./components/GeneralComponents/DataTable/GLDataTable.vue.js";
-import { default as na } from "./components/GeneralComponents/DataTable/DatatableConvertCronToHuman.vue.js";
-import { default as Ta } from "./components/GeneralComponents/DeleteConfirmationModal.vue.js";
-import { default as ba } from "./components/GeneralComponents/GlAccordionsWrapper.vue.js";
-import { default as Ca } from "./components/GeneralComponents/GlAccordion.vue.js";
-import { default as Ma } from "./components/GeneralComponents/GlToastList.vue.js";
-import { default as wa } from "./Stores/toast.js";
-import { default as Fa } from "./components/GeneralComponents/DataTable/DatatableAction.vue.js";
-import { default as va } from "./components/GeneralComponents/DataTable/DatatableDeleteAction.vue.js";
-import { default as Aa } from "./components/GeneralComponents/DataTable/DatatableDeleteEditAction.vue.js";
-import { default as Ia } from "./components/GeneralComponents/DataTable/DatatableFileDownload.vue.js";
-import { default as Ra } from "./components/GeneralComponents/DataTable/DatatableFiles.vue.js";
-import { default as Ha } from "./components/GeneralComponents/DataTable/DatatableHtml.vue.js";
-import { default as Ea } from "./components/GeneralComponents/DataTable/DatatableList.vue.js";
-import { default as Ua } from "./components/GeneralComponents/DataTable/DatatableListNested.vue.js";
-import { default as qa } from "./components/GeneralComponents/DataTable/DatatablePicture.vue.js";
-import { default as Ja } from "./components/GeneralComponents/DataTable/DatatablePictures.vue.js";
-import { default as Qa } from "./components/GeneralComponents/DataTable/DatatableStatus.vue.js";
-import { default as Xa } from "./components/GeneralComponents/DataTable/DatatableStatusGeneral.vue.js";
-import { default as Za } from "./components/GeneralComponents/DataTable/DatatableStatusSpecficColor.vue.js";
-import { default as $a } from "./components/GeneralComponents/DataTable/DatatableStatusTextLabelGeneral.vue.js";
-import { default as ee } from "./components/GeneralComponents/DataTable/DatatableDateTime.vue.js";
-import { default as oe } from "./components/GeneralComponents/DataTable/DatatableDate.vue.js";
-import { default as re } from "./components/GeneralComponents/DataTable/DatatableStatusServer.vue.js";
-import { default as de } from "./components/GeneralComponents/DataTable/DatatableCommand.vue.js";
-import { default as ue } from "./components/LaravelVuePagination/TailwindPagination.vue.js";
-import { default as pe } from "./components/GeneralComponents/ConfirmationModal.vue.js";
-import { default as Ge } from "./components/GeneralComponents/DynamicConfirmation.vue.js";
-import { default as ne } from "./components/GeneralComponents/GlCodeCopy.vue.js";
-import { default as Te } from "./components/GeneralComponents/GlTextCopy.vue.js";
-import { default as be } from "./components/GeneralComponents/StatusRunningSuccessFailed.vue.js";
-import { default as Ce } from "./components/GeneralComponents/StatusConnectingConnectedDisconnected.vue.js";
-import { default as Me } from "./ClickOutsideDirective.js";
-import { default as we } from "./Form.js";
-import { default as Fe } from "./multilingual.js";
+import { default as F } from "./components/GeneralComponents/GlDateRangeCalendar.vue.js";
+import { default as v } from "./components/GeneralComponents/GlTextInputFile.vue.js";
+import { default as A } from "./components/GeneralComponents/GlTabsWrapper.vue.js";
+import { default as I } from "./components/GeneralComponents/GlTab.vue.js";
+import { default as h } from "./components/GeneralComponents/GlTabShow.vue.js";
+import { default as H } from "./components/GeneralComponents/GlMultiItemSlide.vue.js";
+import { default as E } from "./components/GeneralComponents/GlMultiItemSlideDynamic.vue.js";
+import { default as U } from "./components/GeneralComponents/GlModal.vue.js";
+import { default as q } from "./components/GeneralComponents/GlModalWithoutOverflow.vue.js";
+import { default as J } from "./components/GeneralComponents/GlModalShow.vue.js";
+import { default as Q } from "./components/GeneralComponents/GlToggleBox.vue.js";
+import { default as X } from "./components/GeneralComponents/GlToggleBoxTrueFalse.vue.js";
+import { default as Z } from "./components/GeneralComponents/GlDropdown.vue.js";
+import { default as $ } from "./components/GeneralComponents/GLTextarea.vue.js";
+import { default as ea } from "./components/GeneralComponents/GlTinymce.vue.js";
+import { default as oa } from "./components/GeneralComponents/GlCodeMirror.vue.js";
+import { default as ra } from "./components/GeneralComponents/GlCodeMirrorTranslate.vue.js";
+import { default as da } from "./components/GeneralComponents/GlTinymceTranslate.vue.js";
+import { default as ua } from "./components/GeneralComponents/DataTable/GLDataTableServerSide.vue.js";
+import { default as pa } from "./components/GeneralComponents/DataTable/GlDataTableComponent.vue.js";
+import { default as Ga } from "./components/GeneralComponents/DataTable/GlDataTableServerSideGroupBy.vue.js";
+import { default as na } from "./components/GeneralComponents/DataTable/GLDataTable.vue.js";
+import { default as Ta } from "./components/GeneralComponents/DataTable/DatatableConvertCronToHuman.vue.js";
+import { default as ba } from "./components/GeneralComponents/DeleteConfirmationModal.vue.js";
+import { default as Ca } from "./components/GeneralComponents/GlAccordionsWrapper.vue.js";
+import { default as Ma } from "./components/GeneralComponents/GlAccordion.vue.js";
+import { default as wa } from "./components/GeneralComponents/GlToastList.vue.js";
+import { default as Fa } from "./Stores/toast.js";
+import { default as va } from "./components/GeneralComponents/DataTable/DatatableAction.vue.js";
+import { default as Aa } from "./components/GeneralComponents/DataTable/DatatableDeleteAction.vue.js";
+import { default as Ia } from "./components/GeneralComponents/DataTable/DatatableDeleteEditAction.vue.js";
+import { default as ha } from "./components/GeneralComponents/DataTable/DatatableFileDownload.vue.js";
+import { default as Ha } from "./components/GeneralComponents/DataTable/DatatableFiles.vue.js";
+import { default as Ea } from "./components/GeneralComponents/DataTable/DatatableHtml.vue.js";
+import { default as Ua } from "./components/GeneralComponents/DataTable/DatatableList.vue.js";
+import { default as qa } from "./components/GeneralComponents/DataTable/DatatableListNested.vue.js";
+import { default as Ja } from "./components/GeneralComponents/DataTable/DatatablePicture.vue.js";
+import { default as Qa } from "./components/GeneralComponents/DataTable/DatatablePictures.vue.js";
+import { default as Xa } from "./components/GeneralComponents/DataTable/DatatableStatus.vue.js";
+import { default as Za } from "./components/GeneralComponents/DataTable/DatatableStatusGeneral.vue.js";
+import { default as $a } from "./components/GeneralComponents/DataTable/DatatableStatusSpecficColor.vue.js";
+import { default as ee } from "./components/GeneralComponents/DataTable/DatatableStatusTextLabelGeneral.vue.js";
+import { default as oe } from "./components/GeneralComponents/DataTable/DatatableDateTime.vue.js";
+import { default as re } from "./components/GeneralComponents/DataTable/DatatableDate.vue.js";
+import { default as de } from "./components/GeneralComponents/DataTable/DatatableStatusServer.vue.js";
+import { default as ue } from "./components/GeneralComponents/DataTable/DatatableCommand.vue.js";
+import { default as pe } from "./components/LaravelVuePagination/TailwindPagination.vue.js";
+import { default as Ge } from "./components/GeneralComponents/ConfirmationModal.vue.js";
+import { default as ne } from "./components/GeneralComponents/DynamicConfirmation.vue.js";
+import { default as Te } from "./components/GeneralComponents/GlCodeCopy.vue.js";
+import { default as be } from "./components/GeneralComponents/GlTextCopy.vue.js";
+import { default as Ce } from "./components/GeneralComponents/StatusRunningSuccessFailed.vue.js";
+import { default as Me } from "./components/GeneralComponents/StatusConnectingConnectedDisconnected.vue.js";
+import { default as we } from "./ClickOutsideDirective.js";
+import { default as Fe } from "./Form.js";
+import { default as ve } from "./multilingual.js";
 export {
-  Me as ClickOutsideDirective,
-  $a as DatatableStatusTextLabelGeneral,
-  we as Form,
-  de as GLDatatableCommand,
-  oe as GLDatatableDate,
-  ee as GLDatatableDateTime,
-  re as GLDatatableStatusServer,
-  Ca as GlAccordion,
-  ba as GlAccordionsWrapper,
+  we as ClickOutsideDirective,
+  ee as DatatableStatusTextLabelGeneral,
+  Fe as Form,
+  ue as GLDatatableCommand,
+  re as GLDatatableDate,
+  oe as GLDatatableDateTime,
+  de as GLDatatableStatusServer,
+  Ma as GlAccordion,
+  Ca as GlAccordionsWrapper,
   p as GlButton,
   d as GlCard,
-  ne as GlCodeCopy,
-  ea as GlCodeMirror,
-  oa as GlCodeMirrorTranslate,
-  pe as GlConfirmationModal,
-  Ga as GlDataTable,
-  ua as GlDataTableComponent,
-  da as GlDataTableServerSide,
-  pa as GlDataTableServerSideGroupBy,
-  Fa as GlDatatableAction,
-  na as GlDatatableConvertCronToHuman,
-  va as GlDatatableDeleteAction,
-  Aa as GlDatatableDeleteEditAction,
-  Ia as GlDatatableFileDownload,
-  Ra as GlDatatableFiles,
-  Ha as GlDatatableHtml,
-  Ea as GlDatatableList,
-  Ua as GlDatatableListNested,
-  qa as GlDatatablePicture,
-  Ja as GlDatatablePictures,
-  Qa as GlDatatableStatus,
-  Xa as GlDatatableStatusGeneral,
-  Za as GlDatatableStatusSpecficColor,
+  Te as GlCodeCopy,
+  oa as GlCodeMirror,
+  ra as GlCodeMirrorTranslate,
+  Ge as GlConfirmationModal,
+  na as GlDataTable,
+  pa as GlDataTableComponent,
+  ua as GlDataTableServerSide,
+  Ga as GlDataTableServerSideGroupBy,
+  va as GlDatatableAction,
+  Ta as GlDatatableConvertCronToHuman,
+  Aa as GlDatatableDeleteAction,
+  Ia as GlDatatableDeleteEditAction,
+  ha as GlDatatableFileDownload,
+  Ha as GlDatatableFiles,
+  Ea as GlDatatableHtml,
+  Ua as GlDatatableList,
+  qa as GlDatatableListNested,
+  Ja as GlDatatablePicture,
+  Qa as GlDatatablePictures,
+  Xa as GlDatatableStatus,
+  Za as GlDatatableStatusGeneral,
+  $a as GlDatatableStatusSpecficColor,
   b as GlDatePicker,
+  F as GlDateRangeCalendar,
   M as GlDateRangePicker,
   C as GlDateTimePicker,
   w as GlDateTimeRangePicker,
-  Ta as GlDeleteConfirmationModal,
-  X as GlDropdown,
-  Ge as GlDynamicConfirmation,
+  ba as GlDeleteConfirmationModal,
+  Z as GlDropdown,
+  ne as GlDynamicConfirmation,
   o as GlFilesUpload,
   r as GlLanguageSelector,
-  E as GlModal,
-  q as GlModalShow,
-  U as GlModalWithoutOverflow,
-  R as GlMultiItemSlide,
-  H as GlMultiItemSlideDynamic,
+  U as GlModal,
+  J as GlModalShow,
+  q as GlModalWithoutOverflow,
+  H as GlMultiItemSlide,
+  E as GlMultiItemSlideDynamic,
   u as GlMultiSelectDropdown,
-  Ce as GlStatusConnectingConnectedDisconnected,
-  be as GlStatusRunningSuccessFailed,
-  A as GlTab,
-  I as GlTabShow,
-  v as GlTabsWrapper,
-  ue as GlTailwindPagination,
-  Te as GlTextCopy,
+  Me as GlStatusConnectingConnectedDisconnected,
+  Ce as GlStatusRunningSuccessFailed,
+  I as GlTab,
+  h as GlTabShow,
+  A as GlTabsWrapper,
+  pe as GlTailwindPagination,
+  be as GlTextCopy,
   T as GlTextInput,
-  F as GlTextInputFile,
+  v as GlTextInputFile,
   n as GlTextTranslate,
-  Z as GlTextarea,
+  $ as GlTextarea,
   G as GlTextareaTranslate,
-  $ as GlTinymce,
-  ra as GlTinymceTranslate,
-  wa as GlToast,
-  Ma as GlToastList,
-  J as GlToggleBox,
-  Q as GlToggleBoxTrueFalse,
-  Fe as multilingual
+  ea as GlTinymce,
+  da as GlTinymceTranslate,
+  Fa as GlToast,
+  wa as GlToastList,
+  Q as GlToggleBox,
+  X as GlToggleBoxTrueFalse,
+  ve as multilingual
 };

package/package.json

@@ -3,7 +3,7 @@
   "description": "The most popular library of interactive components built with Vuejs && Tailwind CSS",
   "type": "module",
   "private": false,
-  "version": "1.2.370",
+  "version": "1.2.372",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/mrgiant/GoldenLogicUi.git"