golden-logic-ui 1.3.5 → 1.3.7

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

@@ -0,0 +1,437 @@
+import { computed as h, ref as B, watch as Y, onBeforeUnmount as Z, createElementBlock as d, openBlock as c, Fragment as D, createCommentVNode as g, normalizeClass as b, createElementVNode as a, toDisplayString as u, renderList as z, withKeys as V, withModifiers as j, createTextVNode as ee } from "vue";
+const te = {
+  key: 0,
+  class: "gl-label-form"
+}, re = { class: "mt-1 text-gray-900 dark:text-white" }, ne = { dir: "ltr" }, ae = {
+  key: 1,
+  class: "text-sm text-gray-500 dark:text-gray-400"
+}, le = ["for"], oe = { class: "flex flex-col items-center gap-2 md:flex-row md:items-start" }, se = ["for"], ie = { class: "relative" }, ue = ["id", "name", "required", "placeholder", "value", "aria-expanded", "onFocus", "onInput", "onBlur", "onKeydown"], de = ["aria-label", "onClick"], ce = {
+  class: "flex items-center justify-center gap-2",
+  dir: "ltr"
+}, me = { class: "flex flex-col items-center" }, ve = ["aria-label", "onClick"], ge = { class: "w-12 rounded-md border border-gray-300 bg-white py-1 text-center text-sm text-gray-900 dark:border-gray-600 dark:bg-gray-700 dark:text-white" }, ye = ["aria-label", "onClick"], fe = { class: "flex flex-col items-center" }, he = ["aria-label", "onClick"], xe = { class: "w-12 rounded-md border border-gray-300 bg-white py-1 text-center text-sm text-gray-900 dark:border-gray-600 dark:bg-gray-700 dark:text-white" }, be = ["aria-label", "onClick"], pe = { class: "ms-1 flex flex-col gap-1" }, ke = ["onClick"], _e = { class: "mt-4 flex flex-wrap items-center justify-between gap-2 border-t border-gray-200 pt-3 dark:border-gray-700" }, we = { dir: "ltr" }, $e = {
+  key: 2,
+  class: "mt-1"
+}, Se = { class: "gl-span-form-error" }, Me = {
+  key: 3,
+  class: "mt-1 block text-sm font-normal leading-5 text-gray-500"
+}, Be = {
+  __name: "GlTimeRangePicker",
+  props: {
+    modelValue: {
+      type: Object,
+      default: () => ({ start: "", end: "" })
+    },
+    field_name: { type: String, default: "" },
+    label_name: { type: String, default: "" },
+    label_name_start: { type: String, default: "" },
+    label_name_end: { type: String, default: "" },
+    placeholder_start: { type: String, default: "" },
+    placeholder_end: { type: String, default: "" },
+    description: { type: String, default: "" },
+    is_required: { type: Boolean, default: !1 },
+    show: { type: Boolean, default: !1 },
+    error_message: { type: String, default: "" },
+    container_class: { type: String, default: "" },
+    // Minutes moved by one press of the minute arrows
+    minute_step: { type: Number, default: 5 },
+    // Whether an end at or before the start means the next day. When false the
+    // end must be after the start, except that 00:00 is accepted as midnight
+    // (the end of the day), so a range is never longer than 24 hours.
+    allow_overnight: { type: Boolean, default: !0 },
+    // With overnight off: whether the end may equal the start, as a date range
+    // may start and end on the same day. Off, equal times are refused.
+    allow_equal: { type: Boolean, default: !0 },
+    // Show the line explaining the range ("… · 9 hours", "Closes the next day …")
+    show_summary: { type: Boolean, default: !0 },
+    // "en" and "ar" are built in; anything else falls back to English
+    locale: { type: String, default: "en" },
+    // Override any built-in text, e.g. from the app's own language files
+    labels: { type: Object, default: () => ({}) }
+  },
+  emits: ["update:modelValue", "change"],
+  setup(l, { expose: U, emit: G }) {
+    const s = l, F = G, L = {
+      en: {
+        midnight: "Midnight",
+        clear: "Clear",
+        done: "Done",
+        pick_time: "Pick a time",
+        later: "Later",
+        earlier: "Earlier",
+        until_midnight: "until midnight",
+        next_day: "closes the next day",
+        all_day: "open 24 hours",
+        end_after_start: "The end time must be after the start time.",
+        end_not_before_start: "The end time must not be before the start time.",
+        invalid: "Enter a time such as 8:30 AM."
+      },
+      ar: {
+        midnight: "منتصف الليل",
+        clear: "مسح",
+        done: "تم",
+        pick_time: "اختر الوقت",
+        later: "لاحقاً",
+        earlier: "أبكر",
+        until_midnight: "حتى منتصف الليل",
+        next_day: "يغلق في اليوم التالي",
+        all_day: "مفتوح 24 ساعة",
+        end_after_start: "يجب أن يكون وقت الانتهاء بعد وقت البدء.",
+        end_not_before_start: "يجب ألا يكون وقت الانتهاء قبل وقت البدء.",
+        invalid: "أدخل وقتاً مثل 8:30 AM."
+      }
+    }, O = h(() => s.locale && s.locale.startsWith("ar") ? "ar" : "en"), m = (r) => s.labels[r] || L[O.value][r] || L.en[r] || r, i = B({ start: "", end: "" }), p = B({ start: null, end: null }), k = B(null), q = B(""), _ = B(null), E = (r) => {
+      if (r == null)
+        return null;
+      const e = String(r).trim();
+      if (e === "")
+        return "";
+      const t = e.match(/^(\d{1,2})(?::(\d{1,2}))?(?::\d{1,2})?\s*([ap])\.?\s*m?\.?$/i) || e.match(/^(\d{1,2})(?::(\d{1,2}))?(?::\d{1,2})?$/);
+      if (!t)
+        return null;
+      let n = parseInt(t[1], 10);
+      const v = parseInt(t[2] || "0", 10), o = t[3] ? t[3].toUpperCase() : null;
+      if (v > 59)
+        return null;
+      if (o) {
+        if (n < 1 || n > 12)
+          return null;
+        n = n % 12 + (o === "P" ? 12 : 0);
+      } else if (n > 23)
+        return null;
+      return `${String(n).padStart(2, "0")}:${String(v).padStart(2, "0")}`;
+    };
+    Y(
+      () => s.modelValue,
+      (r) => {
+        i.value.start = E(r?.start) ?? "", i.value.end = E(r?.end) ?? "";
+      },
+      { immediate: !0, deep: !0 }
+    );
+    const y = (r) => {
+      const [e, t] = r.split(":").map(Number);
+      return e * 60 + t;
+    }, A = (r) => {
+      const e = (r % 1440 + 1440) % 1440;
+      return `${String(Math.floor(e / 60)).padStart(2, "0")}:${String(e % 60).padStart(2, "0")}`;
+    }, P = (r) => {
+      const e = r || "08:00", [t, n] = e.split(":").map(Number);
+      return { hour12: t % 12 || 12, minute: n, meridiem: t >= 12 ? "PM" : "AM" };
+    }, w = (r) => {
+      const e = E(r);
+      if (!e)
+        return "";
+      const t = P(e);
+      return `${t.hour12}:${String(t.minute).padStart(2, "0")} ${t.meridiem}`;
+    }, R = () => {
+      const r = { start: i.value.start, end: i.value.end };
+      q.value = "", F("update:modelValue", r), F("change", r);
+    }, $ = (r, e) => {
+      i.value[r] = e, p.value[r] = null, R();
+    }, x = (r, e, t) => {
+      const n = i.value[r] || (r === "end" ? "17:00" : "08:00"), v = e === "hour" ? t * 60 : t * s.minute_step;
+      let o = y(n) + v;
+      e === "minute" && s.minute_step > 1 && (o = t > 0 ? Math.floor(o / s.minute_step) * s.minute_step : Math.ceil(o / s.minute_step) * s.minute_step), $(r, A(o));
+    }, H = (r, e) => {
+      const t = i.value[r] || (r === "end" ? "17:00" : "08:00"), n = y(t), v = n >= 720;
+      e === "PM" !== v && $(r, A(n + (e === "PM" ? 720 : -720)));
+    }, I = (r) => {
+      const e = p.value[r];
+      if (e === null)
+        return;
+      const t = E(e);
+      if (t === null) {
+        q.value = m("invalid");
+        return;
+      }
+      $(r, t);
+    }, K = (r) => {
+      k.value = r, document.addEventListener("mousedown", T);
+    }, f = () => {
+      k.value = null, document.removeEventListener("mousedown", T);
+    }, T = (r) => {
+      _.value && !_.value.contains(r.target) && f();
+    }, J = (r) => {
+      _.value && !_.value.contains(r.relatedTarget) && f();
+    };
+    Z(() => document.removeEventListener("mousedown", T));
+    const S = h(() => {
+      const { start: r, end: e } = i.value;
+      if (!r || !e)
+        return null;
+      const t = y(r), n = y(e);
+      if (s.allow_overnight)
+        return n > t ? n - t : n + 1440 - t;
+      const v = e === "00:00" ? 1440 : n;
+      return v >= t ? v - t : null;
+    }), N = h(() => {
+      const { start: r, end: e } = i.value;
+      return s.allow_overnight && !!r && !!e && y(e) <= y(r);
+    }), Q = h(() => {
+      const { start: r, end: e } = i.value;
+      if (s.allow_overnight || !r || !e)
+        return "";
+      const t = y(r), n = e === "00:00" ? 1440 : y(e);
+      return n > t || n === t && s.allow_equal ? "" : m(s.allow_equal ? "end_not_before_start" : "end_after_start");
+    }), W = h(() => q.value || Q.value), M = h(() => s.error_message !== "" || W.value !== ""), X = (r) => {
+      const e = Math.floor(r / 60), t = r % 60;
+      if (O.value === "ar") {
+        const n = (o) => o === 1 ? "ساعة واحدة" : o === 2 ? "ساعتان" : o <= 10 ? `${o} ساعات` : `${o} ساعة`, v = (o) => o === 1 ? "دقيقة واحدة" : o === 2 ? "دقيقتان" : o <= 10 ? `${o} دقائق` : `${o} دقيقة`;
+        return [e ? n(e) : "", t ? v(t) : ""].filter(Boolean).join(" و ");
+      }
+      return [
+        e ? `${e} ${e === 1 ? "hour" : "hours"}` : "",
+        t ? `${t} ${t === 1 ? "minute" : "minutes"}` : ""
+      ].filter(Boolean).join(" ");
+    }, C = h(() => {
+      if (!s.show_summary || S.value === null)
+        return null;
+      const { end: r } = i.value;
+      if (S.value === 1440)
+        return { text: m("all_day"), overnight: N.value };
+      if (S.value === 0)
+        return null;
+      const e = X(S.value);
+      return r === "00:00" ? { text: `${m("until_midnight")} · ${e}`, overnight: !1 } : N.value ? { text: `${m("next_day")} · ${e}`, overnight: !0 } : { text: e, overnight: !1 };
+    });
+    return U({ span: S, isOvernight: N }), (r, e) => (c(), d(D, null, [
+      l.show ? (c(), d("div", {
+        key: 0,
+        class: b(["md:col-span-2", l.field_name])
+      }, [
+        l.label_name ? (c(), d("label", te, u(l.label_name), 1)) : g("", !0),
+        a("p", re, [
+          a("span", ne, u(w(l.modelValue.start)) + " – " + u(w(l.modelValue.end)), 1)
+        ]),
+        C.value ? (c(), d("p", ae, u(C.value.text), 1)) : g("", !0),
+        e[6] || (e[6] = a("hr", { class: "opacity-100! bg-gray-200 border-0 dark:bg-gray-700" }, null, -1))
+      ], 2)) : g("", !0),
+      l.show ? g("", !0) : (c(), d("div", {
+        key: 1,
+        ref_key: "root",
+        ref: _,
+        class: b(["md:col-span-2", {
+          [l.field_name]: l.field_name && l.field_name !== "",
+          [l.container_class]: l.container_class && l.container_class !== ""
+        }]),
+        onFocusout: J
+      }, [
+        l.label_name ? (c(), d("label", {
+          key: 0,
+          class: b({
+            "gl-label-form": !M.value,
+            "gl-label-form-invalid": M.value,
+            required: l.is_required
+          }),
+          for: l.field_name + "_start"
+        }, u(l.label_name), 11, le)) : g("", !0),
+        a("div", oe, [
+          (c(), d(D, null, z(["start", "end"], (t) => a("div", {
+            key: t,
+            class: "relative w-full md:flex-1"
+          }, [
+            (t === "start" ? l.label_name_start : l.label_name_end) ? (c(), d("label", {
+              key: 0,
+              for: l.field_name + "_" + t,
+              class: "gl-label-form"
+            }, u(t === "start" ? l.label_name_start : l.label_name_end), 9, se)) : g("", !0),
+            a("div", ie, [
+              a("input", {
+                id: l.field_name + "_" + t,
+                name: l.field_name + "_" + t,
+                type: "text",
+                dir: "ltr",
+                autocomplete: "off",
+                required: l.is_required,
+                placeholder: t === "start" ? l.placeholder_start : l.placeholder_end,
+                value: p.value[t] !== null ? p.value[t] : w(i.value[t]),
+                class: b([M.value ? "gl-input-form-invalid" : "gl-input-form", "pe-10 text-start"]),
+                "aria-expanded": k.value === t,
+                onFocus: (n) => K(t),
+                onInput: (n) => p.value[t] = n.target.value,
+                onBlur: (n) => I(t),
+                onKeydown: [
+                  V(j((n) => {
+                    I(t), f();
+                  }, ["prevent"]), ["enter"]),
+                  e[0] || (e[0] = V((n) => f(), ["esc"])),
+                  V(j((n) => x(t, "minute", 1), ["prevent"]), ["up"]),
+                  V(j((n) => x(t, "minute", -1), ["prevent"]), ["down"])
+                ]
+              }, null, 42, ue),
+              a("button", {
+                type: "button",
+                tabindex: "-1",
+                class: "absolute inset-y-0 end-0 flex items-center pe-3 text-gray-500 dark:text-gray-400",
+                "aria-label": m("pick_time"),
+                onMousedown: e[1] || (e[1] = j(() => {
+                }, ["prevent"])),
+                onClick: (n) => k.value === t ? f() : K(t)
+              }, e[7] || (e[7] = [
+                a("svg", {
+                  class: "h-4 w-4",
+                  "aria-hidden": "true",
+                  fill: "none",
+                  stroke: "currentColor",
+                  viewBox: "0 0 24 24"
+                }, [
+                  a("circle", {
+                    cx: "12",
+                    cy: "12",
+                    r: "9",
+                    "stroke-width": "2"
+                  }),
+                  a("path", {
+                    "stroke-linecap": "round",
+                    "stroke-linejoin": "round",
+                    "stroke-width": "2",
+                    d: "M12 7v5l3 2"
+                  })
+                ], -1)
+              ]), 40, de)
+            ]),
+            k.value === t ? (c(), d("div", {
+              key: 1,
+              class: "absolute start-0 z-50 mt-1 w-72 rounded-lg border border-gray-200 bg-white p-4 shadow-lg dark:border-gray-700 dark:bg-gray-800",
+              onMousedown: e[5] || (e[5] = j(() => {
+              }, ["prevent"]))
+            }, [
+              a("div", ce, [
+                a("div", me, [
+                  a("button", {
+                    type: "button",
+                    class: "p-1 text-gray-500 hover:text-gray-700 dark:text-gray-400 dark:hover:text-gray-200",
+                    "aria-label": m("later"),
+                    onClick: (n) => x(t, "hour", 1)
+                  }, e[8] || (e[8] = [
+                    a("svg", {
+                      class: "h-3 w-3",
+                      fill: "none",
+                      stroke: "currentColor",
+                      viewBox: "0 0 24 24"
+                    }, [
+                      a("path", {
+                        "stroke-linecap": "round",
+                        "stroke-linejoin": "round",
+                        "stroke-width": "2",
+                        d: "M5 15l7-7 7 7"
+                      })
+                    ], -1)
+                  ]), 8, ve),
+                  a("span", ge, u(String(P(i.value[t]).hour12).padStart(2, "0")), 1),
+                  a("button", {
+                    type: "button",
+                    class: "p-1 text-gray-500 hover:text-gray-700 dark:text-gray-400 dark:hover:text-gray-200",
+                    "aria-label": m("earlier"),
+                    onClick: (n) => x(t, "hour", -1)
+                  }, e[9] || (e[9] = [
+                    a("svg", {
+                      class: "h-3 w-3",
+                      fill: "none",
+                      stroke: "currentColor",
+                      viewBox: "0 0 24 24"
+                    }, [
+                      a("path", {
+                        "stroke-linecap": "round",
+                        "stroke-linejoin": "round",
+                        "stroke-width": "2",
+                        d: "M19 9l-7 7-7-7"
+                      })
+                    ], -1)
+                  ]), 8, ye)
+                ]),
+                e[12] || (e[12] = a("span", { class: "pb-1 text-lg font-semibold text-gray-900 dark:text-white" }, ":", -1)),
+                a("div", fe, [
+                  a("button", {
+                    type: "button",
+                    class: "p-1 text-gray-500 hover:text-gray-700 dark:text-gray-400 dark:hover:text-gray-200",
+                    "aria-label": m("later"),
+                    onClick: (n) => x(t, "minute", 1)
+                  }, e[10] || (e[10] = [
+                    a("svg", {
+                      class: "h-3 w-3",
+                      fill: "none",
+                      stroke: "currentColor",
+                      viewBox: "0 0 24 24"
+                    }, [
+                      a("path", {
+                        "stroke-linecap": "round",
+                        "stroke-linejoin": "round",
+                        "stroke-width": "2",
+                        d: "M5 15l7-7 7 7"
+                      })
+                    ], -1)
+                  ]), 8, he),
+                  a("span", xe, u(String(P(i.value[t]).minute).padStart(2, "0")), 1),
+                  a("button", {
+                    type: "button",
+                    class: "p-1 text-gray-500 hover:text-gray-700 dark:text-gray-400 dark:hover:text-gray-200",
+                    "aria-label": m("earlier"),
+                    onClick: (n) => x(t, "minute", -1)
+                  }, e[11] || (e[11] = [
+                    a("svg", {
+                      class: "h-3 w-3",
+                      fill: "none",
+                      stroke: "currentColor",
+                      viewBox: "0 0 24 24"
+                    }, [
+                      a("path", {
+                        "stroke-linecap": "round",
+                        "stroke-linejoin": "round",
+                        "stroke-width": "2",
+                        d: "M19 9l-7 7-7-7"
+                      })
+                    ], -1)
+                  ]), 8, be)
+                ]),
+                a("div", pe, [
+                  (c(), d(D, null, z(["AM", "PM"], (n) => a("button", {
+                    key: n,
+                    type: "button",
+                    class: b(["rounded-md px-2 py-1 text-xs font-medium transition-colors", P(i.value[t]).meridiem === n ? "bg-primary text-white dark:bg-primaryDark" : "bg-gray-100 text-gray-600 hover:bg-gray-200 dark:bg-gray-700 dark:text-gray-300 dark:hover:bg-gray-600"]),
+                    onClick: (v) => H(t, n)
+                  }, u(n), 11, ke)), 64))
+                ])
+              ]),
+              a("div", _e, [
+                t === "end" ? (c(), d("button", {
+                  key: 0,
+                  type: "button",
+                  class: "text-sm font-medium text-primary hover:text-primary/80 dark:text-primaryDark",
+                  onClick: e[2] || (e[2] = (n) => {
+                    $("end", "00:00"), f();
+                  })
+                }, u(m("midnight")), 1)) : (c(), d("button", {
+                  key: 1,
+                  type: "button",
+                  class: "text-sm text-gray-500 hover:text-gray-700 dark:text-gray-400 dark:hover:text-gray-300",
+                  onClick: e[3] || (e[3] = (n) => {
+                    $("start", ""), f();
+                  })
+                }, u(m("clear")), 1)),
+                a("button", {
+                  type: "button",
+                  class: "text-sm font-medium text-primary hover:text-primary/80 dark:text-primaryDark",
+                  onClick: e[4] || (e[4] = (n) => f())
+                }, u(m("done")), 1)
+              ])
+            ], 32)) : g("", !0)
+          ])), 64))
+        ]),
+        C.value && !M.value ? (c(), d("p", {
+          key: 1,
+          class: b(["mt-1.5 text-sm", C.value.overnight ? "text-amber-700 dark:text-amber-400" : "text-gray-500 dark:text-gray-400"])
+        }, [
+          a("span", we, u(w(i.value.start)) + " – " + u(w(i.value.end)), 1),
+          ee(" · " + u(C.value.text), 1)
+        ], 2)) : g("", !0),
+        M.value ? (c(), d("div", $e, [
+          a("span", Se, u(l.error_message || W.value), 1)
+        ])) : g("", !0),
+        l.description ? (c(), d("small", Me, u(l.description), 1)) : g("", !0)
+      ], 34))
+    ], 64));
+  }
+};
+export {
+  Be as default
+};

