@wikicasa-dev/components 2.0.21 → 2.0.22

package/dist/SimpleSlider.js

@@ -1,6 +1,6 @@
-import { defineComponent as V, mergeModels as L, useCssVars as S, useTemplateRef as T, useModel as y, ref as m, onMounted as E, openBlock as C, createElementBlock as X, createElementVNode as d, withModifiers as $ } from "vue";
-import { _ as B } from "./chunks/_plugin-vue_export-helper.CHgC5LLL.js";
-import './assets/SimpleSlider.css';const D = ["aria-valuemin", "aria-valuemax", "aria-valuenow"], W = /* @__PURE__ */ V({
+import { defineComponent as V, mergeModels as L, useCssVars as S, useTemplateRef as T, useModel as y, ref as m, watch as E, onMounted as C, openBlock as X, createElementBlock as $, createElementVNode as s, withModifiers as B } from "vue";
+import { _ as D } from "./chunks/_plugin-vue_export-helper.CHgC5LLL.js";
+import './assets/SimpleSlider.css';const W = ["aria-valuemin", "aria-valuemax", "aria-valuenow"], P = /* @__PURE__ */ V({
   __name: "SimpleSlider",
   props: /* @__PURE__ */ L({
     min: { default: 0 },
@@ -15,12 +15,12 @@ import './assets/SimpleSlider.css';const D = ["aria-valuemin", "aria-valuemax",
   emits: ["update:modelValue"],
   setup(t) {
     S((i) => ({
-      "72774c4a": r.value,
-      "9d067ca0": s.value
+      "0f43c897": r.value,
+      ec9c737a: d.value
     }));
-    const o = T("customSlider"), l = y(t, "modelValue"), u = m(!1), s = m("50%"), r = m("50%"), c = (i = 0) => {
+    const o = T("customSlider"), u = y(t, "modelValue"), l = m(!1), d = m("50%"), r = m("50%"), c = (i = 0) => {
       const e = t.logarithmic ? b(i) : k(i), a = (e - t.min) / (t.max - t.min), f = t.logarithmic ? h(e) : a * 100;
-      l.value = Math.round(e), s.value = `${Math.round(f)}%`, r.value = t.logarithmic ? `${Math.round(h(e))}%` : `${a * 100}%`;
+      u.value = Math.round(e), d.value = `${Math.round(f)}%`, r.value = t.logarithmic ? `${Math.round(h(e))}%` : `${a * 100}%`;
     }, k = (i = 0) => {
       const e = Math.round((i - t.min) / t.step) * t.step + t.min;
       return Math.max(t.min, Math.min(t.max, e));
@@ -39,39 +39,45 @@ import './assets/SimpleSlider.css';const D = ["aria-valuemin", "aria-valuemax",
       );
       return Math.max(t.min, Math.min(t.max, e));
     }, v = (i) => {
-      if (!u.value || !o.value) return;
+      if (!l.value || !o.value) return;
       const e = o.value.getBoundingClientRect(), a = o.value.offsetWidth;
       let n = ("touches" in i ? i.touches[0].clientX : i.clientX) - e.left;
       n = Math.max(0, Math.min(a, n));
       const w = t.logarithmic ? x(n / a * 100) : n / a * (t.max - t.min) + t.min;
       c(w);
     }, M = () => {
-      u.value = !0;
+      l.value = !0;
     }, g = () => {
-      u.value = !1;
+      l.value = !1;
     };
-    return c(l.value), E(() => {
+    return E(
+      u,
+      (i) => {
+        c(i);
+      },
+      { immediate: !0 }
+    ), C(() => {
       document.addEventListener("mousemove", v), document.addEventListener("mouseup", g), document.addEventListener("touchmove", v, { passive: !0 }), document.addEventListener("touchend", g, { passive: !0 });
-    }), (i, e) => (C(), X("div", null, [
-      d("div", {
+    }), (i, e) => (X(), $("div", null, [
+      s("div", {
         ref: "customSlider",
         class: "uikit-relative uikit-my-20px uikit-h-1 uikit-rounded-2xs uikit-bg-w-secondary",
         role: "slider",
         "aria-valuemin": i.min,
         "aria-valuemax": i.max,
-        "aria-valuenow": l.value,
+        "aria-valuenow": u.value,
         tabindex: "0"
       }, [
-        e[2] || (e[2] = d("div", { class: "slider-track uikit-absolute uikit-left-0 uikit-top-0 uikit-h-full uikit-rounded-2xs uikit-bg-w-primary" }, null, -1)),
-        d("div", {
+        e[2] || (e[2] = s("div", { class: "slider-track uikit-absolute uikit-left-0 uikit-top-0 uikit-h-full uikit-rounded-2xs uikit-bg-w-primary" }, null, -1)),
+        s("div", {
           class: "slider-thumb uikit-absolute -uikit-top-2 uikit-size-20px -uikit-translate-x-1/2 uikit-cursor-pointer uikit-rounded-full uikit-border-2 uikit-border-solid uikit-border-w-primary uikit-bg-white",
           onMousedown: e[0] || (e[0] = (a) => M()),
-          onTouchstart: e[1] || (e[1] = $((a) => M(), ["prevent"]))
+          onTouchstart: e[1] || (e[1] = B((a) => M(), ["prevent"]))
         }, null, 32)
-      ], 8, D)
+      ], 8, W)
     ]));
   }
-}), z = /* @__PURE__ */ B(W, [["__scopeId", "data-v-f16d7645"]]);
+}), I = /* @__PURE__ */ D(P, [["__scopeId", "data-v-54b825e3"]]);
 export {
-  z as default
+  I as default
 };

package/dist/assets/SimpleSlider.css

@@ -1 +1 @@
-.slider-track[data-v-f16d7645]{width:var(--72774c4a)}.slider-thumb[data-v-f16d7645]{left:var(--9d067ca0)}
+.slider-track[data-v-54b825e3]{width:var(--0f43c897)}.slider-thumb[data-v-54b825e3]{left:var(--ec9c737a)}

package/package.json

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