@wikicasa-dev/components 2.0.20 → 2.0.22

package/dist/SimpleSlider.js

@@ -1,8 +1,8 @@
-import { defineComponent as S, mergeModels as y, useCssVars as T, useTemplateRef as k, useModel as E, ref as m, onMounted as C, openBlock as X, createElementBlock as $, createElementVNode as s, withModifiers as B } from "vue";
+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__ */ S({
+import './assets/SimpleSlider.css';const W = ["aria-valuemin", "aria-valuemax", "aria-valuenow"], P = /* @__PURE__ */ V({
   __name: "SimpleSlider",
-  props: /* @__PURE__ */ y({
+  props: /* @__PURE__ */ L({
     min: { default: 0 },
     max: { default: 100 },
     step: { default: 1 },
@@ -14,23 +14,23 @@ import './assets/SimpleSlider.css';const W = ["aria-valuemin", "aria-valuemax",
   }),
   emits: ["update:modelValue"],
   setup(t) {
-    T((i) => ({
-      "7be5c793": d.value,
-      "415995c7": r.value
+    S((i) => ({
+      "0f43c897": r.value,
+      ec9c737a: d.value
     }));
-    const u = k("customSlider"), x = k("thumb"), o = E(t, "modelValue"), l = m(!1), r = m("50%"), d = m("50%"), c = (i = 0) => {
-      const e = t.logarithmic ? V(i) : b(i), a = (e - t.min) / (t.max - t.min), f = t.logarithmic ? h(e) : a * 100;
-      o.value = Math.round(e), r.value = `${Math.round(f)}%`, d.value = t.logarithmic ? `${Math.round(h(e))}%` : `${a * 100}%`;
-    }, b = (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;
+      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));
-    }, w = (i = 0) => {
+    }, x = (i = 0) => {
       const e = Math.log10(t.min), a = Math.log10(t.max);
       return Math.pow(10, e + i / 100 * (a - e));
     }, h = (i = 0) => {
       const e = Math.log10(t.min), a = Math.log10(t.max);
       return (Math.log10(i) - e) / (a - e) * 100;
-    }, V = (i = 0) => {
+    }, b = (i = 0) => {
       if (t.step === 1)
         return Math.max(t.min, Math.min(t.max, i));
       const e = Math.pow(
@@ -39,18 +39,24 @@ import './assets/SimpleSlider.css';const W = ["aria-valuemin", "aria-valuemax",
       );
       return Math.max(t.min, Math.min(t.max, e));
     }, v = (i) => {
-      if (!l.value || !u.value) return;
-      const e = u.value.getBoundingClientRect(), a = u.value.offsetWidth;
+      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 L = t.logarithmic ? w(n / a * 100) : n / a * (t.max - t.min) + t.min;
-      c(L);
+      const w = t.logarithmic ? x(n / a * 100) : n / a * (t.max - t.min) + t.min;
+      c(w);
     }, M = () => {
       l.value = !0;
     }, g = () => {
       l.value = !1;
     };
-    return c(o.value), C(() => {
+    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) => (X(), $("div", null, [
       s("div", {
@@ -59,21 +65,19 @@ import './assets/SimpleSlider.css';const W = ["aria-valuemin", "aria-valuemax",
         role: "slider",
         "aria-valuemin": i.min,
         "aria-valuemax": i.max,
-        "aria-valuenow": o.value,
+        "aria-valuenow": u.value,
         tabindex: "0"
       }, [
         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", {
-          ref_key: "thumb",
-          ref: x,
           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] = B((a) => M(), ["prevent"]))
-        }, null, 544)
+        }, null, 32)
       ], 8, W)
     ]));
   }
-}), I = /* @__PURE__ */ D(P, [["__scopeId", "data-v-88aa2169"]]);
+}), I = /* @__PURE__ */ D(P, [["__scopeId", "data-v-54b825e3"]]);
 export {
   I as default
 };

package/dist/assets/SimpleSlider.css

@@ -1 +1 @@
-.slider-track[data-v-88aa2169]{width:var(--7be5c793)}.slider-thumb[data-v-88aa2169]{left:var(--415995c7)}
+.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.20",
+  "version": "2.0.22",
   "description": "Wikicasa frontend components",
   "type": "module",
   "main": "./dist/index.js",