golden-logic-ui 1.2.340 → 1.2.342

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

@@ -1,4 +1,4 @@
-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";
+import { ref as D, computed as S, watch as ee, onMounted as te, onUnmounted as ae, createElementBlock as c, openBlock as g, Fragment as N, createCommentVNode as h, 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"
@@ -95,17 +95,19 @@ const le = {
   },
   emits: ["update:modelValue", "change", "blur-sm"],
   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) => {
+    const o = r, y = A, k = D(null), V = D(null), p = D(!1), u = D((/* @__PURE__ */ new Date()).getMonth()), d = D((/* @__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, 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 s = e[1] === "-" ? -1 : 1, m = parseInt(e[2]) * s, Y = e[3].toLowerCase(), i = /* @__PURE__ */ new Date();
+        return Y === "d" ? i.setDate(i.getDate() + m) : Y === "m" ? i.setMonth(i.getMonth() + m) : Y === "y" && i.setFullYear(i.getFullYear() + m), i;
       }
-      const a = new Date(t);
-      return isNaN(a.getTime()) ? null : a;
+      const a = x(t);
+      if (a) return a;
+      const l = new Date(t);
+      return isNaN(l.getTime()) ? null : l;
     }, P = S(() => {
       const t = [];
       for (let e = 0; e < 12; e++) {
@@ -123,7 +125,7 @@ const le = {
     }), M = (t) => {
       if (!t) return "";
       let e;
-      if (typeof t == "string" && (e = Y(t)), (!e || isNaN(e.getTime())) && (e = new Date(t)), isNaN(e.getTime())) return "";
+      if (typeof t == "string" && (e = x(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 +141,7 @@ const le = {
         default:
           return `${a}-${l}-${s}`;
       }
-    }, Y = (t) => {
+    }, x = (t) => {
       if (!t) return null;
       let e, a, l;
       const s = t.split(/[-/]/);
@@ -159,7 +161,7 @@ const le = {
       }
       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);
+    }, v = D(""), C = D(!1);
     ee(() => o.modelValue, (t) => {
       C.value || (v.value = M(t));
     }, { immediate: !0 });
@@ -168,32 +170,32 @@ const le = {
       v.value = e, e === "" && (y("update:modelValue", ""), y("change", ""));
     }, I = (t) => {
       C.value = !1;
-      const e = v.value, a = Y(e);
+      const e = v.value, a = x(e);
       if (a && !isNaN(a.getTime()) && !b(a)) {
         const l = M(a);
         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--)
+      const t = new Date(d.value, u.value, 1), e = new Date(d.value, u.value + 1, 0), a = t.getDay(), l = e.getDate(), s = [], m = new Date(d.value, u.value, 0).getDate();
+      for (let i = a - 1; i >= 0; i--)
         s.push({
-          day: m - u,
+          day: m - i,
           currentMonth: !1,
-          date: new Date(d.value, i.value - 1, m - u)
+          date: new Date(d.value, u.value - 1, m - i)
         });
-      for (let u = 1; u <= l; u++)
+      for (let i = 1; i <= l; i++)
         s.push({
-          day: u,
+          day: i,
           currentMonth: !0,
-          date: new Date(d.value, i.value, u)
+          date: new Date(d.value, u.value, i)
         });
-      const h = 42 - s.length;
-      for (let u = 1; u <= h; u++)
+      const Y = 42 - s.length;
+      for (let i = 1; i <= Y; i++)
         s.push({
-          day: u,
+          day: i,
           currentMonth: !1,
-          date: new Date(d.value, i.value + 1, u)
+          date: new Date(d.value, u.value + 1, i)
         });
       return s;
     }), b = (t) => {
@@ -204,7 +206,7 @@ const le = {
         e.setHours(0, 0, 0, 0);
         for (const a of o.disabled_dates) {
           let l;
-          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()))
+          if (typeof a == "string" ? (l = x(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;
         }
       }
@@ -221,16 +223,16 @@ const le = {
       return !1;
     }, T = (t) => {
       if (!o.modelValue) return !1;
-      const e = Y(o.modelValue) || new Date(o.modelValue);
+      const e = x(o.modelValue) || new Date(o.modelValue);
       return t.toDateString() === e.toDateString();
     }, W = (t) => t.toDateString() === (/* @__PURE__ */ new Date()).toDateString(), B = (t) => {
       if (b(t.date)) return;
       const e = M(t.date);
-      y("update:modelValue", e), y("change", e), D.value = !1;
+      y("update:modelValue", e), y("change", e), p.value = !1;
     }, J = () => {
-      i.value === 0 ? (i.value = 11, d.value--) : i.value--;
+      u.value === 0 ? (u.value = 11, d.value--) : u.value--;
     }, K = () => {
-      i.value === 11 ? (i.value = 0, d.value++) : i.value++;
+      u.value === 11 ? (u.value = 0, d.value++) : u.value++;
     }, Q = () => {
       d.value--;
     }, X = () => {
@@ -249,33 +251,33 @@ const le = {
       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 });
+      u.value = t.getMonth(), d.value = t.getFullYear(), B({ date: t });
     }, O = () => {
-      v.value = "", y("update:modelValue", ""), y("change", ""), D.value = !1;
+      v.value = "", y("update:modelValue", ""), y("change", ""), p.value = !1;
     }, G = () => {
       C.value = !0;
     }, q = () => {
-      if (D.value = !D.value, D.value && o.modelValue) {
-        const t = Y(o.modelValue) || new Date(o.modelValue);
-        isNaN(t.getTime()) || (i.value = t.getMonth(), d.value = t.getFullYear());
+      if (p.value = !p.value, p.value && o.modelValue) {
+        const t = x(o.modelValue) || new Date(o.modelValue);
+        isNaN(t.getTime()) || (u.value = t.getMonth(), d.value = t.getFullYear());
       }
     }, Z = (t) => {
-      V.value && !V.value.contains(t.target) && (D.value = !1);
+      V.value && !V.value.contains(t.target) && (p.value = !1);
     };
     return te(() => {
-      document.addEventListener("click", Z), x.value !== null && x.value.hasAttribute("autofocus") && x.value.focus();
+      document.addEventListener("click", Z), k.value !== null && k.value.hasAttribute("autofocus") && k.value.focus();
     }), ae(() => {
       document.removeEventListener("click", Z);
-    }), E({ focus: () => x.value?.focus() }), (t, e) => (g(), c(N, null, [
+    }), E({ focus: () => k.value?.focus() }), (t, e) => (g(), c(N, null, [
       r.show ? (g(), c("div", {
         key: 0,
         class: w(r.field_name)
       }, [
-        r.label_name ? (g(), c("label", le, f(r.label_name), 1)) : p("", !0),
+        r.label_name ? (g(), c("label", le, f(r.label_name), 1)) : h("", !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", {
+      ], 2)) : h("", !0),
+      r.show ? h("", !0) : (g(), c("div", {
         key: 1,
         class: w({
           [r.field_name]: r.field_name && r.field_name !== "",
@@ -292,14 +294,14 @@ const le = {
             required: r.is_required
           }),
           for: r.field_name
-        }, f(r.label_name), 11, oe)) : p("", !0),
+        }, f(r.label_name), 11, oe)) : h("", !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, de)) : p("", !0),
+            }, null, 8, de)) : h("", !0),
             n("div", ce, [
               n("input", {
                 type: "text",
@@ -318,7 +320,7 @@ const le = {
                 onFocus: G,
                 onBlur: I,
                 ref_key: "input",
-                ref: x,
+                ref: k,
                 placeholder: r.placeholder
               }, null, 42, ge),
               n("div", {
@@ -340,8 +342,8 @@ const le = {
               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, me)) : p("", !0)
-          ])) : p("", !0),
+            }, null, 8, me)) : h("", !0)
+          ])) : h("", !0),
           r.inputGroupType == "" ? (g(), c("div", fe, [
             n("input", {
               type: "text",
@@ -358,7 +360,7 @@ const le = {
               onFocus: G,
               onBlur: I,
               ref_key: "input",
-              ref: x,
+              ref: k,
               placeholder: r.placeholder
             }, null, 42, ye),
             n("div", {
@@ -375,7 +377,7 @@ const le = {
                 n("path", { d: "M20 4a2 2 0 0 0-2-2h-2V1a1 1 0 0 0-2 0v1h-3V1a1 1 0 0 0-2 0v1H6V1a1 1 0 0 0-2 0v1H2a2 2 0 0 0-2 2v2h20V4ZM0 18a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V8H0v10Zm5-8h10a1 1 0 0 1 0 2H5a1 1 0 0 1 0-2Z" })
               ], -1)
             ]))
-          ])) : p("", !0),
+          ])) : h("", !0),
           re(n("div", ve, [
             n("div", he, [
               n("button", {
@@ -416,7 +418,7 @@ const le = {
                   })
                 ], -1)
               ])),
-              n("span", pe, f(P.value[i.value]) + " " + f(d.value), 1),
+              n("span", pe, f(P.value[u.value]) + " " + f(d.value), 1),
               n("button", {
                 type: "button",
                 onClick: K,
@@ -494,7 +496,7 @@ const le = {
               }, f(F("today")), 1)
             ])
           ], 512), [
-            [ne, D.value]
+            [ne, p.value]
           ])
         ]),
         n("span", we, f(r.error_message), 1),

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

@@ -156,7 +156,7 @@ const B = {
     return (t, l) => (o(), u(N, null, [
       e.show ? (o(), u("div", {
         key: 0,
-        class: v(e.field_name)
+        class: v(["md:col-span-2", e.field_name])
       }, [
         e.label_name ? (o(), u("label", B, s(e.label_name), 1)) : g("", !0),
         m("p", j, s(e.modelValue.start) + " " + s(e.separator) + " " + s(e.modelValue.end), 1),
@@ -164,10 +164,10 @@ const B = {
       ], 2)) : g("", !0),
       e.show ? g("", !0) : (o(), u("div", {
         key: 1,
-        class: v({
+        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(), u("label", {
           key: 0,

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