@milaboratories/uikit 2.10.26 → 2.10.27

package/dist/components/SliderRange.vue.js

@@ -1,6 +1,6 @@
-import { defineComponent as T, useSlots as W, reactive as X, ref as d, computed as a, watch as Y, createElementBlock as m, openBlock as u, normalizeClass as $, createElementVNode as s, createCommentVNode as c, createBlock as K, toDisplayString as M, unref as b, withCtx as Z, renderSlot as ee, normalizeStyle as y, Fragment as te, renderList as le } from "vue";
-import { useMouseCapture as U } from "../composition/useMouseCapture.js";
-import { tapIf as z } from "../helpers/functions.js";
+import { defineComponent as Q, useSlots as W, reactive as X, ref as d, computed as a, watch as Y, createElementBlock as m, openBlock as u, normalizeClass as $, createElementVNode as s, createCommentVNode as c, createBlock as K, toDisplayString as M, unref as b, withCtx as Z, renderSlot as ee, normalizeStyle as y, Fragment as te, renderList as le } from "vue";
+import { useMouseCapture as P } from "../composition/useMouseCapture.js";
+import { tapIf as U } from "../helpers/functions.js";
 import { clamp as p } from "../helpers/math.js";
 import oe from "./PlTooltip/PlTooltip.vue.js";
 import se from "./InputRange.vue.js";
