@milaboratories/uikit 2.10.37 → 2.10.39

package/dist/components/Slider.vue.js

@@ -1,145 +0,0 @@
-import { defineComponent as P, useSlots as z, reactive as F, computed as r, ref as v, watch as I, createElementBlock as i, openBlock as s, normalizeClass as R, createElementVNode as l, createCommentVNode as a, createBlock as K, toDisplayString as m, unref as p, withCtx as U, renderSlot as O, normalizeStyle as h, Fragment as T, renderList as j } from "vue";
-import { useMouseCapture as q } from "../composition/useMouseCapture.js";
-import { tapIf as G } from "../helpers/functions.js";
-import { clamp as b } from "../helpers/math.js";
-import { useSliderBreakpoints as H } from "../composition/useSliderBreakpoints.js";
-import { getErrorMessage as J } from "../helpers/error.js";
-import Q from "./PlTooltip/PlTooltip.vue.js";
-const W = { class: "ui-slider__wrapper" }, X = { class: "ui-slider__label-section" }, Y = {
-  key: 0,
-  class: "text-s"
-}, Z = {
-  key: 1,
-  class: "ui-slider__value-static text-s"
-}, ee = { class: "ui-slider__base" }, te = { class: "ui-slider__container" }, le = { class: "ui-slider__container ui-slider__container-thumb" }, oe = { class: "ui-slider__input-wrapper d-flex" }, se = ["value"], re = {
-  key: 0,
-  class: "ui-slider__error"
-}, pe = /* @__PURE__ */ P({
-  __name: "Slider",
-  props: {
-    modelValue: {},
-    min: { default: 0 },
-    max: {},
-    step: { default: 1 },
-    label: { default: void 0 },
-    helper: { default: void 0 },
-    error: { default: void 0 },
-    mode: { default: "text" },
-    measure: { default: "" },
-    breakpoints: { type: Boolean, default: !1 },
-    disabled: { type: Boolean, default: !1 }
-  },
-  emits: ["update:modelValue"],
-  setup(n, { emit: A }) {
-    const B = z(), V = A, e = n, d = F({
-      deltaValue: 0
-    }), y = r(() => e.max - e.min), x = r(() => b((e.modelValue ?? 0) + d.deltaValue, e.min, e.max)), c = v(e.modelValue), g = r(() => {
-      const t = e.modelValue;
-      return Number.isFinite(t) ? t < e.min ? `Min value: ${e.min}` : t > e.max ? `Max value: ${e.max}` : J(e.error) : "Not a number";
-    }), C = r(() => e), N = H(C), k = r(() => (x.value - e.min) / y.value), $ = r(() => ({
-      right: Math.ceil((1 - k.value) * 100) + "%"
-    })), E = r(() => ({
-      right: `calc(${Math.ceil((1 - k.value) * 100)}%) `
-    })), w = v(), S = v();
-    I(
-      () => e.modelValue,
-      (t) => {
-        c.value = t;
-      }
-    );
-    function _(t) {
-      const o = b(t, e.min, e.max);
-      return Math.round((o + Number.EPSILON) * (1 / e.step)) / (1 / e.step);
-    }
-    q(S, (t) => {
-      var o;
-      G((o = p(w)) == null ? void 0 : o.getBoundingClientRect(), (u) => {
-        const { dx: f } = t;
-        d.deltaValue = f / u.width * y.value, c.value = _(
-          b((e.modelValue ?? 0) + d.deltaValue, e.min, e.max)
-        ), t.stop && (V("update:modelValue", _(x.value)), d.deltaValue = 0);
-      });
-    });
-    function M(t) {
-      V("update:modelValue", _(t));
-    }
-    function D(t) {
-      M(+t.target.value);
-    }
-    function L(t) {
-      ["ArrowDown", "ArrowUp", "ArrowRight", "ArrowLeft", "Enter"].includes(t.code) && t.preventDefault();
-      const o = t.code === "ArrowUp" || t.code === "ArrowRight" ? e.step * 1 : t.code === "ArrowDown" || t.code === "ArrowLeft" ? e.step * -1 : 0;
-      M(e.modelValue + o);
-    }
-    return (t, o) => (s(), i("div", {
-      class: R([e.disabled ? "ui-slider__disabled" : void 0, "ui-slider__envelope"])
-    }, [
-      l("div", {
-        class: R([`ui-slider__mode-${e.mode}`, "ui-slider"])
-      }, [
-        l("div", W, [
-          l("div", X, [
-            n.label ? (s(), i("label", Y, [
-              l("span", null, m(n.label), 1),
-              p(B).tooltip ? (s(), K(p(Q), {
-                key: 0,
-                class: "info",
-                position: "top"
-              }, {
-                tooltip: U(() => [
-                  O(t.$slots, "tooltip")
-                ]),
-                _: 3
-              })) : a("", !0)
-            ])) : a("", !0),
-            e.mode === "text" ? (s(), i("div", Z, m(c.value) + m(n.measure), 1)) : a("", !0)
-          ]),
-          l("div", ee, [
-            l("div", te, [
-              l("div", {
-                ref_key: "barRef",
-                ref: w,
-                class: "ui-slider__bar"
-              }, [
-                l("div", {
-                  class: "ui-slider__progress",
-                  style: h($.value)
-                }, null, 4)
-              ], 512)
-            ]),
-            l("div", le, [
-              e.breakpoints ? (s(!0), i(T, { key: 0 }, j(p(N), (u, f) => (s(), i("div", {
-                key: f,
-                style: h({ right: `${u}%` }),
-                class: "ui-slider__thumb-step"
-              }, null, 4))), 128)) : a("", !0),
-              l("div", {
-                ref_key: "thumbRef",
-                ref: S,
-                tabindex: "0",
-                class: "ui-slider__thumb ui-slider__thumb-active",
-                style: h(E.value),
-                onKeydown: L
-              }, [...o[1] || (o[1] = [
-                l("div", { class: "ui-slider__thumb-focused-contour" }, null, -1)
-              ])], 36)
-            ])
-          ])
-        ]),
-        l("div", oe, [
-          e.mode === "input" ? (s(), i("input", {
-            key: 0,
-            value: c.value,
-            class: "ui-slider__value text-s",
-            onChange: o[0] || (o[0] = (u) => D(u))
-          }, null, 40, se)) : a("", !0)
-        ])
-      ], 2),
-      g.value ? (s(), i("div", re, m(g.value), 1)) : a("", !0)
-    ], 2));
-  }
-});
-export {
-  pe as default
-};
-//# sourceMappingURL=Slider.vue.js.map

