golden-logic-ui 1.2.346 → 1.2.348

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

@@ -1,14 +1,14 @@
-import { ref as p, computed as G, watch as Ce, onMounted as Ne, onUnmounted as $e, createElementBlock as g, openBlock as m, Fragment as q, createCommentVNode as x, normalizeClass as b, createElementVNode as a, toDisplayString as f, withDirectives as Ve, renderList as oe, vShow as Ie } from "vue";
-const Be = {
+import { ref as h, computed as A, watch as le, onMounted as $e, onUnmounted as Ve, createElementBlock as g, openBlock as m, Fragment as q, createCommentVNode as b, normalizeClass as D, createElementVNode as a, toDisplayString as f, withDirectives as Ie, renderList as se, vShow as Be } from "vue";
+const He = {
   key: 0,
   class: "gl-label-form"
-}, He = { class: "mt-1 text-gray-900 dark:text-white" }, Fe = ["for"], Le = { class: "relative" }, Pe = {
+}, Fe = { class: "mt-1 text-gray-900 dark:text-white" }, Pe = ["for"], Le = { class: "relative" }, Ge = {
   key: 0,
   class: "flex items-center"
-}, Ge = ["innerHTML"], qe = { class: "relative w-full" }, Ae = ["required", "name", "id", "value", "placeholder"], ze = ["innerHTML"], Ee = {
+}, Ae = ["innerHTML"], qe = { class: "relative w-full" }, ze = ["required", "name", "id", "value", "placeholder"], Ee = ["innerHTML"], Ue = {
   key: 1,
   class: "relative"
-}, Ue = ["required", "name", "id", "value", "placeholder"], Ze = { 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-full" }, Re = { class: "flex items-center justify-between mb-4" }, We = { class: "text-sm font-semibold text-gray-900 dark:text-white" }, Je = { class: "grid grid-cols-7 gap-1 mb-2" }, Ke = { class: "grid grid-cols-7 gap-1" }, Qe = ["onClick", "disabled"], Xe = { class: "mt-4 pt-3 border-t border-gray-200 dark:border-gray-700" }, je = { class: "flex items-center justify-center gap-2" }, _e = { class: "text-xs font-medium text-gray-500 dark:text-gray-400 me-1" }, Oe = { class: "flex flex-col items-center" }, et = ["value"], tt = { class: "flex flex-col items-center" }, rt = ["value"], at = { class: "flex flex-col gap-1 ms-1" }, nt = { class: "flex items-center justify-between mt-4 pt-3 border-t border-gray-200 dark:border-gray-700" }, ot = { class: "flex items-center gap-3" }, lt = { class: "gl-span-form-error" }, st = { class: "block mt-1 text-sm font-normal leading-5 text-gray-500" }, ut = {
+}, Ze = ["required", "name", "id", "value", "placeholder"], Re = { 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-full" }, We = { class: "flex items-center justify-between mb-4" }, Je = { class: "text-sm font-semibold text-gray-900 dark:text-white" }, Ke = { class: "grid grid-cols-7 gap-1 mb-2" }, Qe = { class: "grid grid-cols-7 gap-1" }, Xe = ["onClick", "disabled"], je = { class: "mt-4 pt-3 border-t border-gray-200 dark:border-gray-700" }, _e = { class: "flex items-center justify-center gap-2" }, Oe = { class: "text-xs font-medium text-gray-500 dark:text-gray-400 me-1" }, et = { class: "flex flex-col items-center" }, tt = ["value"], rt = { class: "flex flex-col items-center" }, at = ["value"], nt = { class: "flex flex-col gap-1 ms-1" }, ot = { class: "flex items-center justify-between mt-4 pt-3 border-t border-gray-200 dark:border-gray-700" }, lt = { class: "flex items-center gap-3" }, st = { class: "gl-span-form-error" }, it = { class: "block mt-1 text-sm font-normal leading-5 text-gray-500" }, dt = {
   __name: "GlDateTimePicker",
   props: {
     is_required: {
@@ -62,6 +62,13 @@ const Be = {
       type: Number,
       default: 1
     },
+    // Default time (e.g. "11:00 AM") used when a date is picked before any
+    // time has been chosen. Lets a range picker seed the end picker with the
+    // start time so a same-day selection isn't treated as earlier (midnight).
+    default_time: {
+      type: String,
+      default: null
+    },
     // Min and max date constraints
     // Accepts: "YYYY-MM-DD" or relative: "+3m", "-1y", "+7d", "today"
     min_date: {
@@ -99,8 +106,8 @@ const Be = {
     }
   },
   emits: ["update:modelValue", "change", "blur-sm"],
-  setup(n, { expose: le, emit: se }) {
-    const s = n, h = se, Y = p(null), F = p(null), D = p(!1), u = p((/* @__PURE__ */ new Date()).getMonth()), c = p((/* @__PURE__ */ new Date()).getFullYear()), k = p(12), w = p(0), C = p("AM"), A = (t) => {
+  setup(n, { expose: ie, emit: ue }) {
+    const s = n, k = ue, T = h(null), F = h(null), w = h(!1), u = h((/* @__PURE__ */ new Date()).getMonth()), c = h((/* @__PURE__ */ new Date()).getFullYear()), v = h(12), x = h(0), M = h("AM"), z = (t) => {
       if (!t) return null;
       if (t.toLowerCase() === "today")
         return /* @__PURE__ */ new Date();
@@ -113,28 +120,28 @@ const Be = {
       if (r) return r;
       const o = new Date(t);
       return isNaN(o.getTime()) ? null : o;
-    }, ie = G(() => {
+    }, de = A(() => {
       const t = [];
       for (let e = 0; e < 12; e++) {
         const r = new Date(2e3, e, 1);
         t.push(r.toLocaleDateString(s.locale, { month: "long" }));
       }
       return t;
-    }), ue = G(() => {
+    }), ce = A(() => {
       const t = [];
       for (let e = 0; e < 7; e++) {
         const r = new Date(2e3, 0, 2 + e);
         t.push(r.toLocaleDateString(s.locale, { weekday: "short" }));
       }
       return t;
-    }), z = (t, e) => {
+    }), E = (t, e) => {
       let r = t % 12;
       return e === "PM" && (r += 12), r;
-    }, E = (t) => {
+    }, P = (t) => {
       const e = t >= 12 ? "PM" : "AM";
       let r = t % 12;
       return r === 0 && (r = 12), { hour: r, meridiem: e };
-    }, de = (t) => {
+    }, ge = (t) => {
       const e = t.getFullYear(), r = String(t.getMonth() + 1).padStart(2, "0"), o = String(t.getDate()).padStart(2, "0");
       switch (s.date_format) {
         case "DD-MM-YYYY":
@@ -150,13 +157,13 @@ const Be = {
         default:
           return `${e}-${r}-${o}`;
       }
-    }, ce = (t) => {
-      const { hour: e, meridiem: r } = E(t.getHours()), o = String(e).padStart(2, "0"), l = String(t.getMinutes()).padStart(2, "0");
+    }, me = (t) => {
+      const { hour: e, meridiem: r } = P(t.getHours()), o = String(e).padStart(2, "0"), l = String(t.getMinutes()).padStart(2, "0");
       return `${o}:${l} ${r}`;
     }, V = (t) => {
       if (!t) return "";
       let e;
-      return typeof t == "string" && (e = T(t)), (!e || isNaN(e.getTime())) && (e = new Date(t)), isNaN(e.getTime()) ? "" : `${de(e)} ${ce(e)}`;
+      return typeof t == "string" && (e = S(t)), (!e || isNaN(e.getTime())) && (e = new Date(t)), isNaN(e.getTime()) ? "" : `${ge(e)} ${me(e)}`;
     }, U = (t) => {
       if (!t) return null;
       let e, r, o;
@@ -182,7 +189,7 @@ const Be = {
       if (!r) return null;
       const { year: o, month: l, day: y } = r, d = new Date(o, l, y);
       return isNaN(d.getTime()) || d.getFullYear() !== o || d.getMonth() !== l || d.getDate() !== y ? null : d;
-    }, T = (t) => {
+    }, S = (t) => {
       if (!t) return null;
       const e = String(t).trim(), r = e.indexOf(" "), o = r === -1 ? e : e.slice(0, r), l = r === -1 ? "" : e.slice(r + 1).trim(), y = U(o);
       if (!y) return null;
@@ -190,36 +197,50 @@ const Be = {
       if (l) {
         const $ = l.match(/^(\d{1,2}):(\d{2})\s*(AM|PM)?$/i);
         if ($) {
-          const ae = parseInt($[1]);
+          const ne = parseInt($[1]);
           i = parseInt($[2]);
-          const ne = $[3] ? $[3].toUpperCase() : null;
-          ne ? d = z(ae, ne) : d = ae;
+          const oe = $[3] ? $[3].toUpperCase() : null;
+          oe ? d = E(ne, oe) : d = ne;
         }
       }
-      const { year: ee, month: te, day: re } = y, N = new Date(ee, te, re, d, i);
-      return isNaN(N.getTime()) || N.getFullYear() !== ee || N.getMonth() !== te || N.getDate() !== re ? null : N;
-    }, v = p(""), L = p(!1), I = (t) => {
+      const { year: te, month: re, day: ae } = y, N = new Date(te, re, ae, d, i);
+      return isNaN(N.getTime()) || N.getFullYear() !== te || N.getMonth() !== re || N.getDate() !== ae ? null : N;
+    }, p = h(""), L = h(!1), I = (t) => {
       if (!t) return;
-      let e = typeof t == "string" ? T(t) : null;
+      let e = typeof t == "string" ? S(t) : null;
       if ((!e || isNaN(e.getTime())) && (e = new Date(t)), isNaN(e.getTime())) return;
-      const { hour: r, meridiem: o } = E(e.getHours());
-      k.value = r, w.value = e.getMinutes(), C.value = o;
+      const { hour: r, meridiem: o } = P(e.getHours());
+      v.value = r, x.value = e.getMinutes(), M.value = o;
+    }, R = () => {
+      if (!s.default_time) return;
+      const t = String(s.default_time).trim().match(/^(\d{1,2}):(\d{2})\s*(AM|PM)?$/i);
+      if (!t) return;
+      const e = parseInt(t[1]), r = parseInt(t[2]), o = t[3] ? t[3].toUpperCase() : null;
+      if (o)
+        v.value = e === 0 ? 12 : e, M.value = o;
+      else {
+        const l = P(e);
+        v.value = l.hour, M.value = l.meridiem;
+      }
+      x.value = r;
     };
-    Ce(() => s.modelValue, (t) => {
-      L.value || (v.value = V(t), I(t));
-    }, { immediate: !0 });
-    const R = (t) => {
+    le(() => s.modelValue, (t) => {
+      L.value || (p.value = V(t), t ? I(t) : R());
+    }, { immediate: !0 }), le(() => s.default_time, () => {
+      s.modelValue || R();
+    });
+    const W = (t) => {
       const e = t.target.value;
-      v.value = e, e === "" && (h("update:modelValue", ""), h("change", ""));
-    }, W = (t) => {
+      p.value = e, e === "" && (k("update:modelValue", ""), k("change", ""));
+    }, J = (t) => {
       L.value = !1;
-      const e = v.value, r = T(e);
-      if (r && !isNaN(r.getTime()) && !S(r)) {
+      const e = p.value, r = S(e);
+      if (r && !isNaN(r.getTime()) && !C(r)) {
         const o = V(r);
-        v.value = o, I(o), h("update:modelValue", o), h("change", o);
-      } else e !== "" && (v.value = V(s.modelValue));
-      h("blur-sm", t);
-    }, ge = G(() => {
+        p.value = o, I(o), k("update:modelValue", o), k("change", o);
+      } else e !== "" && (p.value = V(s.modelValue));
+      k("blur-sm", t);
+    }, fe = A(() => {
       const t = new Date(c.value, u.value, 1), e = new Date(c.value, u.value + 1, 0), r = t.getDay(), o = e.getDate(), l = [], y = new Date(c.value, u.value, 0).getDate();
       for (let i = r - 1; i >= 0; i--)
         l.push({
@@ -241,7 +262,7 @@ const Be = {
           date: new Date(c.value, u.value + 1, i)
         });
       return l;
-    }), S = (t) => {
+    }), C = (t) => {
       if (s.disabled_days.includes(t.getDay()))
         return !0;
       if (s.disabled_dates && s.disabled_dates.length > 0) {
@@ -255,66 +276,66 @@ const Be = {
       }
       const e = new Date(t);
       if (e.setHours(0, 0, 0, 0), s.min_date) {
-        const r = A(s.min_date);
+        const r = z(s.min_date);
         if (r && (r.setHours(0, 0, 0, 0), e < r))
           return !0;
       }
       if (s.max_date) {
-        const r = A(s.max_date);
+        const r = z(s.max_date);
         if (r && (r.setHours(0, 0, 0, 0), e > r))
           return !0;
       }
       return !1;
     }, B = (t) => {
       if (!s.modelValue) return !1;
-      const e = T(s.modelValue) || new Date(s.modelValue);
+      const e = S(s.modelValue) || new Date(s.modelValue);
       return isNaN(e.getTime()) ? !1 : t.toDateString() === e.toDateString();
-    }, me = (t) => t.toDateString() === (/* @__PURE__ */ new Date()).toDateString(), fe = (t) => {
-      const e = z(k.value, C.value);
+    }, ye = (t) => t.toDateString() === (/* @__PURE__ */ new Date()).toDateString(), ve = (t) => {
+      const e = E(v.value, M.value);
       return new Date(
         t.getFullYear(),
         t.getMonth(),
         t.getDate(),
         e,
-        w.value
+        x.value
       );
-    }, P = (t) => {
-      const e = fe(t), r = V(e);
-      v.value = r, h("update:modelValue", r), h("change", r);
-    }, ye = () => {
-      const t = T(s.modelValue);
+    }, G = (t) => {
+      const e = ve(t), r = V(e);
+      p.value = r, k("update:modelValue", r), k("change", r);
+    }, pe = () => {
+      const t = S(s.modelValue);
       return t && !isNaN(t.getTime()) ? t : /* @__PURE__ */ new Date();
-    }, ve = (t) => {
-      S(t.date) || P(t.date);
-    }, M = () => {
-      s.modelValue && P(ye());
-    }, J = (t) => {
-      C.value = t, M();
+    }, he = (t) => {
+      C(t.date) || G(t.date);
+    }, Y = () => {
+      s.modelValue && G(pe());
     }, K = (t) => {
-      let e = k.value + t;
-      e > 12 && (e = 1), e < 1 && (e = 12), k.value = e, M();
+      M.value = t, Y();
     }, Q = (t) => {
-      let e = w.value + t * s.minute_step;
-      e > 59 && (e = 0), e < 0 && (e = 59 - (59 - e) % 60), w.value = (e % 60 + 60) % 60, M();
-    }, pe = (t) => {
-      let e = t.target.value.replace(/\D/g, "").slice(0, 2), r = parseInt(e);
-      isNaN(r) && (r = 0), r > 12 && (r = 12), e !== "" && r < 1 && (r = 1), t.target.value = e === "" ? "" : String(r), e !== "" && (k.value = r, M());
-    }, he = (t) => {
-      let e = t.target.value.replace(/\D/g, "").slice(0, 2), r = parseInt(e);
-      isNaN(r) && (r = 0), r > 59 && (r = 59), r < 0 && (r = 0), t.target.value = e === "" ? "" : String(r), e !== "" && (w.value = r, M());
+      let e = v.value + t;
+      e > 12 && (e = 1), e < 1 && (e = 12), v.value = e, Y();
+    }, X = (t) => {
+      let e = x.value + t * s.minute_step;
+      e > 59 && (e = 0), e < 0 && (e = 59 - (59 - e) % 60), x.value = (e % 60 + 60) % 60, Y();
     }, ke = (t) => {
-      k.value < 1 && (k.value = 12), t.target.value = String(k.value).padStart(2, "0"), M();
+      let e = t.target.value.replace(/\D/g, "").slice(0, 2), r = parseInt(e);
+      isNaN(r) && (r = 0), r > 12 && (r = 12), e !== "" && r < 1 && (r = 1), t.target.value = e === "" ? "" : String(r), e !== "" && (v.value = r, Y());
     }, xe = (t) => {
-      t.target.value = String(w.value).padStart(2, "0"), M();
-    }, be = () => {
+      let e = t.target.value.replace(/\D/g, "").slice(0, 2), r = parseInt(e);
+      isNaN(r) && (r = 0), r > 59 && (r = 59), r < 0 && (r = 0), t.target.value = e === "" ? "" : String(r), e !== "" && (x.value = r, Y());
+    }, be = (t) => {
+      v.value < 1 && (v.value = 12), t.target.value = String(v.value).padStart(2, "0"), Y();
+    }, De = (t) => {
+      t.target.value = String(x.value).padStart(2, "0"), Y();
+    }, we = () => {
       u.value === 0 ? (u.value = 11, c.value--) : u.value--;
-    }, De = () => {
+    }, Me = () => {
       u.value === 11 ? (u.value = 0, c.value++) : u.value++;
-    }, we = () => {
+    }, Ye = () => {
       c.value--;
-    }, Me = () => {
+    }, Te = () => {
       c.value++;
-    }, X = {
+    }, j = {
       en: {
         clear: "Clear",
         now: "Now",
@@ -327,40 +348,40 @@ const Be = {
         done: "تم",
         time: "الوقت"
       }
-    }, Ye = () => s.locale && s.locale.startsWith("ar") ? "ar" : "en", H = (t) => {
-      const e = Ye();
-      return X[e][t] || X.en[t] || t;
-    }, Te = () => {
+    }, Se = () => s.locale && s.locale.startsWith("ar") ? "ar" : "en", H = (t) => {
+      const e = Se();
+      return j[e][t] || j.en[t] || t;
+    }, Ce = () => {
       const t = /* @__PURE__ */ new Date();
-      u.value = t.getMonth(), c.value = t.getFullYear(), I(t), P(t);
-    }, Se = () => {
-      v.value = "", h("update:modelValue", ""), h("change", ""), D.value = !1;
-    }, j = () => {
-      L.value = !0;
+      u.value = t.getMonth(), c.value = t.getFullYear(), I(t), G(t);
+    }, Ne = () => {
+      p.value = "", k("update:modelValue", ""), k("change", ""), w.value = !1;
     }, _ = () => {
-      if (D.value = !D.value, D.value && s.modelValue) {
-        const t = T(s.modelValue) || new Date(s.modelValue);
+      L.value = !0;
+    }, O = () => {
+      if (w.value = !w.value, w.value && s.modelValue) {
+        const t = S(s.modelValue) || new Date(s.modelValue);
         isNaN(t.getTime()) || (u.value = t.getMonth(), c.value = t.getFullYear(), I(t));
       }
-    }, O = (t) => {
-      F.value && !F.value.contains(t.target) && (D.value = !1);
+    }, ee = (t) => {
+      F.value && !F.value.contains(t.target) && (w.value = !1);
     };
-    return Ne(() => {
-      document.addEventListener("click", O), Y.value !== null && Y.value.hasAttribute("autofocus") && Y.value.focus();
-    }), $e(() => {
-      document.removeEventListener("click", O);
-    }), le({ focus: () => Y.value?.focus() }), (t, e) => (m(), g(q, null, [
+    return $e(() => {
+      document.addEventListener("click", ee), T.value !== null && T.value.hasAttribute("autofocus") && T.value.focus();
+    }), Ve(() => {
+      document.removeEventListener("click", ee);
+    }), ie({ focus: () => T.value?.focus() }), (t, e) => (m(), g(q, null, [
       n.show ? (m(), g("div", {
         key: 0,
-        class: b(n.field_name)
+        class: D(n.field_name)
       }, [
-        n.label_name ? (m(), g("label", Be, f(n.label_name), 1)) : x("", !0),
-        a("p", He, f(v.value), 1),
+        n.label_name ? (m(), g("label", He, f(n.label_name), 1)) : b("", !0),
+        a("p", Fe, f(p.value), 1),
         e[7] || (e[7] = a("hr", { class: "opacity-100! bg-gray-200 border-0 dark:bg-gray-700" }, null, -1))
-      ], 2)) : x("", !0),
-      n.show ? x("", !0) : (m(), g("div", {
+      ], 2)) : b("", !0),
+      n.show ? b("", !0) : (m(), g("div", {
         key: 1,
-        class: b({
+        class: D({
           [n.field_name]: n.field_name && n.field_name !== "",
           [n.container_class]: n.container_class && n.container_class !== ""
         }),
@@ -369,24 +390,24 @@ const Be = {
       }, [
         n.label_name ? (m(), g("label", {
           key: 0,
-          class: b({
+          class: D({
             "gl-label-form": n.error_message == "",
             "gl-label-form-invalid": n.error_message !== "",
             required: n.is_required
           }),
           for: n.field_name
-        }, f(n.label_name), 11, Fe)) : x("", !0),
+        }, f(n.label_name), 11, Pe)) : b("", !0),
         a("div", Le, [
-          n.inputGroupType ? (m(), g("div", Pe, [
+          n.inputGroupType ? (m(), g("div", Ge, [
             n.inputGroupType == "prepend" ? (m(), g("label", {
               key: 0,
               innerHTML: n.inputGroupText,
               class: "h-10 z-10 inline-flex items-center shrink-0 px-4 text-sm font-medium text-center text-gray-500 bg-gray-100 border border-gray-300 dark:text-gray-400 rounded-s-lg focus:outline-hidden dark:bg-gray-700 dark:border-gray-600"
-            }, null, 8, Ge)) : x("", !0),
+            }, null, 8, Ae)) : b("", !0),
             a("div", qe, [
               a("input", {
                 type: "text",
-                class: b(["rtl:text-right rounded-none!", {
+                class: D(["rtl:text-right rounded-none!", {
                   "gl-input-form": n.error_message == "",
                   "gl-input-form-invalid": n.error_message !== "",
                   [n.input_class]: n.input_class && n.input_class !== "",
@@ -396,17 +417,17 @@ const Be = {
                 required: n.is_required,
                 name: n.field_name,
                 id: n.field_name,
-                value: v.value,
-                onInput: R,
-                onFocus: j,
-                onBlur: W,
+                value: p.value,
+                onInput: W,
+                onFocus: _,
+                onBlur: J,
                 ref_key: "input",
-                ref: Y,
+                ref: T,
                 placeholder: n.placeholder
-              }, null, 42, Ae),
+              }, null, 42, ze),
               a("div", {
                 class: "absolute inset-y-0 end-0 flex items-center pe-3 cursor-pointer",
-                onClick: _
+                onClick: O
               }, e[8] || (e[8] = [
                 a("svg", {
                   class: "w-4 h-4 text-gray-500 dark:text-gray-400",
@@ -429,12 +450,12 @@ const Be = {
               key: 1,
               innerHTML: n.inputGroupText,
               class: "h-10 z-10 inline-flex items-center shrink-0 px-4 text-sm font-medium text-center text-gray-500 bg-gray-100 border border-gray-300 dark:text-gray-400 rounded-e-lg focus:outline-hidden dark:bg-gray-700 dark:border-gray-600"
-            }, null, 8, ze)) : x("", !0)
-          ])) : x("", !0),
-          n.inputGroupType == "" ? (m(), g("div", Ee, [
+            }, null, 8, Ee)) : b("", !0)
+          ])) : b("", !0),
+          n.inputGroupType == "" ? (m(), g("div", Ue, [
             a("input", {
               type: "text",
-              class: b(["rtl:text-right pe-10", {
+              class: D(["rtl:text-right pe-10", {
                 "gl-input-form": n.error_message == "",
                 "gl-input-form-invalid": n.error_message !== "",
                 [n.input_class]: n.input_class && n.input_class !== ""
@@ -442,17 +463,17 @@ const Be = {
               required: n.is_required,
               name: n.field_name,
               id: n.field_name,
-              value: v.value,
-              onInput: R,
-              onFocus: j,
-              onBlur: W,
+              value: p.value,
+              onInput: W,
+              onFocus: _,
+              onBlur: J,
               ref_key: "input",
-              ref: Y,
+              ref: T,
               placeholder: n.placeholder
-            }, null, 42, Ue),
+            }, null, 42, Ze),
             a("div", {
               class: "absolute inset-y-0 end-0 flex items-center pe-3 cursor-pointer",
-              onClick: _
+              onClick: O
             }, e[9] || (e[9] = [
               a("svg", {
                 class: "w-4 h-4 text-gray-500 dark:text-gray-400",
@@ -470,12 +491,12 @@ const Be = {
                 })
               ], -1)
             ]))
-          ])) : x("", !0),
-          Ve(a("div", Ze, [
-            a("div", Re, [
+          ])) : b("", !0),
+          Ie(a("div", Re, [
+            a("div", We, [
               a("button", {
                 type: "button",
-                onClick: we,
+                onClick: Ye,
                 class: "p-1 hover:bg-gray-100 dark:hover:bg-gray-700 rounded text-gray-500 dark:text-gray-400"
               }, e[10] || (e[10] = [
                 a("svg", {
@@ -494,7 +515,7 @@ const Be = {
               ])),
               a("button", {
                 type: "button",
-                onClick: be,
+                onClick: we,
                 class: "p-1 hover:bg-gray-100 dark:hover:bg-gray-700 rounded text-gray-500 dark:text-gray-400"
               }, e[11] || (e[11] = [
                 a("svg", {
@@ -511,10 +532,10 @@ const Be = {
                   })
                 ], -1)
               ])),
-              a("span", We, f(ie.value[u.value]) + " " + f(c.value), 1),
+              a("span", Je, f(de.value[u.value]) + " " + f(c.value), 1),
               a("button", {
                 type: "button",
-                onClick: De,
+                onClick: Me,
                 class: "p-1 hover:bg-gray-100 dark:hover:bg-gray-700 rounded text-gray-500 dark:text-gray-400"
               }, e[12] || (e[12] = [
                 a("svg", {
@@ -533,7 +554,7 @@ const Be = {
               ])),
               a("button", {
                 type: "button",
-                onClick: Me,
+                onClick: Te,
                 class: "p-1 hover:bg-gray-100 dark:hover:bg-gray-700 rounded text-gray-500 dark:text-gray-400"
               }, e[13] || (e[13] = [
                 a("svg", {
@@ -551,38 +572,38 @@ const Be = {
                 ], -1)
               ]))
             ]),
-            a("div", Je, [
-              (m(!0), g(q, null, oe(ue.value, (r) => (m(), g("div", {
+            a("div", Ke, [
+              (m(!0), g(q, null, se(ce.value, (r) => (m(), g("div", {
                 key: r,
                 class: "text-center text-xs font-medium text-gray-500 dark:text-gray-400 py-1"
               }, f(r), 1))), 128))
             ]),
-            a("div", Ke, [
-              (m(!0), g(q, null, oe(ge.value, (r, o) => (m(), g("button", {
+            a("div", Qe, [
+              (m(!0), g(q, null, se(fe.value, (r, o) => (m(), g("button", {
                 key: o,
                 type: "button",
-                onClick: (l) => ve(r),
-                disabled: S(r.date),
-                class: b([
+                onClick: (l) => he(r),
+                disabled: C(r.date),
+                class: D([
                   "w-8 h-8 text-sm rounded-full flex items-center justify-center transition-colors",
                   {
                     "text-gray-400 dark:text-gray-600": !r.currentMonth,
-                    "text-gray-900 dark:text-white": r.currentMonth && !B(r.date) && !S(r.date),
+                    "text-gray-900 dark:text-white": r.currentMonth && !B(r.date) && !C(r.date),
                     "bg-primary dark:bg-primaryDark text-white hover:bg-primary/90 dark:hover:bg-primaryDark/90": B(r.date),
-                    "ring-2 ring-primary dark:ring-primaryDark ring-offset-1 dark:ring-offset-gray-800": me(r.date) && !B(r.date),
-                    "hover:bg-gray-100 dark:hover:bg-gray-700": !B(r.date) && !S(r.date),
-                    "opacity-50 cursor-not-allowed": S(r.date)
+                    "ring-2 ring-primary dark:ring-primaryDark ring-offset-1 dark:ring-offset-gray-800": ye(r.date) && !B(r.date),
+                    "hover:bg-gray-100 dark:hover:bg-gray-700": !B(r.date) && !C(r.date),
+                    "opacity-50 cursor-not-allowed": C(r.date)
                   }
                 ])
-              }, f(r.day), 11, Qe))), 128))
+              }, f(r.day), 11, Xe))), 128))
             ]),
-            a("div", Xe, [
-              a("div", je, [
-                a("span", _e, f(H("time")), 1),
-                a("div", Oe, [
+            a("div", je, [
+              a("div", _e, [
+                a("span", Oe, f(H("time")), 1),
+                a("div", et, [
                   a("button", {
                     type: "button",
-                    onClick: e[0] || (e[0] = (r) => K(1)),
+                    onClick: e[0] || (e[0] = (r) => Q(1)),
                     class: "p-1 text-gray-500 dark:text-gray-400 hover:text-gray-700 dark:hover:text-gray-200"
                   }, e[14] || (e[14] = [
                     a("svg", {
@@ -603,14 +624,14 @@ const Be = {
                     type: "text",
                     inputmode: "numeric",
                     maxlength: "2",
-                    value: String(k.value).padStart(2, "0"),
-                    onInput: pe,
-                    onBlur: ke,
+                    value: String(v.value).padStart(2, "0"),
+                    onInput: ke,
+                    onBlur: be,
                     class: "w-12 text-center text-sm rounded-md border border-gray-300 dark:border-gray-600 bg-white dark:bg-gray-700 text-gray-900 dark:text-white py-1 focus:outline-hidden focus:ring-2 focus:ring-primary dark:focus:ring-primaryDark"
-                  }, null, 40, et),
+                  }, null, 40, tt),
                   a("button", {
                     type: "button",
-                    onClick: e[1] || (e[1] = (r) => K(-1)),
+                    onClick: e[1] || (e[1] = (r) => Q(-1)),
                     class: "p-1 text-gray-500 dark:text-gray-400 hover:text-gray-700 dark:hover:text-gray-200"
                   }, e[15] || (e[15] = [
                     a("svg", {
@@ -629,10 +650,10 @@ const Be = {
                   ]))
                 ]),
                 e[18] || (e[18] = a("span", { class: "text-lg font-semibold text-gray-900 dark:text-white pb-1" }, ":", -1)),
-                a("div", tt, [
+                a("div", rt, [
                   a("button", {
                     type: "button",
-                    onClick: e[2] || (e[2] = (r) => Q(1)),
+                    onClick: e[2] || (e[2] = (r) => X(1)),
                     class: "p-1 text-gray-500 dark:text-gray-400 hover:text-gray-700 dark:hover:text-gray-200"
                   }, e[16] || (e[16] = [
                     a("svg", {
@@ -653,14 +674,14 @@ const Be = {
                     type: "text",
                     inputmode: "numeric",
                     maxlength: "2",
-                    value: String(w.value).padStart(2, "0"),
-                    onInput: he,
-                    onBlur: xe,
+                    value: String(x.value).padStart(2, "0"),
+                    onInput: xe,
+                    onBlur: De,
                     class: "w-12 text-center text-sm rounded-md border border-gray-300 dark:border-gray-600 bg-white dark:bg-gray-700 text-gray-900 dark:text-white py-1 focus:outline-hidden focus:ring-2 focus:ring-primary dark:focus:ring-primaryDark"
-                  }, null, 40, rt),
+                  }, null, 40, at),
                   a("button", {
                     type: "button",
-                    onClick: e[3] || (e[3] = (r) => Q(-1)),
+                    onClick: e[3] || (e[3] = (r) => X(-1)),
                     class: "p-1 text-gray-500 dark:text-gray-400 hover:text-gray-700 dark:hover:text-gray-200"
                   }, e[17] || (e[17] = [
                     a("svg", {
@@ -678,55 +699,55 @@ const Be = {
                     ], -1)
                   ]))
                 ]),
-                a("div", at, [
+                a("div", nt, [
                   a("button", {
                     type: "button",
-                    onClick: e[4] || (e[4] = (r) => J("AM")),
-                    class: b([
+                    onClick: e[4] || (e[4] = (r) => K("AM")),
+                    class: D([
                       "px-2 py-1 text-xs font-medium rounded-md transition-colors",
-                      C.value === "AM" ? "bg-primary dark:bg-primaryDark text-white" : "bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-gray-300 hover:bg-gray-200 dark:hover:bg-gray-600"
+                      M.value === "AM" ? "bg-primary dark:bg-primaryDark text-white" : "bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-gray-300 hover:bg-gray-200 dark:hover:bg-gray-600"
                     ])
                   }, " AM ", 2),
                   a("button", {
                     type: "button",
-                    onClick: e[5] || (e[5] = (r) => J("PM")),
-                    class: b([
+                    onClick: e[5] || (e[5] = (r) => K("PM")),
+                    class: D([
                       "px-2 py-1 text-xs font-medium rounded-md transition-colors",
-                      C.value === "PM" ? "bg-primary dark:bg-primaryDark text-white" : "bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-gray-300 hover:bg-gray-200 dark:hover:bg-gray-600"
+                      M.value === "PM" ? "bg-primary dark:bg-primaryDark text-white" : "bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-gray-300 hover:bg-gray-200 dark:hover:bg-gray-600"
                     ])
                   }, " PM ", 2)
                 ])
               ])
             ]),
-            a("div", nt, [
+            a("div", ot, [
               a("button", {
                 type: "button",
-                onClick: Se,
+                onClick: Ne,
                 class: "text-sm text-gray-500 dark:text-gray-400 hover:text-gray-700 dark:hover:text-gray-300"
               }, f(H("clear")), 1),
-              a("div", ot, [
+              a("div", lt, [
                 a("button", {
                   type: "button",
-                  onClick: Te,
+                  onClick: Ce,
                   class: "text-sm text-primary dark:text-primaryDark hover:text-primary/80 dark:hover:text-primaryDark/80 font-medium"
                 }, f(H("now")), 1),
                 a("button", {
                   type: "button",
-                  onClick: e[6] || (e[6] = (r) => D.value = !1),
+                  onClick: e[6] || (e[6] = (r) => w.value = !1),
                   class: "text-sm text-primary dark:text-primaryDark hover:text-primary/80 dark:hover:text-primaryDark/80 font-medium"
                 }, f(H("done")), 1)
               ])
             ])
           ], 512), [
-            [Ie, D.value]
+            [Be, w.value]
           ])
         ]),
-        a("span", lt, f(n.error_message), 1),
-        a("small", st, f(n.description), 1)
+        a("span", st, f(n.error_message), 1),
+        a("small", it, f(n.description), 1)
       ], 2))
     ], 64));
   }
 };
 export {
-  ut as default
+  dt as default
 };

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

@@ -1,15 +1,15 @@
-import { ref as I, watch as z, computed as v, createElementBlock as m, openBlock as o, Fragment as F, createCommentVNode as y, normalizeClass as h, createElementVNode as c, toDisplayString as u, createVNode as q } from "vue";
-import w from "./GlDateTimePicker.vue.js";
-const G = {
+import { ref as w, watch as H, computed as g, createElementBlock as m, openBlock as o, Fragment as R, createCommentVNode as y, normalizeClass as v, createElementVNode as c, toDisplayString as u, createVNode as q } from "vue";
+import N from "./GlDateTimePicker.vue.js";
+const J = {
   key: 0,
   class: "gl-label-form"
-}, H = { class: "mt-1 text-gray-900 dark:text-white" }, R = ["for"], J = { class: "flex justify-between gap-2 flex-col md:flex-row items-center" }, K = { class: "w-full md:flex-1" }, L = { class: "text-gray-500 dark:text-gray-400 font-medium shrink-0 py-2 md:py-0" }, Q = { class: "w-full md:flex-1" }, W = {
+}, K = { class: "mt-1 text-gray-900 dark:text-white" }, L = ["for"], Q = { class: "flex justify-between gap-2 flex-col md:flex-row items-center" }, W = { class: "w-full md:flex-1" }, X = { class: "text-gray-500 dark:text-gray-400 font-medium shrink-0 py-2 md:py-0" }, Z = { class: "w-full md:flex-1" }, ee = {
   key: 1,
   class: "text-center mt-1"
-}, X = { class: "gl-span-form-error" }, Z = {
+}, te = { class: "gl-span-form-error" }, ae = {
   key: 2,
   class: "block mt-1 text-sm font-normal leading-5 text-gray-500"
-}, ae = {
+}, de = {
   __name: "GlDateTimeRangePicker",
   props: {
     is_required: {
@@ -103,154 +103,152 @@ const G = {
     }
   },
   emits: ["update:modelValue", "change"],
-  setup(e, { emit: N }) {
-    const s = e, b = N, f = I(""), l = I({
+  setup(e, { emit: P }) {
+    const s = e, _ = P, f = w(""), l = w({
       start: s.modelValue.start,
       end: s.modelValue.end
     });
-    z(
+    H(
       () => s.modelValue,
-      (n) => {
-        n && (l.value.start = n.start, l.value.end = n.end);
+      (t) => {
+        t && (l.value.start = t.start, l.value.end = t.end);
       },
       { immediate: !0, deep: !0 }
     );
-    const C = (n, t) => {
-      let a = n % 12;
-      return t === "PM" && (a += 12), a;
-    }, E = (n) => {
-      if (!n) return null;
-      let t, a, r;
-      const d = n.split(/[-/]/);
+    const C = (t, a) => {
+      let n = t % 12;
+      return a === "PM" && (n += 12), n;
+    }, E = (t) => {
+      if (!t) return null;
+      let a, n, r;
+      const d = t.split(/[-/]/);
       if (d.length !== 3) return null;
       switch (s.date_format) {
         case "DD-MM-YYYY":
         case "DD/MM/YYYY":
-          r = parseInt(d[0]), a = parseInt(d[1]) - 1, t = parseInt(d[2]);
+          r = parseInt(d[0]), n = parseInt(d[1]) - 1, a = parseInt(d[2]);
           break;
         case "MM-DD-YYYY":
         case "MM/DD/YYYY":
-          a = parseInt(d[0]) - 1, r = parseInt(d[1]), t = parseInt(d[2]);
+          n = parseInt(d[0]) - 1, r = parseInt(d[1]), a = parseInt(d[2]);
           break;
         default:
-          t = parseInt(d[0]), a = parseInt(d[1]) - 1, r = parseInt(d[2]);
+          a = parseInt(d[0]), n = parseInt(d[1]) - 1, r = parseInt(d[2]);
           break;
       }
-      return { year: t, month: a, day: r };
-    }, g = (n) => {
-      if (!n) return null;
-      const t = String(n).trim(), a = t.indexOf(" "), r = a === -1 ? t : t.slice(0, a), d = a === -1 ? "" : t.slice(a + 1).trim(), x = E(r);
-      if (!x) {
-        const i = new Date(t);
+      return { year: a, month: n, day: r };
+    }, h = (t) => {
+      if (!t) return null;
+      const a = String(t).trim(), n = a.indexOf(" "), r = n === -1 ? a : a.slice(0, n), d = n === -1 ? "" : a.slice(n + 1).trim(), M = E(r);
+      if (!M) {
+        const i = new Date(a);
         return isNaN(i.getTime()) ? null : i;
       }
-      let M = 0, D = 0;
+      let D = 0, S = 0;
       if (d) {
         const i = d.match(/^(\d{1,2}):(\d{2})\s*(AM|PM)?$/i);
         if (i) {
-          const k = parseInt(i[1]);
-          D = parseInt(i[2]);
-          const V = i[3] ? i[3].toUpperCase() : null;
-          M = V ? C(k, V) : k;
+          const V = parseInt(i[1]);
+          S = parseInt(i[2]);
+          const I = i[3] ? i[3].toUpperCase() : null;
+          D = I ? C(V, I) : V;
         }
       }
-      const { year: O, month: $, day: p } = x, S = new Date(O, $, p, M, D);
-      return isNaN(S.getTime()) ? null : S;
-    }, P = v(() => l.value.start ? l.value.start : s.min_date_end), B = v(() => l.value.end ? l.value.end : s.max_date_start), _ = (n, t) => {
-      if (n && t) {
-        const a = g(n), r = g(t);
-        if (a && r && a > r)
+      const { year: z, month: F, day: G } = M, k = new Date(z, F, G, D, S);
+      return isNaN(k.getTime()) ? null : k;
+    }, T = g(() => l.value.start ? l.value.start : s.min_date_end), B = g(() => l.value.end ? l.value.end : s.max_date_start), b = (t, a) => {
+      if (t && a) {
+        const n = h(t), r = h(a);
+        if (n && r && n > r)
           return f.value = "Start date/time cannot be after end date/time.", !1;
       }
       return f.value = "", !0;
-    }, T = (n) => {
-      if (l.value.start = n, l.value.end) {
-        const t = g(n), a = g(l.value.end);
-        t && a && t > a && (l.value.end = "");
-      }
-      _(l.value.start, l.value.end), Y();
-    }, A = (n) => {
-      if (l.value.end = n, l.value.start) {
-        const t = g(l.value.start), a = g(n);
-        t && a && t > a && (l.value.start = "");
-      }
-      _(l.value.start, l.value.end), Y();
-    }, Y = () => {
-      const n = { start: l.value.start, end: l.value.end };
-      b("update:modelValue", n), b("change", n);
-    }, U = v(() => s.error_message ? s.error_message : ""), j = v(() => "");
-    return (n, t) => (o(), m(F, null, [
+    }, A = (t) => {
+      l.value.start = t, b(l.value.start, l.value.end), x();
+    }, O = (t) => {
+      l.value.end = t, b(l.value.start, l.value.end), x();
+    }, Y = (t) => {
+      if (!t) return null;
+      const a = t.indexOf(" ");
+      return a === -1 ? null : t.slice(a + 1).trim();
+    }, U = g(() => Y(l.value.start)), j = g(() => Y(l.value.end)), x = () => {
+      const t = { start: l.value.start, end: l.value.end };
+      _("update:modelValue", t), _("change", t);
+    }, $ = g(() => s.error_message ? s.error_message : ""), p = g(() => "");
+    return (t, a) => (o(), m(R, null, [
       e.show ? (o(), m("div", {
         key: 0,
-        class: h(["md:col-span-2", e.field_name])
+        class: v(["md:col-span-2", e.field_name])
       }, [
-        e.label_name ? (o(), m("label", G, u(e.label_name), 1)) : y("", !0),
-        c("p", H, u(e.modelValue.start) + " " + u(e.separator) + " " + u(e.modelValue.end), 1),
-        t[2] || (t[2] = c("hr", { class: "opacity-100! bg-gray-200 border-0 dark:bg-gray-700" }, null, -1))
+        e.label_name ? (o(), m("label", J, u(e.label_name), 1)) : y("", !0),
+        c("p", K, u(e.modelValue.start) + " " + u(e.separator) + " " + u(e.modelValue.end), 1),
+        a[2] || (a[2] = c("hr", { class: "opacity-100! bg-gray-200 border-0 dark:bg-gray-700" }, null, -1))
       ], 2)) : y("", !0),
       e.show ? y("", !0) : (o(), m("div", {
         key: 1,
-        class: h(["md:col-span-2", {
+        class: v(["md:col-span-2", {
           [e.field_name]: e.field_name && e.field_name !== "",
           [e.container_class]: e.container_class && e.container_class !== ""
         }])
       }, [
         e.label_name ? (o(), m("label", {
           key: 0,
-          class: h({
+          class: v({
             "gl-label-form": e.error_message == "" && f.value == "",
             "gl-label-form-invalid": e.error_message !== "" || f.value !== "",
             required: e.is_required
           }),
           for: e.field_name
-        }, u(e.label_name), 11, R)) : y("", !0),
-        c("div", J, [
-          c("div", K, [
-            q(w, {
+        }, u(e.label_name), 11, L)) : y("", !0),
+        c("div", Q, [
+          c("div", W, [
+            q(N, {
               modelValue: l.value.start,
-              "onUpdate:modelValue": t[0] || (t[0] = (a) => l.value.start = a),
+              "onUpdate:modelValue": a[0] || (a[0] = (n) => l.value.start = n),
               field_name: e.field_name + "_start",
               is_required: e.is_required,
               placeholder: e.placeholder_start,
               date_format: e.date_format,
               minute_step: e.minute_step,
+              default_time: j.value,
               min_date: e.min_date_start,
               max_date: B.value,
               disabled_days: e.disabled_days,
               disabled_dates: e.disabled_dates,
               locale: e.locale,
-              error_message: U.value,
-              onChange: T
-            }, null, 8, ["modelValue", "field_name", "is_required", "placeholder", "date_format", "minute_step", "min_date", "max_date", "disabled_days", "disabled_dates", "locale", "error_message"])
+              error_message: $.value,
+              onChange: A
+            }, null, 8, ["modelValue", "field_name", "is_required", "placeholder", "date_format", "minute_step", "default_time", "min_date", "max_date", "disabled_days", "disabled_dates", "locale", "error_message"])
           ]),
-          c("span", L, u(e.separator), 1),
-          c("div", Q, [
-            q(w, {
+          c("span", X, u(e.separator), 1),
+          c("div", Z, [
+            q(N, {
               modelValue: l.value.end,
-              "onUpdate:modelValue": t[1] || (t[1] = (a) => l.value.end = a),
+              "onUpdate:modelValue": a[1] || (a[1] = (n) => l.value.end = n),
               field_name: e.field_name + "_end",
               is_required: e.is_required,
               placeholder: e.placeholder_end,
               date_format: e.date_format,
               minute_step: e.minute_step,
-              min_date: P.value,
+              default_time: U.value,
+              min_date: T.value,
               max_date: e.max_date_end,
               disabled_days: e.disabled_days,
               disabled_dates: e.disabled_dates,
               locale: e.locale,
-              error_message: j.value,
-              onChange: A
-            }, null, 8, ["modelValue", "field_name", "is_required", "placeholder", "date_format", "minute_step", "min_date", "max_date", "disabled_days", "disabled_dates", "locale", "error_message"])
+              error_message: p.value,
+              onChange: O
+            }, null, 8, ["modelValue", "field_name", "is_required", "placeholder", "date_format", "minute_step", "default_time", "min_date", "max_date", "disabled_days", "disabled_dates", "locale", "error_message"])
           ])
         ]),
-        f.value || e.error_message ? (o(), m("div", W, [
-          c("span", X, u(e.error_message || f.value), 1)
+        f.value || e.error_message ? (o(), m("div", ee, [
+          c("span", te, u(e.error_message || f.value), 1)
         ])) : y("", !0),
-        e.description ? (o(), m("small", Z, u(e.description), 1)) : y("", !0)
+        e.description ? (o(), m("small", ae, u(e.description), 1)) : y("", !0)
       ], 2))
     ], 64));
   }
 };
 export {
-  ae as default
+  de as default
 };

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

@@ -1,5 +1,5 @@
-import { ref as m, shallowRef as X, onMounted as fe, onBeforeUnmount as ve, watch as M, createElementBlock as c, openBlock as f, Fragment as Y, createCommentVNode as h, normalizeClass as E, createElementVNode as s, toDisplayString as w, withDirectives as P, withModifiers as Z, vShow as ee, vModelText as me, renderList as ge, nextTick as pe } from "vue";
-const he = { class: "font-bold ptext-lg dark:text-white" }, ye = { class: "mt-3 mb-4" }, xe = {
+import { ref as m, shallowRef as X, onMounted as fe, onBeforeUnmount as ve, watch as M, createElementBlock as c, openBlock as f, Fragment as Y, createCommentVNode as p, normalizeClass as E, createElementVNode as s, toDisplayString as w, withDirectives as P, withModifiers as Z, vShow as ee, vModelText as me, renderList as ge, nextTick as he } from "vue";
+const pe = { class: "font-bold ptext-lg dark:text-white" }, ye = { class: "mt-3 mb-4" }, xe = {
   key: 0,
   class: "bg-blue-100 text-blue-800 text-sm font-medium mb-2 mt-2 me-2 px-2.5 py-0.5 rounded-sm dark:bg-blue-900 dark:text-blue-300"
 }, we = ["name", "id", "value"], be = {
@@ -8,7 +8,7 @@ const he = { class: "font-bold ptext-lg dark:text-white" }, ye = { class: "mt-3
 }, ke = { class: "relative focus:ring-blue-500 focus:border-blue-500 dark:border-gray-600 dark:focus:ring-blue-500 dark:focus:border-blue-500" }, Se = { class: "relative showOptions" }, _e = ["value", "placeholder"], Ce = { class: "text-gray-700 bg-white border dark:border-gray-700 dark:bg-gray-800 dark:text-gray-200 absolute w-full z-999999999 rounded-md mt-1 pt-1" }, De = {
   key: 0,
   class: "border-b border-gray-200 dark:border-gray-700"
-}, Oe = { class: "relative" }, Ee = ["id", "placeholder"], Be = { class: "flex items-center py-2 pr-4" }, $e = ["onClick", "onMousedown", "id"], Me = { class: "flex justify-between items-center py-2 pr-4" }, Le = ["innerHTML"], Ie = {
+}, Oe = { class: "relative" }, Ee = ["id", "placeholder"], Be = { class: "flex items-center py-2 pr-4" }, $e = ["onClick", "onMousedown", "id"], Me = { class: "flex justify-between items-center py-2" }, Le = ["innerHTML"], Ie = {
   key: 0,
   class: "flex items-center shrink-0 w-4 h-4 text-green-500 ltr:right-2 rtl:left-2 dark:text-green-400",
   "aria-hidden": "true",
@@ -111,16 +111,16 @@ const he = { class: "font-bold ptext-lg dark:text-white" }, ye = { class: "mt-3
   emits: ["update:modelValue", "selected", "selectionChanged"],
   setup(r, { emit: te }) {
     const o = r, b = te, a = m({}), R = m(!1), y = m(0), x = m(!1), v = m(""), g = m(""), B = m(!1), C = m(1), D = m(null), $ = m(1), i = X([]), L = X([]), T = m([]), le = m(null), F = m(null);
-    let O = !1, p = null, U = 0, k = null;
+    let O = !1, h = null, U = 0, k = null;
     const H = (e) => e?.name === "CanceledError" || e?.name === "AbortError" || typeof axios < "u" && axios.isCancel?.(e), V = async (e = "down") => {
       if (B.value || !o.api_url) return;
-      p && p.abort(), p = new AbortController();
+      h && h.abort(), h = new AbortController();
       const t = ++U;
       B.value = !0;
       try {
         const l = e === "up" ? Math.max(C.value - 1, $.value) : C.value, { data: n } = await axios.get(o.api_url, {
           params: { search: v.value, page: l, per_page: 20 },
-          signal: p.signal
+          signal: h.signal
         });
         if (O || t !== U) return;
         if (!n || !n.data) {
@@ -137,7 +137,7 @@ const he = { class: "font-bold ptext-lg dark:text-white" }, ye = { class: "mt-3
         if (H(l)) return;
         console.error("Error fetching data:", l);
       } finally {
-        !O && t === U && (B.value = !1, p = null);
+        !O && t === U && (B.value = !1, h = null);
       }
     }, ne = async (e) => {
       if (!o.api_url || e === null || e === void 0 || e === "") return null;
@@ -179,7 +179,7 @@ const he = { class: "font-bold ptext-lg dark:text-white" }, ye = { class: "mt-3
           x.value = !1;
           return;
         }
-        v.value = "", x.value = !0, o.api_url && i.value.length === 0 && V("down"), pe(() => {
+        v.value = "", x.value = !0, o.api_url && i.value.length === 0 && V("down"), he(() => {
           const e = document.getElementById(
             `${o.field_name}search${g.value}`
           );
@@ -207,7 +207,7 @@ const he = { class: "font-bold ptext-lg dark:text-white" }, ye = { class: "mt-3
     fe(() => {
       g.value = se(), o.show || (document.body.addEventListener("click", K), document.addEventListener("focusin", z));
     }), ve(() => {
-      O = !0, p && (p.abort(), p = null), k && (clearTimeout(k), k = null), document.body.removeEventListener("click", K), document.removeEventListener("focusin", z);
+      O = !0, h && (h.abort(), h = null), k && (clearTimeout(k), k = null), document.body.removeEventListener("click", K), document.removeEventListener("focusin", z);
     });
     function re() {
       const e = L.value, t = o.maxItem, l = v.value;
@@ -302,7 +302,7 @@ const he = { class: "font-bold ptext-lg dark:text-white" }, ye = { class: "mt-3
     }), M(
       () => o.api_url,
       () => {
-        p && (p.abort(), p = null), C.value = 1, D.value = null, $.value = 1, i.value = [];
+        h && (h.abort(), h = null), C.value = 1, D.value = null, $.value = 1, i.value = [];
       },
       { immediate: !0 }
     ), M(
@@ -336,13 +336,13 @@ const he = { class: "font-bold ptext-lg dark:text-white" }, ye = { class: "mt-3
         key: 0,
         class: E(r.field_name)
       }, [
-        s("h3", he, w(r.label_name), 1),
+        s("h3", pe, w(r.label_name), 1),
         s("p", ye, [
-          S(a.value) ? (f(), c("span", xe, w(a.value?.name), 1)) : h("", !0)
+          S(a.value) ? (f(), c("span", xe, w(a.value?.name), 1)) : p("", !0)
         ]),
         t[6] || (t[6] = s("hr", { class: "opacity-100! bg-gray-200 border-0 dark:bg-gray-700" }, null, -1))
-      ], 2)) : h("", !0),
-      r.show ? h("", !0) : (f(), c("div", {
+      ], 2)) : p("", !0),
+      r.show ? p("", !0) : (f(), c("div", {
         key: 1,
         class: E(r.field_name)
       }, [
@@ -360,7 +360,7 @@ const he = { class: "font-bold ptext-lg dark:text-white" }, ye = { class: "mt-3
               "gl-label-form-invalid": r.error_message !== "",
               required: r.is_required
             })
-          }, w(r.label_name), 3)) : h("", !0),
+          }, w(r.label_name), 3)) : p("", !0),
           s("div", ke, [
             s("div", Se, [
               s("input", {
@@ -423,7 +423,7 @@ const he = { class: "font-bold ptext-lg dark:text-white" }, ye = { class: "mt-3
                 ]), 2))
               ]),
               P(s("div", Ce, [
-                r.hide_search ? h("", !0) : (f(), c("div", De, [
+                r.hide_search ? p("", !0) : (f(), c("div", De, [
                   t[10] || (t[10] = s("label", {
                     for: "default-search",
                     class: "mb-2 text-sm font-medium text-gray-900 sr-only dark:text-white"
@@ -459,7 +459,7 @@ const he = { class: "font-bold ptext-lg dark:text-white" }, ye = { class: "mt-3
                     s("div", Be, [
                       s("span", null, w(r.custom_option_label) + ' "' + w(v.value) + '"', 1)
                     ])
-                  ], 32)) : h("", !0),
+                  ], 32)) : p("", !0),
                   i.value.length ? (f(!0), c(Y, { key: 1 }, ge(i.value, (l, n) => (f(), c("div", {
                     class: E([
                       "relative px-2 py-0.5 text-xs leading-4 text-gray-700 no-underline cursor-pointer dark:text-gray-200 hover:bg-gray-100 dark:hover:bg-gray-700 dark:hover:text-white hover:rounded-sm",
@@ -482,18 +482,18 @@ const he = { class: "font-bold ptext-lg dark:text-white" }, ye = { class: "mt-3
                           "stroke-width": "2",
                           d: "M1 5.917 5.724 10.5 15 1.5"
                         }, null, -1)
-                      ]))) : h("", !0)
+                      ]))) : p("", !0)
                     ])
-                  ], 42, $e))), 128)) : h("", !0),
-                  B.value ? (f(), c("div", Te, " Loading... ")) : h("", !0),
-                  !B.value && i.value.length === 0 && !(r.allow_custom && v.value) ? (f(), c("div", Ue, w(r.no_results_found_placeholder), 1)) : h("", !0)
+                  ], 42, $e))), 128)) : p("", !0),
+                  B.value ? (f(), c("div", Te, " Loading... ")) : p("", !0),
+                  !B.value && i.value.length === 0 && !(r.allow_custom && v.value) ? (f(), c("div", Ue, w(r.no_results_found_placeholder), 1)) : p("", !0)
                 ], 544)
               ], 512), [
                 [ee, x.value]
               ])
             ])
           ])
-        ])) : h("", !0),
+        ])) : p("", !0),
         s("span", Ve, w(r.error_message), 1),
         s("small", je, w(r.description), 1)
       ], 2))

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

@@ -5,7 +5,7 @@ const re = { class: "font-bold ptext-lg dark:text-white" }, le = { class: "mt-3
 }, se = {
   class: "inline-flex ml-2 rounded-md shadow-xs",
   role: "group"
-}, ie = { class: "relative" }, ue = ["onClick"], de = { class: "text-gray-700 bg-white border dark:border-gray-700 dark:bg-gray-800 dark:text-gray-200 absolute w-full z-999999999 rounded-md mt-1 pt-1 showOptions" }, ce = { class: "border-b border-gray-200 dark:border-gray-700" }, fe = { class: "relative" }, ve = ["id", "placeholder"], ge = { class: "overflow-y-auto max-h-64 px-1 py-1" }, me = ["onClick", "onMousedown", "id"], pe = { class: "flex justify-between items-center py-2 pr-4" }, xe = ["innerHTML"], ye = {
+}, ie = { class: "relative" }, ue = ["onClick"], de = { class: "text-gray-700 bg-white border dark:border-gray-700 dark:bg-gray-800 dark:text-gray-200 absolute w-full z-999999999 rounded-md mt-1 pt-1 showOptions" }, ce = { class: "border-b border-gray-200 dark:border-gray-700" }, fe = { class: "relative" }, ve = ["id", "placeholder"], ge = { class: "overflow-y-auto max-h-64 px-1 py-1" }, me = ["onClick", "onMousedown", "id"], pe = { class: "flex justify-between items-center py-2" }, xe = ["innerHTML"], ye = {
   key: 0,
   class: "flex items-center shrink-0 w-4 h-4 text-green-500 ltr:right-2 rtl:left-2 dark:text-green-400",
   "aria-hidden": "true",

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