@@ -12,10 +12,10 @@ const re = { class: "ui-slider__wrapper" }, ue = { class: "ui-slider__label-sect
 }, de = {
   key: 1,
   class: "ui-slider__value-static text-s"
-}, me = { class: "ui-slider__base" }, ce = { class: "ui-slider__container" }, pe = { class: "ui-slider__container ui-slider__container-thumb" }, fe = { class: "ui-slider__input-wrapper d-flex" }, ve = {
+}, me = { class: "ui-slider__base" }, ce = { class: "ui-slider__container" }, pe = { class: "ui-slider__container ui-slider__container-thumb" }, ve = { class: "ui-slider__input-wrapper d-flex" }, fe = {
   key: 0,
   class: "ui-slider__error"
-}, ke = /* @__PURE__ */ T({
+}, ke = /* @__PURE__ */ Q({
   __name: "SliderRange",
   props: {
     modelValue: {},
@@ -31,53 +31,53 @@ const re = { class: "ui-slider__wrapper" }, ue = { class: "ui-slider__label-sect
     disabled: { type: Boolean, default: !1 }
   },
   emits: ["update:modelValue"],
-  setup(g, { emit: F }) {
-    const I = W(), P = F, e = g, r = X({
+  setup(g, { emit: z }) {
+    const F = W(), I = z, e = g, r = X({
       deltaValue1: 0,
       deltaValue2: 0
-    }), x = d(), S = d(), B = d(), f = d(e.modelValue), v = d(e.modelValue[0]), _ = d(e.modelValue[1]), j = a(() => e), O = ae(j), q = a(
-      () => [v.value, _.value].sort((t, l) => t - l).join("-")
+    }), x = d(), S = d(), B = d(), v = d(e.modelValue), f = d(e.modelValue[0]), _ = d(e.modelValue[1]), j = a(() => e), O = ae(j), T = a(
+      () => [f.value, _.value].sort((t, l) => t - l).join("-")
     ), h = a(() => e.max - e.min), w = a(() => p((e.modelValue[0] ?? 0) + r.deltaValue1, e.min, e.max)), k = a(
       () => p((e.modelValue[1] ?? 0) + r.deltaValue2, e.min, e.max)
     ), C = a(() => {
       const t = e.modelValue;
       return Array.isArray(t) && t.length === 2 && t.every((o) => Number.isFinite(o)) ? ie(e.error) : "Expected model [number, number]";
-    }), D = a(() => (w.value - e.min) / h.value), E = a(() => (k.value - e.min) / h.value), L = a(() => Q()), G = a(() => ({
+    }), D = a(() => (w.value - e.min) / h.value), E = a(() => (k.value - e.min) / h.value), L = a(() => J()), q = a(() => ({
       right: L.value[0] + "%",
       left: 100 - L.value[1] + "%"
-    })), H = a(() => ({
+    })), G = a(() => ({
       right: Math.ceil((1 - D.value) * 100) + "%"
-    })), J = a(() => ({
+    })), H = a(() => ({
       right: Math.ceil((1 - E.value) * 100) + "%"
     }));
     Y(
       () => e.modelValue,
       (t) => {
-        f.value = t, v.value = +t[0], _.value = +t[1];
+        v.value = t, f.value = +t[0], _.value = +t[1];
       },
       { immediate: !0 }
-    ), U(S, (t) => {
+    ), P(S, (t) => {
       var l;
-      z((l = b(x)) == null ? void 0 : l.getBoundingClientRect(), (o) => {
+      U((l = b(x)) == null ? void 0 : l.getBoundingClientRect(), (o) => {
         const { dx: i } = t;
-        r.deltaValue1 = i / o.width * h.value, v.value = n(
+        r.deltaValue1 = i / o.width * h.value, f.value = n(
           p((e.modelValue[0] ?? 0) + r.deltaValue1, e.min, e.max)
-        ), f.value = [v.value, _.value].sort(
+        ), v.value = [f.value, _.value].sort(
           (R, A) => R - A
         ), t.stop && (V([n(w.value), n(k.value)]), r.deltaValue1 = 0);
       });
-    }), U(B, (t) => {
+    }), P(B, (t) => {
       var l;
-      z((l = b(x)) == null ? void 0 : l.getBoundingClientRect(), (o) => {
+      U((l = b(x)) == null ? void 0 : l.getBoundingClientRect(), (o) => {
         const { dx: i } = t;
         r.deltaValue2 = i / o.width * h.value, _.value = n(
           p((e.modelValue[1] ?? 0) + r.deltaValue2, e.min, e.max)
-        ), f.value = [v.value, _.value].sort(
+        ), v.value = [f.value, _.value].sort(
           (R, A) => R - A
         ), t.stop && (V([n(w.value), n(k.value)]), r.deltaValue2 = 0);
       });
     });
-    function Q() {
+    function J() {
       const t = Math.ceil((1 - D.value) * 100), l = Math.ceil((1 - E.value) * 100);
       return [t, l].sort((o, i) => o - i);
     }
@@ -86,7 +86,7 @@ const re = { class: "ui-slider__wrapper" }, ue = { class: "ui-slider__label-sect
       return Math.round((l + Number.EPSILON) * (1 / e.step)) / (1 / e.step);
     }
     function V(t) {
-      P("update:modelValue", t);
+      I("update:modelValue", t);
     }
     function N(t, l) {
       ["ArrowDown", "ArrowUp", "ArrowRight", "ArrowLeft", "Enter"].includes(t.code) && t.preventDefault();
@@ -103,7 +103,7 @@ const re = { class: "ui-slider__wrapper" }, ue = { class: "ui-slider__label-sect
           s("div", ue, [
             g.label ? (u(), m("label", ne, [
               s("span", null, M(g.label), 1),
-              b(I).tooltip ? (u(), K(b(oe), {
+              b(F).tooltip ? (u(), K(b(oe), {
                 key: 0,
                 class: "info",
                 position: "top"
@@ -114,7 +114,7 @@ const re = { class: "ui-slider__wrapper" }, ue = { class: "ui-slider__label-sect
                 _: 3
               })) : c("", !0)
             ])) : c("", !0),
-            e.mode === "text" ? (u(), m("div", de, M(q.value), 1)) : c("", !0)
+            e.mode === "text" ? (u(), m("div", de, M(T.value), 1)) : c("", !0)
           ]),
           s("div", me, [
             s("div", ce, [
@@ -125,7 +125,7 @@ const re = { class: "ui-slider__wrapper" }, ue = { class: "ui-slider__label-sect
               }, [
                 s("div", {
                   class: "ui-slider__progress",
-                  style: y(G.value)
+                  style: y(q.value)
                 }, null, 4)
               ], 512)
             ]),
@@ -138,7 +138,7 @@ const re = { class: "ui-slider__wrapper" }, ue = { class: "ui-slider__label-sect
               s("div", {
                 ref_key: "thumbRef1",
                 ref: S,
-                style: y(H.value),
+                style: y(G.value),
                 class: "ui-slider__thumb",
                 tabindex: "0",
                 onKeydown: l[0] || (l[0] = (o) => N(o, 0))
@@ -148,7 +148,7 @@ const re = { class: "ui-slider__wrapper" }, ue = { class: "ui-slider__label-sect
               s("div", {
                 ref_key: "thumbRef2",
                 ref: B,
-                style: y(J.value),
+                style: y(H.value),
                 class: "ui-slider__thumb",
                 tabindex: "0",
                 onKeydown: l[1] || (l[1] = (o) => N(o, 1))
@@ -158,17 +158,17 @@ const re = { class: "ui-slider__wrapper" }, ue = { class: "ui-slider__label-sect
             ])
           ])
         ]),
-        s("div", fe, [
+        s("div", ve, [
           e.mode === "input" ? (u(), K(se, {
             key: 0,
-            modelValue: f.value,
-            "onUpdate:modelValue": l[2] || (l[2] = (o) => f.value = o),
+            modelValue: v.value,
+            "onUpdate:modelValue": l[2] || (l[2] = (o) => v.value = o),
             class: "ui-focused-border",
             onChange: V
           }, null, 8, ["modelValue"])) : c("", !0)
         ])
       ], 2),
-      C.value ? (u(), m("div", ve, M(C.value), 1)) : c("", !0)
+      C.value ? (u(), m("div", fe, M(C.value), 1)) : c("", !0)
     ], 2));
   }
 });

package/dist/components/SliderRangeTriple.vue.d.ts

@@ -34,8 +34,8 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}
 }>, {
     label: string;
     error: undefined;
-    disabled: boolean;
     mode: SliderMode;
+    disabled: boolean;
     min: number;
     step: number;
     helper: string;

package/dist/components/SliderRangeTriple.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SliderRangeTriple.vue.d.ts","sourceRoot":"","sources":["../../src/components/SliderRangeTriple.vue"],"names":[],"mappings":"AA+UA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAI3C,KAAK,SAAS,GAAG,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;AAK1C,KAAK,WAAW,GAAG;IACf,UAAU,EAAE,SAAS,CAAC;IACtB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAsOJ,iBAAS,cAAc;WAyJT,OAAO,IAA6B;;yBAdrB,GAAG;;;;;;;;;EAmB/B;AAuBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;WAnaT,MAAM;;cAMH,OAAO;UAHX,UAAU;SANX,MAAM;UAEL,MAAM;YAEJ,MAAM;aAGL,MAAM;iBACF,OAAO;;;;;;kBAwavB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAapG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"SliderRangeTriple.vue.d.ts","sourceRoot":"","sources":["../../src/components/SliderRangeTriple.vue"],"names":[],"mappings":"AA+UA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAI3C,KAAK,SAAS,GAAG,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;AAK1C,KAAK,WAAW,GAAG;IACf,UAAU,EAAE,SAAS,CAAC;IACtB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAsOJ,iBAAS,cAAc;WAyJT,OAAO,IAA6B;;yBAdrB,GAAG;;;;;;;;;EAmB/B;AAuBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;WAnaT,MAAM;;UAGP,UAAU;cAGN,OAAO;SATZ,MAAM;UAEL,MAAM;YAEJ,MAAM;aAGL,MAAM;iBACF,OAAO;;;;;;kBAwavB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAapG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/components/SliderRangeTriple.vue.js

@@ -1,11 +1,11 @@
-import { defineComponent as W, useSlots as X, reactive as Y, ref as w, computed as r, onMounted as Z, createElementBlock as h, openBlock as d, normalizeClass as P, createElementVNode as o, createCommentVNode as R, createBlock as ee, toDisplayString as T, unref as m, withCtx as te, renderSlot as le, normalizeStyle as _, Fragment as ae, renderList as ie } from "vue";
+import { defineComponent as W, useSlots as X, reactive as Y, ref as w, computed as r, onMounted as Z, createElementBlock as h, openBlock as d, normalizeClass as z, createElementVNode as o, createCommentVNode as R, createBlock as ee, toDisplayString as I, unref as m, withCtx as te, renderSlot as le, normalizeStyle as _, Fragment as ae, renderList as ie } from "vue";
 import { useMouseCapture as $ } from "../composition/useMouseCapture.js";
 import { tapIf as D } from "../helpers/functions.js";
 import { clamp as c } from "../helpers/math.js";
 import oe from "./PlTooltip/PlTooltip.vue.js";
 import { useSliderBreakpoints as re } from "../composition/useSliderBreakpoints.js";
-import { getErrorMessage as se } from "../helpers/error.js";
-const ue = { class: "ui-slider__wrapper" }, ne = { class: "ui-slider__label-section" }, de = {
+import { getErrorMessage as ue } from "../helpers/error.js";
+const se = { class: "ui-slider__wrapper" }, ne = { class: "ui-slider__label-section" }, de = {
   key: 0,
   class: "text-s"
 }, me = { class: "ui-slider__base" }, ce = { class: "ui-slider__container" }, pe = { class: "ui-slider__container ui-slider__container-thumb" }, ve = ["data-percent"], fe = ["data-percent"], he = ["data-percent"], _e = {
@@ -28,16 +28,16 @@ const ue = { class: "ui-slider__wrapper" }, ne = { class: "ui-slider__label-sect
   },
   emits: ["update:modelValue"],
   setup(k, { emit: U }) {
-    const j = X(), H = U, e = k, s = Y({
+    const j = X(), H = U, e = k, u = Y({
       deltaValue1: 0,
       deltaValue2: 0,
       deltaValue3: 0
     }), b = w(), p = w(), v = w(), f = w(), n = r(() => e.max - e.min), O = r(() => e), q = re(O), g = r(
-      () => c((e.modelValue[0] ?? 0) + s.deltaValue1, e.min, e.max)
+      () => c((e.modelValue[0] ?? 0) + u.deltaValue1, e.min, e.max)
     ), V = r(
-      () => c((e.modelValue[1] ?? 0) + s.deltaValue2, e.min, e.max)
+      () => c((e.modelValue[1] ?? 0) + u.deltaValue2, e.min, e.max)
     ), y = r(
-      () => c((e.modelValue[2] ?? 0) + s.deltaValue3, e.min, e.max)
+      () => c((e.modelValue[2] ?? 0) + u.deltaValue3, e.min, e.max)
     ), L = r(() => {
       const l = e.modelValue;
       if (!(Array.isArray(l) && l.length === 3 && l.every((a) => Number.isFinite(a))))
@@ -45,45 +45,45 @@ const ue = { class: "ui-slider__wrapper" }, ne = { class: "ui-slider__label-sect
       const i = [];
       return [...e.modelValue].forEach((a) => {
         a > e.max && i.push(`Max model value must be lower than max props ${e.max}.`), a < e.min && i.push("Min model value must be greater than max props.");
-      }), i.length > 0 ? i.join(" ") : se(e.error);
-    }), K = r(() => (g.value - e.min) / n.value), F = r(() => (V.value - e.min) / n.value), z = r(() => (y.value - e.min) / n.value), I = r(() => J()), G = r(() => ({
-      right: I.value[0] + "%",
-      left: 100 - I.value[2] + "%"
+      }), i.length > 0 ? i.join(" ") : ue(e.error);
+    }), K = r(() => (g.value - e.min) / n.value), F = r(() => (V.value - e.min) / n.value), P = r(() => (y.value - e.min) / n.value), T = r(() => J()), G = r(() => ({
+      right: T.value[0] + "%",
+      left: 100 - T.value[2] + "%"
     })), M = r(() => ({
       right: Math.ceil((1 - K.value) * 100) + "%"
     })), S = r(() => ({
       right: Math.ceil((1 - F.value) * 100) + "%"
     })), A = r(() => ({
-      right: Math.ceil((1 - z.value) * 100) + "%"
+      right: Math.ceil((1 - P.value) * 100) + "%"
     }));
     $(p, (l) => {
       var t;
       D((t = m(b)) == null ? void 0 : t.getBoundingClientRect(), (i) => {
         const { dx: a } = l;
-        s.deltaValue1 = a / i.width * n.value, p.value && B(p.value, e.modelValue[0], s.deltaValue1), l.stop && (x([u(g.value), u(V.value), u(y.value)]), s.deltaValue1 = 0);
+        u.deltaValue1 = a / i.width * n.value, p.value && B(p.value, e.modelValue[0], u.deltaValue1), l.stop && (x([s(g.value), s(V.value), s(y.value)]), u.deltaValue1 = 0);
       });
     }), $(v, (l) => {
       var t;
       D((t = m(b)) == null ? void 0 : t.getBoundingClientRect(), (i) => {
         const { dx: a } = l;
-        s.deltaValue2 = a / i.width * n.value, v.value && B(v.value, e.modelValue[1], s.deltaValue2), l.stop && (x([u(g.value), u(V.value), u(y.value)]), s.deltaValue2 = 0);
+        u.deltaValue2 = a / i.width * n.value, v.value && B(v.value, e.modelValue[1], u.deltaValue2), l.stop && (x([s(g.value), s(V.value), s(y.value)]), u.deltaValue2 = 0);
       });
     }), $(f, (l) => {
       var t;
       D((t = m(b)) == null ? void 0 : t.getBoundingClientRect(), (i) => {
         const { dx: a } = l;
-        s.deltaValue3 = a / i.width * n.value, f.value && B(f.value, e.modelValue[2], s.deltaValue3), l.stop && (x([u(g.value), u(V.value), u(y.value)]), s.deltaValue3 = 0);
+        u.deltaValue3 = a / i.width * n.value, f.value && B(f.value, e.modelValue[2], u.deltaValue3), l.stop && (x([s(g.value), s(V.value), s(y.value)]), u.deltaValue3 = 0);
       });
     });
     function B(l, t, i) {
-      const a = u(c((t ?? 0) + i, e.min, e.max));
+      const a = s(c((t ?? 0) + i, e.min, e.max));
       l.dataset.percent = `${a}${e.measure}`, C();
     }
     function J() {
-      const l = Math.ceil((1 - K.value) * 100), t = Math.ceil((1 - F.value) * 100), i = Math.ceil((1 - z.value) * 100);
+      const l = Math.ceil((1 - K.value) * 100), t = Math.ceil((1 - F.value) * 100), i = Math.ceil((1 - P.value) * 100);
       return [l, t, i].sort((a, E) => a - E);
     }
-    function u(l) {
+    function s(l) {
       const t = c(l, e.min, e.max);
       return Math.round((t + Number.EPSILON) * (1 / e.step)) / (1 / e.step);
     }
@@ -106,15 +106,15 @@ const ue = { class: "ui-slider__wrapper" }, ne = { class: "ui-slider__label-sect
     return Z(() => {
       C();
     }), (l, t) => (d(), h("div", {
-      class: P([e.disabled ? "ui-slider__disabled" : void 0, "ui-slider__envelope ui-slider__triple"])
+      class: z([e.disabled ? "ui-slider__disabled" : void 0, "ui-slider__envelope ui-slider__triple"])
     }, [
       o("div", {
-        class: P([`ui-slider__mode-${e.mode}`, "ui-slider"])
+        class: z([`ui-slider__mode-${e.mode}`, "ui-slider"])
       }, [
-        o("div", ue, [
+        o("div", se, [
           o("div", ne, [
             k.label ? (d(), h("label", de, [
-              o("span", null, T(k.label), 1),
+              o("span", null, I(k.label), 1),
               m(j).tooltip ? (d(), ee(m(oe), {
                 key: 0,
                 class: "info",
@@ -187,7 +187,7 @@ const ue = { class: "ui-slider__wrapper" }, ne = { class: "ui-slider__label-sect
         ]),
         t[6] || (t[6] = o("div", { class: "ui-slider__input-wrapper d-flex" }, null, -1))
       ], 2),
-      L.value ? (d(), h("div", _e, T(L.value), 1)) : R("", !0)
+      L.value ? (d(), h("div", _e, I(L.value), 1)) : R("", !0)
     ], 2));
   }
 });