golden-logic-ui 1.2.348 → 1.2.349

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

@@ -1,4 +1,4 @@
-import { ref as x, watch as C, computed as y, createElementBlock as u, openBlock as o, Fragment as N, createCommentVNode as g, normalizeClass as v, createElementVNode as m, toDisplayString as s, createVNode as D } from "vue";
+import { ref as x, watch as C, 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 M from "./GlDatePicker.vue.js";
 const B = {
   key: 0,
@@ -36,6 +36,15 @@ const B = {
       type: String,
       default: ""
     },
+    // Optional per-picker labels shown above the start / end fields
+    label_name_start: {
+      type: String,
+      default: ""
+    },
+    label_name_end: {
+      type: String,
+      default: ""
+    },
     description: {
       type: String,
       default: ""
@@ -98,13 +107,13 @@ const B = {
     }
   },
   emits: ["update:modelValue", "change"],
-  setup(e, { emit: k }) {
-    const r = e, b = k, c = x(""), a = x({
-      start: r.modelValue.start,
-      end: r.modelValue.end
+  setup(e, { emit: S }) {
+    const o = e, b = S, c = x(""), a = x({
+      start: o.modelValue.start,
+      end: o.modelValue.end
     });
     C(
-      () => r.modelValue,
+      () => o.modelValue,
       (t) => {
         t && (a.value.start = t.start, a.value.end = t.end);
       },
@@ -112,28 +121,28 @@ const B = {
     );
     const f = (t) => {
       if (!t) return null;
-      let l, d, i;
+      let l, d, s;
       const n = t.split(/[-/]/);
       if (n.length !== 3) return new Date(t);
-      switch (r.date_format) {
+      switch (o.date_format) {
         case "DD-MM-YYYY":
         case "DD/MM/YYYY":
-          i = parseInt(n[0]), d = parseInt(n[1]) - 1, l = parseInt(n[2]);
+          s = 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, i = parseInt(n[1]), l = parseInt(n[2]);
+          d = parseInt(n[0]) - 1, s = parseInt(n[1]), l = parseInt(n[2]);
           break;
         default:
-          l = parseInt(n[0]), d = parseInt(n[1]) - 1, i = parseInt(n[2]);
+          l = parseInt(n[0]), d = parseInt(n[1]) - 1, s = parseInt(n[2]);
           break;
       }
-      const Y = new Date(l, d, i);
+      const Y = new Date(l, d, s);
       return isNaN(Y.getTime()) ? null : Y;
-    }, S = y(() => a.value.start ? a.value.start : r.min_date_end), V = y(() => a.value.end ? a.value.end : r.max_date_start), _ = (t, l) => {
+    }, 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) => {
       if (t && l) {
-        const d = f(t), i = f(l);
-        if (d && i && d > i)
+        const d = f(t), s = f(l);
+        if (d && s && d > s)
           return c.value = "Start date cannot be after end date.", !1;
       }
       return c.value = "", !0;
@@ -152,24 +161,24 @@ const B = {
     }, h = () => {
       const t = { start: a.value.start, end: a.value.end };
       b("update:modelValue", t), b("change", t);
-    }, w = y(() => r.error_message ? r.error_message : ""), E = y(() => "");
-    return (t, l) => (o(), u(N, null, [
-      e.show ? (o(), u("div", {
+    }, w = y(() => ""), E = y(() => "");
+    return (t, l) => (u(), i(N, null, [
+      e.show ? (u(), i("div", {
         key: 0,
         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),
+        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))
       ], 2)) : g("", !0),
-      e.show ? g("", !0) : (o(), u("div", {
+      e.show ? g("", !0) : (u(), i("div", {
         key: 1,
         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", {
+        e.label_name ? (u(), i("label", {
           key: 0,
           class: v({
             "gl-label-form": e.error_message == "" && c.value == "",
@@ -177,13 +186,14 @@ const B = {
             required: e.is_required
           }),
           for: e.field_name
-        }, s(e.label_name), 11, A)) : g("", !0),
+        }, r(e.label_name), 11, A)) : g("", !0),
         m("div", U, [
           m("div", z, [
             D(M, {
               modelValue: a.value.start,
               "onUpdate:modelValue": l[0] || (l[0] = (d) => a.value.start = d),
               field_name: e.field_name + "_start",
+              label_name: e.label_name_start,
               is_required: e.is_required,
               placeholder: e.placeholder_start,
               date_format: e.date_format,
@@ -194,31 +204,32 @@ const B = {
               locale: e.locale,
               error_message: w.value,
               onChange: q
-            }, null, 8, ["modelValue", "field_name", "is_required", "placeholder", "date_format", "min_date", "max_date", "disabled_days", "disabled_dates", "locale", "error_message"])
+            }, 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, s(e.separator), 1),
+          m("span", F, r(e.separator), 1),
           m("div", G, [
             D(M, {
               modelValue: a.value.end,
               "onUpdate:modelValue": l[1] || (l[1] = (d) => a.value.end = d),
               field_name: e.field_name + "_end",
+              label_name: e.label_name_end,
               is_required: e.is_required,
               placeholder: e.placeholder_end,
               date_format: e.date_format,
-              min_date: S.value,
+              min_date: k.value,
               max_date: e.max_date_end,
               disabled_days: e.disabled_days,
               disabled_dates: e.disabled_dates,
               locale: e.locale,
               error_message: E.value,
               onChange: I
-            }, null, 8, ["modelValue", "field_name", "is_required", "placeholder", "date_format", "min_date", "max_date", "disabled_days", "disabled_dates", "locale", "error_message"])
+            }, 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 ? (o(), u("div", O, [
-          m("span", P, s(e.error_message || c.value), 1)
+        c.value || e.error_message ? (u(), i("div", O, [
+          m("span", P, r(e.error_message || c.value), 1)
         ])) : g("", !0),
-        e.description ? (o(), u("small", R, s(e.description), 1)) : g("", !0)
+        e.description ? (u(), i("small", R, r(e.description), 1)) : g("", !0)
       ], 2))
     ], 64));
   }

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

@@ -1,9 +1,9 @@
-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 { 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 N from "./GlDateTimePicker.vue.js";
-const J = {
+const K = {
   key: 0,
   class: "gl-label-form"
-}, 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 = {
+}, 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 = {
   key: 1,
   class: "text-center mt-1"
 }, te = { class: "gl-span-form-error" }, ae = {
@@ -36,6 +36,15 @@ const J = {
       type: String,
       default: ""
     },
+    // Optional per-picker labels shown above the start / end fields
+    label_name_start: {
+      type: String,
+      default: ""
+    },
+    label_name_end: {
+      type: String,
+      default: ""
+    },
     description: {
       type: String,
       default: ""
@@ -104,12 +113,12 @@ const J = {
   },
   emits: ["update:modelValue", "change"],
   setup(e, { emit: P }) {
-    const s = e, _ = P, f = w(""), l = w({
-      start: s.modelValue.start,
-      end: s.modelValue.end
+    const c = e, b = P, f = w(""), l = w({
+      start: c.modelValue.start,
+      end: c.modelValue.end
     });
-    H(
-      () => s.modelValue,
+    R(
+      () => c.modelValue,
       (t) => {
         t && (l.value.start = t.start, l.value.end = t.end);
       },
@@ -123,7 +132,7 @@ const J = {
       let a, n, r;
       const d = t.split(/[-/]/);
       if (d.length !== 3) return null;
-      switch (s.date_format) {
+      switch (c.date_format) {
         case "DD-MM-YYYY":
         case "DD/MM/YYYY":
           r = parseInt(d[0]), n = parseInt(d[1]) - 1, a = parseInt(d[2]);
@@ -137,75 +146,76 @@ const J = {
           break;
       }
       return { year: a, month: n, day: r };
-    }, h = (t) => {
+    }, 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 = E(r);
       if (!M) {
-        const i = new Date(a);
-        return isNaN(i.getTime()) ? null : i;
+        const s = new Date(a);
+        return isNaN(s.getTime()) ? null : s;
       }
-      let D = 0, S = 0;
+      let S = 0, D = 0;
       if (d) {
-        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 ? C(V, I) : V;
+        const s = d.match(/^(\d{1,2}):(\d{2})\s*(AM|PM)?$/i);
+        if (s) {
+          const V = parseInt(s[1]);
+          D = parseInt(s[2]);
+          const I = s[3] ? s[3].toUpperCase() : null;
+          S = I ? C(V, I) : V;
         }
       }
-      const { year: z, month: F, day: G } = M, k = new Date(z, F, G, D, S);
+      const { year: F, month: G, day: H } = M, k = new Date(F, G, H, S, D);
       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) => {
+    }, T = 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) => {
       if (t && a) {
-        const n = h(t), r = h(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 f.value = "", !0;
     }, A = (t) => {
-      l.value.start = t, b(l.value.start, l.value.end), x();
+      l.value.start = t, h(l.value.start, l.value.end), x();
     }, O = (t) => {
-      l.value.end = t, b(l.value.start, l.value.end), x();
+      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 = () => {
       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", {
+      b("update:modelValue", t), b("change", t);
+    }, $ = g(() => ""), z = g(() => "");
+    return (t, a) => (u(), m(J, null, [
+      e.show ? (u(), m("div", {
         key: 0,
-        class: v(["md:col-span-2", e.field_name])
+        class: _(["md:col-span-2", e.field_name])
       }, [
-        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))
+        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))
       ], 2)) : y("", !0),
-      e.show ? y("", !0) : (o(), m("div", {
+      e.show ? y("", !0) : (u(), m("div", {
         key: 1,
-        class: v(["md:col-span-2", {
+        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 ? (o(), m("label", {
+        e.label_name ? (u(), m("label", {
           key: 0,
-          class: v({
+          class: _({
             "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, L)) : y("", !0),
-        c("div", Q, [
-          c("div", W, [
+        }, i(e.label_name), 11, Q)) : y("", !0),
+        o("div", W, [
+          o("div", X, [
             q(N, {
               modelValue: l.value.start,
               "onUpdate:modelValue": a[0] || (a[0] = (n) => l.value.start = n),
               field_name: e.field_name + "_start",
+              label_name: e.label_name_start,
               is_required: e.is_required,
               placeholder: e.placeholder_start,
               date_format: e.date_format,
@@ -218,14 +228,15 @@ const J = {
               locale: e.locale,
               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"])
+            }, 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"])
           ]),
-          c("span", X, u(e.separator), 1),
-          c("div", Z, [
+          o("span", Z, i(e.separator), 1),
+          o("div", p, [
             q(N, {
               modelValue: l.value.end,
               "onUpdate:modelValue": a[1] || (a[1] = (n) => l.value.end = n),
               field_name: e.field_name + "_end",
+              label_name: e.label_name_end,
               is_required: e.is_required,
               placeholder: e.placeholder_end,
               date_format: e.date_format,
@@ -236,15 +247,15 @@ const J = {
               disabled_days: e.disabled_days,
               disabled_dates: e.disabled_dates,
               locale: e.locale,
-              error_message: p.value,
+              error_message: z.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"])
+            }, 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 ? (o(), m("div", ee, [
-          c("span", te, u(e.error_message || f.value), 1)
+        f.value || e.error_message ? (u(), m("div", ee, [
+          o("span", te, i(e.error_message || f.value), 1)
         ])) : y("", !0),
-        e.description ? (o(), m("small", ae, u(e.description), 1)) : y("", !0)
+        e.description ? (u(), m("small", ae, i(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.348",
+  "version": "1.2.349",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/mrgiant/GoldenLogicUi.git"