package/dist/components/Slider.vue.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Slider.vue.js","sources":["../../src/components/Slider.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { computed, reactive, ref, unref, useSlots, watch } from \"vue\";\nimport { useMouseCapture } from \"../composition/useMouseCapture\";\nimport { tapIf } from \"../helpers/functions\";\nimport { clamp } from \"../helpers/math\";\nimport { PlTooltip } from \"./PlTooltip\";\nimport type { SliderMode } from \"../types\";\nimport { useSliderBreakpoints } from \"../composition/useSliderBreakpoints\";\nimport { getErrorMessage } from \"../helpers/error.ts\";\n\nconst slots = useSlots();\n\nconst emit = defineEmits([\"update:modelValue\"]);\n\nconst props = withDefaults(\n  defineProps<{\n    modelValue: number;\n    min?: number;\n    max: number;\n    step?: number;\n    label?: string;\n    helper?: string;\n    error?: unknown;\n    mode?: SliderMode;\n    measure?: string;\n    breakpoints?: boolean;\n    disabled?: boolean;\n  }>(),\n  {\n    label: undefined,\n    helper: undefined,\n    error: undefined,\n    min: 0,\n    step: 1,\n    mode: \"text\",\n    measure: \"\",\n    breakpoints: false,\n    disabled: false,\n  },\n);\n\nconst data = reactive({\n  deltaValue: 0,\n});\n\nconst range = computed(() => props.max - props.min);\n\nconst localValue = computed(() => {\n  return clamp((props.modelValue ?? 0) + data.deltaValue, props.min, props.max);\n});\n\nconst realtimeVal = ref(props.modelValue);\n\nconst error = computed(() => {\n  const v = props.modelValue;\n\n  if (!Number.isFinite(v)) {\n    return \"Not a number\";\n  }\n\n  if (v < props.min) {\n    return `Min value: ${props.min}`;\n  }\n\n  if (v > props.max) {\n    return `Max value: ${props.max}`;\n  }\n\n  return getErrorMessage(props.error);\n});\n\nconst propsRef = computed(() => props);\n\nconst breakpointsRef = useSliderBreakpoints(propsRef);\n\nconst position = computed(() => {\n  return (localValue.value - props.min) / range.value;\n});\n\nconst progressStyle = computed(() => ({\n  right: Math.ceil((1 - position.value) * 100) + \"%\",\n}));\n\nconst thumbStyle = computed(() => {\n  const value = Math.ceil((1 - position.value) * 100);\n  return {\n    right: `calc(${value}%) `,\n  };\n});\n\nconst barRef = ref<HTMLElement>();\nconst thumbRef = ref<HTMLElement>();\n\nwatch(\n  () => props.modelValue,\n  (val) => {\n    realtimeVal.value = val;\n  },\n);\n\nfunction round(value: number) {\n  const v = clamp(value, props.min, props.max);\n  // This is the same as Math.round(v / props.step) * props.step but here we need this magic to avoid numbers like 3.00000000000000000004\n  return Math.round((v + Number.EPSILON) * (1 / props.step)) / (1 / props.step);\n}\n\nuseMouseCapture(thumbRef, (ev) => {\n  tapIf(unref(barRef)?.getBoundingClientRect(), (rect) => {\n    const { dx } = ev;\n\n    data.deltaValue = (dx / rect.width) * range.value;\n\n    realtimeVal.value = round(\n      clamp((props.modelValue ?? 0) + data.deltaValue, props.min, props.max),\n    );\n\n    if (ev.stop) {\n      emit(\"update:modelValue\", round(localValue.value));\n      data.deltaValue = 0;\n    }\n  });\n});\n\nfunction setModelValue(value: number) {\n  emit(\"update:modelValue\", round(value));\n}\n\nfunction updateModelValue(event: Event) {\n  setModelValue(+(event.target as HTMLInputElement).value);\n}\n\nfunction handleKeyPress(e: { code: string; preventDefault(): void }) {\n  if ([\"ArrowDown\", \"ArrowUp\", \"ArrowRight\", \"ArrowLeft\", \"Enter\"].includes(e.code)) {\n    e.preventDefault();\n  }\n\n  const nextStep =\n    e.code === \"ArrowUp\" || e.code === \"ArrowRight\"\n      ? props.step * 1\n      : e.code === \"ArrowDown\" || e.code === \"ArrowLeft\"\n        ? props.step * -1\n        : 0;\n\n  setModelValue(props.modelValue + nextStep);\n}\n</script>\n\n<template>\n  <div :class=\"props.disabled ? 'ui-slider__disabled' : undefined\" class=\"ui-slider__envelope\">\n    <div :class=\"`ui-slider__mode-${props.mode}`\" class=\"ui-slider\">\n      <div class=\"ui-slider__wrapper\">\n        <div class=\"ui-slider__label-section\">\n          <label v-if=\"label\" class=\"text-s\">\n            <span>{{ label }}</span>\n            <PlTooltip v-if=\"slots.tooltip\" class=\"info\" position=\"top\">\n              <template #tooltip>\n                <slot name=\"tooltip\" />\n              </template>\n            </PlTooltip>\n          </label>\n          <div v-if=\"props.mode === 'text'\" class=\"ui-slider__value-static text-s\">\n            {{ realtimeVal }}{{ measure }}\n          </div>\n        </div>\n        <div class=\"ui-slider__base\">\n          <div class=\"ui-slider__container\">\n            <div ref=\"barRef\" class=\"ui-slider__bar\">\n              <div class=\"ui-slider__progress\" :style=\"progressStyle\" />\n            </div>\n          </div>\n          <div class=\"ui-slider__container ui-slider__container-thumb\">\n            <template v-if=\"props.breakpoints\">\n              <div\n                v-for=\"(item, index) in breakpointsRef\"\n                :key=\"index\"\n                :style=\"{ right: `${item}%` }\"\n                class=\"ui-slider__thumb-step\"\n              />\n            </template>\n            <div\n              ref=\"thumbRef\"\n              tabindex=\"0\"\n              class=\"ui-slider__thumb ui-slider__thumb-active\"\n              :style=\"thumbStyle\"\n              @keydown=\"handleKeyPress\"\n            >\n              <div class=\"ui-slider__thumb-focused-contour\" />\n            </div>\n          </div>\n        </div>\n      </div>\n\n      <div class=\"ui-slider__input-wrapper d-flex\">\n        <input\n          v-if=\"props.mode === 'input'\"\n          :value=\"realtimeVal\"\n          class=\"ui-slider__value text-s\"\n          @change=\"updateModelValue($event)\"\n        />\n      </div>\n    </div>\n    <!-- <div v-if=\"props.helper\" class=\"ui-slider__helper\">\n      {{ props.helper }}\n    </div> -->\n    <div v-if=\"error\" class=\"ui-slider__error\">\n      {{ error }}\n    </div>\n  </div>\n</template>\n"],"names":["slots","useSlots","emit","__emit","props","__props","data","reactive","range","computed","localValue","clamp","realtimeVal","ref","error","v","getErrorMessage","propsRef","breakpointsRef","useSliderBreakpoints","position","progressStyle","thumbStyle","barRef","thumbRef","watch","val","round","value","useMouseCapture","ev","tapIf","_a","unref","rect","dx","setModelValue","updateModelValue","event","handleKeyPress","e","nextStep","_createElementBlock","_createElementVNode","_normalizeClass","_hoisted_1","_hoisted_2","_openBlock","_hoisted_3","_unref","_createBlock","PlTooltip","_renderSlot","_ctx","_hoisted_4","_toDisplayString","_hoisted_5","_hoisted_6","_hoisted_7","_Fragment","_renderList","item","index","_hoisted_8","_cache","$event","_hoisted_10"],"mappings":"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"}

