golden-logic-ui 1.2.371 → 1.2.372

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

@@ -1,8 +1,8 @@
-import { ref as $, computed as x, watch as ge, onMounted as me, onUnmounted as ve, createElementBlock as g, openBlock as m, Fragment as S, createCommentVNode as T, normalizeClass as b, createElementVNode as r, toDisplayString as u, withDirectives as fe, renderList as I, vShow as he } from "vue";
+import { ref as $, computed as w, watch as ge, onMounted as me, onUnmounted as ve, createElementBlock as g, openBlock as m, Fragment as S, createCommentVNode as T, normalizeClass as b, createElementVNode as r, toDisplayString as u, withDirectives as fe, renderList as I, vShow as he } from "vue";
 const ye = {
   key: 0,
   class: "gl-label-form"
-}, pe = { class: "mt-1 text-gray-900 dark:text-white" }, De = ["dir"], ke = ["for"], xe = { class: "relative" }, we = { class: "relative" }, Me = ["required", "name", "id", "value", "placeholder"], Ye = { class: "absolute z-50 mt-1 bg-white dark:bg-gray-800 rounded-lg shadow-lg border border-gray-200 dark:border-gray-700 p-4 w-[20rem] sm:w-auto max-w-[calc(100vw-2rem)]" }, be = { class: "flex flex-col sm:flex-row gap-4 sm:gap-6" }, _e = { class: "w-full sm:w-64" }, $e = { class: "flex items-center justify-between mb-3" }, Ce = { class: "text-sm font-semibold text-gray-900 dark:text-white" }, Se = { class: "grid grid-cols-7 gap-y-1 mb-1" }, Te = { class: "grid grid-cols-7" }, Ve = ["onClick", "onMouseenter", "disabled"], Ne = { class: "hidden sm:block sm:w-64" }, Ie = { class: "flex items-center justify-between mb-3" }, Le = { class: "text-sm font-semibold text-gray-900 dark:text-white" }, Be = { class: "grid grid-cols-7 gap-y-1 mb-1" }, Ee = { class: "grid grid-cols-7" }, Fe = ["onClick", "onMouseenter", "disabled"], qe = { class: "flex items-center justify-between gap-3 mt-4 pt-3 border-t border-gray-200 dark:border-gray-700" }, He = { class: "text-sm text-gray-600 dark:text-gray-300 truncate" }, Re = { class: "flex items-center gap-2 shrink-0" }, Ae = { class: "gl-span-form-error" }, Ze = {
+}, pe = { class: "mt-1 text-gray-900 dark:text-white" }, De = ["dir"], ke = ["for"], we = { class: "relative" }, xe = { class: "relative" }, Me = ["required", "name", "id", "value", "placeholder"], Ye = { class: "absolute z-50 mt-1 bg-white dark:bg-gray-800 rounded-lg shadow-lg border border-gray-200 dark:border-gray-700 p-4 w-[20rem] sm:w-auto max-w-[calc(100vw-2rem)]" }, be = { class: "flex flex-col sm:flex-row gap-4 sm:gap-6" }, _e = { class: "w-full sm:w-64" }, $e = { class: "flex items-center justify-between mb-3" }, Ce = { class: "text-sm font-semibold text-gray-900 dark:text-white" }, Se = { class: "grid grid-cols-7 gap-y-1 mb-1" }, Te = { class: "grid grid-cols-7" }, Ve = ["onClick", "onMouseenter", "disabled"], Ne = { class: "hidden sm:block sm:w-64" }, Ie = { class: "flex items-center justify-between mb-3" }, Le = { class: "text-sm font-semibold text-gray-900 dark:text-white" }, Be = { class: "grid grid-cols-7 gap-y-1 mb-1" }, Ee = { class: "grid grid-cols-7" }, Fe = ["onClick", "onMouseenter", "disabled"], qe = { class: "flex items-center justify-between gap-3 mt-4 pt-3 border-t border-gray-200 dark:border-gray-700" }, He = { class: "text-sm text-gray-600 dark:text-gray-300 truncate" }, Re = { class: "flex items-center gap-2 shrink-0" }, Ae = { class: "gl-span-form-error" }, Ze = {
   key: 1,
   class: "block mt-1 text-sm font-normal leading-5 text-gray-500"
 }, Pe = {
@@ -86,19 +86,19 @@ const ye = {
   },
   emits: ["update:modelValue", "change"],
   setup(s, { emit: te }) {
-    const o = s, E = te, L = $(null), M = $(!1), F = /* @__PURE__ */ new Date(), v = $(F.getMonth()), _ = $(F.getFullYear()), c = $(null), f = $(null), V = $(null), ae = x(() => H() === "ar"), q = {
+    const o = s, F = te, L = $(null), M = $(!1), q = /* @__PURE__ */ new Date(), v = $(q.getMonth()), _ = $(q.getFullYear()), c = $(null), f = $(null), V = $(null), ae = w(() => B() === "ar"), H = {
       en: { apply: "Apply", cancel: "Cancel" },
       ar: { apply: "تطبيق", cancel: "إلغاء" }
-    }, H = () => o.locale && o.locale.startsWith("ar") ? "ar" : "en", R = (a) => q[H()][a] || q.en[a] || a, A = x(() => {
+    }, B = () => o.locale && o.locale.startsWith("ar") ? "ar" : "en", R = (a) => H[B()][a] || H.en[a] || a, A = w(() => {
       const a = [];
       for (let e = 0; e < 12; e++)
         a.push(new Date(2e3, e, 1).toLocaleDateString(o.locale, { month: "long" }));
       return a;
-    }), Z = x(() => {
-      const a = [];
-      for (let e = 0; e < 7; e++)
-        a.push(new Date(2e3, 0, 2 + e).toLocaleDateString(o.locale, { weekday: "short" }));
-      return a;
+    }), Z = w(() => {
+      const a = B() === "ar" ? "narrow" : "short", e = [];
+      for (let t = 0; t < 7; t++)
+        e.push(new Date(2e3, 0, 2 + t).toLocaleDateString(o.locale, { weekday: a }));
+      return e;
     }), Y = (a) => {
       if (!a) return null;
       let e, t, n;
@@ -124,8 +124,8 @@ const ye = {
       if (String(a).toLowerCase() === "today") return /* @__PURE__ */ new Date();
       const e = String(a).match(/^([+-]?)(\d+)([dmy])$/i);
       if (e) {
-        const l = e[1] === "-" ? -1 : 1, p = parseInt(e[2]) * l, w = e[3].toLowerCase(), k = /* @__PURE__ */ new Date();
-        return w === "d" ? k.setDate(k.getDate() + p) : w === "m" ? k.setMonth(k.getMonth() + p) : w === "y" && k.setFullYear(k.getFullYear() + p), k;
+        const l = e[1] === "-" ? -1 : 1, p = parseInt(e[2]) * l, x = e[3].toLowerCase(), k = /* @__PURE__ */ new Date();
+        return x === "d" ? k.setDate(k.getDate() + p) : x === "m" ? k.setMonth(k.getMonth() + p) : x === "y" && k.setFullYear(k.getFullYear() + p), k;
       }
       const t = Y(a);
       if (t) return t;
@@ -153,32 +153,32 @@ const ye = {
     }, i = (a) => {
       const e = new Date(a);
       return e.setHours(0, 0, 0, 0), e;
-    }, P = (a, e) => a && e && a.toDateString() === e.toDateString(), G = x(() => {
+    }, P = (a, e) => a && e && a.toDateString() === e.toDateString(), G = w(() => {
       const a = o.modelValue?.start, e = o.modelValue?.end;
       if (!a && !e) return "";
       const t = a ? C(Y(a) || new Date(a)) : "", n = e ? C(Y(e) || new Date(e)) : "";
       return t && n ? `${t} ${o.separator} ${n}` : t || n;
-    }), re = x(() => {
+    }), re = w(() => {
       const a = c.value ? C(c.value) : "…", e = f.value ? C(f.value) : "…";
       return `${a} ${o.separator} ${e}`;
     }), U = (a, e) => {
-      const t = new Date(a, e, 1), n = new Date(a, e + 1, 0), l = t.getDay(), p = n.getDate(), w = [], k = new Date(a, e, 0).getDate();
+      const t = new Date(a, e, 1), n = new Date(a, e + 1, 0), l = t.getDay(), p = n.getDate(), x = [], k = new Date(a, e, 0).getDate();
       for (let d = l - 1; d >= 0; d--)
-        w.push({
+        x.push({
           day: k - d,
           currentMonth: !1,
           date: new Date(a, e - 1, k - d)
         });
       for (let d = 1; d <= p; d++)
-        w.push({ day: d, currentMonth: !0, date: new Date(a, e, d) });
-      const de = 42 - w.length;
+        x.push({ day: d, currentMonth: !0, date: new Date(a, e, d) });
+      const de = 42 - x.length;
       for (let d = 1; d <= de; d++)
-        w.push({ day: d, currentMonth: !1, date: new Date(a, e + 1, d) });
-      return w;
-    }, N = x(() => {
+        x.push({ day: d, currentMonth: !1, date: new Date(a, e + 1, d) });
+      return x;
+    }, N = w(() => {
       const a = v.value === 11 ? 0 : v.value + 1, e = v.value === 11 ? _.value + 1 : _.value;
       return { month: a, year: e };
-    }), ne = x(() => U(_.value, v.value)), se = x(() => U(N.value.year, N.value.month)), D = (a) => {
+    }), ne = w(() => U(_.value, v.value)), se = w(() => U(N.value.year, N.value.month)), D = (a) => {
       if (o.disabled_days.includes(a.getDay())) return !0;
       if (o.disabled_dates && o.disabled_dates.length > 0) {
         const e = i(a);
@@ -197,17 +197,17 @@ const ye = {
         if (e && i(a) > i(e)) return !0;
       }
       return !1;
-    }, le = x(() => c.value && !f.value && V.value ? V.value : f.value), B = x(() => {
+    }, le = w(() => c.value && !f.value && V.value ? V.value : f.value), E = w(() => {
       const a = c.value, e = le.value;
       return !a || !e ? null : a <= e ? { lo: i(a), hi: i(e) } : { lo: i(e), hi: i(a) };
     }), h = (a) => {
-      const e = B.value;
+      const e = E.value;
       return e ? i(a).getTime() === e.lo.getTime() : P(a, c.value);
     }, y = (a) => {
-      const e = B.value;
+      const e = E.value;
       return e ? i(a).getTime() === e.hi.getTime() : !1;
     }, W = (a) => {
-      const e = B.value;
+      const e = E.value;
       if (!e) return !1;
       const t = i(a).getTime();
       return t > e.lo.getTime() && t < e.hi.getTime();
@@ -233,7 +233,7 @@ const ye = {
         start: c.value ? C(c.value) : "",
         end: f.value ? C(f.value) : ""
       };
-      E("update:modelValue", a), E("change", a), M.value = !1;
+      F("update:modelValue", a), F("change", a), M.value = !1;
     }, ce = () => {
       M.value = !1;
     }, ee = (a) => {
@@ -273,8 +273,8 @@ const ye = {
           }),
           for: s.field_name
         }, u(s.label_name), 11, ke)) : T("", !0),
-        r("div", xe, [
-          r("div", we, [
+        r("div", we, [
+          r("div", xe, [
             r("input", {
               type: "text",
               readonly: "",
@@ -353,7 +353,7 @@ const ye = {
                 r("div", Se, [
                   (m(!0), g(S, null, I(Z.value, (t) => (m(), g("div", {
                     key: "lh-" + t,
-                    class: "text-center text-xs font-semibold text-gray-700 dark:text-gray-300 py-1"
+                    class: "text-center text-xs font-semibold text-gray-700 dark:text-gray-300 py-1 truncate"
                   }, u(t), 1))), 128))
                 ]),
                 r("div", Te, [
@@ -412,7 +412,7 @@ const ye = {
                 r("div", Be, [
                   (m(!0), g(S, null, I(Z.value, (t) => (m(), g("div", {
                     key: "rh-" + t,
-                    class: "text-center text-xs font-semibold text-gray-700 dark:text-gray-300 py-1"
+                    class: "text-center text-xs font-semibold text-gray-700 dark:text-gray-300 py-1 truncate"
                   }, u(t), 1))), 128))
                 ]),
                 r("div", Ee, [

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