golden-logic-ui 1.3.6 → 1.3.8

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

@@ -1,4 +1,4 @@
-import { ref as c, shallowRef as Y, onMounted as ve, onBeforeUnmount as me, watch as M, createElementBlock as f, openBlock as v, Fragment as Z, createCommentVNode as p, normalizeClass as B, createElementVNode as s, toDisplayString as w, withDirectives as R, withModifiers as ee, vShow as te, vModelText as ge, renderList as he, nextTick as pe } from "vue";
+import { ref as c, shallowRef as Y, onMounted as ve, onBeforeUnmount as me, watch as M, createElementBlock as f, openBlock as v, Fragment as Z, createCommentVNode as h, normalizeClass as B, createElementVNode as s, toDisplayString as b, withDirectives as F, withModifiers as ee, vShow as te, vModelText as ge, renderList as pe, nextTick as he } from "vue";
 const ye = { class: "font-bold ptext-lg dark:text-white" }, xe = { class: "mt-3 mb-4" }, we = {
   key: 0,
   class: "bg-blue-100 text-blue-800 text-sm font-medium mb-2 mt-2 me-2 px-2.5 py-0.5 rounded-sm dark:bg-blue-900 dark:text-blue-300"
@@ -8,20 +8,20 @@ const ye = { class: "font-bold ptext-lg dark:text-white" }, xe = { class: "mt-3
 }, Se = { class: "relative focus:ring-blue-500 focus:border-blue-500 dark:border-gray-600 dark:focus:ring-blue-500 dark:focus:border-blue-500" }, _e = { class: "relative showOptions" }, Ce = ["value", "placeholder"], De = { class: "text-gray-700 bg-white border dark:border-gray-700 dark:bg-gray-800 dark:text-gray-200 absolute w-full z-999999999 rounded-md mt-1 pt-1" }, Oe = {
   key: 0,
   class: "border-b border-gray-200 dark:border-gray-700"
-}, Ee = { class: "relative" }, Be = ["id", "placeholder"], $e = { class: "flex items-center py-2 pr-4" }, Le = ["onClick", "onMousedown", "id"], Me = { class: "flex justify-between items-center py-2" }, Ie = ["innerHTML"], Te = {
+}, Ee = { class: "relative" }, Be = ["id", "placeholder"], $e = { class: "flex items-center py-2 pr-4" }, Le = ["onClick", "onMousedown", "id"], Me = { class: "flex justify-between items-center py-2" }, Ie = ["innerHTML"], je = {
   key: 0,
   class: "flex items-center shrink-0 w-4 h-4 text-green-500 ltr:right-2 rtl:left-2 dark:text-green-400",
   "aria-hidden": "true",
   xmlns: "http://www.w3.org/2000/svg",
   fill: "none",
   viewBox: "0 0 16 12"
-}, Ue = {
+}, Te = {
   key: 2,
   class: "p-2 text-center text-gray-500"
-}, Ve = {
+}, Ue = {
   key: 3,
   class: "p-2 text-gray-500"
-}, je = { class: "block mt-1 text-sm font-normal leading-5 text-red-500" }, Ae = { class: "block mt-1 text-sm font-normal leading-5 text-gray-500" }, Ne = {
+}, Ae = { class: "block mt-1 text-sm font-normal leading-5 text-red-500" }, qe = { class: "block mt-1 text-sm font-normal leading-5 text-gray-500" }, Ne = {
   __name: "GlDropdown",
   props: {
     modelValue: {
@@ -110,19 +110,19 @@ const ye = { class: "font-bold ptext-lg dark:text-white" }, xe = { class: "mt-3
   },
   emits: ["update:modelValue", "selected", "selectionChanged"],
   setup(r, { emit: le }) {
-    const o = r, b = le, a = c({}), F = c(!1), y = c(0), x = c(!1), m = c(""), g = c(""), $ = c(!1), k = c(1), S = c(null), L = c(1), i = Y([]), O = c(!1), I = Y([]), U = c([]), ne = c(null), H = c(null);
-    let E = !1, h = null, V = 0, _ = null;
-    const z = (e) => e?.name === "CanceledError" || e?.name === "AbortError" || typeof axios < "u" && axios.isCancel?.(e), j = async (e = "down") => {
+    const o = r, k = le, a = c({}), T = c(!1), y = c(0), x = c(!1), m = c(""), g = c(""), $ = c(!1), S = c(1), _ = c(null), L = c(1), i = Y([]), O = c(!1), I = Y([]), U = c([]), ne = c(null), H = c(null);
+    let E = !1, p = null, A = 0, C = null;
+    const z = (e) => e?.name === "CanceledError" || e?.name === "AbortError" || typeof axios < "u" && axios.isCancel?.(e), q = async (e = "down") => {
       if ($.value || !o.api_url) return;
-      h && h.abort(), h = new AbortController();
-      const t = ++V;
+      p && p.abort(), p = new AbortController();
+      const t = ++A;
       $.value = !0;
       try {
-        const l = e === "up" ? Math.max(k.value - 1, L.value) : k.value, { data: n } = await axios.get(o.api_url, {
+        const l = e === "up" ? Math.max(S.value - 1, L.value) : S.value, { data: n } = await axios.get(o.api_url, {
           params: { search: m.value, page: l, per_page: 20 },
-          signal: h.signal
+          signal: p.signal
         });
-        if (E || t !== V) return;
+        if (E || t !== A) return;
         if (!n || !n.data) {
           i.value = [], O.value = !1;
           return;
@@ -130,14 +130,14 @@ const ye = { class: "font-bold ptext-lg dark:text-white" }, xe = { class: "mt-3
         const u = W(n.data);
         if (e === "down") {
           const d = i.value.length ? i.value.concat(u) : u, D = a.value;
-          C(D) && D.id !== void 0 && D.name && !d.some((T) => String(T.id) === String(D.id)) && d.unshift(D), i.value = d, k.value++, S.value = n.last_page, O.value = !0;
+          w(D) && D.id !== void 0 && D.name && !d.some((j) => String(j.id) === String(D.id)) && d.unshift(D), i.value = d, S.value++, _.value = n.last_page, O.value = !0;
         }
-        S.value || (S.value = n.last_page), L.value || (L.value = 1);
+        _.value || (_.value = n.last_page), L.value || (L.value = 1);
       } catch (l) {
         if (z(l)) return;
         console.error("Error fetching data:", l);
       } finally {
-        !E && t === V && ($.value = !1, h = null);
+        !E && t === A && ($.value = !1, p = null);
       }
     }, ae = async (e) => {
       if (!o.api_url || e === null || e === void 0 || e === "") return null;
@@ -170,23 +170,23 @@ const ye = { class: "font-bold ptext-lg dark:text-white" }, xe = { class: "mt-3
       E || (u ? (a.value = u, i.value.some((d) => String(d.id) === String(u.id)) || (i.value = [u, ...i.value])) : o.allow_custom ? a.value = { id: t, name: t } : a.value = { id: t, name: "" });
     }, re = (e) => {
       const t = e.target;
-      t && t.scrollHeight - t.clientHeight <= t.scrollTop + 10 && k.value <= S.value && j("down");
+      t && t.scrollHeight - t.clientHeight <= t.scrollTop + 10 && S.value <= _.value && q("down");
     }, K = (e) => {
-      e.target && (document.activeElement.classList.contains("showOptions" + g.value) ? x.value || A() : e.target.id != o.field_name + "search" + g.value && e.target.id != o.field_name && !e.target.classList.contains("showOptions" + g.value) && (P(), y.value = 0, x.value = !1));
-    }, A = () => {
+      e.target && (document.activeElement.classList.contains("showOptions" + g.value) ? x.value || V() : e.target.id != o.field_name + "search" + g.value && e.target.id != o.field_name && !e.target.classList.contains("showOptions" + g.value) && (R(), y.value = 0, x.value = !1));
+    }, V = () => {
       if (!o.show) {
         if (x.value) {
           x.value = !1;
           return;
         }
-        m.value = "", x.value = !0, o.api_url && (!O.value || i.value.length === 0) && (k.value = 1, S.value = null, i.value = [], O.value = !1, j("down")), pe(() => {
+        m.value = "", x.value = !0, o.api_url && (!O.value || i.value.length === 0) && (S.value = 1, _.value = null, i.value = [], O.value = !1, q("down")), he(() => {
           const e = document.getElementById(
             `${o.field_name}search${g.value}`
           );
           e && e.focus();
         });
       }
-    }, q = () => {
+    }, N = () => {
       const e = (t) => {
         if (o.allow_custom && t) {
           const l = typeof t == "object" ? t.id : t;
@@ -194,7 +194,7 @@ const ye = { class: "font-bold ptext-lg dark:text-white" }, xe = { class: "mt-3
         }
         return {};
       };
-      return C(a.value) ? typeof a.value == "object" ? i.value.find(
+      return w(a.value) ? typeof a.value == "object" ? i.value.find(
         (t) => String(t.id) === String(a.value.id)
       ) || e(a.value) : i.value.find(
         (t) => String(t.id) === String(a.value)
@@ -207,7 +207,7 @@ const ye = { class: "font-bold ptext-lg dark:text-white" }, xe = { class: "mt-3
     ve(() => {
       g.value = ue(), o.show || (document.body.addEventListener("click", G), document.addEventListener("focusin", K));
     }), me(() => {
-      E = !0, h && (h.abort(), h = null), _ && (clearTimeout(_), _ = null), document.body.removeEventListener("click", G), document.removeEventListener("focusin", K);
+      E = !0, p && (p.abort(), p = null), C && (clearTimeout(C), C = null), document.body.removeEventListener("click", G), document.removeEventListener("focusin", K);
     });
     function ie() {
       const e = I.value, t = o.maxItem, l = m.value;
@@ -215,8 +215,8 @@ const ye = { class: "font-bold ptext-lg dark:text-white" }, xe = { class: "mt-3
         return e.length > t ? e.slice(0, t) : e;
       const n = l.toLowerCase(), u = [];
       for (let d = 0, D = e.length; d < D && u.length < t; d++) {
-        const T = e[d];
-        String(T.name).toLowerCase().includes(n) && u.push(T);
+        const j = e[d];
+        String(j.name).toLowerCase().includes(n) && u.push(j);
       }
       return u;
     }
@@ -240,11 +240,11 @@ const ye = { class: "font-bold ptext-lg dark:text-white" }, xe = { class: "mt-3
         return e = Math.floor(e / 16), (t === "x" ? l : l & 3 | 8).toString(16);
       });
     }
-    function C(e) {
+    function w(e) {
       return e && typeof e == "object" && Object.keys(e).length > 0;
     }
     function G(e) {
-      e.target.id != o.field_name + "search" + g.value && e.target.id != o.field_name && !e.target.classList.contains("showOptions" + g.value) && (P(), y.value = 0, x.value = !1);
+      e.target.id != o.field_name + "search" + g.value && e.target.id != o.field_name && !e.target.classList.contains("showOptions" + g.value) && (R(), y.value = 0, x.value = !1);
     }
     function J(e) {
       const t = `${e}${g.value}`, l = document.getElementById(t), n = H.value;
@@ -278,15 +278,15 @@ const ye = { class: "font-bold ptext-lg dark:text-white" }, xe = { class: "mt-3
     }
     function X() {
       const e = m.value, t = { id: e, name: e }, l = String(e);
-      U.value.some((n) => String(n.id) === l) || U.value.push(t), i.value.some((n) => String(n.id) === l) || (i.value = [...i.value, t], I.value = [...I.value, t]), N(t);
+      U.value.some((n) => String(n.id) === l) || U.value.push(t), i.value.some((n) => String(n.id) === l) || (i.value = [...i.value, t], I.value = [...I.value, t]), P(t);
     }
-    function N(e) {
-      F.value = !0, a.value = e, x.value = !1, b("update:modelValue", a.value.id), b("selected", a.value), b("selectionChanged", a.value);
+    function P(e) {
+      T.value = !0, a.value = e, x.value = !1, k("update:modelValue", a.value.id), k("selected", a.value), k("selectionChanged", a.value);
     }
     function fe() {
-      o.show || (a.value = {}, m.value = "", b("update:modelValue", ""), b("selected", a.value), b("selectionChanged", a.value), A());
+      o.show || (a.value = {}, m.value = "", k("update:modelValue", ""), k("selected", a.value), k("selectionChanged", a.value), V());
     }
-    function P() {
+    function R() {
       (!a.value || !a.value.id) && (a.value = {}, m.value = "");
     }
     return M(m, () => {
@@ -294,15 +294,15 @@ const ye = { class: "font-bold ptext-lg dark:text-white" }, xe = { class: "mt-3
         i.value = ie(), i.value.length === 0 && (a.value = {});
         return;
       }
-      _ && clearTimeout(_), _ = setTimeout(() => {
-        _ = null, !E && (k.value = 1, S.value = null, L.value = 1, i.value = [], O.value = !1, j("down"));
+      C && clearTimeout(C), C = setTimeout(() => {
+        C = null, !E && (S.value = 1, _.value = null, L.value = 1, i.value = [], O.value = !1, q("down"));
       }, 250);
     }), M(a, (e) => {
-      C(e) && e.id !== o.modelValue && b("update:modelValue", e.id);
+      w(e) && e.id !== o.modelValue && k("update:modelValue", e.id);
     }), M(
       () => o.api_url,
       () => {
-        h && (h.abort(), h = null), k.value = 1, S.value = null, L.value = 1, i.value = [], O.value = !1;
+        p && (p.abort(), p = null), S.value = 1, _.value = null, L.value = 1, i.value = [], O.value = !1;
       },
       { immediate: !0 }
     ), M(
@@ -312,7 +312,8 @@ const ye = { class: "font-bold ptext-lg dark:text-white" }, xe = { class: "mt-3
           a.value = {};
           return;
         }
-        o.api_url ? F.value ? a.value = q() : await oe(e) : a.value = q();
+        const t = typeof e == "object" ? e.id : e;
+        w(a.value) && String(a.value.id) !== String(t) && (a.value = {}, T.value = !1), o.api_url ? T.value ? a.value = N() : await oe(e) : a.value = N();
       },
       { immediate: !0 }
     ), M(
@@ -324,7 +325,7 @@ const ye = { class: "font-bold ptext-lg dark:text-white" }, xe = { class: "mt-3
             const u = String(n.id);
             t.has(u) || (l.push(n), t.add(u));
           }
-          I.value = l, i.value = l, a.value = q();
+          I.value = l, i.value = l, a.value = N();
         }
       },
       // deep so the list still updates when options load late by mutating the SAME
@@ -336,13 +337,13 @@ const ye = { class: "font-bold ptext-lg dark:text-white" }, xe = { class: "mt-3
         key: 0,
         class: B(r.field_name)
       }, [
-        s("h3", ye, w(r.label_name), 1),
+        s("h3", ye, b(r.label_name), 1),
         s("p", xe, [
-          C(a.value) ? (v(), f("span", we, w(a.value?.name), 1)) : p("", !0)
+          w(a.value) ? (v(), f("span", we, b(a.value?.name), 1)) : h("", !0)
         ]),
         t[6] || (t[6] = s("hr", { class: "opacity-100! bg-gray-200 border-0 dark:bg-gray-700" }, null, -1))
-      ], 2)) : p("", !0),
-      r.show ? p("", !0) : (v(), f("div", {
+      ], 2)) : h("", !0),
+      r.show ? h("", !0) : (v(), f("div", {
         key: 1,
         class: B(r.field_name)
       }, [
@@ -360,7 +361,7 @@ const ye = { class: "font-bold ptext-lg dark:text-white" }, xe = { class: "mt-3
               "gl-label-form-invalid": r.error_message !== "",
               required: r.is_required
             })
-          }, w(r.label_name), 3)) : p("", !0),
+          }, b(r.label_name), 3)) : h("", !0),
           s("div", Se, [
             s("div", _e, [
               s("input", {
@@ -370,15 +371,15 @@ const ye = { class: "font-bold ptext-lg dark:text-white" }, xe = { class: "mt-3
                   "gl-input-form": r.error_message == "",
                   "gl-input-form-invalid": r.error_message !== "",
                   [`showOptions${g.value}`]: !0,
-                  "pr-14!": C(a.value) && r.has_cancel,
-                  "pr-8!": !(C(a.value) && r.has_cancel)
+                  "pr-14!": w(a.value) && r.has_cancel,
+                  "pr-8!": !(w(a.value) && r.has_cancel)
                 }, "truncate showOptions1"]),
                 value: a.value?.name,
                 placeholder: r.placeholder,
                 autocomplete: "off",
                 readonly: ""
               }, null, 10, Ce),
-              R(s("i", {
+              F(s("i", {
                 onClick: t[0] || (t[0] = ee((l) => fe(), ["stop"])),
                 class: "absolute text-gray-500 cursor-pointer pointer-events-auto ltr:right-8 rtl:left-8 hover:text-red-600 dark:hover:text-red-400",
                 style: { top: "13px" }
@@ -399,10 +400,10 @@ const ye = { class: "font-bold ptext-lg dark:text-white" }, xe = { class: "mt-3
                   })
                 ], -1)
               ]), 512), [
-                [te, C(a.value) && r.has_cancel]
+                [te, w(a.value) && r.has_cancel]
               ]),
               s("i", {
-                onClick: t[1] || (t[1] = ee((l) => A(), ["stop"])),
+                onClick: t[1] || (t[1] = ee((l) => V(), ["stop"])),
                 class: "absolute text-xl text-gray-500 cursor-pointer ltr:right-2 rtl:left-2 hover:text-gray-700 dark:hover:text-gray-700 showOptions",
                 style: { top: "14px" }
               }, [
@@ -422,20 +423,20 @@ const ye = { class: "font-bold ptext-lg dark:text-white" }, xe = { class: "mt-3
                   }, null, -1)
                 ]), 2))
               ]),
-              R(s("div", De, [
-                r.hide_search ? p("", !0) : (v(), f("div", Oe, [
+              F(s("div", De, [
+                r.hide_search ? h("", !0) : (v(), f("div", Oe, [
                   t[10] || (t[10] = s("label", {
                     for: "default-search",
                     class: "mb-2 text-sm font-medium text-gray-900 sr-only dark:text-white"
                   }, "Search", -1)),
                   s("div", Ee, [
                     t[9] || (t[9] = s("div", { class: "absolute inset-y-0 flex items-center pointer-events-none start-0 ps-3" }, null, -1)),
-                    R(s("input", {
+                    F(s("input", {
                       type: "search",
                       "onUpdate:modelValue": t[2] || (t[2] = (l) => m.value = l),
                       id: `${r.field_name}search${g.value}`,
                       onKeydown: se,
-                      onBlur: t[3] || (t[3] = (l) => P()),
+                      onBlur: t[3] || (t[3] = (l) => R()),
                       autocomplete: "off",
                       class: "block w-full p-2 text-sm text-gray-900 outline-hidden dark:bg-gray-800 dark:text-white",
                       placeholder: r.search_input_placeholder
@@ -457,16 +458,16 @@ const ye = { class: "font-bold ptext-lg dark:text-white" }, xe = { class: "mt-3
                     onMousedown: t[5] || (t[5] = (l) => X())
                   }, [
                     s("div", $e, [
-                      s("span", null, w(r.custom_option_label) + ' "' + w(m.value) + '"', 1)
+                      s("span", null, b(r.custom_option_label) + ' "' + b(m.value) + '"', 1)
                     ])
-                  ], 32)) : p("", !0),
-                  i.value.length ? (v(!0), f(Z, { key: 1 }, he(i.value, (l, n) => (v(), f("div", {
+                  ], 32)) : h("", !0),
+                  i.value.length ? (v(!0), f(Z, { key: 1 }, pe(i.value, (l, n) => (v(), f("div", {
                     class: B([
                       "relative px-2 py-0.5 text-xs leading-4 text-gray-700 no-underline cursor-pointer dark:text-gray-200 hover:bg-gray-100 dark:hover:bg-gray-700 dark:hover:text-white hover:rounded-sm",
                       n + 1 == y.value ? "bg-gray-100 dark:bg-gray-700 rounded-sm" : ""
                     ]),
-                    onClick: (u) => N(l),
-                    onMousedown: (u) => N(l),
+                    onClick: (u) => P(l),
+                    onMousedown: (u) => P(l),
                     key: n,
                     id: `${n + 1}${g.value}`
                   }, [
@@ -474,7 +475,7 @@ const ye = { class: "font-bold ptext-lg dark:text-white" }, xe = { class: "mt-3
                       s("span", {
                         innerHTML: l.name || l.id || "-"
                       }, null, 8, Ie),
-                      a.value?.id === l.id ? (v(), f("svg", Te, t[11] || (t[11] = [
+                      a.value?.id === l.id ? (v(), f("svg", je, t[11] || (t[11] = [
                         s("path", {
                           stroke: "currentColor",
                           "stroke-linecap": "round",
@@ -482,20 +483,20 @@ const ye = { class: "font-bold ptext-lg dark:text-white" }, xe = { class: "mt-3
                           "stroke-width": "2",
                           d: "M1 5.917 5.724 10.5 15 1.5"
                         }, null, -1)
-                      ]))) : p("", !0)
+                      ]))) : h("", !0)
                     ])
-                  ], 42, Le))), 128)) : p("", !0),
-                  $.value ? (v(), f("div", Ue, " Loading... ")) : p("", !0),
-                  !$.value && i.value.length === 0 && !(r.allow_custom && m.value) ? (v(), f("div", Ve, w(r.no_results_found_placeholder), 1)) : p("", !0)
+                  ], 42, Le))), 128)) : h("", !0),
+                  $.value ? (v(), f("div", Te, " Loading... ")) : h("", !0),
+                  !$.value && i.value.length === 0 && !(r.allow_custom && m.value) ? (v(), f("div", Ue, b(r.no_results_found_placeholder), 1)) : h("", !0)
                 ], 544)
               ], 512), [
                 [te, x.value]
               ])
             ])
           ])
-        ])) : p("", !0),
-        s("span", je, w(r.error_message), 1),
-        s("small", Ae, w(r.description), 1)
+        ])) : h("", !0),
+        s("span", Ae, b(r.error_message), 1),
+        s("small", qe, b(r.description), 1)
       ], 2))
     ], 64));
   }

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

@@ -1,57 +1,57 @@
-{
-  "name": "golden-logic-ui",
-  "description": "The most popular library of interactive components built with Vuejs && Tailwind CSS",
-  "type": "module",
-  "private": false,
-  "version": "1.3.6",
-  "repository": {
-    "type": "git",
-    "url": "git+https://github.com/mrgiant/GoldenLogicUi.git"
-  },
-  "author": "Mohamed Al Wahaibi",
-  "license": "MIT",
-  "files": [
-    "dist"
-  ],
-  "main": "./dist/main.js",
-  "module": "./dist/main.js",
-  "style": "./dist/golden-logic-ui.css",
-  "sideEffects": [
-    "**/*.css"
-  ],
-  "exports": {
-    ".": {
-      "import": "./dist/main.js"
-    },
-    "./style.css": "./dist/golden-logic-ui.css",
-    "./dist/golden-logic-ui.css": "./dist/golden-logic-ui.css",
-    "./*": "./dist/*"
-  },
-  "scripts": {
-    "dev": "vite",
-    "build": "vite build",
-    "preview": "vite preview"
-  },
-  "peerDependencies": {
-    "vue": "^3.4.x"
-  },
-  "dependencies": {
-    "@codemirror/autocomplete": "^6.18.4",
-    "@codemirror/lang-html": "^6.2.2",
-    "@codemirror/lang-javascript": "^6.2.2",
-    "@codemirror/state": "^6.5.0",
-    "@codemirror/theme-one-dark": "^6.1.2",
-    "@codemirror/view": "^6.36.1",
-    "@tailwindcss/vite": "^4.1.18",
-    "codemirror": "^6.0.1",
-    "tinymce": "^7.6.0",
-    "vue3-print-nb": "^0.1.4",
-    "xlsx": "^0.18.5"
-  },
-  "devDependencies": {
-    "@vitejs/plugin-vue": "^6.0.0",
-    "sass": "^1.75.0",
-    "tailwindcss": "^4.1.18",
-    "vite": "^7.0.0"
-  }
-}
+{
+  "name": "golden-logic-ui",
+  "description": "The most popular library of interactive components built with Vuejs && Tailwind CSS",
+  "type": "module",
+  "private": false,
+  "version": "1.3.8",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/mrgiant/GoldenLogicUi.git"
+  },
+  "author": "Mohamed Al Wahaibi",
+  "license": "MIT",
+  "files": [
+    "dist"
+  ],
+  "main": "./dist/main.js",
+  "module": "./dist/main.js",
+  "style": "./dist/golden-logic-ui.css",
+  "sideEffects": [
+    "**/*.css"
+  ],
+  "exports": {
+    ".": {
+      "import": "./dist/main.js"
+    },
+    "./style.css": "./dist/golden-logic-ui.css",
+    "./dist/golden-logic-ui.css": "./dist/golden-logic-ui.css",
+    "./*": "./dist/*"
+  },
+  "scripts": {
+    "dev": "vite",
+    "build": "vite build",
+    "preview": "vite preview"
+  },
+  "peerDependencies": {
+    "vue": "^3.4.x"
+  },
+  "dependencies": {
+    "@codemirror/autocomplete": "^6.18.4",
+    "@codemirror/lang-html": "^6.2.2",
+    "@codemirror/lang-javascript": "^6.2.2",
+    "@codemirror/state": "^6.5.0",
+    "@codemirror/theme-one-dark": "^6.1.2",
+    "@codemirror/view": "^6.36.1",
+    "@tailwindcss/vite": "^4.1.18",
+    "codemirror": "^6.0.1",
+    "tinymce": "^7.6.0",
+    "vue3-print-nb": "^0.1.4",
+    "xlsx": "^0.18.5"
+  },
+  "devDependencies": {
+    "@vitejs/plugin-vue": "^6.0.0",
+    "sass": "^1.75.0",
+    "tailwindcss": "^4.1.18",
+    "vite": "^7.0.0"
+  }
+}