package/dist/components/SliderRange.vue.js

@@ -1,178 +0,0 @@
-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 "./InputRange.vue.js";
-import { useSliderBreakpoints as se } from "../composition/useSliderBreakpoints.js";
-import { getErrorMessage as ae } from "../helpers/error.js";
-import ie from "./PlTooltip/PlTooltip.vue.js";
-const re = { class: "ui-slider__wrapper" }, ue = { class: "ui-slider__label-section" }, ne = {
-  key: 0,
-  class: "text-s"
-}, 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" }, ve = { class: "ui-slider__input-wrapper d-flex" }, fe = {
-  key: 0,
-  class: "ui-slider__error"
-}, ke = /* @__PURE__ */ Q({
-  __name: "SliderRange",
-  props: {
-    modelValue: {},
-    min: { default: 0 },
-    max: {},
-    step: { default: 1 },
-    label: { default: void 0 },
-    helper: { default: void 0 },
-    error: { default: void 0 },
-    mode: { default: "text" },
-    measure: { default: "" },
-    breakpoints: { type: Boolean, default: !1 },
-    disabled: { type: Boolean, default: !1 }
-  },
-  emits: ["update:modelValue"],
-  setup(g, { emit: z }) {
-    const F = W(), I = z, e = g, r = X({
-      deltaValue1: 0,
-      deltaValue2: 0
-    }), x = d(), S = d(), B = d(), v = d(e.modelValue), f = d(e.modelValue[0]), _ = d(e.modelValue[1]), j = a(() => e), O = se(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)) ? ae(e.error) : "Expected model [number, number]";
-    }), 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] + "%"
-    })), G = a(() => ({
-      right: Math.ceil((1 - D.value) * 100) + "%"
-    })), H = a(() => ({
-      right: Math.ceil((1 - E.value) * 100) + "%"
-    }));
-    Y(
-      () => e.modelValue,
-      (t) => {
-        v.value = t, f.value = +t[0], _.value = +t[1];
-      },
-      { immediate: !0 }
-    ), P(S, (t) => {
-      var l;
-      U((l = b(x)) == null ? void 0 : l.getBoundingClientRect(), (o) => {
-        const { dx: i } = t;
-        r.deltaValue1 = i / o.width * h.value, f.value = n(
-          p((e.modelValue[0] ?? 0) + r.deltaValue1, e.min, e.max)
-        ), v.value = [f.value, _.value].sort(
-          (R, A) => R - A
-        ), t.stop && (V([n(w.value), n(k.value)]), r.deltaValue1 = 0);
-      });
-    }), P(B, (t) => {
-      var l;
-      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)
-        ), v.value = [f.value, _.value].sort(
-          (R, A) => R - A
-        ), t.stop && (V([n(w.value), n(k.value)]), r.deltaValue2 = 0);
-      });
-    });
-    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);
-    }
-    function n(t) {
-      const l = p(t, e.min, e.max);
-      return Math.round((l + Number.EPSILON) * (1 / e.step)) / (1 / e.step);
-    }
-    function V(t) {
-      I("update:modelValue", t);
-    }
-    function N(t, l) {
-      ["ArrowDown", "ArrowUp", "ArrowRight", "ArrowLeft", "Enter"].includes(t.code) && t.preventDefault();
-      const o = t.code === "ArrowUp" || t.code === "ArrowRight" ? e.step * 1 : t.code === "ArrowDown" || t.code === "ArrowLeft" ? e.step * -1 : 0, i = [...e.modelValue];
-      i[l] = p(i[l] + o, e.min, e.max), V(i);
-    }
-    return (t, l) => (u(), m("div", {
-      class: $([e.disabled ? "ui-slider__disabled" : void 0, "ui-slider__envelope"])
-    }, [
-      s("div", {
-        class: $([`ui-slider__mode-${e.mode}`, "ui-slider"])
-      }, [
-        s("div", re, [
-          s("div", ue, [
-            g.label ? (u(), m("label", ne, [
-              s("span", null, M(g.label), 1),
-              b(F).tooltip ? (u(), K(b(ie), {
-                key: 0,
-                class: "info",
-                position: "top"
-              }, {
-                tooltip: Z(() => [
-                  ee(t.$slots, "tooltip")
-                ]),
-                _: 3
-              })) : c("", !0)
-            ])) : c("", !0),
-            e.mode === "text" ? (u(), m("div", de, M(T.value), 1)) : c("", !0)
-          ]),
-          s("div", me, [
-            s("div", ce, [
-              s("div", {
-                ref_key: "barRef",
-                ref: x,
-                class: "ui-slider__bar"
-              }, [
-                s("div", {
-                  class: "ui-slider__progress",
-                  style: y(q.value)
-                }, null, 4)
-              ], 512)
-            ]),
-            s("div", pe, [
-              e.breakpoints ? (u(!0), m(te, { key: 0 }, le(b(O), (o, i) => (u(), m("div", {
-                key: i,
-                style: y({ right: `${o}%` }),
-                class: "ui-slider__thumb-step"
-              }, null, 4))), 128)) : c("", !0),
-              s("div", {
-                ref_key: "thumbRef1",
-                ref: S,
-                style: y(G.value),
-                class: "ui-slider__thumb",
-                tabindex: "0",
-                onKeydown: l[0] || (l[0] = (o) => N(o, 0))
-              }, [...l[3] || (l[3] = [
-                s("div", { class: "ui-slider__thumb-focused-contour" }, null, -1)
-              ])], 36),
-              s("div", {
-                ref_key: "thumbRef2",
-                ref: B,
-                style: y(H.value),
-                class: "ui-slider__thumb",
-                tabindex: "0",
-                onKeydown: l[1] || (l[1] = (o) => N(o, 1))
-              }, [...l[4] || (l[4] = [
-                s("div", { class: "ui-slider__thumb-focused-contour" }, null, -1)
-              ])], 36)
-            ])
-          ])
-        ]),
-        s("div", ve, [
-          e.mode === "input" ? (u(), K(oe, {
-            key: 0,
-            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", fe, M(C.value), 1)) : c("", !0)
-    ], 2));
-  }
-});
-export {
-  ke as default
-};
-//# sourceMappingURL=SliderRange.vue.js.map

package/dist/components/SliderRange.vue.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SliderRange.vue.js","sources":["../../src/components/SliderRange.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { computed, reactive, ref, unref, useSlots, watch } from \"vue\";\nimport { useMouseCapture } from \"../composition/useMouseCapture\";\nimport { tapIf } from \"../helpers/functions\";\nimport { clamp } from \"../helpers/math\";\nimport { PlTooltip } from \"./PlTooltip\";\nimport type { SliderMode } from \"../types\";\nimport InputRange from \"./InputRange.vue\";\nimport { useSliderBreakpoints } from \"../composition/useSliderBreakpoints\";\nimport { getErrorMessage } from \"../helpers/error.ts\";\n\nconst slots = useSlots();\n\nconst emit = defineEmits([\"update:modelValue\"]);\n\nconst props = withDefaults(\n  defineProps<{\n    modelValue: [number, number];\n    min?: number;\n    max: number;\n    step?: number;\n    label?: string;\n    helper?: string;\n    error?: unknown;\n    mode?: SliderMode;\n    measure?: string;\n    breakpoints?: boolean;\n    disabled?: boolean;\n  }>(),\n  {\n    label: undefined,\n    helper: undefined,\n    error: undefined,\n    min: 0,\n    step: 1,\n    mode: \"text\",\n    measure: \"\",\n    breakpoints: false,\n    disabled: false,\n  },\n);\n\nconst data = reactive({\n  deltaValue1: 0,\n  deltaValue2: 0,\n});\n\nconst barRef = ref<HTMLElement>();\nconst thumbRef1 = ref<HTMLElement>();\nconst thumbRef2 = ref<HTMLElement>();\nconst inputRange = ref<[number, number]>(props.modelValue);\nconst leftDelta = ref(props.modelValue[0]);\nconst rightDelta = ref(props.modelValue[1]);\n\nconst propsRef = computed(() => props);\n\nconst breakpointsRef = useSliderBreakpoints(propsRef);\n\nconst textModelValue = computed(() =>\n  [leftDelta.value, rightDelta.value].sort((a, b) => a - b).join(\"-\"),\n);\n\nconst range = computed(() => props.max - props.min);\n\nconst localValue1 = computed(() => {\n  return clamp((props.modelValue[0] ?? 0) + data.deltaValue1, props.min, props.max);\n});\n\nconst localValue2 = computed(() =>\n  clamp((props.modelValue[1] ?? 0) + data.deltaValue2, props.min, props.max),\n);\n\nconst error = computed(() => {\n  const v = props.modelValue as unknown;\n\n  const isValidModel = Array.isArray(v) && v.length === 2 && v.every((it) => Number.isFinite(it));\n\n  if (!isValidModel) {\n    return \"Expected model [number, number]\";\n  }\n\n  return getErrorMessage(props.error);\n});\n\nconst position1 = computed(() => {\n  return (localValue1.value - props.min) / range.value;\n});\n\nconst position2 = computed(() => {\n  return (localValue2.value - props.min) / range.value;\n});\n\nconst leftRight = computed(() => getLeftAndRight());\n\nconst progressStyle = computed(() => ({\n  right: leftRight.value[0] + \"%\",\n  left: 100 - leftRight.value[1] + \"%\",\n}));\n\nconst thumbStyle1 = computed(() => ({\n  right: Math.ceil((1 - position1.value) * 100) + \"%\",\n}));\n\nconst thumbStyle2 = computed(() => ({\n  right: Math.ceil((1 - position2.value) * 100) + \"%\",\n}));\n\nwatch(\n  () => props.modelValue,\n  (value: [number, number]) => {\n    inputRange.value = value;\n    leftDelta.value = +value[0];\n    rightDelta.value = +value[1];\n  },\n  { immediate: true },\n);\n\nuseMouseCapture(thumbRef1, (ev) => {\n  tapIf(unref(barRef)?.getBoundingClientRect(), (rect) => {\n    const { dx } = ev;\n\n    data.deltaValue1 = (dx / rect.width) * range.value;\n\n    leftDelta.value = round(\n      clamp((props.modelValue[0] ?? 0) + data.deltaValue1, props.min, props.max),\n    );\n\n    inputRange.value = ([leftDelta.value, rightDelta.value] as [number, number]).sort(\n      (a, b) => a - b,\n    );\n\n    if (ev.stop) {\n      setModelValue([round(localValue1.value), round(localValue2.value)]);\n      data.deltaValue1 = 0;\n    }\n  });\n});\n\nuseMouseCapture(thumbRef2, (ev) => {\n  tapIf(unref(barRef)?.getBoundingClientRect(), (rect) => {\n    const { dx } = ev;\n\n    data.deltaValue2 = (dx / rect.width) * range.value;\n\n    rightDelta.value = round(\n      clamp((props.modelValue[1] ?? 0) + data.deltaValue2, props.min, props.max),\n    );\n\n    inputRange.value = ([leftDelta.value, rightDelta.value] as [number, number]).sort(\n      (a, b) => a - b,\n    );\n\n    if (ev.stop) {\n      setModelValue([round(localValue1.value), round(localValue2.value)]);\n      data.deltaValue2 = 0;\n    }\n  });\n});\n\nfunction getLeftAndRight() {\n  const point1 = Math.ceil((1 - position1.value) * 100);\n  const point2 = Math.ceil((1 - position2.value) * 100);\n  return [point1, point2].sort((a, b) => a - b);\n}\n\nfunction round(value: number) {\n  const v = clamp(value, props.min, props.max);\n  // This is the same as Math.round(v / props.step) * props.step but here we need this magic to avoid numbers like 3.00000000000000000004\n  return Math.round((v + Number.EPSILON) * (1 / props.step)) / (1 / props.step);\n}\n\nfunction setModelValue(value: [number, number]) {\n  emit(\"update:modelValue\", value);\n}\n\nfunction handleKeyPress(e: { code: string; preventDefault(): void }, index: number) {\n  if ([\"ArrowDown\", \"ArrowUp\", \"ArrowRight\", \"ArrowLeft\", \"Enter\"].includes(e.code)) {\n    e.preventDefault();\n  }\n\n  const nextStep =\n    e.code === \"ArrowUp\" || e.code === \"ArrowRight\"\n      ? props.step * 1\n      : e.code === \"ArrowDown\" || e.code === \"ArrowLeft\"\n        ? props.step * -1\n        : 0;\n\n  const arr: [number, number] = [...props.modelValue];\n  arr[index] = clamp(arr[index] + nextStep, props.min, props.max);\n  setModelValue(arr);\n}\n</script>\n\n<template>\n  <!-- {{ leftDelta }} {{ rightDelta }} -->\n  <div :class=\"props.disabled ? 'ui-slider__disabled' : undefined\" class=\"ui-slider__envelope\">\n    <div :class=\"`ui-slider__mode-${props.mode}`\" class=\"ui-slider\">\n      <div class=\"ui-slider__wrapper\">\n        <div class=\"ui-slider__label-section\">\n          <label v-if=\"label\" class=\"text-s\">\n            <span>{{ label }}</span>\n            <PlTooltip v-if=\"slots.tooltip\" class=\"info\" position=\"top\">\n              <template #tooltip>\n                <slot name=\"tooltip\" />\n              </template>\n            </PlTooltip>\n          </label>\n          <div v-if=\"props.mode === 'text'\" class=\"ui-slider__value-static text-s\">\n            {{ textModelValue }}\n          </div>\n        </div>\n        <div class=\"ui-slider__base\">\n          <div class=\"ui-slider__container\">\n            <div ref=\"barRef\" class=\"ui-slider__bar\">\n              <div class=\"ui-slider__progress\" :style=\"progressStyle\" />\n            </div>\n          </div>\n          <div class=\"ui-slider__container ui-slider__container-thumb\">\n            <template v-if=\"props.breakpoints\">\n              <div\n                v-for=\"(item, index) in breakpointsRef\"\n                :key=\"index\"\n                :style=\"{ right: `${item}%` }\"\n                class=\"ui-slider__thumb-step\"\n              />\n            </template>\n            <div\n              ref=\"thumbRef1\"\n              :style=\"thumbStyle1\"\n              class=\"ui-slider__thumb\"\n              tabindex=\"0\"\n              @keydown=\"handleKeyPress($event, 0)\"\n            >\n              <div class=\"ui-slider__thumb-focused-contour\" />\n            </div>\n            <div\n              ref=\"thumbRef2\"\n              :style=\"thumbStyle2\"\n              class=\"ui-slider__thumb\"\n              tabindex=\"0\"\n              @keydown=\"handleKeyPress($event, 1)\"\n            >\n              <div class=\"ui-slider__thumb-focused-contour\" />\n            </div>\n          </div>\n        </div>\n      </div>\n\n      <div class=\"ui-slider__input-wrapper d-flex\">\n        <InputRange\n          v-if=\"props.mode === 'input'\"\n          v-model=\"inputRange\"\n          class=\"ui-focused-border\"\n          @change=\"setModelValue\"\n        />\n      </div>\n    </div>\n    <!-- <div v-if=\"helper\" class=\"ui-slider__helper\">\n      {{ helper }}\n    </div> -->\n    <div v-if=\"error\" class=\"ui-slider__error\">\n      {{ error }}\n    </div>\n  </div>\n</template>\n"],"names":["slots","useSlots","emit","__emit","props","__props","data","reactive","barRef","ref","thumbRef1","thumbRef2","inputRange","leftDelta","rightDelta","propsRef","computed","breakpointsRef","useSliderBreakpoints","textModelValue","a","b","range","localValue1","clamp","localValue2","error","v","it","getErrorMessage","position1","position2","leftRight","getLeftAndRight","progressStyle","thumbStyle1","thumbStyle2","watch","value","useMouseCapture","ev","tapIf","_a","unref","rect","dx","round","setModelValue","point1","point2","handleKeyPress","e","index","nextStep","arr","_createElementBlock","_createElementVNode","_normalizeClass","_hoisted_1","_hoisted_2","_openBlock","_hoisted_3","_unref","_createBlock","PlTooltip","_renderSlot","_ctx","_hoisted_4","_toDisplayString","_hoisted_5","_hoisted_6","_hoisted_7","_Fragment","_renderList","item","_cache","$event","_hoisted_8","InputRange","_hoisted_9"],"mappings":"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"}

package/dist/components/SliderRangeTriple.vue.js

@@ -1,197 +0,0 @@
-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 { useSliderBreakpoints as oe } from "../composition/useSliderBreakpoints.js";
-import { getErrorMessage as re } from "../helpers/error.js";
-import ue from "./PlTooltip/PlTooltip.vue.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 = {
-  key: 0,
-  class: "ui-slider__error"
-}, ke = /* @__PURE__ */ W({
-  __name: "SliderRangeTriple",
-  props: {
-    modelValue: {},
-    min: { default: 0 },
-    max: {},
-    step: { default: 1 },
-    label: { default: void 0 },
-    helper: { default: void 0 },
-    error: { default: void 0 },
-    mode: { default: "text" },
-    measure: { default: "%" },
-    breakpoints: { type: Boolean, default: !1 },
-    disabled: { type: Boolean, default: !1 }
-  },
-  emits: ["update:modelValue"],
-  setup(k, { emit: U }) {
-    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 = oe(O), g = r(
-      () => c((e.modelValue[0] ?? 0) + u.deltaValue1, e.min, e.max)
-    ), V = r(
-      () => c((e.modelValue[1] ?? 0) + u.deltaValue2, e.min, e.max)
-    ), y = r(
-      () => 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))))
-        return "Expected model [number, number, number]";
-      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(" ") : re(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 - P.value) * 100) + "%"
-    }));
-    $(p, (l) => {
-      var t;
-      D((t = m(b)) == null ? void 0 : t.getBoundingClientRect(), (i) => {
-        const { dx: a } = l;
-        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;
-        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;
-        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 = 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 - P.value) * 100);
-      return [l, t, i].sort((a, E) => a - E);
-    }
-    function s(l) {
-      const t = c(l, e.min, e.max);
-      return Math.round((t + Number.EPSILON) * (1 / e.step)) / (1 / e.step);
-    }
-    function x(l) {
-      H("update:modelValue", l);
-    }
-    function C() {
-      const l = Number(M.value.right.substring(0, M.value.right.length - 1)), t = Number(S.value.right.substring(0, S.value.right.length - 1)), i = Number(A.value.right.substring(0, A.value.right.length - 1)), a = [
-        { r: l, th: p },
-        { r: t, th: v },
-        { r: i, th: f }
-      ].sort((E, Q) => E.r - Q.r);
-      a[0].th.value && (a[0].th.value.dataset.hint = "high"), a[1].th.value && (a[1].th.value.dataset.hint = "mid"), a[2].th.value && (a[2].th.value.dataset.hint = "low");
-    }
-    function N(l, t) {
-      ["ArrowDown", "ArrowUp", "ArrowRight", "ArrowLeft", "Enter"].includes(l.code) && l.preventDefault();
-      const i = l.code === "ArrowUp" || l.code === "ArrowRight" ? e.step * 1 : l.code === "ArrowDown" || l.code === "ArrowLeft" ? e.step * -1 : 0, a = [...e.modelValue];
-      a[t] = c(a[t] + i, e.min, e.max), x(a), C();
-    }
-    return Z(() => {
-      C();
-    }), (l, t) => (d(), h("div", {
-      class: z([e.disabled ? "ui-slider__disabled" : void 0, "ui-slider__envelope ui-slider__triple"])
-    }, [
-      o("div", {
-        class: z([`ui-slider__mode-${e.mode}`, "ui-slider"])
-      }, [
-        o("div", se, [
-          o("div", ne, [
-            k.label ? (d(), h("label", de, [
-              o("span", null, I(k.label), 1),
-              m(j).tooltip ? (d(), ee(m(ue), {
-                key: 0,
-                class: "info",
-                position: "top"
-              }, {
-                tooltip: te(() => [
-                  le(l.$slots, "tooltip")
-                ]),
-                _: 3
-              })) : R("", !0)
-            ])) : R("", !0)
-          ]),
-          o("div", me, [
-            o("div", ce, [
-              o("div", {
-                ref_key: "barRef",
-                ref: b,
-                class: "ui-slider__bar"
-              }, [
-                o("div", {
-                  class: "ui-slider__progress",
-                  style: _(G.value)
-                }, null, 4)
-              ], 512)
-            ]),
-            o("div", pe, [
-              e.breakpoints ? (d(!0), h(ae, { key: 0 }, ie(m(q), (i, a) => (d(), h("div", {
-                key: a,
-                style: _({ right: `${i}%` }),
-                class: "ui-slider__thumb-step"
-              }, null, 4))), 128)) : R("", !0),
-              o("div", {
-                ref_key: "thumbRef1",
-                ref: p,
-                style: _(M.value),
-                "data-percent": e.modelValue[0] + "%",
-                class: "ui-slider__thumb ui-slider__triple-thumb",
-                r1: "",
-                tabindex: "0",
-                onKeydown: t[0] || (t[0] = (i) => N(i, 0))
-              }, [...t[3] || (t[3] = [
-                o("div", { class: "ui-slider__thumb-focused-contour" }, null, -1)
-              ])], 44, ve),
-              o("div", {
-                ref_key: "thumbRef2",
-                ref: v,
-                style: _(S.value),
-                "data-percent": e.modelValue[1] + "%",
-                class: "ui-slider__thumb ui-slider__triple-thumb",
-                r2: "",
-                tabindex: "0",
-                onKeydown: t[1] || (t[1] = (i) => N(i, 1))
-              }, [...t[4] || (t[4] = [
-                o("div", { class: "ui-slider__thumb-focused-contour" }, null, -1)
-              ])], 44, fe),
-              o("div", {
-                ref_key: "thumbRef3",
-                ref: f,
-                style: _(A.value),
-                "data-percent": e.modelValue[2] + "%",
-                class: "ui-slider__thumb ui-slider__triple-thumb",
-                r3: "",
-                tabindex: "0",
-                onKeydown: t[2] || (t[2] = (i) => N(i, 2))
-              }, [...t[5] || (t[5] = [
-                o("div", { class: "ui-slider__thumb-focused-contour" }, null, -1)
-              ])], 44, he)
-            ])
-          ])
-        ]),
-        t[6] || (t[6] = o("div", { class: "ui-slider__input-wrapper d-flex" }, null, -1))
-      ], 2),
-      L.value ? (d(), h("div", _e, I(L.value), 1)) : R("", !0)
-    ], 2));
-  }
-});
-export {
-  ke as default
-};
-//# sourceMappingURL=SliderRangeTriple.vue.js.map

