golden-logic-ui 1.2.365 → 1.2.366

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

@@ -1,15 +1,15 @@
-import { ref as x, watch as E, computed as y, createElementBlock as i, openBlock as u, Fragment as N, createCommentVNode as g, normalizeClass as v, createElementVNode as m, toDisplayString as r, createVNode as D } from "vue";
+import { ref as x, computed as y, watch as N, createElementBlock as m, openBlock as u, Fragment as B, createCommentVNode as g, normalizeClass as b, createElementVNode as o, toDisplayString as s, createVNode as D } from "vue";
 import M from "./GlDatePicker.vue.js";
-const B = {
+const j = {
   key: 0,
   class: "gl-label-form"
-}, j = { class: "mt-1 text-gray-900 dark:text-white" }, A = ["for"], U = { class: "flex justify-between gap-2 flex-col md:flex-row items-center" }, z = { class: "w-full md:flex-1" }, F = { class: "text-gray-500 dark:text-gray-400 font-medium shrink-0 py-2 md:py-0" }, G = { class: "w-full md:flex-1" }, O = {
+}, A = { class: "mt-1 text-gray-900 dark:text-white" }, F = ["for"], U = { class: "flex justify-between gap-2 flex-col md:flex-row items-center md:items-start" }, z = { class: "w-full md:flex-1" }, G = { class: "w-full md:flex-1" }, L = {
   key: 1,
   class: "text-center mt-1"
-}, P = { class: "gl-span-form-error" }, R = {
+}, O = { class: "gl-span-form-error" }, P = {
   key: 2,
   class: "block mt-1 text-sm font-normal leading-5 text-gray-500"
-}, H = {
+}, $ = {
   __name: "GlDateRangePicker",
   props: {
     is_required: {
@@ -108,12 +108,14 @@ const B = {
   },
   emits: ["update:modelValue", "change"],
   setup(e, { emit: S }) {
-    const o = e, b = S, c = x(""), a = x({
-      start: o.modelValue.start,
-      end: o.modelValue.end
+    const r = e, v = S, c = x(""), k = y(
+      () => !!(r.label_name_start || r.label_name_end)
+    ), a = x({
+      start: r.modelValue.start,
+      end: r.modelValue.end
     });
-    E(
-      () => o.modelValue,
+    N(
+      () => r.modelValue,
       (t) => {
         t && (a.value.start = t.start, a.value.end = t.end);
       },
@@ -121,38 +123,38 @@ const B = {
     );
     const f = (t) => {
       if (!t) return null;
-      let l, d, s;
+      let l, d, i;
       const n = t.split(/[-/]/);
       if (n.length !== 3) return new Date(t);
-      switch (o.date_format) {
+      switch (r.date_format) {
         case "DD-MM-YYYY":
         case "DD/MM/YYYY":
-          s = parseInt(n[0]), d = parseInt(n[1]) - 1, l = parseInt(n[2]);
+          i = parseInt(n[0]), d = parseInt(n[1]) - 1, l = parseInt(n[2]);
           break;
         case "MM-DD-YYYY":
         case "MM/DD/YYYY":
-          d = parseInt(n[0]) - 1, s = parseInt(n[1]), l = parseInt(n[2]);
+          d = parseInt(n[0]) - 1, i = parseInt(n[1]), l = parseInt(n[2]);
           break;
         default:
-          l = parseInt(n[0]), d = parseInt(n[1]) - 1, s = parseInt(n[2]);
+          l = parseInt(n[0]), d = parseInt(n[1]) - 1, i = parseInt(n[2]);
           break;
       }
-      const Y = new Date(l, d, s);
+      const Y = new Date(l, d, i);
       return isNaN(Y.getTime()) ? null : Y;
-    }, k = y(() => a.value.start ? a.value.start : o.min_date_end), V = y(() => a.value.end ? a.value.end : o.max_date_start), _ = (t, l) => {
+    }, V = y(() => a.value.start ? a.value.start : r.min_date_end), q = y(() => a.value.end ? a.value.end : r.max_date_start), _ = (t, l) => {
       if (t && l) {
-        const d = f(t), s = f(l);
-        if (d && s && d > s)
+        const d = f(t), i = f(l);
+        if (d && i && d > i)
           return c.value = "Start date cannot be after end date.", !1;
       }
       return c.value = "", !0;
-    }, q = (t) => {
+    }, I = (t) => {
       if (a.value.start = t, a.value.end) {
         const l = f(t), d = f(a.value.end);
         l && d && l > d && (a.value.end = "");
       }
       _(a.value.start, a.value.end), h();
-    }, I = (t) => {
+    }, w = (t) => {
       if (a.value.end = t, a.value.start) {
         const l = f(a.value.start), d = f(t);
         l && d && l > d && (a.value.start = "");
@@ -160,35 +162,35 @@ const B = {
       _(a.value.start, a.value.end), h();
     }, h = () => {
       const t = { start: a.value.start, end: a.value.end };
-      b("update:modelValue", t), b("change", t);
-    }, w = y(() => ""), C = y(() => "");
-    return (t, l) => (u(), i(N, null, [
-      e.show ? (u(), i("div", {
+      v("update:modelValue", t), v("change", t);
+    }, C = y(() => ""), E = y(() => "");
+    return (t, l) => (u(), m(B, null, [
+      e.show ? (u(), m("div", {
         key: 0,
-        class: v(["md:col-span-2", e.field_name])
+        class: b(["md:col-span-2", e.field_name])
       }, [
-        e.label_name ? (u(), i("label", B, r(e.label_name), 1)) : g("", !0),
-        m("p", j, r(e.modelValue.start) + " " + r(e.separator) + " " + r(e.modelValue.end), 1),
-        l[2] || (l[2] = m("hr", { class: "opacity-100! bg-gray-200 border-0 dark:bg-gray-700" }, null, -1))
+        e.label_name ? (u(), m("label", j, s(e.label_name), 1)) : g("", !0),
+        o("p", A, s(e.modelValue.start) + " " + s(e.separator) + " " + s(e.modelValue.end), 1),
+        l[2] || (l[2] = o("hr", { class: "opacity-100! bg-gray-200 border-0 dark:bg-gray-700" }, null, -1))
       ], 2)) : g("", !0),
-      e.show ? g("", !0) : (u(), i("div", {
+      e.show ? g("", !0) : (u(), m("div", {
         key: 1,
-        class: v(["md:col-span-2", {
+        class: b(["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 ? (u(), i("label", {
+        e.label_name ? (u(), m("label", {
           key: 0,
-          class: v({
+          class: b({
             "gl-label-form": e.error_message == "" && c.value == "",
             "gl-label-form-invalid": e.error_message !== "" || c.value !== "",
             required: e.is_required
           }),
           for: e.field_name
-        }, r(e.label_name), 11, A)) : g("", !0),
-        m("div", U, [
-          m("div", z, [
+        }, s(e.label_name), 11, F)) : g("", !0),
+        o("div", U, [
+          o("div", z, [
             D(M, {
               modelValue: a.value.start,
               "onUpdate:modelValue": l[0] || (l[0] = (d) => a.value.start = d),
@@ -198,16 +200,18 @@ const B = {
               placeholder: e.placeholder_start,
               date_format: e.date_format,
               min_date: e.min_date_start,
-              max_date: V.value,
+              max_date: q.value,
               disabled_days: e.disabled_days,
               disabled_dates: e.disabled_dates,
               locale: e.locale,
-              error_message: w.value,
-              onChange: q
+              error_message: C.value,
+              onChange: I
             }, null, 8, ["modelValue", "field_name", "label_name", "is_required", "placeholder", "date_format", "min_date", "max_date", "disabled_days", "disabled_dates", "locale", "error_message"])
           ]),
-          m("span", F, r(e.separator), 1),
-          m("div", G, [
+          o("span", {
+            class: b(["text-gray-500 dark:text-gray-400 font-medium shrink-0 py-2 md:py-0 md:flex md:items-center md:h-10", { "md:mt-7": k.value }])
+          }, s(e.separator), 3),
+          o("div", G, [
             D(M, {
               modelValue: a.value.end,
               "onUpdate:modelValue": l[1] || (l[1] = (d) => a.value.end = d),
@@ -216,24 +220,24 @@ const B = {
               is_required: e.is_required,
               placeholder: e.placeholder_end,
               date_format: e.date_format,
-              min_date: k.value,
+              min_date: V.value,
               max_date: e.max_date_end,
               disabled_days: e.disabled_days,
               disabled_dates: e.disabled_dates,
               locale: e.locale,
-              error_message: C.value,
-              onChange: I
+              error_message: E.value,
+              onChange: w
             }, null, 8, ["modelValue", "field_name", "label_name", "is_required", "placeholder", "date_format", "min_date", "max_date", "disabled_days", "disabled_dates", "locale", "error_message"])
           ])
         ]),
-        c.value || e.error_message ? (u(), i("div", O, [
-          m("span", P, r(e.error_message || c.value), 1)
+        c.value || e.error_message ? (u(), m("div", L, [
+          o("span", O, s(e.error_message || c.value), 1)
         ])) : g("", !0),
-        e.description ? (u(), i("small", R, r(e.description), 1)) : g("", !0)
+        e.description ? (u(), m("small", P, s(e.description), 1)) : g("", !0)
       ], 2))
     ], 64));
   }
 };
 export {
-  H as default
+  $ as default
 };

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

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

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