golden-logic-ui 1.2.338 → 1.2.340

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

@@ -1,14 +1,14 @@
-import { ref as w, computed as C, watch as j, onMounted as O, onUnmounted as ee, createElementBlock as c, openBlock as g, Fragment as S, createCommentVNode as p, normalizeClass as Y, createElementVNode as n, toDisplayString as m, withDirectives as te, renderList as F, vShow as ae } from "vue";
-const re = {
+import { ref as k, computed as S, watch as ee, onMounted as te, onUnmounted as ae, createElementBlock as c, openBlock as g, Fragment as N, createCommentVNode as p, normalizeClass as w, createElementVNode as n, toDisplayString as f, withDirectives as re, renderList as z, vShow as ne } from "vue";
+const le = {
   key: 0,
   class: "gl-label-form"
-}, ne = { class: "mt-1 text-gray-900 dark:text-white" }, le = ["for"], se = { class: "relative" }, oe = {
+}, se = { class: "mt-1 text-gray-900 dark:text-white" }, oe = ["for"], ie = { class: "relative" }, ue = {
   key: 0,
   class: "flex items-center"
-}, ie = ["innerHTML"], ue = { class: "relative w-full" }, de = ["required", "name", "id", "value", "placeholder"], ce = ["innerHTML"], ge = {
+}, de = ["innerHTML"], ce = { class: "relative w-full" }, ge = ["required", "name", "id", "value", "placeholder"], me = ["innerHTML"], fe = {
   key: 1,
   class: "relative"
-}, me = ["required", "name", "id", "value", "placeholder"], fe = { 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 max-w-72" }, ye = { class: "flex items-center justify-between mb-4" }, ve = { class: "text-sm font-semibold text-gray-900 dark:text-white" }, he = { class: "grid grid-cols-7 gap-1 mb-2" }, pe = { class: "grid grid-cols-7 gap-1" }, De = ["onClick", "disabled"], ke = { class: "flex items-center justify-between mt-4 pt-3 border-t border-gray-200 dark:border-gray-700" }, xe = { class: "gl-span-form-error" }, be = { class: "block mt-1 text-sm font-normal leading-5 text-gray-500" }, Ye = {
+}, ye = ["required", "name", "id", "value", "placeholder"], ve = { 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 max-w-72 min-w-max" }, he = { class: "flex items-center justify-between mb-4" }, pe = { class: "text-sm font-semibold text-gray-900 dark:text-white" }, De = { class: "grid grid-cols-7 gap-1 mb-2" }, ke = { class: "grid grid-cols-7 gap-1" }, xe = ["onClick", "disabled"], be = { class: "flex items-center justify-between mt-4 pt-3 border-t border-gray-200 dark:border-gray-700" }, we = { class: "gl-span-form-error" }, Ye = { class: "block mt-1 text-sm font-normal leading-5 text-gray-500" }, Te = {
   __name: "GlDatePicker",
   props: {
     is_required: {
@@ -94,26 +94,26 @@ const re = {
     }
   },
   emits: ["update:modelValue", "change", "blur-sm"],
-  setup(r, { expose: Z, emit: z }) {
-    const o = r, f = z, x = w(null), V = w(null), D = w(!1), i = w((/* @__PURE__ */ new Date()).getMonth()), d = w((/* @__PURE__ */ new Date()).getFullYear()), N = (t) => {
+  setup(r, { expose: E, emit: A }) {
+    const o = r, y = A, x = k(null), V = k(null), D = k(!1), i = k((/* @__PURE__ */ new Date()).getMonth()), d = k((/* @__PURE__ */ new Date()).getFullYear()), $ = (t) => {
       if (!t) return null;
       if (t.toLowerCase() === "today")
         return /* @__PURE__ */ new Date();
       const e = t.match(/^([+-]?)(\d+)([dmy])$/i);
       if (e) {
-        const l = e[1] === "-" ? -1 : 1, s = parseInt(e[2]) * l, y = e[3].toLowerCase(), v = /* @__PURE__ */ new Date();
-        return y === "d" ? v.setDate(v.getDate() + s) : y === "m" ? v.setMonth(v.getMonth() + s) : y === "y" && v.setFullYear(v.getFullYear() + s), v;
+        const l = e[1] === "-" ? -1 : 1, s = parseInt(e[2]) * l, m = e[3].toLowerCase(), h = /* @__PURE__ */ new Date();
+        return m === "d" ? h.setDate(h.getDate() + s) : m === "m" ? h.setMonth(h.getMonth() + s) : m === "y" && h.setFullYear(h.getFullYear() + s), h;
       }
       const a = new Date(t);
       return isNaN(a.getTime()) ? null : a;
-    }, E = C(() => {
+    }, P = S(() => {
       const t = [];
       for (let e = 0; e < 12; e++) {
         const a = new Date(2e3, e, 1);
         t.push(a.toLocaleDateString(o.locale, { month: "long" }));
       }
       return t;
-    }), A = C(() => {
+    }), R = S(() => {
       const t = [];
       for (let e = 0; e < 7; e++) {
         const a = new Date(2e3, 0, 2 + e);
@@ -123,7 +123,7 @@ const re = {
     }), M = (t) => {
       if (!t) return "";
       let e;
-      if (typeof t == "string" && (e = b(t)), (!e || isNaN(e.getTime())) && (e = new Date(t)), isNaN(e.getTime())) return "";
+      if (typeof t == "string" && (e = Y(t)), (!e || isNaN(e.getTime())) && (e = new Date(t)), isNaN(e.getTime())) return "";
       const a = e.getFullYear(), l = String(e.getMonth() + 1).padStart(2, "0"), s = String(e.getDate()).padStart(2, "0");
       switch (o.date_format) {
         case "DD-MM-YYYY":
@@ -139,7 +139,7 @@ const re = {
         default:
           return `${a}-${l}-${s}`;
       }
-    }, b = (t) => {
+    }, Y = (t) => {
       if (!t) return null;
       let e, a, l;
       const s = t.split(/[-/]/);
@@ -157,30 +157,30 @@ const re = {
           e = parseInt(s[0]), a = parseInt(s[1]) - 1, l = parseInt(s[2]);
           break;
       }
-      const y = new Date(e, a, l);
-      return isNaN(y.getTime()) ? null : y;
-    }, h = w("");
-    j(() => o.modelValue, (t) => {
-      h.value = M(t);
+      const m = new Date(e, a, l);
+      return isNaN(m.getTime()) || m.getFullYear() !== e || m.getMonth() !== a || m.getDate() !== l ? null : m;
+    }, v = k(""), C = k(!1);
+    ee(() => o.modelValue, (t) => {
+      C.value || (v.value = M(t));
     }, { immediate: !0 });
-    const $ = (t) => {
+    const H = (t) => {
       const e = t.target.value;
-      h.value = e;
-      const a = b(e);
-      if (a && !isNaN(a.getTime()) && !k(a)) {
+      v.value = e, e === "" && (y("update:modelValue", ""), y("change", ""));
+    }, I = (t) => {
+      C.value = !1;
+      const e = v.value, a = Y(e);
+      if (a && !isNaN(a.getTime()) && !b(a)) {
         const l = M(a);
-        f("update:modelValue", l), f("change", l);
-      } else e === "" && (f("update:modelValue", ""), f("change", ""));
-    }, H = (t) => {
-      const e = h.value, a = b(e);
-      a && !isNaN(a.getTime()) && !k(a) ? h.value = M(a) : e !== "" && (h.value = M(o.modelValue)), f("blur-sm", t);
-    }, P = C(() => {
-      const t = new Date(d.value, i.value, 1), e = new Date(d.value, i.value + 1, 0), a = t.getDay(), l = e.getDate(), s = [], y = new Date(d.value, i.value, 0).getDate();
+        v.value = l, y("update:modelValue", l), y("change", l);
+      } else e !== "" && (v.value = M(o.modelValue));
+      y("blur-sm", t);
+    }, U = S(() => {
+      const t = new Date(d.value, i.value, 1), e = new Date(d.value, i.value + 1, 0), a = t.getDay(), l = e.getDate(), s = [], m = new Date(d.value, i.value, 0).getDate();
       for (let u = a - 1; u >= 0; u--)
         s.push({
-          day: y - u,
+          day: m - u,
           currentMonth: !1,
-          date: new Date(d.value, i.value - 1, y - u)
+          date: new Date(d.value, i.value - 1, m - u)
         });
       for (let u = 1; u <= l; u++)
         s.push({
@@ -188,15 +188,15 @@ const re = {
           currentMonth: !0,
           date: new Date(d.value, i.value, u)
         });
-      const v = 42 - s.length;
-      for (let u = 1; u <= v; u++)
+      const h = 42 - s.length;
+      for (let u = 1; u <= h; u++)
         s.push({
           day: u,
           currentMonth: !1,
           date: new Date(d.value, i.value + 1, u)
         });
       return s;
-    }), k = (t) => {
+    }), b = (t) => {
       if (o.disabled_days.includes(t.getDay()))
         return !0;
       if (o.disabled_dates && o.disabled_dates.length > 0) {
@@ -204,38 +204,38 @@ const re = {
         e.setHours(0, 0, 0, 0);
         for (const a of o.disabled_dates) {
           let l;
-          if (typeof a == "string" ? (l = b(a), (!l || isNaN(l.getTime())) && (l = new Date(a))) : a instanceof Date && (l = a), l && !isNaN(l.getTime()) && (l.setHours(0, 0, 0, 0), e.getTime() === l.getTime()))
+          if (typeof a == "string" ? (l = Y(a), (!l || isNaN(l.getTime())) && (l = new Date(a))) : a instanceof Date && (l = a), l && !isNaN(l.getTime()) && (l.setHours(0, 0, 0, 0), e.getTime() === l.getTime()))
             return !0;
         }
       }
       if (o.min_date) {
-        const e = N(o.min_date);
+        const e = $(o.min_date);
         if (e && (e.setHours(0, 0, 0, 0), t < e))
           return !0;
       }
       if (o.max_date) {
-        const e = N(o.max_date);
+        const e = $(o.max_date);
         if (e && (e.setHours(0, 0, 0, 0), t > e))
           return !0;
       }
       return !1;
     }, T = (t) => {
       if (!o.modelValue) return !1;
-      const e = b(o.modelValue) || new Date(o.modelValue);
+      const e = Y(o.modelValue) || new Date(o.modelValue);
       return t.toDateString() === e.toDateString();
-    }, R = (t) => t.toDateString() === (/* @__PURE__ */ new Date()).toDateString(), B = (t) => {
-      if (k(t.date)) return;
+    }, W = (t) => t.toDateString() === (/* @__PURE__ */ new Date()).toDateString(), B = (t) => {
+      if (b(t.date)) return;
       const e = M(t.date);
-      f("update:modelValue", e), f("change", e), D.value = !1;
-    }, U = () => {
+      y("update:modelValue", e), y("change", e), D.value = !1;
+    }, J = () => {
       i.value === 0 ? (i.value = 11, d.value--) : i.value--;
-    }, W = () => {
+    }, K = () => {
       i.value === 11 ? (i.value = 0, d.value++) : i.value++;
-    }, J = () => {
+    }, Q = () => {
       d.value--;
-    }, K = () => {
+    }, X = () => {
       d.value++;
-    }, I = {
+    }, L = {
       en: {
         clear: "Clear",
         today: "Today"
@@ -244,38 +244,40 @@ const re = {
         clear: "مسح",
         today: "اليوم"
       }
-    }, Q = () => o.locale && o.locale.startsWith("ar") ? "ar" : "en", L = (t) => {
-      const e = Q();
-      return I[e][t] || I.en[t] || t;
-    }, X = () => {
+    }, _ = () => o.locale && o.locale.startsWith("ar") ? "ar" : "en", F = (t) => {
+      const e = _();
+      return L[e][t] || L.en[t] || t;
+    }, j = () => {
       const t = /* @__PURE__ */ new Date();
       i.value = t.getMonth(), d.value = t.getFullYear(), B({ date: t });
-    }, _ = () => {
-      f("update:modelValue", ""), f("change", ""), D.value = !1;
+    }, O = () => {
+      v.value = "", y("update:modelValue", ""), y("change", ""), D.value = !1;
     }, G = () => {
+      C.value = !0;
+    }, q = () => {
       if (D.value = !D.value, D.value && o.modelValue) {
-        const t = b(o.modelValue) || new Date(o.modelValue);
+        const t = Y(o.modelValue) || new Date(o.modelValue);
         isNaN(t.getTime()) || (i.value = t.getMonth(), d.value = t.getFullYear());
       }
-    }, q = (t) => {
+    }, Z = (t) => {
       V.value && !V.value.contains(t.target) && (D.value = !1);
     };
-    return O(() => {
-      document.addEventListener("click", q), x.value !== null && x.value.hasAttribute("autofocus") && x.value.focus();
-    }), ee(() => {
-      document.removeEventListener("click", q);
-    }), Z({ focus: () => x.value?.focus() }), (t, e) => (g(), c(S, null, [
+    return te(() => {
+      document.addEventListener("click", Z), x.value !== null && x.value.hasAttribute("autofocus") && x.value.focus();
+    }), ae(() => {
+      document.removeEventListener("click", Z);
+    }), E({ focus: () => x.value?.focus() }), (t, e) => (g(), c(N, null, [
       r.show ? (g(), c("div", {
         key: 0,
-        class: Y(r.field_name)
+        class: w(r.field_name)
       }, [
-        r.label_name ? (g(), c("label", re, m(r.label_name), 1)) : p("", !0),
-        n("p", ne, m(h.value), 1),
+        r.label_name ? (g(), c("label", le, f(r.label_name), 1)) : p("", !0),
+        n("p", se, f(v.value), 1),
         e[0] || (e[0] = n("hr", { class: "opacity-100! bg-gray-200 border-0 dark:bg-gray-700" }, null, -1))
       ], 2)) : p("", !0),
       r.show ? p("", !0) : (g(), c("div", {
         key: 1,
-        class: Y({
+        class: w({
           [r.field_name]: r.field_name && r.field_name !== "",
           [r.container_class]: r.container_class && r.container_class !== ""
         }),
@@ -284,24 +286,24 @@ const re = {
       }, [
         r.label_name ? (g(), c("label", {
           key: 0,
-          class: Y({
+          class: w({
             "gl-label-form": r.error_message == "",
             "gl-label-form-invalid": r.error_message !== "",
             required: r.is_required
           }),
           for: r.field_name
-        }, m(r.label_name), 11, le)) : p("", !0),
-        n("div", se, [
-          r.inputGroupType ? (g(), c("div", oe, [
+        }, f(r.label_name), 11, oe)) : p("", !0),
+        n("div", ie, [
+          r.inputGroupType ? (g(), c("div", ue, [
             r.inputGroupType == "prepend" ? (g(), c("label", {
               key: 0,
               innerHTML: r.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, ie)) : p("", !0),
-            n("div", ue, [
+            }, null, 8, de)) : p("", !0),
+            n("div", ce, [
               n("input", {
                 type: "text",
-                class: Y(["rtl:text-right rounded-none!", {
+                class: w(["rtl:text-right rounded-none!", {
                   "gl-input-form": r.error_message == "",
                   "gl-input-form-invalid": r.error_message !== "",
                   [r.input_class]: r.input_class && r.input_class !== "",
@@ -311,16 +313,17 @@ const re = {
                 required: r.is_required,
                 name: r.field_name,
                 id: r.field_name,
-                value: h.value,
-                onInput: $,
-                onBlur: H,
+                value: v.value,
+                onInput: H,
+                onFocus: G,
+                onBlur: I,
                 ref_key: "input",
                 ref: x,
                 placeholder: r.placeholder
-              }, null, 42, de),
+              }, null, 42, ge),
               n("div", {
                 class: "absolute inset-y-0 end-0 flex items-center pe-3 cursor-pointer",
-                onClick: G
+                onClick: q
               }, e[1] || (e[1] = [
                 n("svg", {
                   class: "w-4 h-4 text-gray-500 dark:text-gray-400",
@@ -337,12 +340,12 @@ const re = {
               key: 1,
               innerHTML: r.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, ce)) : p("", !0)
+            }, null, 8, me)) : p("", !0)
           ])) : p("", !0),
-          r.inputGroupType == "" ? (g(), c("div", ge, [
+          r.inputGroupType == "" ? (g(), c("div", fe, [
             n("input", {
               type: "text",
-              class: Y(["rtl:text-right pe-10", {
+              class: w(["rtl:text-right pe-10", {
                 "gl-input-form": r.error_message == "",
                 "gl-input-form-invalid": r.error_message !== "",
                 [r.input_class]: r.input_class && r.input_class !== ""
@@ -350,16 +353,17 @@ const re = {
               required: r.is_required,
               name: r.field_name,
               id: r.field_name,
-              value: h.value,
-              onInput: $,
-              onBlur: H,
+              value: v.value,
+              onInput: H,
+              onFocus: G,
+              onBlur: I,
               ref_key: "input",
               ref: x,
               placeholder: r.placeholder
-            }, null, 42, me),
+            }, null, 42, ye),
             n("div", {
               class: "absolute inset-y-0 end-0 flex items-center pe-3 cursor-pointer",
-              onClick: G
+              onClick: q
             }, e[2] || (e[2] = [
               n("svg", {
                 class: "w-4 h-4 text-gray-500 dark:text-gray-400",
@@ -372,11 +376,11 @@ const re = {
               ], -1)
             ]))
           ])) : p("", !0),
-          te(n("div", fe, [
-            n("div", ye, [
+          re(n("div", ve, [
+            n("div", he, [
               n("button", {
                 type: "button",
-                onClick: J,
+                onClick: Q,
                 class: "p-1 hover:bg-gray-100 dark:hover:bg-gray-700 rounded text-gray-500 dark:text-gray-400"
               }, e[3] || (e[3] = [
                 n("svg", {
@@ -395,7 +399,7 @@ const re = {
               ])),
               n("button", {
                 type: "button",
-                onClick: U,
+                onClick: J,
                 class: "p-1 hover:bg-gray-100 dark:hover:bg-gray-700 rounded text-gray-500 dark:text-gray-400"
               }, e[4] || (e[4] = [
                 n("svg", {
@@ -412,10 +416,10 @@ const re = {
                   })
                 ], -1)
               ])),
-              n("span", ve, m(E.value[i.value]) + " " + m(d.value), 1),
+              n("span", pe, f(P.value[i.value]) + " " + f(d.value), 1),
               n("button", {
                 type: "button",
-                onClick: W,
+                onClick: K,
                 class: "p-1 hover:bg-gray-100 dark:hover:bg-gray-700 rounded text-gray-500 dark:text-gray-400"
               }, e[5] || (e[5] = [
                 n("svg", {
@@ -434,7 +438,7 @@ const re = {
               ])),
               n("button", {
                 type: "button",
-                onClick: K,
+                onClick: X,
                 class: "p-1 hover:bg-gray-100 dark:hover:bg-gray-700 rounded text-gray-500 dark:text-gray-400"
               }, e[6] || (e[6] = [
                 n("svg", {
@@ -452,53 +456,53 @@ const re = {
                 ], -1)
               ]))
             ]),
-            n("div", he, [
-              (g(!0), c(S, null, F(A.value, (a) => (g(), c("div", {
+            n("div", De, [
+              (g(!0), c(N, null, z(R.value, (a) => (g(), c("div", {
                 key: a,
                 class: "text-center text-xs font-medium text-gray-500 dark:text-gray-400 py-1"
-              }, m(a), 1))), 128))
+              }, f(a), 1))), 128))
             ]),
-            n("div", pe, [
-              (g(!0), c(S, null, F(P.value, (a, l) => (g(), c("button", {
+            n("div", ke, [
+              (g(!0), c(N, null, z(U.value, (a, l) => (g(), c("button", {
                 key: l,
                 type: "button",
                 onClick: (s) => B(a),
-                disabled: k(a.date),
-                class: Y([
+                disabled: b(a.date),
+                class: w([
                   "w-8 h-8 text-sm rounded-full flex items-center justify-center transition-colors",
                   {
                     "text-gray-400 dark:text-gray-600": !a.currentMonth,
-                    "text-gray-900 dark:text-white": a.currentMonth && !T(a.date) && !k(a.date),
+                    "text-gray-900 dark:text-white": a.currentMonth && !T(a.date) && !b(a.date),
                     "bg-primary dark:bg-primaryDark text-white hover:bg-primary/90 dark:hover:bg-primaryDark/90": T(a.date),
-                    "ring-2 ring-primary dark:ring-primaryDark ring-offset-1 dark:ring-offset-gray-800": R(a.date) && !T(a.date),
-                    "hover:bg-gray-100 dark:hover:bg-gray-700": !T(a.date) && !k(a.date),
-                    "opacity-50 cursor-not-allowed": k(a.date)
+                    "ring-2 ring-primary dark:ring-primaryDark ring-offset-1 dark:ring-offset-gray-800": W(a.date) && !T(a.date),
+                    "hover:bg-gray-100 dark:hover:bg-gray-700": !T(a.date) && !b(a.date),
+                    "opacity-50 cursor-not-allowed": b(a.date)
                   }
                 ])
-              }, m(a.day), 11, De))), 128))
+              }, f(a.day), 11, xe))), 128))
             ]),
-            n("div", ke, [
+            n("div", be, [
               n("button", {
                 type: "button",
-                onClick: _,
+                onClick: O,
                 class: "text-sm text-gray-500 dark:text-gray-400 hover:text-gray-700 dark:hover:text-gray-300"
-              }, m(L("clear")), 1),
+              }, f(F("clear")), 1),
               n("button", {
                 type: "button",
-                onClick: X,
+                onClick: j,
                 class: "text-sm text-primary dark:text-primaryDark hover:text-primary/80 dark:hover:text-primaryDark/80 font-medium"
-              }, m(L("today")), 1)
+              }, f(F("today")), 1)
             ])
           ], 512), [
-            [ae, D.value]
+            [ne, D.value]
           ])
         ]),
-        n("span", xe, m(r.error_message), 1),
-        n("small", be, m(r.description), 1)
+        n("span", we, f(r.error_message), 1),
+        n("small", Ye, f(r.description), 1)
       ], 2))
     ], 64));
   }
 };
 export {
-  Ye as default
+  Te as default
 };

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