@wikicasa-dev/components 2.1.3 → 2.1.4-alpha.1

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

@@ -1,36 +1,15 @@
-import { defineComponent as j, mergeModels as P, useModel as S, computed as s, createElementBlock as l, openBlock as r, createCommentVNode as o, createElementVNode as p, normalizeClass as h, createVNode as y, unref as v, toDisplayString as c, Fragment as m, renderList as x } from "vue";
-import "../../../../node_modules/.pnpm/js-cookie@3.0.5/node_modules/js-cookie/dist/js.cookie.js";
-import { formatInteger as d } from "../../../../node_modules/.pnpm/@wikicasa-dev_utilities@1.1.21/node_modules/@wikicasa-dev/utilities/dist/utils/NumberUtils.js";
-import "../../../../_virtual/polyline.js";
-import { ArrowIcon as C } 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";
-const D = {
-  "aria-label": "Page navigation",
-  class: "uikit-overflow-auto"
-}, $ = {
-  key: 0,
-  class: "uikit-text-14 uikit-m-0 uikit-flex uikit-list-none uikit-content-center uikit-gap-4 uikit-p-0 uikit-pl-0 uikit-font-semibold sm:uikit-gap-5"
-}, B = ["data-cy"], O = {
-  key: 0,
-  class: "uikit-mx-10px uikit-select-none"
-}, A = {
-  key: 1,
-  class: "font-weight-bold 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 hover:uikit-bg-w-primary hover:uikit-text-white"
-}, F = ["onClick"], V = ["onClick"], E = {
-  key: 0,
-  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 hover:uikit-bg-w-primary hover:uikit-text-white"
-}, z = ["data-cy"], q = {
-  key: 0,
-  class: "uikit-mx-10px uikit-select-none"
-}, T = /* @__PURE__ */ j({
+import { defineComponent as v, mergeModels as P, useModel as C, computed as N, createBlock as n, openBlock as a, unref as i, withCtx as e, createVNode as l, createElementBlock as c, createElementVNode as p, toDisplayString as k, Fragment as b, renderList as L, createTextVNode as m } from "vue";
+import { PaginationRoot as B, PaginationList as D, PaginationPrev as F, PaginationListItem as M, PaginationEllipsis as E, PaginationNext as V } from "reka-ui";
+import { ArrowIcon as f } from "../../../../node_modules/.pnpm/@wikicasa-dev_svg-icons@1.2.12_typescript@5.8.3/node_modules/@wikicasa-dev/svg-icons/dist/ArrowIcon.js";
+import "../../../../node_modules/.pnpm/@wikicasa-dev_svg-icons@1.2.12_typescript@5.8.3/node_modules/@wikicasa-dev/svg-icons/dist/PharmacyIcon.js";
+import { useBreakpoints as _ } from "../../../../node_modules/.pnpm/@wikicasa-dev_vue-composables@0.0.23_typescript@5.8.3/node_modules/@wikicasa-dev/vue-composables/dist/useBreakpoints.js";
+const z = { class: "max-sm:uikit-hidden" }, I = { class: "max-sm:uikit-hidden" }, j = /* @__PURE__ */ v({
   __name: "BasePagination",
   props: /* @__PURE__ */ P({
     count: { default: 0 },
     limit: { default: 25 },
-    siblings: { default: 3 },
-    additionalCount: { default: 0 },
+    siblings: {},
     arrowColor: { default: "#2B5DFF" },
-    small: { type: Boolean, default: !1 },
     prevLabel: { default: "" },
     nextLabel: { default: "" },
     prevDataCy: {},
@@ -40,113 +19,89 @@ const D = {
     pageNumberModifiers: {}
   }),
   emits: ["update:pageNumber"],
-  setup(a) {
-    const u = S(a, "pageNumber"), n = s(() => Math.ceil((a.count + a.additionalCount) / a.limit)), g = s(() => (u.value || 0) > a.siblings + 2), f = s(
-      () => (u.value || 0) < n.value - a.siblings - 1
-    ), b = s(() => {
-      let e = u.value || 0, t = 0;
-      for (; e > 2 && t < a.siblings; )
-        e--, t++;
-      return t;
-    }), w = s(() => {
-      let e = u.value || 0, t = 0;
-      for (; e < n.value - 1 && t < a.siblings; )
-        e++, t++;
-      return t;
-    }), N = s(() => {
-      const i = b.value + /* Filling with the remaining right siblings */
-      Math.abs(w.value - a.siblings) + /* If there is no suspension points on the right, let's fill it */
-      new Number(!f.value).valueOf() + /* If the pageNumber is the same of the last, let's fill it */
-      new Number(u.value === n.value).valueOf();
-      let e = Math.max((u.value || 0) - i, 2);
-      const t = [];
-      for (e; e < (u.value || 0); e++) t.push(e);
-      return t;
-    }), M = s(() => {
-      const i = w.value + /* Filling with the remaining left siblings */
-      Math.abs(b.value - a.siblings) + /* If there is no suspension points on the left, let's fill it */
-      new Number(!g.value).valueOf() + /* If the pageNumber is the same of the firstPage, let's fill it */
-      new Number(u.value === 1).valueOf();
-      let e = Math.min(u.value || 0, n.value - 1);
-      const t = [];
-      for (e; e < Math.min((u.value || 0) + i, n.value - 1); e++)
-        t.push(e + 1);
-      return t;
-    }), k = (i) => {
-      let e = i;
-      i < 1 ? e = 1 : i > n.value && (e = n.value), u.value = e;
-    };
-    return (i, e) => (r(), l("nav", D, [
-      i.count > 0 ? (r(), l("ul", $, [
-        p("li", {
-          class: h(["arrow-button prev-page uikit-h-30x uikit-flex uikit-min-w-[30px] uikit-items-center uikit-justify-center uikit-rounded-circle uikit-p-5px", {
-            "uikit-cursor-pointer hover:uikit-bg-w-primary [&_>_svg]:hover:uikit-brightness-0 [&_>_svg]:hover:uikit-invert": u.value !== 1,
-            "hover:uikit-text-white": i.small && u.value !== 1,
-            "uikit-rounded-xs": i.small && i.prevLabel
-          }]),
-          "data-cy": i.prevDataCy,
-          onClick: e[0] || (e[0] = (t) => k((u.value || 0) - 1))
-        }, [
-          y(v(C), {
-            width: 20,
-            height: 11,
-            "stroke-color": u.value === 1 ? "#8996A9" : i.arrowColor,
-            class: "uikit-inline-block uikit-rotate-90"
-          }, null, 8, ["stroke-color"]),
-          i.small && i.prevLabel ? (r(), l("span", O, c(i.prevLabel), 1)) : o("", !0)
-        ], 10, B),
-        i.small ? o("", !0) : (r(), l(m, { key: 0 }, [
-          (u.value || 0) > 1 ? (r(), l("li", {
-            key: 0,
-            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 hover:uikit-bg-w-primary hover:uikit-text-white",
-            onClick: e[1] || (e[1] = (t) => k(0))
-          }, " 1 ")) : o("", !0),
-          g.value ? (r(), l("li", A, " ... ")) : o("", !0),
-          (r(!0), l(m, null, x(N.value, (t) => (r(), l("li", {
-            key: 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 hover:uikit-bg-w-primary hover:uikit-text-white",
-            onClick: (L) => k(t)
-          }, c(v(d)(t)), 9, F))), 128))
-        ], 64)),
-        p("li", {
-          class: h(["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-bg-w-primary uikit-text-white hover:uikit-bg-w-primary hover:uikit-text-white": !i.small
-          }])
-        }, c(u.value || 0), 3),
-        i.small ? o("", !0) : (r(), l(m, { key: 1 }, [
-          (r(!0), l(m, null, x(M.value, (t) => (r(), l("li", {
-            key: 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 hover:uikit-bg-w-primary hover:uikit-text-white",
-            onClick: (L) => k(t)
-          }, c(v(d)(t)), 9, V))), 128)),
-          f.value ? (r(), l("li", E, " ... ")) : o("", !0),
-          (u.value || 0) < n.value ? (r(), l("li", {
-            key: 1,
-            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 hover:uikit-bg-w-primary hover:uikit-text-white",
-            onClick: e[2] || (e[2] = (t) => k(n.value))
-          }, c(v(d)(n.value)), 1)) : o("", !0)
-        ], 64)),
-        p("li", {
-          class: h(["arrow-button next-page uikit-flex uikit-h-30px uikit-min-w-[30px] uikit-items-center uikit-justify-center uikit-rounded-circle uikit-p-5px", {
-            "uikit-cursor-pointer hover:uikit-bg-w-primary [&_>_svg]:hover:uikit-brightness-0 [&_>_svg]:hover:uikit-invert": (u.value || 0) < n.value,
-            "hover:uikit-text-white": i.small && (u.value || 0) < n.value,
-            "uikit-rounded-xs": i.small && i.nextLabel
-          }]),
-          "data-cy": i.nextDataCy,
-          onClick: e[3] || (e[3] = (t) => k((u.value || 0) + 1))
-        }, [
-          i.small && i.nextLabel ? (r(), l("span", q, c(i.nextLabel), 1)) : o("", !0),
-          y(v(C), {
-            "stroke-color": (u.value || 0) === n.value ? "#8996A9" : i.arrowColor,
-            width: 20,
-            height: 11,
-            class: "uikit-inline-block -uikit-rotate-90"
-          }, null, 8, ["stroke-color"])
-        ], 10, z)
-      ])) : o("", !0)
-    ]));
+  setup(s) {
+    const { isSmall: w } = _({
+      breakpoints: {
+        sm: 640,
+        md: 768,
+        lg: 1024,
+        xl: 1280
+      }
+    }), r = C(s, "pageNumber"), h = N(() => Math.ceil(s.count / s.limit)), x = (t = 1) => t === 1, y = (t = 1) => t === h.value;
+    return (t, u) => (a(), n(i(B), {
+      page: r.value,
+      "onUpdate:page": u[0] || (u[0] = (d) => r.value = d),
+      total: t.count,
+      "sibling-count": t.siblings ?? (i(w) ? 0 : 1),
+      "items-per-page": t.limit,
+      "show-edges": "",
+      class: "uikit-text-16"
+    }, {
+      default: e(() => [
+        l(i(D), { class: "uikit-flex uikit-gap-x-md" }, {
+          default: e(({ items: d }) => [
+            l(i(F), {
+              class: "uikit-flex uikit-cursor-pointer uikit-items-center uikit-gap-x-xs uikit-bg-transparent uikit-text-w-blue disabled:uikit-cursor-default disabled:uikit-text-w-lightgray [&:disabled_path]:uikit-stroke-w-lightgray",
+              "data-cy": t.prevDataCy,
+              disabled: x(r.value)
+            }, {
+              default: e(() => [
+                l(i(f), {
+                  width: 20,
+                  height: 11,
+                  "stroke-color": t.arrowColor,
+                  class: "uikit-inline-block uikit-rotate-90"
+                }, null, 8, ["stroke-color"]),
+                p("span", z, k(t.prevLabel), 1)
+              ]),
+              _: 1
+            }, 8, ["data-cy", "disabled"]),
+            (a(!0), c(b, null, L(d, (o, g) => (a(), c(b, null, [
+              o.type === "page" ? (a(), n(i(M), {
+                key: g,
+                value: o.value,
+                class: "uikit-size-xl uikit-cursor-pointer uikit-rounded-full uikit-border uikit-border-solid uikit-border-w-lightgray uikit-bg-white uikit-text-w-blue data-[selected]:uikit-border-w-blue data-[selected]:uikit-bg-w-cultured"
+              }, {
+                default: e(() => [
+                  m(k(o.value), 1)
+                ]),
+                _: 2
+              }, 1032, ["value"])) : (a(), n(i(E), {
+                key: o.type,
+                class: "uikit-size-xl uikit-cursor-pointer uikit-rounded-full uikit-border uikit-border-solid uikit-border-w-lightgray uikit-bg-white uikit-text-center uikit-text-w-lightgray",
+                index: g
+              }, {
+                default: e(() => u[1] || (u[1] = [
+                  m(" … ")
+                ])),
+                _: 2,
+                __: [1]
+              }, 1032, ["index"]))
+            ], 64))), 256)),
+            l(i(V), {
+              class: "uikit-flex uikit-cursor-pointer uikit-items-center uikit-gap-x-xs uikit-bg-transparent uikit-text-w-blue disabled:uikit-cursor-default disabled:uikit-text-w-lightgray [&:disabled_path]:uikit-stroke-w-lightgray",
+              "data-cy": t.nextDataCy,
+              disabled: y(r.value)
+            }, {
+              default: e(() => [
+                p("span", I, k(t.nextLabel), 1),
+                l(i(f), {
+                  "stroke-color": t.arrowColor,
+                  width: 20,
+                  height: 11,
+                  class: "uikit-inline-block -uikit-rotate-90"
+                }, null, 8, ["stroke-color"])
+              ]),
+              _: 1
+            }, 8, ["data-cy", "disabled"])
+          ]),
+          _: 1
+        })
+      ]),
+      _: 1
+    }, 8, ["page", "total", "sibling-count", "items-per-page"]));
   }
 });
 export {
-  T as default
+  j as default
 };

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

@@ -0,0 +1,37 @@
+import { defineComponent as u, createElementBlock as e, openBlock as t, normalizeClass as n, createElementVNode as l, createCommentVNode as s, renderSlot as o } from "vue";
+const a = {
+  key: 0,
+  class: "uikit-pin-arrow"
+}, k = /* @__PURE__ */ u({
+  __name: "BasePin",
+  props: {
+    type: { default: "default" },
+    pinClass: { default: "white" },
+    outlined: { type: Boolean, default: !1 }
+  },
+  setup(p) {
+    return (i, r) => (t(), e("span", {
+      class: n(["uikit-pin uikit-relative uikit-inline-block uikit-text", [
+        { "uikit-pin-outlined": i.outlined },
+        `uikit-pin-${i.pinClass}`,
+        `uikit-pin-${i.type}`
+      ]])
+    }, [
+      l("span", {
+        class: n(["uikit-pin-body uikit-box-border", [
+          {
+            "uikit-inline-flex uikit-min-w-xl uikit-rounded-3xs uikit-px-sm uikit-py-2xs": ["default", "large"].includes(i.type),
+            "uikit-px-xs": i.type === "large",
+            "uikit-inline-flex uikit-size-lg uikit-items-center uikit-justify-center uikit-rounded-full": i.type === "rounded"
+          }
+        ]])
+      }, [
+        o(i.$slots, "default")
+      ], 2),
+      i.type !== "rounded" ? (t(), e("div", a)) : s("", !0)
+    ], 2));
+  }
+});
+export {
+  k as default
+};

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

@@ -1,207 +1,136 @@
-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 E, mergeModels as T, useModel as p, ref as l, watch as g, createElementBlock as B, openBlock as L, createVNode as u, createElementVNode as U, unref as m, withCtx as w } from "vue";
+import { SliderRoot as z, SliderTrack as N, SliderRange as R, SliderThumb as y } from "reka-ui";
+import V from "./BaseInput.vue.js";
+import '../../../../assets/packages/components/lib/UIKit/BaseInput.css';/* empty css               */
+const j = { class: "uikit-mt-[20px] uikit-flex uikit-justify-between uikit-gap-x-sm" }, J = /* @__PURE__ */ E({
   __name: "BaseSlider",
-  props: /* @__PURE__ */ j({
+  props: /* @__PURE__ */ T({
     type: { default: "linear" },
     min: { default: 0 },
-    max: { default: 100 }
+    max: { default: 100 },
+    step: {},
+    dataCy: {}
   }, {
-    minValue: { default: 0 },
-    minValueModifiers: {},
-    maxValue: { default: 0 },
-    maxValueModifiers: {}
+    rangeMin: { default: 0 },
+    rangeMinModifiers: {},
+    rangeMax: { default: 100 },
+    rangeMaxModifiers: {}
   }),
-  emits: ["update:minValue", "update:maxValue"],
-  setup(m) {
-    function M(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(
+  emits: ["update:rangeMin", "update:rangeMax"],
+  setup(a) {
+    const C = (e) => e.minPos + (Math.log(e.value) - e.minlval) / e.scale, F = (e) => Math.exp(
       (e.position - e.minPos) * e.scale + e.minlval
-    );
-    function V(e, l, a, t, v) {
-      const s = l.max - l.min, f = e - l.min, $ = l.value - l.min;
-      v.style.background = `linear-gradient(
-      to right,
-      ${a} 0%,
-      ${a} ${f / s * 100}%,
-      ${t} ${f / s * 100}%,
-      ${t} ${$ / s * 100}%,
-      ${a} ${$ / s * 100}%,
-      ${a} 100%)`;
-    }
-    function y(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) => {
-      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);
-        return;
-      }
-      a < r.value || (o.value = a, N(i.value, i.value, r.value, a));
-    }, I = (e) => {
-      if (m.type === "logarithmic")
+    ), o = p(a, "rangeMin"), s = p(a, "rangeMax"), n = l(0), f = l(100), S = l(10), $ = l(40), k = l(0), h = l(0), c = l(0), x = (e) => {
+      if (a.type === "logarithmic")
         return e = e || 1, parseInt(
-          L({
+          C({
             value: e,
             minPos: n.value,
-            minlval: F.value,
-            scale: B.value
+            minlval: k.value,
+            scale: c.value
           }).toFixed(0),
           10
         );
-      if (m.type === "linear")
+      if (a.type === "linear")
         return e;
       throw new Error("The slider type has not been implemented");
     }, b = (e) => {
-      if (m.type === "logarithmic")
-        return e = e || 1, parseInt(
-          z({
+      if (!e) return 0;
+      if (a.type === "logarithmic")
+        return parseInt(
+          F({
             position: e,
-            scale: B.value,
-            minlval: F.value,
+            scale: c.value,
+            minlval: k.value,
             minPos: n.value
           }).toFixed(0),
           10
         );
-      if (m.type === "linear")
+      if (a.type === "linear")
         return e;
       throw new Error("The slider type has not been implemented");
-    }, A = (e, l, a) => {
-      const t = I(l), v = I(a);
-      V(
-        t,
-        {
-          min: n.value,
-          max: u.value,
-          value: v
-        },
-        "#B4C2F0",
-        "#2B5DFF",
-        e
-      );
-      const s = t, f = o.value;
-      s > f ? c.value = f : c.value = s;
-    }, N = (e, l, a, t) => {
-      const v = I(a), s = I(t);
-      V(
-        v,
-        {
-          min: n.value,
-          max: u.value,
-          value: s
-        },
-        "#B4C2F0",
-        "#2B5DFF",
-        l
-      );
-      const f = r.value, $ = s;
-      y(o.value, e), f <= $ ? d.value = $ : d.value = f;
-    }, U = (e, l) => {
-      if (!l.value) return;
-      const [a, t] = M(e, l), v = b(a);
-      V(
-        a,
-        {
-          min: n.value,
-          max: u.value,
-          value: t
-        },
-        "#B4C2F0",
-        "#2B5DFF",
-        l
-      ), a > t ? (e.value = `${t}`, c.value = t, r.value = t) : (c.value = a, r.value = v);
-    }, R = (e, l) => {
-      if (!l.value) return;
-      const [a, t] = M(e, l), v = b(t);
-      V(
-        c.value,
-        {
-          min: n.value,
-          max: u.value,
-          value: t
-        },
-        "#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();
-    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(() => {
-      !g.value || !i.value || (V(
-        c.value,
-        {
-          min: n.value,
-          max: u.value,
-          value: d.value
-        },
-        "#B4C2F0",
-        "#2B5DFF",
-        i.value
-      ), y(d.value, i.value));
-    }), (e, l) => (J(), H("div", K, [
-      x("div", O, [
-        x("input", {
-          ref_key: "fromSlider",
-          ref: g,
-          class: "fromSlider",
-          type: "range",
-          value: c.value,
-          min: n.value,
-          max: u.value,
-          step: e.$attrs.step,
-          onInput: l[0] || (l[0] = k((a) => U(
-            h(g),
-            h(i)
-          ), ["stop"]))
-        }, null, 40, Q),
-        x("input", {
-          ref_key: "toSlider",
-          ref: i,
-          class: "toSlider",
-          type: "range",
-          value: d.value,
-          min: n.value,
-          max: u.value,
-          step: e.$attrs.step,
-          onInput: l[1] || (l[1] = k((a) => R(
-            h(g),
-            h(i)
-          ), ["stop"]))
-        }, null, 40, W)
-      ]),
-      x("div", X, [
-        x("div", Y, [
-          C(E, {
-            "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 || ""}`))
-          }, null, 8, ["model-value"])
+    }, r = l([]), d = l(!1), v = l(!1);
+    (() => {
+      n.value = parseInt(`${a.min || 0}`, 10), f.value = parseInt(`${a.max || 100}`, 10), S.value = n.value, $.value = f.value;
+      const e = n.value, t = f.value;
+      k.value = Math.log(e || 1), h.value = Math.log(t), c.value = (h.value - k.value) / (f.value - n.value), r.value = [
+        b(o.value),
+        b(s.value)
+      ];
+    })();
+    const I = (e = []) => {
+      r.value = e, v.value = !0;
+    }, M = {
+      formatFn: (e = "") => typeof e == "number" ? `${e}` : e.replace(/\D/g, ""),
+      unFormatFn: (e) => e ? parseInt(e) : 0
+    };
+    return g(
+      r,
+      ([e, t]) => {
+        const i = x(e), P = x(t);
+        a.type === "logarithmic" && d.value || (o.value = i, s.value = P);
+      },
+      { deep: !0 }
+    ), g(o, (e) => {
+      e === void 0 || v.value || (r.value[0] = b(e));
+    }), g(s, (e) => {
+      e === void 0 || v.value || (r.value[1] = b(e));
+    }), (e, t) => (L(), B("div", null, [
+      u(m(z), {
+        "model-value": r.value,
+        class: "uikit-relative uikit-flex uikit-h-5 uikit-touch-none uikit-select-none uikit-items-center",
+        min: e.min,
+        max: e.max,
+        step: e.step,
+        "onUpdate:modelValue": I
+      }, {
+        default: w(() => [
+          u(m(N), { class: "uikit-relative uikit-h-[2px] uikit-grow uikit-rounded-full uikit-bg-w-lightgray" }, {
+            default: w(() => [
+              u(m(R), { class: "uikit-absolute uikit-h-full uikit-rounded-full uikit-bg-w-blue" })
+            ]),
+            _: 1
+          }),
+          u(m(y), {
+            class: "uikit-block uikit-size-[20px] uikit-rounded-full uikit-border-2 uikit-border-solid uikit-border-w-blue uikit-bg-w-blue uikit-shadow-[0_0_0_2px_#fff_inset] hover:uikit-border-w-blue-hover hover:uikit-bg-w-blue-hover focus:uikit-border-w-blue-hover focus:uikit-bg-w-blue-hover focus:uikit-outline-none",
+            "aria-label": "Min Value",
+            "data-cy": e.dataCy?.thumbMin
+          }, null, 8, ["data-cy"]),
+          u(m(y), {
+            class: "uikit-block uikit-size-[20px] uikit-rounded-full uikit-border-2 uikit-border-solid uikit-border-w-blue uikit-bg-w-blue uikit-shadow-[0_0_0_2px_#fff_inset] hover:uikit-border-w-blue-hover hover:uikit-bg-w-blue-hover focus:uikit-border-w-blue-hover focus:uikit-bg-w-blue-hover focus:uikit-outline-none",
+            "aria-label": "Max Value",
+            "data-cy": e.dataCy?.thumbMax
+          }, null, 8, ["data-cy"])
         ]),
-        x("div", Z, [
-          C(E, {
-            "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 || ""}`))
-          }, null, 8, ["model-value"])
-        ])
+        _: 1
+      }, 8, ["model-value", "min", "max", "step"]),
+      U("div", j, [
+        u(V, {
+          modelValue: o.value,
+          "onUpdate:modelValue": t[0] || (t[0] = (i) => o.value = i),
+          "label-text": "Min",
+          "data-cy": e.dataCy?.rangeMinInput,
+          formatter: M,
+          onFocusin: t[1] || (t[1] = (i) => {
+            d.value = !0, v.value = !1;
+          }),
+          onFocusout: t[2] || (t[2] = (i) => d.value = !1)
+        }, null, 8, ["modelValue", "data-cy"]),
+        u(V, {
+          modelValue: s.value,
+          "onUpdate:modelValue": t[3] || (t[3] = (i) => s.value = i),
+          "label-text": "Max",
+          "data-cy": e.dataCy?.rangeMaxInput,
+          formatter: M,
+          onFocusin: t[4] || (t[4] = (i) => {
+            d.value = !0, v.value = !1;
+          }),
+          onFocusout: t[5] || (t[5] = (i) => d.value = !1)
+        }, null, 8, ["modelValue", "data-cy"])
       ])
     ]));
   }
 });
 export {
-  te as default
+  J as default
 };

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

@@ -1,10 +1,10 @@
-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 { defineComponent as p, 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.12_typescript@5.8.3/node_modules/@wikicasa-dev/svg-icons/dist/CloseIcon.js";
+import "../../../../node_modules/.pnpm/@wikicasa-dev_svg-icons@1.2.12_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"
-}, M = { class: "snackbar-text uikit-px-4 uikit-py-0 uikit-text uikit-font-regular max-sm:uikit-max-w-[80%] max-sm:uikit-pr-0 sm:uikit-text-16" }, B = ["innerHTML"], H = ["innerHTML"], z = /* @__PURE__ */ b({
+}, M = { class: "snackbar-text uikit-px-4 uikit-py-0 uikit-text uikit-font-regular max-sm:uikit-max-w-[80%] max-sm:uikit-pr-0 sm:uikit-text-16" }, B = ["innerHTML"], H = ["innerHTML"], z = /* @__PURE__ */ p({
   inheritAttrs: !1,
   __name: "BaseSnackbar",
   props: {
@@ -17,7 +17,7 @@ const g = { class: "snackbar-container uikit-fixed uikit-bottom-10px uikit-left-
   },
   emits: ["snackbar-hidden"],
   setup(k, { emit: m }) {
-    const n = k, d = m, o = u(null), r = u(null), p = () => {
+    const n = k, d = m, o = u(null), r = u(null), b = () => {
       o.value && o.value();
     }, c = () => {
       const t = r.value;
@@ -35,8 +35,8 @@ const g = { class: "snackbar-container uikit-fixed uikit-bottom-10px uikit-left-
           ref_key: "snackbar",
           ref: r,
           "data-cy": t.$attrs["data-cy"],
-          class: x(["snackbar snackbar-active uikit-flex uikit-items-center uikit-rounded-[5px] uikit-px-4 uikit-py-10px uikit-font-medium uikit-shadow hover:uikit-cursor-pointer max-sm:uikit-relative max-sm:uikit-mx-10px max-sm:uikit-my-0", t.type]),
-          onClick: l(p, ["stop"])
+          class: x(["snackbar snackbar-active uikit-py-xs uikit-flex uikit-items-center uikit-rounded-[5px] uikit-px-4 uikit-font-medium uikit-shadow hover:uikit-cursor-pointer max-sm:uikit-relative max-sm:uikit-mx-10px max-sm:uikit-my-0", t.type]),
+          onClick: l(b, ["stop"])
         }, [
           t.icon ? (i(), a("img", {
             key: 0,