@wikicasa-dev/components 2.1.6 → 2.1.7

package/dist/packages/components/lib/UIKit/BaseDropDown.vue.js

@@ -1,8 +1,8 @@
 import { defineComponent as L, mergeModels as b, useId as M, useModel as E, ref as h, computed as O, useTemplateRef as W, watch as n, onBeforeMount as $, onMounted as H, onUnmounted as K, createElementBlock as N, openBlock as u, withModifiers as C, normalizeClass as i, renderSlot as g, createBlock as y, createVNode as T, unref as l, withCtx as D, createElementVNode as V, createCommentVNode as q, resolveDynamicComponent as z } from "vue";
 import R from "./BaseButton.vue.js";
-import { ArrowIcon as U } from "../../../../node_modules/.pnpm/@wikicasa-dev_svg-icons@1.2.11_typescript@5.8.3/node_modules/@wikicasa-dev/svg-icons/dist/ArrowIcon.js";
-import "../../../../node_modules/.pnpm/@wikicasa-dev_svg-icons@1.2.11_typescript@5.8.3/node_modules/@wikicasa-dev/svg-icons/dist/PharmacyIcon.js";
-import { useKeyboardController as j } from "../../../../node_modules/.pnpm/@wikicasa-dev_vue-composables@0.0.23_typescript@5.8.3/node_modules/@wikicasa-dev/vue-composables/dist/useKeyboardController.js";
+import { ArrowIcon as U } from "../../../../node_modules/.pnpm/@wikicasa-dev_svg-icons@1.2.15-alpha.1_vue@3.5.16_typescript@5.8.3_/node_modules/@wikicasa-dev/svg-icons/dist/ArrowIcon.js";
+import "../../../../node_modules/.pnpm/@wikicasa-dev_svg-icons@1.2.15-alpha.1_vue@3.5.16_typescript@5.8.3_/node_modules/@wikicasa-dev/svg-icons/dist/PharmacyIcon.js";
+import { useKeyboardController as j } from "../../../../node_modules/.pnpm/@wikicasa-dev_vue-composables@0.0.24-alpha.5_vue@3.5.16_typescript@5.8.3_/node_modules/@wikicasa-dev/vue-composables/dist/useKeyboardController.js";
 const F = ["innerHTML"], Z = /* @__PURE__ */ L({
   inheritAttrs: !1,
   __name: "BaseDropDown",

package/dist/packages/components/lib/UIKit/BaseModal.vue.js

@@ -1,11 +1,12 @@
 import { defineComponent as T, ref as n, useTemplateRef as z, onUnmounted as H, watch as I, createBlock as O, openBlock as k, Teleport as $, createElementVNode as s, normalizeClass as o, withModifiers as v, createElementBlock as y, createCommentVNode as h, renderSlot as d, createVNode as D, unref as K, nextTick as N } from "vue";
 import "../../../../node_modules/.pnpm/js-cookie@3.0.5/node_modules/js-cookie/dist/js.cookie.js";
-import { isWindows as w } from "../../../../node_modules/.pnpm/@wikicasa-dev_utilities@1.1.21/node_modules/@wikicasa-dev/utilities/dist/utils/DeviceDetectionUtils.js";
-import { awaitableSetTimeout as S } from "../../../../node_modules/.pnpm/@wikicasa-dev_utilities@1.1.21/node_modules/@wikicasa-dev/utilities/dist/utils/GenericUtils.js";
+import "date-fns";
+import { isWindows as w } from "../../../../node_modules/.pnpm/@wikicasa-dev_utilities@1.1.22-alpha.4/node_modules/@wikicasa-dev/utilities/dist/utils/DeviceDetectionUtils.js";
+import { awaitableSetTimeout as S } from "../../../../node_modules/.pnpm/@wikicasa-dev_utilities@1.1.22-alpha.4/node_modules/@wikicasa-dev/utilities/dist/utils/GenericUtils.js";
 import "../../../../_virtual/polyline.js";
-import { CloseIcon as V } from "../../../../node_modules/.pnpm/@wikicasa-dev_svg-icons@1.2.11_typescript@5.8.3/node_modules/@wikicasa-dev/svg-icons/dist/CloseIcon.js";
-import "../../../../node_modules/.pnpm/@wikicasa-dev_svg-icons@1.2.11_typescript@5.8.3/node_modules/@wikicasa-dev/svg-icons/dist/PharmacyIcon.js";
-const F = ["id", "data-cy"], U = ["innerHTML"], J = /* @__PURE__ */ T({
+import { CloseIcon as V } from "../../../../node_modules/.pnpm/@wikicasa-dev_svg-icons@1.2.15-alpha.1_vue@3.5.16_typescript@5.8.3_/node_modules/@wikicasa-dev/svg-icons/dist/CloseIcon.js";
+import "../../../../node_modules/.pnpm/@wikicasa-dev_svg-icons@1.2.15-alpha.1_vue@3.5.16_typescript@5.8.3_/node_modules/@wikicasa-dev/svg-icons/dist/PharmacyIcon.js";
+const F = ["id", "data-cy"], U = ["innerHTML"], Q = /* @__PURE__ */ T({
   __name: "BaseModal",
   props: {
     id: { default: "base-bt-modal" },
@@ -28,12 +29,12 @@ const F = ["id", "data-cy"], U = ["innerHTML"], J = /* @__PURE__ */ T({
   },
   emits: ["closed", "opened", "dialogClick"],
   setup(l, { emit: C }) {
-    const r = C, t = n(!1), m = n(null), a = z("modalDialog"), c = n(!1), u = n(!1), f = ({ key: e }) => {
+    const r = C, t = n(!1), m = n(null), a = z("modalDialog"), c = n(!1), u = n(!1), p = ({ key: e }) => {
       e === "Escape" && i();
     }, g = () => {
-      document?.body.addEventListener("keydown", f);
-    }, p = () => {
-      document?.body.removeEventListener("keydown", f);
+      document?.body.addEventListener("keydown", p);
+    }, f = () => {
+      document?.body.removeEventListener("keydown", p);
     }, M = async () => {
       t.value = !0, N(() => {
         g(), w() ? document?.body.classList.add("uikit-no-scrolling", "sm:uikit-pr-15px") : document?.body.classList.add("uikit-no-scrolling");
@@ -53,12 +54,12 @@ const F = ["id", "data-cy"], U = ["innerHTML"], J = /* @__PURE__ */ T({
         await i();
       }
     }, i = async () => {
-      t.value = !1, p(), document?.documentElement.classList.remove("uikit-no-scrolling"), navigator.userAgent.includes("Windows") ? document?.body.classList.remove("uikit-no-scrolling", "sm:uikit-pr-15px") : document?.body.classList.remove("uikit-no-scrolling"), await S(() => {
+      t.value = !1, f(), document?.documentElement.classList.remove("uikit-no-scrolling"), navigator.userAgent.includes("Windows") ? document?.body.classList.remove("uikit-no-scrolling", "sm:uikit-pr-15px") : document?.body.classList.remove("uikit-no-scrolling"), await S(() => {
         m.value?.classList.add("uikit-hidden"), r("closed");
       }, 250);
     };
     return H(() => {
-      p(), document?.documentElement.classList.remove("uikit-no-scrolling"), w() ? document?.body.classList.remove("uikit-no-scrolling", "sm:uikit-pr-15px") : document?.body.classList.remove("uikit-no-scrolling");
+      f(), document?.documentElement.classList.remove("uikit-no-scrolling"), w() ? document?.body.classList.remove("uikit-no-scrolling", "sm:uikit-pr-15px") : document?.body.classList.remove("uikit-no-scrolling");
     }), I(
       () => l.showModal,
       async (e) => {
@@ -142,5 +143,5 @@ const F = ["id", "data-cy"], U = ["innerHTML"], J = /* @__PURE__ */ T({
   }
 });
 export {
-  J as default
+  Q as default
 };

package/dist/packages/components/lib/UIKit/BasePagination.vue.js

@@ -1,6 +1,6 @@
-import { defineComponent as U, mergeModels as F, useModel as O, computed as k, createElementBlock as a, openBlock as r, createCommentVNode as s, createElementVNode as w, normalizeClass as N, createVNode as M, unref as L, toDisplayString as c, Fragment as b, createBlock as f, resolveDynamicComponent as h, mergeProps as d, withCtx as p, createTextVNode as g, renderList as j } from "vue";
-import { ArrowIcon as S } from "../../../../node_modules/.pnpm/@wikicasa-dev_svg-icons@1.2.11_typescript@5.8.3/node_modules/@wikicasa-dev/svg-icons/dist/ArrowIcon.js";
-import "../../../../node_modules/.pnpm/@wikicasa-dev_svg-icons@1.2.11_typescript@5.8.3/node_modules/@wikicasa-dev/svg-icons/dist/PharmacyIcon.js";
+import { defineComponent as U, mergeModels as F, useModel as O, computed as k, createElementBlock as a, openBlock as r, createCommentVNode as s, createElementVNode as w, normalizeClass as N, createVNode as M, unref as L, toDisplayString as c, Fragment as b, createBlock as h, resolveDynamicComponent as f, mergeProps as p, withCtx as d, createTextVNode as g, renderList as j } from "vue";
+import { ArrowIcon as S } from "../../../../node_modules/.pnpm/@wikicasa-dev_svg-icons@1.2.15-alpha.1_vue@3.5.16_typescript@5.8.3_/node_modules/@wikicasa-dev/svg-icons/dist/ArrowIcon.js";
+import "../../../../node_modules/.pnpm/@wikicasa-dev_svg-icons@1.2.15-alpha.1_vue@3.5.16_typescript@5.8.3_/node_modules/@wikicasa-dev/svg-icons/dist/PharmacyIcon.js";
 const T = {
   "aria-label": "Page navigation",
   class: "uikit-overflow-auto"
@@ -33,7 +33,7 @@ const T = {
     prevDataCy: {},
     nextDataCy: {},
     linkProps: {},
-    linkTag: { default: "a" },
+    linkTag: { type: [Object, Function, String], default: "a" },
     baseUrl: {},
     pageQueryParameter: { default: "p" },
     formatter: { type: Function }
@@ -55,7 +55,7 @@ const T = {
       for (; i < l.value - 1 && t < n.siblings; )
         i++, t++;
       return t;
-    }), D = k(() => {
+    }), $ = k(() => {
       const e = C.value + /* Filling with the remaining right siblings */
       Math.abs(P.value - n.siblings) + /* If there is no suspension points on the right, let's fill it */
       new Number(!x.value).valueOf() + /* If the pageNumber is the same of the last, let's fill it */
@@ -64,7 +64,7 @@ const T = {
       const t = [];
       for (i; i < (u.value || 0); i++) t.push(i);
       return t;
-    }), $ = k(() => {
+    }), D = k(() => {
       const e = P.value + /* Filling with the remaining left siblings */
       Math.abs(C.value - n.siblings) + /* If there is no suspension points on the left, let's fill it */
       new Number(!y.value).valueOf() + /* If the pageNumber is the same of the firstPage, let's fill it */
@@ -81,7 +81,7 @@ const T = {
       if (n.baseUrl)
         try {
           const i = new URL(n.baseUrl);
-          return e === 1 || i.searchParams.set(n.pageQueryParameter, `${e}`), i.toString();
+          return e === 1 ? i.toString() : (i.searchParams.set(n.pageQueryParameter, `${e}`), `${i.pathname}${i.search}`);
         } catch (i) {
           console.error(i);
           return;
@@ -111,29 +111,29 @@ const T = {
             key: 0,
             onClick: i[1] || (i[1] = (t) => v(0))
           }, [
-            (r(), f(h(m.value), d({
+            (r(), h(f(m.value), p({
               href: o(1),
               to: o(1),
               class: "page uikit-flex uikit-h-30px uikit-min-w-[30px] uikit-cursor-pointer uikit-select-none uikit-items-center uikit-justify-center uikit-rounded-circle uikit-p-5px uikit-no-underline hover:uikit-bg-w-primary hover:uikit-text-white"
             }, e.linkProps), {
-              default: p(() => i[4] || (i[4] = [
+              default: d(() => i[4] || (i[4] = [
                 g(" 1 ")
               ])),
-              _: 1
+              _: 1,
+              __: [4]
             }, 16, ["href", "to"]))
           ])) : s("", !0),
           y.value ? (r(), a("li", Q, " ... ")) : s("", !0),
-          (r(!0), a(b, null, j(D.value, (t) => (r(), a("li", {
+          (r(!0), a(b, null, j($.value, (t) => (r(), a("li", {
             key: t,
             onClick: (B) => v(t)
           }, [
-            (r(), f(h(m.value), d({
+            (r(), h(f(m.value), p({
               href: o(t),
               to: o(t),
-              class: "uikit-flex uikit-h-30px uikit-min-w-[30px] uikit-cursor-pointer uikit-select-none uikit-items-center uikit-justify-center uikit-rounded-circle uikit-p-5px uikit-no-underline hover:uikit-bg-w-primary hover:uikit-text-white",
-              ref_for: !0
-            }, e.linkProps), {
-              default: p(() => [
+              class: "uikit-flex uikit-h-30px uikit-min-w-[30px] uikit-cursor-pointer uikit-select-none uikit-items-center uikit-justify-center uikit-rounded-circle uikit-p-5px uikit-no-underline hover:uikit-bg-w-primary hover:uikit-text-white"
+            }, { ref_for: !0 }, e.linkProps), {
+              default: d(() => [
                 g(c(e.formatter ? e.formatter(t) : t), 1)
               ]),
               _: 2
@@ -141,31 +141,30 @@ const T = {
           ], 8, z))), 128))
         ], 64)),
         w("li", null, [
-          (r(), f(h(m.value), d({
+          (r(), h(f(m.value), p({
             href: o(u.value),
             to: o(u.value),
             class: ["selected uikit-pointer-events-none uikit-flex uikit-h-30px uikit-min-w-[30px] uikit-select-none uikit-items-center uikit-justify-center uikit-rounded-circle uikit-p-5px uikit-no-underline", {
               "uikit-bg-w-primary uikit-text-white hover:uikit-bg-w-primary hover:uikit-text-white": !e.small
             }]
           }, e.linkProps), {
-            default: p(() => [
+            default: d(() => [
               g(c(e.formatter ? e.formatter(u.value) : u.value), 1)
             ]),
             _: 1
           }, 16, ["href", "to", "class"]))
         ]),
         e.small ? s("", !0) : (r(), a(b, { key: 1 }, [
-          (r(!0), a(b, null, j($.value, (t) => (r(), a("li", {
+          (r(!0), a(b, null, j(D.value, (t) => (r(), a("li", {
             key: t,
             onClick: (B) => v(t)
           }, [
-            (r(), f(h(m.value), d({
+            (r(), h(f(m.value), p({
               href: o(t),
               to: o(t),
-              class: "uikit-flex uikit-h-30px uikit-min-w-[30px] uikit-cursor-pointer uikit-select-none uikit-items-center uikit-justify-center uikit-rounded-circle uikit-p-5px uikit-no-underline hover:uikit-bg-w-primary hover:uikit-text-white",
-              ref_for: !0
-            }, e.linkProps), {
-              default: p(() => [
+              class: "uikit-flex uikit-h-30px uikit-min-w-[30px] uikit-cursor-pointer uikit-select-none uikit-items-center uikit-justify-center uikit-rounded-circle uikit-p-5px uikit-no-underline hover:uikit-bg-w-primary hover:uikit-text-white"
+            }, { ref_for: !0 }, e.linkProps), {
+              default: d(() => [
                 g(c(e.formatter ? e.formatter(t) : t), 1)
               ]),
               _: 2
@@ -176,12 +175,12 @@ const T = {
             key: 1,
             onClick: i[2] || (i[2] = (t) => v(l.value))
           }, [
-            (r(), f(h(m.value), d({
+            (r(), h(f(m.value), p({
               href: o(l.value),
               to: o(l.value),
               class: "uikit-flex uikit-h-30px uikit-min-w-[30px] uikit-cursor-pointer uikit-select-none uikit-items-center uikit-justify-center uikit-rounded-circle uikit-p-5px uikit-no-underline hover:uikit-bg-w-primary hover:uikit-text-white"
             }, e.linkProps), {
-              default: p(() => [
+              default: d(() => [
                 g(c(e.formatter ? e.formatter(l.value) : l.value), 1)
               ]),
               _: 1

package/dist/packages/components/lib/UIKit/BaseSlider.vue.js

@@ -1,8 +1,8 @@
-import { defineComponent as _, mergeModels as j, useModel as D, ref as p, useTemplateRef as T, useAttrs as q, onMounted as G, createElementBlock as H, openBlock as J, createElementVNode as x, withModifiers as k, unref as h, createVNode as C } from "vue";
-import E from "../../../../UIKit/BaseInput.js";
-const K = { class: "range_container" }, O = { class: "sliders_control" }, Q = ["value", "min", "max", "step"], W = ["value", "min", "max", "step"], X = { class: "form_control row" }, Y = { class: "pb-15 pb-sm-0 col-sm-6 col-xl-4" }, Z = { class: "col-sm-6 col-xl-4" }, te = /* @__PURE__ */ _({
+import { defineComponent as R, mergeModels as _, useModel as w, ref as p, useTemplateRef as D, useAttrs as j, onMounted as q, createElementBlock as G, openBlock as H, createElementVNode as x, withModifiers as T, createVNode as k } from "vue";
+import C from "../../../../UIKit/BaseInput.js";
+const J = { class: "range_container" }, K = { class: "sliders_control" }, O = ["value", "min", "max", "step"], Q = ["value", "min", "max", "step"], W = { class: "form_control row" }, X = { class: "pb-15 pb-sm-0 col-sm-6 col-xl-4" }, Y = { class: "col-sm-6 col-xl-4" }, ae = /* @__PURE__ */ R({
   __name: "BaseSlider",
-  props: /* @__PURE__ */ j({
+  props: /* @__PURE__ */ _({
     type: { default: "linear" },
     min: { default: 0 },
     max: { default: 100 }
@@ -14,11 +14,11 @@ const K = { class: "range_container" }, O = { class: "sliders_control" }, Q = ["
   }),
   emits: ["update:minValue", "update:maxValue"],
   setup(m) {
-    function M(e, l) {
+    function B(e, l) {
       const a = parseInt(e.value, 10), t = parseInt(l.value, 10);
       return [a, t];
     }
-    const L = (e) => e.minPos + (Math.log(e.value) - e.minlval) / e.scale, z = (e) => Math.exp(
+    const E = (e) => e.minPos + (Math.log(e.value) - e.minlval) / e.scale, L = (e) => Math.exp(
       (e.position - e.minPos) * e.scale + e.minlval
     );
     function V(e, l, a, t, v) {
@@ -32,39 +32,39 @@ const K = { class: "range_container" }, O = { class: "sliders_control" }, Q = ["
       ${a} ${$ / s * 100}%,
       ${a} 100%)`;
     }
-    function y(e, l) {
+    function h(e, l) {
       e <= 0 ? l.style.zIndex = "2" : l.style.zIndex = "0";
     }
-    const r = D(m, "minValue"), o = D(m, "maxValue"), n = p(0), u = p(100), c = p(10), d = p(40), F = p(0), P = p(0), B = p(0), g = T("fromSlider"), i = T("toSlider"), S = (e, l) => {
+    const r = w(m, "minValue"), o = w(m, "maxValue"), n = p(0), u = p(100), c = p(10), d = p(40), F = p(0), M = p(0), y = p(0), g = D("fromSlider"), i = D("toSlider"), P = (e, l) => {
       if (!g.value || !i.value) return;
       l || (l = "0");
       const a = parseInt(l, 10);
       if (e == "min-input") {
         if (a >= o.value) return;
-        r.value = a, A(i.value, a, o.value);
+        r.value = a, z(i.value, a, o.value);
         return;
       }
-      a < r.value || (o.value = a, N(i.value, i.value, r.value, a));
+      a < r.value || (o.value = a, A(i.value, i.value, r.value, a));
     }, I = (e) => {
       if (m.type === "logarithmic")
         return e = e || 1, parseInt(
-          L({
+          E({
             value: e,
             minPos: n.value,
             minlval: F.value,
-            scale: B.value
+            scale: y.value
           }).toFixed(0),
           10
         );
       if (m.type === "linear")
         return e;
       throw new Error("The slider type has not been implemented");
-    }, b = (e) => {
+    }, S = (e) => {
       if (m.type === "logarithmic")
         return e = e || 1, parseInt(
-          z({
+          L({
             position: e,
-            scale: B.value,
+            scale: y.value,
             minlval: F.value,
             minPos: n.value
           }).toFixed(0),
@@ -73,7 +73,7 @@ const K = { class: "range_container" }, O = { class: "sliders_control" }, Q = ["
       if (m.type === "linear")
         return e;
       throw new Error("The slider type has not been implemented");
-    }, A = (e, l, a) => {
+    }, z = (e, l, a) => {
       const t = I(l), v = I(a);
       V(
         t,
@@ -88,7 +88,7 @@ const K = { class: "range_container" }, O = { class: "sliders_control" }, Q = ["
       );
       const s = t, f = o.value;
       s > f ? c.value = f : c.value = s;
-    }, N = (e, l, a, t) => {
+    }, A = (e, l, a, t) => {
       const v = I(a), s = I(t);
       V(
         v,
@@ -102,10 +102,10 @@ const K = { class: "range_container" }, O = { class: "sliders_control" }, Q = ["
         l
       );
       const f = r.value, $ = s;
-      y(o.value, e), f <= $ ? d.value = $ : d.value = f;
-    }, U = (e, l) => {
+      h(o.value, e), f <= $ ? d.value = $ : d.value = f;
+    }, N = (e, l) => {
       if (!l.value) return;
-      const [a, t] = M(e, l), v = b(a);
+      const [a, t] = B(e, l), v = S(a);
       V(
         a,
         {
@@ -117,9 +117,9 @@ const K = { class: "range_container" }, O = { class: "sliders_control" }, Q = ["
         "#2B5DFF",
         l
       ), a > t ? (e.value = `${t}`, c.value = t, r.value = t) : (c.value = a, r.value = v);
-    }, R = (e, l) => {
+    }, U = (e, l) => {
       if (!l.value) return;
-      const [a, t] = M(e, l), v = b(t);
+      const [a, t] = B(e, l), v = S(t);
       V(
         c.value,
         {
@@ -130,11 +130,11 @@ const K = { class: "range_container" }, O = { class: "sliders_control" }, Q = ["
         "#B4C2F0",
         "#2B5DFF",
         l
-      ), y(parseInt(l.value, 10), l), a <= t ? (d.value = t, o.value = v) : (l.value = `${a}`, d.value = a, o.value = a);
-    }, w = q();
+      ), h(parseInt(l.value, 10), l), a <= t ? (d.value = t, o.value = v) : (l.value = `${a}`, d.value = a, o.value = a);
+    }, b = j();
     return (() => {
-      n.value = parseInt(`${m.min || 0}`, 10), u.value = parseInt(`${m.max || 100}`, 10), c.value = n.value, d.value = u.value, r.value = parseInt(`${w.minValue || n.value}`, 10), o.value = parseInt(`${w.maxValue || u.value}`, 10), F.value = Math.log(r.value || 1), P.value = Math.log(o.value), B.value = (P.value - F.value) / (u.value - n.value);
-    })(), G(() => {
+      n.value = parseInt(`${m.min || 0}`, 10), u.value = parseInt(`${m.max || 100}`, 10), c.value = n.value, d.value = u.value, r.value = parseInt(`${b.minValue || n.value}`, 10), o.value = parseInt(`${b.maxValue || u.value}`, 10), F.value = Math.log(r.value || 1), M.value = Math.log(o.value), y.value = (M.value - F.value) / (u.value - n.value);
+    })(), q(() => {
       !g.value || !i.value || (V(
         c.value,
         {
@@ -145,9 +145,9 @@ const K = { class: "range_container" }, O = { class: "sliders_control" }, Q = ["
         "#B4C2F0",
         "#2B5DFF",
         i.value
-      ), y(d.value, i.value));
-    }), (e, l) => (J(), H("div", K, [
-      x("div", O, [
+      ), h(d.value, i.value));
+    }), (e, l) => (H(), G("div", J, [
+      x("div", K, [
         x("input", {
           ref_key: "fromSlider",
           ref: g,
@@ -157,11 +157,11 @@ const K = { class: "range_container" }, O = { class: "sliders_control" }, Q = ["
           min: n.value,
           max: u.value,
           step: e.$attrs.step,
-          onInput: l[0] || (l[0] = k((a) => U(
-            h(g),
-            h(i)
+          onInput: l[0] || (l[0] = T((a) => N(
+            g.value,
+            i.value
           ), ["stop"]))
-        }, null, 40, Q),
+        }, null, 40, O),
         x("input", {
           ref_key: "toSlider",
           ref: i,
@@ -171,31 +171,31 @@ const K = { class: "range_container" }, O = { class: "sliders_control" }, Q = ["
           min: n.value,
           max: u.value,
           step: e.$attrs.step,
-          onInput: l[1] || (l[1] = k((a) => R(
-            h(g),
-            h(i)
+          onInput: l[1] || (l[1] = T((a) => U(
+            g.value,
+            i.value
           ), ["stop"]))
-        }, null, 40, W)
+        }, null, 40, Q)
       ]),
-      x("div", X, [
-        x("div", Y, [
-          C(E, {
+      x("div", W, [
+        x("div", X, [
+          k(C, {
             "label-text": "Min",
             type: "text",
             pattern: "[0-9]*",
             inputmode: "numeric",
             "model-value": r.value,
-            "onUpdate:modelValue": l[2] || (l[2] = (a) => S("min-input", `${a || ""}`))
+            "onUpdate:modelValue": l[2] || (l[2] = (a) => P("min-input", `${a || ""}`))
           }, null, 8, ["model-value"])
         ]),
-        x("div", Z, [
-          C(E, {
+        x("div", Y, [
+          k(C, {
             "label-text": "Max",
             type: "text",
             pattern: "[0-9]*",
             inputmode: "numeric",
             "model-value": o.value,
-            "onUpdate:modelValue": l[3] || (l[3] = (a) => S("max-input", `${a || ""}`))
+            "onUpdate:modelValue": l[3] || (l[3] = (a) => P("max-input", `${a || ""}`))
           }, null, 8, ["model-value"])
         ])
       ])
@@ -203,5 +203,5 @@ const K = { class: "range_container" }, O = { class: "sliders_control" }, Q = ["
   }
 });
 export {
-  te as default
+  ae as default
 };

package/dist/packages/components/lib/UIKit/BaseSnackbar.vue.js

@@ -1,6 +1,6 @@
 import { defineComponent as b, ref as u, onBeforeMount as f, createBlock as h, openBlock as i, Teleport as y, createElementVNode as e, withModifiers as l, normalizeClass as x, createElementBlock as a, createCommentVNode as s, createVNode as v, unref as _ } from "vue";
-import { CloseIcon as C } from "../../../../node_modules/.pnpm/@wikicasa-dev_svg-icons@1.2.11_typescript@5.8.3/node_modules/@wikicasa-dev/svg-icons/dist/CloseIcon.js";
-import "../../../../node_modules/.pnpm/@wikicasa-dev_svg-icons@1.2.11_typescript@5.8.3/node_modules/@wikicasa-dev/svg-icons/dist/PharmacyIcon.js";
+import { CloseIcon as C } from "../../../../node_modules/.pnpm/@wikicasa-dev_svg-icons@1.2.15-alpha.1_vue@3.5.16_typescript@5.8.3_/node_modules/@wikicasa-dev/svg-icons/dist/CloseIcon.js";
+import "../../../../node_modules/.pnpm/@wikicasa-dev_svg-icons@1.2.15-alpha.1_vue@3.5.16_typescript@5.8.3_/node_modules/@wikicasa-dev/svg-icons/dist/PharmacyIcon.js";
 const g = { class: "snackbar-container uikit-fixed uikit-bottom-10px uikit-left-10px uikit-z-[2000] max-sm:uikit-left-0 max-sm:uikit-w-full" }, T = ["data-cy"], w = ["src", "alt"], L = {
   key: 1,
   class: "snackbar-type-icon uikit-bg-contain uikit-bg-no-repeat"

package/dist/packages/components/lib/UIKit/Checkbox/CheckboxGroup.vue.js

@@ -1,10 +1,11 @@
 import { defineComponent as y, ref as v, computed as h, watch as x, renderSlot as m, createElementVNode as D, normalizeClass as E, createElementBlock as $, createCommentVNode as B, openBlock as b, Fragment as A, renderList as I, createBlock as R, unref as K } from "vue";
-import { isArrNullOrEmpty as V } from "../../../../../node_modules/.pnpm/@wikicasa-dev_utilities@1.1.21/node_modules/@wikicasa-dev/utilities/dist/utils/ArrayUtils.js";
+import { isArrNullOrEmpty as V } from "../../../../../node_modules/.pnpm/@wikicasa-dev_utilities@1.1.22-alpha.4/node_modules/@wikicasa-dev/utilities/dist/utils/ArrayUtils.js";
 import "../../../../../node_modules/.pnpm/js-cookie@3.0.5/node_modules/js-cookie/dist/js.cookie.js";
-import { stringToHyphened as L } from "../../../../../node_modules/.pnpm/@wikicasa-dev_utilities@1.1.21/node_modules/@wikicasa-dev/utilities/dist/utils/StringUtils.js";
+import "date-fns";
+import { stringToHyphened as L } from "../../../../../node_modules/.pnpm/@wikicasa-dev_utilities@1.1.22-alpha.4/node_modules/@wikicasa-dev/utilities/dist/utils/StringUtils.js";
 import "../../../../../_virtual/polyline.js";
 import G from "../../../../../UIKit/Checkbox/CheckboxBtn.js";
-const N = ["id", "data-cy"], F = /* @__PURE__ */ y({
+const N = ["id", "data-cy"], H = /* @__PURE__ */ y({
   inheritAttrs: !1,
   __name: "CheckboxGroup",
   props: {
@@ -17,15 +18,15 @@ const N = ["id", "data-cy"], F = /* @__PURE__ */ y({
     autoCheckResetAll: { type: Boolean, default: !1 },
     autoCheckResetEmpty: { type: Boolean, default: !1 },
     manualToggleResetButton: { type: Boolean, default: !1 },
-    getKey: { default() {
-      return (r) => typeof r == "string" || typeof r == "number" ? `${r}` : `${r.id}`;
+    getKey: { type: Function, default() {
+      return (n) => typeof n == "string" || typeof n == "number" ? `${n}` : `${n.id}`;
     } },
     groupId: { default: "" },
     dataCy: { default: "" }
   },
   emits: ["resetted", "update:modelValue", "checkedGroup"],
-  setup(r, { emit: g }) {
-    const o = r, n = g, c = v(/* @__PURE__ */ new Map()), s = h(() => {
+  setup(n, { emit: g }) {
+    const o = n, r = g, c = v(/* @__PURE__ */ new Map()), s = h(() => {
       for (const e of o.checkboxData)
         if (e.reset) return e;
       return null;
@@ -42,7 +43,7 @@ const N = ["id", "data-cy"], F = /* @__PURE__ */ y({
           `${t.id}`,
           t
         ), t.checked && e.push(t);
-      n("update:modelValue", e);
+      r("update:modelValue", e);
     })();
     const u = (e, t) => {
       const a = c.value.get(e);
@@ -58,7 +59,7 @@ const N = ["id", "data-cy"], F = /* @__PURE__ */ y({
         e.checked = !1;
       });
     }, p = () => {
-      k(), n("update:modelValue", []), n("resetted");
+      k(), r("update:modelValue", []), r("resetted");
     }, d = (e) => c.value.get(o.getKey(e))?.checked ?? !1, i = (e) => {
       if (V(o.checkboxData)) return;
       const t = c.value.get(e.id);
@@ -68,7 +69,7 @@ const N = ["id", "data-cy"], F = /* @__PURE__ */ y({
       const a = [];
       c.value.forEach((l) => {
         l.checked && a.push(l);
-      }), n("update:modelValue", a), n("checkedGroup", o.groupId);
+      }), r("update:modelValue", a), r("checkedGroup", o.groupId);
     };
     return x(
       () => o.reset,
@@ -110,5 +111,5 @@ const N = ["id", "data-cy"], F = /* @__PURE__ */ y({
   }
 });
 export {
-  F as default
+  H as default
 };

package/dist/packages/components/lib/components/carousel/SwiperCarousel.vue.js

@@ -1,12 +1,13 @@
 import { defineComponent as J, reactive as Q, ref as k, useId as U, computed as f, onMounted as X, watch as Y, nextTick as M, createElementBlock as l, openBlock as u, normalizeClass as p, createElementVNode as v, createCommentVNode as y, renderSlot as E, Fragment as P, renderList as F, mergeProps as T, withModifiers as O } from "vue";
 import { Swiper as B } from "swiper";
-import x from "../../../../../node_modules/.pnpm/swiper@11.2.6/node_modules/swiper/modules/zoom.js";
-import '../../../../../assets/node_modules/.pnpm/swiper@11.2.6/node_modules/swiper/modules/zoom.css';import '../../../../../assets/node_modules/.pnpm/swiper@11.2.6/node_modules/swiper/swiper.css';/* empty css                                                                             */
-/* empty css                                                                                   */
+import x from "../../../../../node_modules/.pnpm/swiper@11.2.10/node_modules/swiper/modules/zoom.js";
+import '../../../../../assets/node_modules/.pnpm/swiper@11.2.10/node_modules/swiper/modules/zoom.css';import '../../../../../assets/node_modules/.pnpm/swiper@11.2.10/node_modules/swiper/swiper.css';/* empty css                                                                              */
+/* empty css                                                                                    */
 import "../../../../../node_modules/.pnpm/js-cookie@3.0.5/node_modules/js-cookie/dist/js.cookie.js";
-import { shallowCopyObjectTo as _ } from "../../../../../node_modules/.pnpm/@wikicasa-dev_utilities@1.1.21/node_modules/@wikicasa-dev/utilities/dist/utils/ObjectUtils.js";
+import { shallowCopyObjectTo as _ } from "../../../../../node_modules/.pnpm/@wikicasa-dev_utilities@1.1.22-alpha.4/node_modules/@wikicasa-dev/utilities/dist/utils/ObjectUtils.js";
+import "date-fns";
 import "../../../../../_virtual/polyline.js";
-const ee = ["id"], te = ["id", "data-cy"], se = ["data-idx", "alt", "width", "height", "onLoad"], ie = ["id"], ae = ["alt"], me = /* @__PURE__ */ J({
+const ee = ["id"], te = ["id", "data-cy"], se = ["data-idx", "alt", "width", "height", "onLoad"], ie = ["id"], ae = ["alt"], we = /* @__PURE__ */ J({
   inheritAttrs: !1,
   __name: "SwiperCarousel",
   props: {
@@ -184,7 +185,7 @@ const ee = ["id"], te = ["id", "data-cy"], se = ["data-idx", "alt", "width", "he
                   },
                   class: ["disable-select", [e.$attrs["slide-img-classes"] || t.classes]],
                   "data-idx": `${d.value}-slide-img-${a}`
-                }, z(t, a), {
+                }, { ref_for: !0 }, z(t, a), {
                   alt: t.alt,
                   itemprop: "image",
                   width: t.width,
@@ -231,9 +232,8 @@ const ee = ["id"], te = ["id", "data-cy"], se = ["data-idx", "alt", "width", "he
             class: p(["swiper-slide", e.$attrs["thumb-img-wrapper-classes"]])
           }, [
             v("img", T({
-              class: e.$attrs["thumb-img-classes"],
-              ref_for: !0
-            }, z(t, -1, !1), {
+              class: e.$attrs["thumb-img-classes"]
+            }, { ref_for: !0 }, z(t, -1, !1), {
               alt: t.alt
             }), null, 16, ae)
           ], 2))), 128))
@@ -243,5 +243,5 @@ const ee = ["id"], te = ["id", "data-cy"], se = ["data-idx", "alt", "width", "he
   }
 });
 export {
-  me as default
+  we as default
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wikicasa-dev/components",
-  "version": "2.1.6",
+  "version": "2.1.7",
   "description": "Wikicasa frontend components",
   "type": "module",
   "main": "./dist/index.js",

package/dist/node_modules/.pnpm/swiper@11.2.6/node_modules/swiper/modules/keyboard.js

@@ -1,67 +0,0 @@
-import { g as K, a as U } from "../shared/ssr-window.esm.js";
-import { a as C, b as W } from "../shared/utils.js";
-function I(H) {
-  let {
-    swiper: e,
-    extendParams: V,
-    on: b,
-    emit: x
-  } = H;
-  const o = K(), m = U();
-  e.keyboard = {
-    enabled: !1
-  }, V({
-    keyboard: {
-      enabled: !1,
-      onlyInViewport: !0,
-      pageUpDown: !0
-    }
-  });
-  function y(L) {
-    if (!e.enabled) return;
-    const {
-      rtlTranslate: s
-    } = e;
-    let t = L;
-    t.originalEvent && (t = t.originalEvent);
-    const i = t.keyCode || t.charCode, k = e.params.keyboard.pageUpDown, r = k && i === 33, a = k && i === 34, d = i === 37, f = i === 39, c = i === 38, u = i === 40;
-    if (!e.allowSlideNext && (e.isHorizontal() && f || e.isVertical() && u || a) || !e.allowSlidePrev && (e.isHorizontal() && d || e.isVertical() && c || r))
-      return !1;
-    if (!(t.shiftKey || t.altKey || t.ctrlKey || t.metaKey) && !(o.activeElement && o.activeElement.nodeName && (o.activeElement.nodeName.toLowerCase() === "input" || o.activeElement.nodeName.toLowerCase() === "textarea"))) {
-      if (e.params.keyboard.onlyInViewport && (r || a || d || f || c || u)) {
-        let h = !1;
-        if (C(e.el, `.${e.params.slideClass}, swiper-slide`).length > 0 && C(e.el, `.${e.params.slideActiveClass}`).length === 0)
-          return;
-        const p = e.el, D = p.clientWidth, E = p.clientHeight, N = m.innerWidth, A = m.innerHeight, n = W(p);
-        s && (n.left -= p.scrollLeft);
-        const P = [[n.left, n.top], [n.left + D, n.top], [n.left, n.top + E], [n.left + D, n.top + E]];
-        for (let w = 0; w < P.length; w += 1) {
-          const l = P[w];
-          if (l[0] >= 0 && l[0] <= N && l[1] >= 0 && l[1] <= A) {
-            if (l[0] === 0 && l[1] === 0) continue;
-            h = !0;
-          }
-        }
-        if (!h) return;
-      }
-      e.isHorizontal() ? ((r || a || d || f) && (t.preventDefault ? t.preventDefault() : t.returnValue = !1), ((a || f) && !s || (r || d) && s) && e.slideNext(), ((r || d) && !s || (a || f) && s) && e.slidePrev()) : ((r || a || c || u) && (t.preventDefault ? t.preventDefault() : t.returnValue = !1), (a || u) && e.slideNext(), (r || c) && e.slidePrev()), x("keyPress", i);
-    }
-  }
-  function g() {
-    e.keyboard.enabled || (o.addEventListener("keydown", y), e.keyboard.enabled = !0);
-  }
-  function v() {
-    e.keyboard.enabled && (o.removeEventListener("keydown", y), e.keyboard.enabled = !1);
-  }
-  b("init", () => {
-    e.params.keyboard.enabled && g();
-  }), b("destroy", () => {
-    e.keyboard.enabled && v();
-  }), Object.assign(e.keyboard, {
-    enable: g,
-    disable: v
-  });
-}
-export {
-  I as default
-};