package/dist/components/SliderRangeTriple.vue.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SliderRangeTriple.vue.js","sources":["../../src/components/SliderRangeTriple.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { computed, onMounted, reactive, ref, unref, useSlots } from \"vue\";\nimport { useMouseCapture } from \"../composition/useMouseCapture\";\nimport { tapIf } from \"../helpers/functions\";\nimport { clamp } from \"../helpers/math\";\nimport { PlTooltip } from \"./PlTooltip\";\nimport type { SliderMode } from \"../types\";\nimport { useSliderBreakpoints } from \"../composition/useSliderBreakpoints\";\nimport { getErrorMessage } from \"../helpers/error.ts\";\n\ntype ModelType = [number, number, number];\nconst slots = useSlots();\n\nconst emit = defineEmits([\"update:modelValue\"]);\n\nconst props = withDefaults(\n  defineProps<{\n    modelValue: ModelType;\n    min?: number;\n    max: number;\n    step?: number;\n    label?: string;\n    helper?: string;\n    error?: unknown;\n    mode?: SliderMode;\n    measure?: string;\n    breakpoints?: boolean;\n    disabled?: boolean;\n  }>(),\n  {\n    label: undefined,\n    helper: undefined,\n    error: undefined,\n    min: 0,\n    step: 1,\n    mode: \"text\",\n    measure: \"%\",\n    breakpoints: false,\n    disabled: false,\n  },\n);\n\nconst data = reactive({\n  deltaValue1: 0,\n  deltaValue2: 0,\n  deltaValue3: 0,\n});\n\nconst barRef = ref<HTMLElement>();\nconst thumbRef1 = ref<HTMLElement>();\nconst thumbRef2 = ref<HTMLElement>();\nconst thumbRef3 = ref<HTMLElement>();\n\nconst range = computed(() => props.max - props.min);\n\nconst propsRef = computed(() => props);\n\nconst breakpointsRef = useSliderBreakpoints(propsRef);\n\nconst localValue1 = computed(() =>\n  clamp((props.modelValue[0] ?? 0) + data.deltaValue1, props.min, props.max),\n);\nconst localValue2 = computed(() =>\n  clamp((props.modelValue[1] ?? 0) + data.deltaValue2, props.min, props.max),\n);\nconst localValue3 = computed(() =>\n  clamp((props.modelValue[2] ?? 0) + data.deltaValue3, props.min, props.max),\n);\n\nconst error = computed(() => {\n  const v = props.modelValue as unknown;\n\n  const isValidModel = Array.isArray(v) && v.length === 3 && v.every((it) => Number.isFinite(it));\n\n  if (!isValidModel) {\n    return \"Expected model [number, number, number]\";\n  }\n\n  const errors: string[] = [];\n\n  [...props.modelValue].forEach((v) => {\n    if (v > props.max) {\n      errors.push(`Max model value must be lower than max props ${props.max}.`);\n    }\n    if (v < props.min) {\n      errors.push(\"Min model value must be greater than max props.\");\n    }\n  });\n\n  if (errors.length > 0) {\n    return errors.join(\" \");\n  }\n\n  return getErrorMessage(props.error);\n});\n\nconst position1 = computed(() => {\n  return (localValue1.value - props.min) / range.value;\n});\n\nconst position2 = computed(() => {\n  return (localValue2.value - props.min) / range.value;\n});\n\nconst position3 = computed(() => {\n  return (localValue3.value - props.min) / range.value;\n});\n\nconst leftRight = computed(() => getLeftAndRight());\n\nconst progressStyle = computed(() => ({\n  right: leftRight.value[0] + \"%\",\n  left: 100 - leftRight.value[2] + \"%\",\n}));\n\nconst thumbStyle1 = computed(() => ({\n  right: Math.ceil((1 - position1.value) * 100) + \"%\",\n}));\n\nconst thumbStyle2 = computed(() => ({\n  right: Math.ceil((1 - position2.value) * 100) + \"%\",\n}));\n\nconst thumbStyle3 = computed(() => ({\n  right: Math.ceil((1 - position3.value) * 100) + \"%\",\n}));\n\nuseMouseCapture(thumbRef1, (ev) => {\n  tapIf(unref(barRef)?.getBoundingClientRect(), (rect) => {\n    const { dx } = ev;\n    data.deltaValue1 = (dx / rect.width) * range.value;\n\n    if (thumbRef1.value) {\n      updateDatasetForThumb(thumbRef1.value, props.modelValue[0], data.deltaValue1);\n    }\n\n    if (ev.stop) {\n      setModelValue([round(localValue1.value), round(localValue2.value), round(localValue3.value)]);\n      data.deltaValue1 = 0;\n    }\n  });\n});\n\nuseMouseCapture(thumbRef2, (ev) => {\n  tapIf(unref(barRef)?.getBoundingClientRect(), (rect) => {\n    const { dx } = ev;\n    data.deltaValue2 = (dx / rect.width) * range.value;\n\n    if (thumbRef2.value) {\n      updateDatasetForThumb(thumbRef2.value, props.modelValue[1], data.deltaValue2);\n    }\n\n    if (ev.stop) {\n      setModelValue([round(localValue1.value), round(localValue2.value), round(localValue3.value)]);\n      data.deltaValue2 = 0;\n    }\n  });\n});\n\nuseMouseCapture(thumbRef3, (ev) => {\n  tapIf(unref(barRef)?.getBoundingClientRect(), (rect) => {\n    const { dx } = ev;\n    data.deltaValue3 = (dx / rect.width) * range.value;\n\n    if (thumbRef3.value) {\n      updateDatasetForThumb(thumbRef3.value, props.modelValue[2], data.deltaValue3);\n    }\n\n    if (ev.stop) {\n      setModelValue([round(localValue1.value), round(localValue2.value), round(localValue3.value)]);\n      data.deltaValue3 = 0;\n    }\n  });\n});\n\nfunction updateDatasetForThumb(thumb: HTMLElement, modelVal: number, delta: number) {\n  const value = round(clamp((modelVal ?? 0) + delta, props.min, props.max));\n  thumb.dataset.percent = `${value}${props.measure}`;\n  getHint();\n}\n\nfunction getLeftAndRight() {\n  const point1 = Math.ceil((1 - position1.value) * 100);\n  const point2 = Math.ceil((1 - position2.value) * 100);\n  const point3 = Math.ceil((1 - position3.value) * 100);\n  return [point1, point2, point3].sort((a, b) => a - b);\n}\n\nfunction round(value: number) {\n  const v = clamp(value, props.min, props.max);\n  // This is the same as Math.round(v / props.step) * props.step but here we need this magic to avoid numbers like 3.00000000000000000004\n  return Math.round((v + Number.EPSILON) * (1 / props.step)) / (1 / props.step);\n}\n\nfunction setModelValue(value: ModelType) {\n  emit(\"update:modelValue\", value);\n}\n\nfunction getHint() {\n  const right1 = Number(thumbStyle1.value.right.substring(0, thumbStyle1.value.right.length - 1));\n  const right2 = Number(thumbStyle2.value.right.substring(0, thumbStyle2.value.right.length - 1));\n  const right3 = Number(thumbStyle3.value.right.substring(0, thumbStyle3.value.right.length - 1));\n\n  const arr = [\n    { r: right1, th: thumbRef1 },\n    { r: right2, th: thumbRef2 },\n    { r: right3, th: thumbRef3 },\n  ].sort((a, b) => a.r - b.r);\n\n  if (arr[0].th.value) {\n    arr[0].th.value.dataset.hint = \"high\";\n  }\n  if (arr[1].th.value) {\n    arr[1].th.value.dataset.hint = \"mid\";\n  }\n\n  if (arr[2].th.value) {\n    arr[2].th.value.dataset.hint = \"low\";\n  }\n}\n\nfunction handleKeyPress(e: { code: string; preventDefault(): void }, index: number) {\n  if ([\"ArrowDown\", \"ArrowUp\", \"ArrowRight\", \"ArrowLeft\", \"Enter\"].includes(e.code)) {\n    e.preventDefault();\n  }\n\n  const nextStep =\n    e.code === \"ArrowUp\" || e.code === \"ArrowRight\"\n      ? props.step * 1\n      : e.code === \"ArrowDown\" || e.code === \"ArrowLeft\"\n        ? props.step * -1\n        : 0;\n\n  const arr: ModelType = [...props.modelValue];\n  arr[index] = clamp(arr[index] + nextStep, props.min, props.max);\n  setModelValue(arr);\n  getHint();\n}\n\nonMounted(() => {\n  getHint();\n});\n</script>\n\n<template>\n  <div\n    :class=\"props.disabled ? 'ui-slider__disabled' : undefined\"\n    class=\"ui-slider__envelope ui-slider__triple\"\n  >\n    <div :class=\"`ui-slider__mode-${props.mode}`\" class=\"ui-slider\">\n      <div class=\"ui-slider__wrapper\">\n        <div class=\"ui-slider__label-section\">\n          <label v-if=\"label\" class=\"text-s\">\n            <span>{{ label }}</span>\n            <PlTooltip v-if=\"slots.tooltip\" class=\"info\" position=\"top\">\n              <template #tooltip>\n                <slot name=\"tooltip\" />\n              </template>\n            </PlTooltip>\n          </label>\n        </div>\n        <div class=\"ui-slider__base\">\n          <div class=\"ui-slider__container\">\n            <div ref=\"barRef\" class=\"ui-slider__bar\">\n              <div class=\"ui-slider__progress\" :style=\"progressStyle\" />\n            </div>\n          </div>\n          <div class=\"ui-slider__container ui-slider__container-thumb\">\n            <template v-if=\"props.breakpoints\">\n              <div\n                v-for=\"(item, index) in breakpointsRef\"\n                :key=\"index\"\n                :style=\"{ right: `${item}%` }\"\n                class=\"ui-slider__thumb-step\"\n              />\n            </template>\n            <div\n              ref=\"thumbRef1\"\n              :style=\"thumbStyle1\"\n              :data-percent=\"props.modelValue[0] + '%'\"\n              class=\"ui-slider__thumb ui-slider__triple-thumb\"\n              r1\n              tabindex=\"0\"\n              @keydown=\"handleKeyPress($event, 0)\"\n            >\n              <div class=\"ui-slider__thumb-focused-contour\" />\n            </div>\n            <div\n              ref=\"thumbRef2\"\n              :style=\"thumbStyle2\"\n              :data-percent=\"props.modelValue[1] + '%'\"\n              class=\"ui-slider__thumb ui-slider__triple-thumb\"\n              r2\n              tabindex=\"0\"\n              @keydown=\"handleKeyPress($event, 1)\"\n            >\n              <div class=\"ui-slider__thumb-focused-contour\" />\n            </div>\n            <div\n              ref=\"thumbRef3\"\n              :style=\"thumbStyle3\"\n              :data-percent=\"props.modelValue[2] + '%'\"\n              class=\"ui-slider__thumb ui-slider__triple-thumb\"\n              r3\n              tabindex=\"0\"\n              @keydown=\"handleKeyPress($event, 2)\"\n            >\n              <div class=\"ui-slider__thumb-focused-contour\" />\n            </div>\n          </div>\n        </div>\n      </div>\n\n      <div class=\"ui-slider__input-wrapper d-flex\">\n        <!-- {{ props.modelValue }} -->\n        <!-- <InputRange v-if=\"props.mode === 'input'\" v-model=\"inputRange\" class=\"ui-focused-border\" /> -->\n      </div>\n    </div>\n    <!-- <div v-if=\"helper\" class=\"ui-slider__helper\">\n      {{ helper }}\n    </div> -->\n    <div v-if=\"error\" class=\"ui-slider__error\">\n      {{ error }}\n    </div>\n  </div>\n</template>\n\n<style></style>\n"],"names":["slots","useSlots","emit","__emit","props","__props","data","reactive","barRef","ref","thumbRef1","thumbRef2","thumbRef3","range","computed","propsRef","breakpointsRef","useSliderBreakpoints","localValue1","clamp","localValue2","localValue3","error","v","it","errors","getErrorMessage","position1","position2","position3","leftRight","getLeftAndRight","progressStyle","thumbStyle1","thumbStyle2","thumbStyle3","useMouseCapture","ev","tapIf","_a","unref","rect","dx","updateDatasetForThumb","setModelValue","round","thumb","modelVal","delta","value","getHint","point1","point2","point3","b","right1","right2","right3","arr","a","handleKeyPress","e","index","nextStep","onMounted","_createElementBlock","_createElementVNode","_normalizeClass","_hoisted_1","_hoisted_2","_openBlock","_hoisted_3","_unref","_createBlock","PlTooltip","_renderSlot","_ctx","_hoisted_4","_hoisted_5","_hoisted_6","_Fragment","_renderList","item","_cache","$event","_hoisted_10","_toDisplayString"],"mappings":"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"}

package/dist/components/TabItem.vue.js

@@ -1,24 +0,0 @@
-import { defineComponent as n, computed as o, createElementBlock as i, openBlock as c, normalizeClass as d, createElementVNode as p, toDisplayString as r } from "vue";
-const m = { class: "dropdown-tab-item__title text-caps13" }, f = /* @__PURE__ */ n({
-  __name: "TabItem",
-  props: {
-    option: {},
-    isSelected: { type: Boolean, default: !1 },
-    isHovered: { type: Boolean, default: !1 }
-  },
-  setup(s) {
-    const t = s, a = o(() => t.option.label), l = o(() => {
-      const e = [];
-      return t.isSelected && e.push("dropdown-tab-item__selected"), t.isHovered && e.push("hovered-item"), e.join(" ");
-    });
-    return (e, u) => (c(), i("div", {
-      class: d([l.value, "dropdown-tab-item"])
-    }, [
-      p("div", m, r(a.value), 1)
-    ], 2));
-  }
-});
-export {
-  f as default
-};
-//# sourceMappingURL=TabItem.vue.js.map