package/dist/main.js

@@ -11,135 +11,137 @@ import { default as b } from "./components/GeneralComponents/GlDatePicker.vue.js
 import { default as C } from "./components/GeneralComponents/GlDateTimePicker.vue.js";
 import { default as L } from "./components/GeneralComponents/GlDateRangePicker.vue.js";
 import { default as P } from "./components/GeneralComponents/GlDateTimeRangePicker.vue.js";
-import { default as y } 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 sa } 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 ca } 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 La } from "./components/GeneralComponents/GlAccordion.vue.js";
-import { default as Pa } from "./components/GeneralComponents/GlToastList.vue.js";
-import { default as ya } 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 se } 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 ce } 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 Le } from "./components/GeneralComponents/StatusConnectingConnectedDisconnected.vue.js";
-import { default as Pe } from "./ClickOutsideDirective.js";
-import { default as ye } from "./Form.js";
-import { default as ve } from "./multilingual.js";
-import { glLocale as Ae, setGlLocales as Be } from "./localeStore.js";
-import { default as Re, triggerPrint as he } from "./print/print.js";
+import { default as y } from "./components/GeneralComponents/GlTimeRangePicker.vue.js";
+import { default as k } from "./components/GeneralComponents/GlDateRangeCalendar.vue.js";
+import { default as A } from "./components/GeneralComponents/GlTextInputFile.vue.js";
+import { default as B } from "./components/GeneralComponents/GlTabsWrapper.vue.js";
+import { default as h } from "./components/GeneralComponents/GlTab.vue.js";
+import { default as H } from "./components/GeneralComponents/GlTabShow.vue.js";
+import { default as E } from "./components/GeneralComponents/GlMultiItemSlide.vue.js";
+import { default as U } from "./components/GeneralComponents/GlMultiItemSlideDynamic.vue.js";
+import { default as q } from "./components/GeneralComponents/GlModal.vue.js";
+import { default as J } from "./components/GeneralComponents/GlModalWithoutOverflow.vue.js";
+import { default as Q } from "./components/GeneralComponents/GlModalShow.vue.js";
+import { default as X } from "./components/GeneralComponents/GlToggleBox.vue.js";
+import { default as Z } from "./components/GeneralComponents/GlToggleBoxTrueFalse.vue.js";
+import { default as $ } from "./components/GeneralComponents/GlDropdown.vue.js";
+import { default as ea } from "./components/GeneralComponents/GLTextarea.vue.js";
+import { default as oa } from "./components/GeneralComponents/GlTinymce.vue.js";
+import { default as ra } from "./components/GeneralComponents/GlCodeMirror.vue.js";
+import { default as sa } from "./components/GeneralComponents/GlCodeMirrorTranslate.vue.js";
+import { default as ua } from "./components/GeneralComponents/GlTinymceTranslate.vue.js";
+import { default as pa } from "./components/GeneralComponents/DataTable/GLDataTableServerSide.vue.js";
+import { default as Ga } from "./components/GeneralComponents/DataTable/GlDataTableComponent.vue.js";
+import { default as na } from "./components/GeneralComponents/DataTable/GlDataTableServerSideGroupBy.vue.js";
+import { default as ca } from "./components/GeneralComponents/DataTable/GLDataTable.vue.js";
+import { default as ba } from "./components/GeneralComponents/DataTable/DatatableConvertCronToHuman.vue.js";
+import { default as Ca } from "./components/GeneralComponents/DeleteConfirmationModal.vue.js";
+import { default as La } from "./components/GeneralComponents/GlAccordionsWrapper.vue.js";
+import { default as Pa } from "./components/GeneralComponents/GlAccordion.vue.js";
+import { default as ya } from "./components/GeneralComponents/GlToastList.vue.js";
+import { default as ka } from "./Stores/toast.js";
+import { default as Aa } from "./components/GeneralComponents/DataTable/DatatableAction.vue.js";
+import { default as Ba } from "./components/GeneralComponents/DataTable/DatatableDeleteAction.vue.js";
+import { default as ha } from "./components/GeneralComponents/DataTable/DatatableDeleteEditAction.vue.js";
+import { default as Ha } from "./components/GeneralComponents/DataTable/DatatableFileDownload.vue.js";
+import { default as Ea } from "./components/GeneralComponents/DataTable/DatatableFiles.vue.js";
+import { default as Ua } from "./components/GeneralComponents/DataTable/DatatableHtml.vue.js";
+import { default as qa } from "./components/GeneralComponents/DataTable/DatatableList.vue.js";
+import { default as Ja } from "./components/GeneralComponents/DataTable/DatatableListNested.vue.js";
+import { default as Qa } from "./components/GeneralComponents/DataTable/DatatablePicture.vue.js";
+import { default as Xa } from "./components/GeneralComponents/DataTable/DatatablePictures.vue.js";
+import { default as Za } from "./components/GeneralComponents/DataTable/DatatableStatus.vue.js";
+import { default as $a } from "./components/GeneralComponents/DataTable/DatatableStatusGeneral.vue.js";
+import { default as ee } from "./components/GeneralComponents/DataTable/DatatableStatusSpecficColor.vue.js";
+import { default as oe } from "./components/GeneralComponents/DataTable/DatatableStatusTextLabelGeneral.vue.js";
+import { default as re } from "./components/GeneralComponents/DataTable/DatatableDateTime.vue.js";
+import { default as se } from "./components/GeneralComponents/DataTable/DatatableDate.vue.js";
+import { default as ue } from "./components/GeneralComponents/DataTable/DatatableStatusServer.vue.js";
+import { default as pe } from "./components/GeneralComponents/DataTable/DatatableCommand.vue.js";
+import { default as Ge } from "./components/LaravelVuePagination/TailwindPagination.vue.js";
+import { default as ne } from "./components/GeneralComponents/ConfirmationModal.vue.js";
+import { default as ce } from "./components/GeneralComponents/DynamicConfirmation.vue.js";
+import { default as be } from "./components/GeneralComponents/GlCodeCopy.vue.js";
+import { default as Ce } from "./components/GeneralComponents/GlTextCopy.vue.js";
+import { default as Le } from "./components/GeneralComponents/StatusRunningSuccessFailed.vue.js";
+import { default as Pe } from "./components/GeneralComponents/StatusConnectingConnectedDisconnected.vue.js";
+import { default as ye } from "./ClickOutsideDirective.js";
+import { default as ke } from "./Form.js";
+import { default as Ae } from "./multilingual.js";
+import { glLocale as Be, setGlLocales as Ie } from "./localeStore.js";
+import { default as We, triggerPrint as He } from "./print/print.js";
 export {
-  Pe as ClickOutsideDirective,
-  ee as DatatableStatusTextLabelGeneral,
-  ye as Form,
-  ue as GLDatatableCommand,
-  re as GLDatatableDate,
-  oe as GLDatatableDateTime,
-  se as GLDatatableStatusServer,
-  La as GlAccordion,
-  Ca as GlAccordionsWrapper,
+  ye as ClickOutsideDirective,
+  oe as DatatableStatusTextLabelGeneral,
+  ke as Form,
+  pe as GLDatatableCommand,
+  se as GLDatatableDate,
+  re as GLDatatableDateTime,
+  ue as GLDatatableStatusServer,
+  Pa as GlAccordion,
+  La as GlAccordionsWrapper,
   p as GlButton,
   s as GlCard,
-  ce 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,
-  ca 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,
+  be as GlCodeCopy,
+  ra as GlCodeMirror,
+  sa as GlCodeMirrorTranslate,
+  ne as GlConfirmationModal,
+  ca as GlDataTable,
+  Ga as GlDataTableComponent,
+  pa as GlDataTableServerSide,
+  na as GlDataTableServerSideGroupBy,
+  Aa as GlDatatableAction,
+  ba as GlDatatableConvertCronToHuman,
+  Ba as GlDatatableDeleteAction,
+  ha as GlDatatableDeleteEditAction,
+  Ha as GlDatatableFileDownload,
+  Ea as GlDatatableFiles,
+  Ua as GlDatatableHtml,
+  qa as GlDatatableList,
+  Ja as GlDatatableListNested,
+  Qa as GlDatatablePicture,
+  Xa as GlDatatablePictures,
+  Za as GlDatatableStatus,
+  $a as GlDatatableStatusGeneral,
+  ee as GlDatatableStatusSpecficColor,
   b as GlDatePicker,
-  y as GlDateRangeCalendar,
+  k as GlDateRangeCalendar,
   L as GlDateRangePicker,
   C as GlDateTimePicker,
   P as GlDateTimeRangePicker,
-  ba as GlDeleteConfirmationModal,
-  Z as GlDropdown,
-  ne as GlDynamicConfirmation,
+  Ca as GlDeleteConfirmationModal,
+  $ as GlDropdown,
+  ce as GlDynamicConfirmation,
   o as GlFilesUpload,
   r as GlLanguageSelector,
-  U as GlModal,
-  J as GlModalShow,
-  q as GlModalWithoutOverflow,
-  H as GlMultiItemSlide,
-  E as GlMultiItemSlideDynamic,
+  q as GlModal,
+  Q as GlModalShow,
+  J as GlModalWithoutOverflow,
+  E as GlMultiItemSlide,
+  U as GlMultiItemSlideDynamic,
   u as GlMultiSelectDropdown,
-  Re as GlPrint,
-  Le as GlStatusConnectingConnectedDisconnected,
-  Ce as GlStatusRunningSuccessFailed,
-  I as GlTab,
-  h as GlTabShow,
-  A as GlTabsWrapper,
-  pe as GlTailwindPagination,
-  be as GlTextCopy,
+  We as GlPrint,
+  Pe as GlStatusConnectingConnectedDisconnected,
+  Le as GlStatusRunningSuccessFailed,
+  h as GlTab,
+  H as GlTabShow,
+  B as GlTabsWrapper,
+  Ge as GlTailwindPagination,
+  Ce as GlTextCopy,
   c as GlTextInput,
-  v as GlTextInputFile,
+  A as GlTextInputFile,
   n as GlTextTranslate,
-  $ as GlTextarea,
+  ea as GlTextarea,
   G as GlTextareaTranslate,
-  ea as GlTinymce,
-  sa as GlTinymceTranslate,
-  ya as GlToast,
-  Pa as GlToastList,
-  Q as GlToggleBox,
-  X as GlToggleBoxTrueFalse,
-  Ae as glLocale,
-  ve as multilingual,
-  Be as setGlLocales,
-  he as triggerPrint
+  y as GlTimeRangePicker,
+  oa as GlTinymce,
+  ua as GlTinymceTranslate,
+  ka as GlToast,
+  ya as GlToastList,
+  X as GlToggleBox,
+  Z as GlToggleBoxTrueFalse,
+  Be as glLocale,
+  Ae as multilingual,
+  Ie as setGlLocales,
+  He as triggerPrint
 };

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.3.5",
+  "version": "1.3.7",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/mrgiant/GoldenLogicUi.git"