golden-logic-ui 1.3.6 → 1.3.7

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

@@ -1,20 +1,20 @@
-import { computed as M, ref as C, watch as X, onBeforeUnmount as Y, createElementBlock as u, openBlock as d, Fragment as D, createCommentVNode as g, normalizeClass as x, createElementVNode as n, toDisplayString as s, renderList as W, withKeys as E, withModifiers as B, createTextVNode as Z } from "vue";
-const tt = {
+import { computed as h, ref as B, watch as Y, onBeforeUnmount as Z, createElementBlock as d, openBlock as c, Fragment as D, createCommentVNode as g, normalizeClass as b, createElementVNode as a, toDisplayString as u, renderList as z, withKeys as V, withModifiers as j, createTextVNode as ee } from "vue";
+const te = {
   key: 0,
   class: "gl-label-form"
-}, et = { class: "mt-1 text-gray-900 dark:text-white" }, rt = { dir: "ltr" }, at = {
+}, re = { class: "mt-1 text-gray-900 dark:text-white" }, ne = { dir: "ltr" }, ae = {
   key: 1,
   class: "text-sm text-gray-500 dark:text-gray-400"
-}, nt = ["for"], lt = { class: "flex flex-col items-center gap-2 md:flex-row md:items-start" }, ot = ["for"], st = { class: "relative" }, it = ["id", "name", "required", "placeholder", "value", "aria-expanded", "onFocus", "onInput", "onBlur", "onKeydown"], ut = ["aria-label", "onClick"], dt = {
+}, le = ["for"], oe = { class: "flex flex-col items-center gap-2 md:flex-row md:items-start" }, se = ["for"], ie = { class: "relative" }, ue = ["id", "name", "required", "placeholder", "value", "aria-expanded", "onFocus", "onInput", "onBlur", "onKeydown"], de = ["aria-label", "onClick"], ce = {
   class: "flex items-center justify-center gap-2",
   dir: "ltr"
-}, ct = { class: "flex flex-col items-center" }, mt = ["aria-label", "onClick"], gt = { class: "w-12 rounded-md border border-gray-300 bg-white py-1 text-center text-sm text-gray-900 dark:border-gray-600 dark:bg-gray-700 dark:text-white" }, vt = ["aria-label", "onClick"], yt = { class: "flex flex-col items-center" }, ft = ["aria-label", "onClick"], ht = { class: "w-12 rounded-md border border-gray-300 bg-white py-1 text-center text-sm text-gray-900 dark:border-gray-600 dark:bg-gray-700 dark:text-white" }, xt = ["aria-label", "onClick"], pt = { class: "ms-1 flex flex-col gap-1" }, bt = ["onClick"], kt = { class: "mt-4 flex flex-wrap items-center justify-between gap-2 border-t border-gray-200 pt-3 dark:border-gray-700" }, wt = { dir: "ltr" }, _t = {
+}, me = { class: "flex flex-col items-center" }, ve = ["aria-label", "onClick"], ge = { class: "w-12 rounded-md border border-gray-300 bg-white py-1 text-center text-sm text-gray-900 dark:border-gray-600 dark:bg-gray-700 dark:text-white" }, ye = ["aria-label", "onClick"], fe = { class: "flex flex-col items-center" }, he = ["aria-label", "onClick"], xe = { class: "w-12 rounded-md border border-gray-300 bg-white py-1 text-center text-sm text-gray-900 dark:border-gray-600 dark:bg-gray-700 dark:text-white" }, be = ["aria-label", "onClick"], pe = { class: "ms-1 flex flex-col gap-1" }, ke = ["onClick"], _e = { class: "mt-4 flex flex-wrap items-center justify-between gap-2 border-t border-gray-200 pt-3 dark:border-gray-700" }, we = { dir: "ltr" }, $e = {
   key: 2,
   class: "mt-1"
-}, $t = { class: "gl-span-form-error" }, St = {
+}, Se = { class: "gl-span-form-error" }, Me = {
   key: 3,
   class: "mt-1 block text-sm font-normal leading-5 text-gray-500"
-}, Ct = {
+}, Be = {
   __name: "GlTimeRangePicker",
   props: {
     modelValue: {
@@ -34,8 +34,13 @@ const tt = {
     container_class: { type: String, default: "" },
     // Minutes moved by one press of the minute arrows
     minute_step: { type: Number, default: 5 },
-    // Whether an end at or before the start means the next day
+    // Whether an end at or before the start means the next day. When false the
+    // end must be after the start, except that 00:00 is accepted as midnight
+    // (the end of the day), so a range is never longer than 24 hours.
     allow_overnight: { type: Boolean, default: !0 },
+    // With overnight off: whether the end may equal the start, as a date range
+    // may start and end on the same day. Off, equal times are refused.
+    allow_equal: { type: Boolean, default: !0 },
     // Show the line explaining the range ("… · 9 hours", "Closes the next day …")
     show_summary: { type: Boolean, default: !0 },
     // "en" and "ar" are built in; anything else falls back to English
@@ -44,8 +49,8 @@ const tt = {
     labels: { type: Object, default: () => ({}) }
   },
   emits: ["update:modelValue", "change"],
-  setup(l, { expose: z, emit: U }) {
-    const c = l, F = U, L = {
+  setup(l, { expose: U, emit: G }) {
+    const s = l, F = G, L = {
       en: {
         midnight: "Midnight",
         clear: "Clear",
@@ -57,6 +62,7 @@ const tt = {
         next_day: "closes the next day",
         all_day: "open 24 hours",
         end_after_start: "The end time must be after the start time.",
+        end_not_before_start: "The end time must not be before the start time.",
         invalid: "Enter a time such as 8:30 AM."
       },
       ar: {
@@ -70,9 +76,10 @@ const tt = {
         next_day: "يغلق في اليوم التالي",
         all_day: "مفتوح 24 ساعة",
         end_after_start: "يجب أن يكون وقت الانتهاء بعد وقت البدء.",
+        end_not_before_start: "يجب ألا يكون وقت الانتهاء قبل وقت البدء.",
         invalid: "أدخل وقتاً مثل 8:30 AM."
       }
-    }, O = M(() => c.locale && c.locale.startsWith("ar") ? "ar" : "en"), m = (r) => c.labels[r] || L[O.value][r] || L.en[r] || r, i = C({ start: "", end: "" }), p = C({ start: null, end: null }), b = C(null), j = C(""), k = C(null), P = (r) => {
+    }, O = h(() => s.locale && s.locale.startsWith("ar") ? "ar" : "en"), m = (r) => s.labels[r] || L[O.value][r] || L.en[r] || r, i = B({ start: "", end: "" }), p = B({ start: null, end: null }), k = B(null), q = B(""), _ = B(null), E = (r) => {
       if (r == null)
         return null;
       const e = String(r).trim();
@@ -81,147 +88,154 @@ const tt = {
       const t = e.match(/^(\d{1,2})(?::(\d{1,2}))?(?::\d{1,2})?\s*([ap])\.?\s*m?\.?$/i) || e.match(/^(\d{1,2})(?::(\d{1,2}))?(?::\d{1,2})?$/);
       if (!t)
         return null;
-      let a = parseInt(t[1], 10);
+      let n = parseInt(t[1], 10);
       const v = parseInt(t[2] || "0", 10), o = t[3] ? t[3].toUpperCase() : null;
       if (v > 59)
         return null;
       if (o) {
-        if (a < 1 || a > 12)
+        if (n < 1 || n > 12)
           return null;
-        a = a % 12 + (o === "P" ? 12 : 0);
-      } else if (a > 23)
+        n = n % 12 + (o === "P" ? 12 : 0);
+      } else if (n > 23)
         return null;
-      return `${String(a).padStart(2, "0")}:${String(v).padStart(2, "0")}`;
+      return `${String(n).padStart(2, "0")}:${String(v).padStart(2, "0")}`;
     };
-    X(
-      () => c.modelValue,
+    Y(
+      () => s.modelValue,
       (r) => {
-        i.value.start = P(r?.start) ?? "", i.value.end = P(r?.end) ?? "";
+        i.value.start = E(r?.start) ?? "", i.value.end = E(r?.end) ?? "";
       },
       { immediate: !0, deep: !0 }
     );
-    const f = (r) => {
+    const y = (r) => {
       const [e, t] = r.split(":").map(Number);
       return e * 60 + t;
     }, A = (r) => {
       const e = (r % 1440 + 1440) % 1440;
       return `${String(Math.floor(e / 60)).padStart(2, "0")}:${String(e % 60).padStart(2, "0")}`;
-    }, V = (r) => {
-      const e = r || "08:00", [t, a] = e.split(":").map(Number);
-      return { hour12: t % 12 || 12, minute: a, meridiem: t >= 12 ? "PM" : "AM" };
+    }, P = (r) => {
+      const e = r || "08:00", [t, n] = e.split(":").map(Number);
+      return { hour12: t % 12 || 12, minute: n, meridiem: t >= 12 ? "PM" : "AM" };
     }, w = (r) => {
-      const e = P(r);
+      const e = E(r);
       if (!e)
         return "";
-      const t = V(e);
+      const t = P(e);
       return `${t.hour12}:${String(t.minute).padStart(2, "0")} ${t.meridiem}`;
-    }, G = () => {
+    }, R = () => {
       const r = { start: i.value.start, end: i.value.end };
-      J(), F("update:modelValue", r), F("change", r);
-    }, _ = (r, e) => {
-      i.value[r] = e, p.value[r] = null, G();
-    }, h = (r, e, t) => {
-      const a = i.value[r] || (r === "end" ? "17:00" : "08:00"), v = e === "hour" ? t * 60 : t * c.minute_step;
-      let o = f(a) + v;
-      e === "minute" && c.minute_step > 1 && (o = t > 0 ? Math.floor(o / c.minute_step) * c.minute_step : Math.ceil(o / c.minute_step) * c.minute_step), _(r, A(o));
-    }, R = (r, e) => {
-      const t = i.value[r] || (r === "end" ? "17:00" : "08:00"), a = f(t), v = a >= 720;
-      e === "PM" !== v && _(r, A(a + (e === "PM" ? 720 : -720)));
+      q.value = "", F("update:modelValue", r), F("change", r);
+    }, $ = (r, e) => {
+      i.value[r] = e, p.value[r] = null, R();
+    }, x = (r, e, t) => {
+      const n = i.value[r] || (r === "end" ? "17:00" : "08:00"), v = e === "hour" ? t * 60 : t * s.minute_step;
+      let o = y(n) + v;
+      e === "minute" && s.minute_step > 1 && (o = t > 0 ? Math.floor(o / s.minute_step) * s.minute_step : Math.ceil(o / s.minute_step) * s.minute_step), $(r, A(o));
+    }, H = (r, e) => {
+      const t = i.value[r] || (r === "end" ? "17:00" : "08:00"), n = y(t), v = n >= 720;
+      e === "PM" !== v && $(r, A(n + (e === "PM" ? 720 : -720)));
     }, I = (r) => {
       const e = p.value[r];
       if (e === null)
         return;
-      const t = P(e);
+      const t = E(e);
       if (t === null) {
-        j.value = m("invalid");
+        q.value = m("invalid");
         return;
       }
-      _(r, t);
+      $(r, t);
     }, K = (r) => {
-      b.value = r, document.addEventListener("mousedown", q);
-    }, y = () => {
-      b.value = null, document.removeEventListener("mousedown", q);
-    }, q = (r) => {
-      k.value && !k.value.contains(r.target) && y();
-    }, H = (r) => {
-      k.value && !k.value.contains(r.relatedTarget) && y();
+      k.value = r, document.addEventListener("mousedown", T);
+    }, f = () => {
+      k.value = null, document.removeEventListener("mousedown", T);
+    }, T = (r) => {
+      _.value && !_.value.contains(r.target) && f();
+    }, J = (r) => {
+      _.value && !_.value.contains(r.relatedTarget) && f();
     };
-    Y(() => document.removeEventListener("mousedown", q));
-    const N = M(() => {
+    Z(() => document.removeEventListener("mousedown", T));
+    const S = h(() => {
       const { start: r, end: e } = i.value;
       if (!r || !e)
         return null;
-      const t = f(r), a = f(e);
-      return a > t ? a - t : a + 1440 - t;
-    }), T = M(() => {
+      const t = y(r), n = y(e);
+      if (s.allow_overnight)
+        return n > t ? n - t : n + 1440 - t;
+      const v = e === "00:00" ? 1440 : n;
+      return v >= t ? v - t : null;
+    }), N = h(() => {
       const { start: r, end: e } = i.value;
-      return !!r && !!e && f(e) <= f(r);
-    });
-    function J() {
-      j.value = !c.allow_overnight && T.value ? m("end_after_start") : "";
-    }
-    const $ = M(() => c.error_message !== "" || j.value !== ""), Q = (r) => {
+      return s.allow_overnight && !!r && !!e && y(e) <= y(r);
+    }), Q = h(() => {
+      const { start: r, end: e } = i.value;
+      if (s.allow_overnight || !r || !e)
+        return "";
+      const t = y(r), n = e === "00:00" ? 1440 : y(e);
+      return n > t || n === t && s.allow_equal ? "" : m(s.allow_equal ? "end_not_before_start" : "end_after_start");
+    }), W = h(() => q.value || Q.value), M = h(() => s.error_message !== "" || W.value !== ""), X = (r) => {
       const e = Math.floor(r / 60), t = r % 60;
       if (O.value === "ar") {
-        const a = (o) => o === 1 ? "ساعة واحدة" : o === 2 ? "ساعتان" : o <= 10 ? `${o} ساعات` : `${o} ساعة`, v = (o) => o === 1 ? "دقيقة واحدة" : o === 2 ? "دقيقتان" : o <= 10 ? `${o} دقائق` : `${o} دقيقة`;
-        return [e ? a(e) : "", t ? v(t) : ""].filter(Boolean).join(" و ");
+        const n = (o) => o === 1 ? "ساعة واحدة" : o === 2 ? "ساعتان" : o <= 10 ? `${o} ساعات` : `${o} ساعة`, v = (o) => o === 1 ? "دقيقة واحدة" : o === 2 ? "دقيقتان" : o <= 10 ? `${o} دقائق` : `${o} دقيقة`;
+        return [e ? n(e) : "", t ? v(t) : ""].filter(Boolean).join(" و ");
       }
       return [
         e ? `${e} ${e === 1 ? "hour" : "hours"}` : "",
         t ? `${t} ${t === 1 ? "minute" : "minutes"}` : ""
       ].filter(Boolean).join(" ");
-    }, S = M(() => {
-      if (!c.show_summary || N.value === null)
+    }, C = h(() => {
+      if (!s.show_summary || S.value === null)
         return null;
-      const { start: r, end: e } = i.value;
-      if (r === e)
-        return { text: m("all_day"), overnight: !0 };
-      const t = Q(N.value);
-      return e === "00:00" ? { text: `${m("until_midnight")} · ${t}`, overnight: !1 } : T.value ? { text: `${m("next_day")} · ${t}`, overnight: !0 } : { text: t, overnight: !1 };
+      const { end: r } = i.value;
+      if (S.value === 1440)
+        return { text: m("all_day"), overnight: N.value };
+      if (S.value === 0)
+        return null;
+      const e = X(S.value);
+      return r === "00:00" ? { text: `${m("until_midnight")} · ${e}`, overnight: !1 } : N.value ? { text: `${m("next_day")} · ${e}`, overnight: !0 } : { text: e, overnight: !1 };
     });
-    return z({ span: N, isOvernight: T }), (r, e) => (d(), u(D, null, [
-      l.show ? (d(), u("div", {
+    return U({ span: S, isOvernight: N }), (r, e) => (c(), d(D, null, [
+      l.show ? (c(), d("div", {
         key: 0,
-        class: x(["md:col-span-2", l.field_name])
+        class: b(["md:col-span-2", l.field_name])
       }, [
-        l.label_name ? (d(), u("label", tt, s(l.label_name), 1)) : g("", !0),
-        n("p", et, [
-          n("span", rt, s(w(l.modelValue.start)) + " – " + s(w(l.modelValue.end)), 1)
+        l.label_name ? (c(), d("label", te, u(l.label_name), 1)) : g("", !0),
+        a("p", re, [
+          a("span", ne, u(w(l.modelValue.start)) + " – " + u(w(l.modelValue.end)), 1)
         ]),
-        S.value ? (d(), u("p", at, s(S.value.text), 1)) : g("", !0),
-        e[6] || (e[6] = n("hr", { class: "opacity-100! bg-gray-200 border-0 dark:bg-gray-700" }, null, -1))
+        C.value ? (c(), d("p", ae, u(C.value.text), 1)) : g("", !0),
+        e[6] || (e[6] = a("hr", { class: "opacity-100! bg-gray-200 border-0 dark:bg-gray-700" }, null, -1))
       ], 2)) : g("", !0),
-      l.show ? g("", !0) : (d(), u("div", {
+      l.show ? g("", !0) : (c(), d("div", {
         key: 1,
         ref_key: "root",
-        ref: k,
-        class: x(["md:col-span-2", {
+        ref: _,
+        class: b(["md:col-span-2", {
           [l.field_name]: l.field_name && l.field_name !== "",
           [l.container_class]: l.container_class && l.container_class !== ""
         }]),
-        onFocusout: H
+        onFocusout: J
       }, [
-        l.label_name ? (d(), u("label", {
+        l.label_name ? (c(), d("label", {
           key: 0,
-          class: x({
-            "gl-label-form": !$.value,
-            "gl-label-form-invalid": $.value,
+          class: b({
+            "gl-label-form": !M.value,
+            "gl-label-form-invalid": M.value,
             required: l.is_required
           }),
           for: l.field_name + "_start"
-        }, s(l.label_name), 11, nt)) : g("", !0),
-        n("div", lt, [
-          (d(), u(D, null, W(["start", "end"], (t) => n("div", {
+        }, u(l.label_name), 11, le)) : g("", !0),
+        a("div", oe, [
+          (c(), d(D, null, z(["start", "end"], (t) => a("div", {
             key: t,
             class: "relative w-full md:flex-1"
           }, [
-            (t === "start" ? l.label_name_start : l.label_name_end) ? (d(), u("label", {
+            (t === "start" ? l.label_name_start : l.label_name_end) ? (c(), d("label", {
               key: 0,
               for: l.field_name + "_" + t,
               class: "gl-label-form"
-            }, s(t === "start" ? l.label_name_start : l.label_name_end), 9, ot)) : g("", !0),
-            n("div", st, [
-              n("input", {
+            }, u(t === "start" ? l.label_name_start : l.label_name_end), 9, se)) : g("", !0),
+            a("div", ie, [
+              a("input", {
                 id: l.field_name + "_" + t,
                 name: l.field_name + "_" + t,
                 type: "text",
@@ -230,194 +244,194 @@ const tt = {
                 required: l.is_required,
                 placeholder: t === "start" ? l.placeholder_start : l.placeholder_end,
                 value: p.value[t] !== null ? p.value[t] : w(i.value[t]),
-                class: x([$.value ? "gl-input-form-invalid" : "gl-input-form", "pe-10 text-start"]),
-                "aria-expanded": b.value === t,
-                onFocus: (a) => K(t),
-                onInput: (a) => p.value[t] = a.target.value,
-                onBlur: (a) => I(t),
+                class: b([M.value ? "gl-input-form-invalid" : "gl-input-form", "pe-10 text-start"]),
+                "aria-expanded": k.value === t,
+                onFocus: (n) => K(t),
+                onInput: (n) => p.value[t] = n.target.value,
+                onBlur: (n) => I(t),
                 onKeydown: [
-                  E(B((a) => {
-                    I(t), y();
+                  V(j((n) => {
+                    I(t), f();
                   }, ["prevent"]), ["enter"]),
-                  e[0] || (e[0] = E((a) => y(), ["esc"])),
-                  E(B((a) => h(t, "minute", 1), ["prevent"]), ["up"]),
-                  E(B((a) => h(t, "minute", -1), ["prevent"]), ["down"])
+                  e[0] || (e[0] = V((n) => f(), ["esc"])),
+                  V(j((n) => x(t, "minute", 1), ["prevent"]), ["up"]),
+                  V(j((n) => x(t, "minute", -1), ["prevent"]), ["down"])
                 ]
-              }, null, 42, it),
-              n("button", {
+              }, null, 42, ue),
+              a("button", {
                 type: "button",
                 tabindex: "-1",
                 class: "absolute inset-y-0 end-0 flex items-center pe-3 text-gray-500 dark:text-gray-400",
                 "aria-label": m("pick_time"),
-                onMousedown: e[1] || (e[1] = B(() => {
+                onMousedown: e[1] || (e[1] = j(() => {
                 }, ["prevent"])),
-                onClick: (a) => b.value === t ? y() : K(t)
+                onClick: (n) => k.value === t ? f() : K(t)
               }, e[7] || (e[7] = [
-                n("svg", {
+                a("svg", {
                   class: "h-4 w-4",
                   "aria-hidden": "true",
                   fill: "none",
                   stroke: "currentColor",
                   viewBox: "0 0 24 24"
                 }, [
-                  n("circle", {
+                  a("circle", {
                     cx: "12",
                     cy: "12",
                     r: "9",
                     "stroke-width": "2"
                   }),
-                  n("path", {
+                  a("path", {
                     "stroke-linecap": "round",
                     "stroke-linejoin": "round",
                     "stroke-width": "2",
                     d: "M12 7v5l3 2"
                   })
                 ], -1)
-              ]), 40, ut)
+              ]), 40, de)
             ]),
-            b.value === t ? (d(), u("div", {
+            k.value === t ? (c(), d("div", {
               key: 1,
               class: "absolute start-0 z-50 mt-1 w-72 rounded-lg border border-gray-200 bg-white p-4 shadow-lg dark:border-gray-700 dark:bg-gray-800",
-              onMousedown: e[5] || (e[5] = B(() => {
+              onMousedown: e[5] || (e[5] = j(() => {
               }, ["prevent"]))
             }, [
-              n("div", dt, [
-                n("div", ct, [
-                  n("button", {
+              a("div", ce, [
+                a("div", me, [
+                  a("button", {
                     type: "button",
                     class: "p-1 text-gray-500 hover:text-gray-700 dark:text-gray-400 dark:hover:text-gray-200",
                     "aria-label": m("later"),
-                    onClick: (a) => h(t, "hour", 1)
+                    onClick: (n) => x(t, "hour", 1)
                   }, e[8] || (e[8] = [
-                    n("svg", {
+                    a("svg", {
                       class: "h-3 w-3",
                       fill: "none",
                       stroke: "currentColor",
                       viewBox: "0 0 24 24"
                     }, [
-                      n("path", {
+                      a("path", {
                         "stroke-linecap": "round",
                         "stroke-linejoin": "round",
                         "stroke-width": "2",
                         d: "M5 15l7-7 7 7"
                       })
                     ], -1)
-                  ]), 8, mt),
-                  n("span", gt, s(String(V(i.value[t]).hour12).padStart(2, "0")), 1),
-                  n("button", {
+                  ]), 8, ve),
+                  a("span", ge, u(String(P(i.value[t]).hour12).padStart(2, "0")), 1),
+                  a("button", {
                     type: "button",
                     class: "p-1 text-gray-500 hover:text-gray-700 dark:text-gray-400 dark:hover:text-gray-200",
                     "aria-label": m("earlier"),
-                    onClick: (a) => h(t, "hour", -1)
+                    onClick: (n) => x(t, "hour", -1)
                   }, e[9] || (e[9] = [
-                    n("svg", {
+                    a("svg", {
                       class: "h-3 w-3",
                       fill: "none",
                       stroke: "currentColor",
                       viewBox: "0 0 24 24"
                     }, [
-                      n("path", {
+                      a("path", {
                         "stroke-linecap": "round",
                         "stroke-linejoin": "round",
                         "stroke-width": "2",
                         d: "M19 9l-7 7-7-7"
                       })
                     ], -1)
-                  ]), 8, vt)
+                  ]), 8, ye)
                 ]),
-                e[12] || (e[12] = n("span", { class: "pb-1 text-lg font-semibold text-gray-900 dark:text-white" }, ":", -1)),
-                n("div", yt, [
-                  n("button", {
+                e[12] || (e[12] = a("span", { class: "pb-1 text-lg font-semibold text-gray-900 dark:text-white" }, ":", -1)),
+                a("div", fe, [
+                  a("button", {
                     type: "button",
                     class: "p-1 text-gray-500 hover:text-gray-700 dark:text-gray-400 dark:hover:text-gray-200",
                     "aria-label": m("later"),
-                    onClick: (a) => h(t, "minute", 1)
+                    onClick: (n) => x(t, "minute", 1)
                   }, e[10] || (e[10] = [
-                    n("svg", {
+                    a("svg", {
                       class: "h-3 w-3",
                       fill: "none",
                       stroke: "currentColor",
                       viewBox: "0 0 24 24"
                     }, [
-                      n("path", {
+                      a("path", {
                         "stroke-linecap": "round",
                         "stroke-linejoin": "round",
                         "stroke-width": "2",
                         d: "M5 15l7-7 7 7"
                       })
                     ], -1)
-                  ]), 8, ft),
-                  n("span", ht, s(String(V(i.value[t]).minute).padStart(2, "0")), 1),
-                  n("button", {
+                  ]), 8, he),
+                  a("span", xe, u(String(P(i.value[t]).minute).padStart(2, "0")), 1),
+                  a("button", {
                     type: "button",
                     class: "p-1 text-gray-500 hover:text-gray-700 dark:text-gray-400 dark:hover:text-gray-200",
                     "aria-label": m("earlier"),
-                    onClick: (a) => h(t, "minute", -1)
+                    onClick: (n) => x(t, "minute", -1)
                   }, e[11] || (e[11] = [
-                    n("svg", {
+                    a("svg", {
                       class: "h-3 w-3",
                       fill: "none",
                       stroke: "currentColor",
                       viewBox: "0 0 24 24"
                     }, [
-                      n("path", {
+                      a("path", {
                         "stroke-linecap": "round",
                         "stroke-linejoin": "round",
                         "stroke-width": "2",
                         d: "M19 9l-7 7-7-7"
                       })
                     ], -1)
-                  ]), 8, xt)
+                  ]), 8, be)
                 ]),
-                n("div", pt, [
-                  (d(), u(D, null, W(["AM", "PM"], (a) => n("button", {
-                    key: a,
+                a("div", pe, [
+                  (c(), d(D, null, z(["AM", "PM"], (n) => a("button", {
+                    key: n,
                     type: "button",
-                    class: x(["rounded-md px-2 py-1 text-xs font-medium transition-colors", V(i.value[t]).meridiem === a ? "bg-primary text-white dark:bg-primaryDark" : "bg-gray-100 text-gray-600 hover:bg-gray-200 dark:bg-gray-700 dark:text-gray-300 dark:hover:bg-gray-600"]),
-                    onClick: (v) => R(t, a)
-                  }, s(a), 11, bt)), 64))
+                    class: b(["rounded-md px-2 py-1 text-xs font-medium transition-colors", P(i.value[t]).meridiem === n ? "bg-primary text-white dark:bg-primaryDark" : "bg-gray-100 text-gray-600 hover:bg-gray-200 dark:bg-gray-700 dark:text-gray-300 dark:hover:bg-gray-600"]),
+                    onClick: (v) => H(t, n)
+                  }, u(n), 11, ke)), 64))
                 ])
               ]),
-              n("div", kt, [
-                t === "end" ? (d(), u("button", {
+              a("div", _e, [
+                t === "end" ? (c(), d("button", {
                   key: 0,
                   type: "button",
                   class: "text-sm font-medium text-primary hover:text-primary/80 dark:text-primaryDark",
-                  onClick: e[2] || (e[2] = (a) => {
-                    _("end", "00:00"), y();
+                  onClick: e[2] || (e[2] = (n) => {
+                    $("end", "00:00"), f();
                   })
-                }, s(m("midnight")), 1)) : (d(), u("button", {
+                }, u(m("midnight")), 1)) : (c(), d("button", {
                   key: 1,
                   type: "button",
                   class: "text-sm text-gray-500 hover:text-gray-700 dark:text-gray-400 dark:hover:text-gray-300",
-                  onClick: e[3] || (e[3] = (a) => {
-                    _("start", ""), y();
+                  onClick: e[3] || (e[3] = (n) => {
+                    $("start", ""), f();
                   })
-                }, s(m("clear")), 1)),
-                n("button", {
+                }, u(m("clear")), 1)),
+                a("button", {
                   type: "button",
                   class: "text-sm font-medium text-primary hover:text-primary/80 dark:text-primaryDark",
-                  onClick: e[4] || (e[4] = (a) => y())
-                }, s(m("done")), 1)
+                  onClick: e[4] || (e[4] = (n) => f())
+                }, u(m("done")), 1)
               ])
             ], 32)) : g("", !0)
           ])), 64))
         ]),
-        S.value && !$.value ? (d(), u("p", {
+        C.value && !M.value ? (c(), d("p", {
           key: 1,
-          class: x(["mt-1.5 text-sm", S.value.overnight ? "text-amber-700 dark:text-amber-400" : "text-gray-500 dark:text-gray-400"])
+          class: b(["mt-1.5 text-sm", C.value.overnight ? "text-amber-700 dark:text-amber-400" : "text-gray-500 dark:text-gray-400"])
         }, [
-          n("span", wt, s(w(i.value.start)) + " – " + s(w(i.value.end)), 1),
-          Z(" · " + s(S.value.text), 1)
+          a("span", we, u(w(i.value.start)) + " – " + u(w(i.value.end)), 1),
+          ee(" · " + u(C.value.text), 1)
         ], 2)) : g("", !0),
-        $.value ? (d(), u("div", _t, [
-          n("span", $t, s(l.error_message || j.value), 1)
+        M.value ? (c(), d("div", $e, [
+          a("span", Se, u(l.error_message || W.value), 1)
         ])) : g("", !0),
-        l.description ? (d(), u("small", St, s(l.description), 1)) : g("", !0)
+        l.description ? (c(), d("small", Me, u(l.description), 1)) : g("", !0)
       ], 34))
     ], 64));
   }
 };
 export {
-  Ct as default
+  Be 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.3.6",
+  "version": "1.3.7",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/mrgiant/GoldenLogicUi.git"