@platforma-sdk/ui-vue 1.42.19 → 1.42.21

package/dist/lib/ui/uikit/dist/components/PlTooltip/useTooltipPosition.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useTooltipPosition.js","sources":["../../../../../../../../../lib/ui/uikit/src/components/PlTooltip/useTooltipPosition.ts"],"sourcesContent":["import { computed, type Ref, ref, unref } from 'vue';\nimport { useElementPosition } from '../../composition/usePosition';\nimport type { ElementPosition } from '../../types';\n\ntype Options = {\n  position: 'top-left' | 'right' | 'left' | 'top' | 'southwest';\n  gap: number;\n};\n\n/**\n * A custom hook that calculates and returns the CSS style needed to position a tooltip\n * relative to a target HTML element based on the specified position and gap.\n */\nexport function useTooltipPosition(el: Ref<HTMLElement | undefined>, optionsRef: Ref<Options>) {\n  const posRef = ref<ElementPosition>();\n\n  useElementPosition(el, (v) => {\n    posRef.value = v;\n  });\n\n  return computed(() => {\n    const pos = unref(posRef);\n\n    const options = unref(optionsRef);\n\n    const position = options.position ?? 'top';\n\n    const gap = options.gap ?? 8;\n\n    if (!pos) {\n      return '';\n    }\n\n    const offsetMiddleY = pos.offsetY + Math.floor(pos.height / 2);\n    const offsetMiddleX = pos.offsetX + Math.floor(pos.width / 2);\n\n    if (position === 'top-left') {\n      return `left: ${pos.offsetX}px; top: ${pos.offsetY - gap}px;`;\n    }\n\n    if (position === 'top') {\n      return `left: ${offsetMiddleX}px; top: ${pos.offsetY - gap}px;`;\n    }\n\n    if (position === 'right') {\n      return `left: ${pos.offsetX + pos.width + gap}px; top: ${offsetMiddleY}px;`;\n    }\n\n    if (position === 'left') {\n      return `right: ${pos.scrollWidth - pos.x + gap}px; top: ${offsetMiddleY}px;`;\n    }\n\n    if (position === 'southwest') {\n      return `left: ${pos.offsetX + pos.width}px; top: ${pos.offsetY + pos.height + gap}px;`;\n    }\n\n    return '';\n  });\n}\n"],"names":["useTooltipPosition","el","optionsRef","posRef","ref","useElementPosition","v","computed","pos","unref","options","position","gap","offsetMiddleY","offsetMiddleX"],"mappings":";;AAagB,SAAAA,EAAmBC,GAAkCC,GAA0B;AAC7F,QAAMC,IAASC,EAAqB;AAEjBC,SAAAA,EAAAJ,GAAI,CAACK,MAAM;AAC5BH,MAAO,QAAQG;AAAAA,EAAA,CAChB,GAEMC,EAAS,MAAM;AACd,UAAAC,IAAMC,EAAMN,CAAM,GAElBO,IAAUD,EAAMP,CAAU,GAE1BS,IAAWD,EAAQ,YAAY,OAE/BE,IAAMF,EAAQ,OAAO;AAE3B,QAAI,CAACF;AACI,aAAA;AAGT,UAAMK,IAAgBL,EAAI,UAAU,KAAK,MAAMA,EAAI,SAAS,CAAC,GACvDM,IAAgBN,EAAI,UAAU,KAAK,MAAMA,EAAI,QAAQ,CAAC;AAExDG,WAAAA,MAAa,aACR,SAASH,EAAI,OAAO,YAAYA,EAAI,UAAUI,CAAG,QAGtDD,MAAa,QACR,SAASG,CAAa,YAAYN,EAAI,UAAUI,CAAG,QAGxDD,MAAa,UACR,SAASH,EAAI,UAAUA,EAAI,QAAQI,CAAG,YAAYC,CAAa,QAGpEF,MAAa,SACR,UAAUH,EAAI,cAAcA,EAAI,IAAII,CAAG,YAAYC,CAAa,QAGrEF,MAAa,cACR,SAASH,EAAI,UAAUA,EAAI,KAAK,YAAYA,EAAI,UAAUA,EAAI,SAASI,CAAG,QAG5E;AAAA,EAAA,CACR;AACH;"}

package/dist/lib/ui/uikit/dist/components/Scrollable.vue.js

@@ -1,74 +0,0 @@
-import { defineComponent as a, ref as p, reactive as u, createElementBlock as m, onMounted as g, unref as i, onUnmounted as L, openBlock as W, createElementVNode as v, createVNode as s, renderSlot as w, withModifiers as h } from "vue";
-import T from "./VScroll.vue.js";
-import H from "./HScroll.vue.js";
-import { tapIf as c, copyProps as E } from "../helpers/functions.js";
-import { useResizeObserver as _ } from "../composition/useResizeObserver.js";
-const b = { class: "ui-scrollable" }, M = /* @__PURE__ */ a({
-  __name: "Scrollable",
-  setup(k) {
-    const t = p(), o = u({
-      scrollTop: 0,
-      scrollLeft: 0,
-      clientHeight: 0,
-      clientWidth: 0,
-      scrollHeight: 0,
-      scrollWidth: 0
-    });
-    function r(e) {
-      E(o, e, "scrollTop", "scrollLeft", "clientHeight", "clientWidth", "scrollHeight", "scrollWidth");
-    }
-    const n = (e) => {
-      e.preventDefault();
-      const l = e.currentTarget;
-      l.scrollTop += e.deltaY, l.scrollLeft += e.deltaX, r(l);
-    };
-    function f(e) {
-      c(i(t), (l) => {
-        l.scrollTop = e, r(l);
-      });
-    }
-    function d(e) {
-      c(i(t), (l) => {
-        l.scrollLeft = e, r(l);
-      });
-    }
-    return _(t, (e) => {
-      c(e, (l) => r(l));
-    }), g(() => {
-      c(i(t), (e) => {
-        r(e), e.addEventListener("wheel", n);
-      });
-    }), L(() => {
-      c(i(t), (e) => e.removeEventListener("wheel", n));
-    }), (e, l) => (W(), m("div", b, [
-      v("div", {
-        ref_key: "containerRef",
-        ref: t,
-        class: "ui-scrollable__container",
-        onWheel: n
-      }, [
-        w(e.$slots, "default")
-      ], 544),
-      s(T, {
-        "scroll-top": o.scrollTop,
-        "client-height": o.clientHeight,
-        "scroll-height": o.scrollHeight,
-        onWheel: l[0] || (l[0] = h(() => {
-        }, ["stop"])),
-        "onUpdate:scrollTop": f
-      }, null, 8, ["scroll-top", "client-height", "scroll-height"]),
-      s(H, {
-        "scroll-left": o.scrollLeft,
-        "client-width": o.clientWidth,
-        "scroll-width": o.scrollWidth,
-        onWheel: l[1] || (l[1] = h(() => {
-        }, ["stop"])),
-        "onUpdate:scrollLeft": d
-      }, null, 8, ["scroll-left", "client-width", "scroll-width"])
-    ]));
-  }
-});
-export {
-  M as default
-};
-//# sourceMappingURL=Scrollable.vue.js.map

package/dist/lib/ui/uikit/dist/components/Scrollable.vue.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Scrollable.vue.js","sources":["../../../../../../../../lib/ui/uikit/src/components/Scrollable.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport VScroll from './VScroll.vue';\nimport HScroll from './HScroll.vue';\nimport { onMounted, onUnmounted, reactive, ref, unref } from 'vue';\nimport { tapIf, copyProps } from '../helpers/functions';\nimport { useResizeObserver } from '../composition/useResizeObserver';\n\nconst containerRef = ref<HTMLElement>();\n\nconst data = reactive({\n  scrollTop: 0,\n  scrollLeft: 0,\n  clientHeight: 0,\n  clientWidth: 0,\n  scrollHeight: 0,\n  scrollWidth: 0,\n});\n\nfunction updateState(container: HTMLElement) {\n  copyProps(data, container, 'scrollTop', 'scrollLeft', 'clientHeight', 'clientWidth', 'scrollHeight', 'scrollWidth');\n}\n\nconst onWheel = (e: WheelEvent) => {\n  e.preventDefault();\n  const root = e.currentTarget as HTMLElement;\n  root.scrollTop += e.deltaY;\n  root.scrollLeft += e.deltaX;\n  updateState(root);\n};\n\nfunction updateTop(v: number) {\n  tapIf(unref(containerRef), (el) => {\n    el.scrollTop = v;\n    updateState(el);\n  });\n}\n\nfunction updateLeft(v: number) {\n  tapIf(unref(containerRef), (el) => {\n    el.scrollLeft = v;\n    updateState(el);\n  });\n}\n\nuseResizeObserver(containerRef, (el) => {\n  tapIf(el, (el) => updateState(el));\n});\n\nonMounted(() => {\n  tapIf(unref(containerRef), (root) => {\n    updateState(root);\n    root.addEventListener('wheel', onWheel);\n  });\n});\n\nonUnmounted(() => {\n  tapIf(unref(containerRef), (root) => root.removeEventListener('wheel', onWheel));\n});\n</script>\n\n<template>\n  <div class=\"ui-scrollable\">\n    <div ref=\"containerRef\" class=\"ui-scrollable__container\" @wheel=\"onWheel\">\n      <slot />\n    </div>\n    <VScroll\n      :scroll-top=\"data.scrollTop\"\n      :client-height=\"data.clientHeight\"\n      :scroll-height=\"data.scrollHeight\"\n      @wheel.stop\n      @update:scroll-top=\"updateTop\"\n    />\n    <HScroll\n      :scroll-left=\"data.scrollLeft\"\n      :client-width=\"data.clientWidth\"\n      :scroll-width=\"data.scrollWidth\"\n      @wheel.stop\n      @update:scroll-left=\"updateLeft\"\n    />\n  </div>\n</template>\n"],"names":["containerRef","ref","data","reactive","updateState","container","copyProps","onWheel","root","updateTop","v","tapIf","unref","el","updateLeft","useResizeObserver","onMounted","onUnmounted","t","L","g","E"],"mappings":";;;;;;;;AAOA,UAAMA,IAAeC,KAEfC,IAAOC,EAAS;AAAA,MACpB,WAAW;AAAA,MACX,YAAY;AAAA,MACZ,cAAc;AAAA,MACd,aAAa;AAAA,MACb,cAAc;AAAA,MACd,aAAa;AAAA,IAAA,CACd;AAED,aAASC,EAAYC,GAAwB;AAC3CC,MAAAA,EAAUJ,GAAMG,GAAW,aAAa,cAAc,gBAAgB,eAAe,gBAAgB,aAAa;AAAA,IAAA;AAG9GE,UAAAA,IAAU,CAAC,MAAkB;AACjC,QAAE,eAAe;AACjB,YAAMC,IAAO,EAAE;AACfA,MAAAA,EAAK,aAAa,EAAE,QACpBA,EAAK,cAAc,EAAE,QACrBJ,EAAYI,CAAI;AAAA,IAClB;AAEA,aAASC,EAAUC,GAAW;AAC5BC,MAAAA,EAAMC,EAAMZ,CAAY,GAAG,CAACa,MAAO;AACjCA,QAAAA,EAAG,YAAYH,GACfN,EAAYS,CAAE;AAAA,MAAA,CACf;AAAA,IAAA;AAGH,aAASC,EAAWJ,GAAW;AAC7BC,MAAAA,EAAMC,EAAMZ,CAAY,GAAG,CAACa,MAAO;AACjCA,QAAAA,EAAG,aAAaH,GAChBN,EAAYS,CAAE;AAAA,MAAA,CACf;AAAA,IAAA;AAGeE,WAAAA,EAAAf,GAAc,CAACa,MAAO;AACtCF,MAAAA,EAAME,GAAI,CAACA,MAAOT,EAAYS,CAAE,CAAC;AAAA,IAAA,CAClC,GAEDG,EAAU,MAAM;AACdL,MAAAA,EAAMC,EAAMZ,CAAY,GAAG,CAACQ,MAAS;AACnCJ,UAAYI,CAAI,GACXA,EAAA,iBAAiB,SAASD,CAAO;AAAA,MAAA,CACvC;AAAA,IAAA,CACF,GAEDU,EAAY,MAAM;AACVN,MAAAA,EAAAC,EAAMZ,CAAY,GAAG,CAACQ,MAASA,EAAK,oBAAoB,SAASD,CAAO,CAAC;AAAA,IAAA,CAChF,GAAA,CAAA,GAAAW,OAAAC,EAAA,GAAAC,EAAA,OAAAC,GAAA;AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/lib/ui/uikit/dist/components/Slider.vue.js

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

package/dist/lib/ui/uikit/dist/components/Slider.vue.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Slider.vue.js","sources":["../../../../../../../../lib/ui/uikit/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(clamp((props.modelValue ?? 0) + data.deltaValue, props.min, props.max));\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' ? props.step * 1 : e.code === 'ArrowDown' || e.code === 'ArrowLeft' ? props.step * -1 : 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\">{{ realtimeVal }}{{ measure }}</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 v-for=\"(item, index) in breakpointsRef\" :key=\"index\" :style=\"{ right: `${item}%` }\" class=\"ui-slider__thumb-step\"/>\n            </template>\n            <div ref=\"thumbRef\" tabindex=\"0\" class=\"ui-slider__thumb ui-slider__thumb-active\" :style=\"thumbStyle\" @keydown=\"handleKeyPress\">\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 v-if=\"props.mode === 'input'\" :value=\"realtimeVal\" class=\"ui-slider__value text-s\" @change=\"updateModelValue($event)\" />\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"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAUMA,UAAAA,IAAQC,KAERC,IAAOC,GAEPC,IAAQC,GA2BRC,IAAOC,EAAS;AAAA,MACpB,YAAY;AAAA,IACb,CAAA,GAEKC,IAAQC,EAAS,MAAML,EAAM,MAAMA,EAAM,GAAG,GAE5CM,IAAaD,EAAS,MACnBE,GAAOP,EAAM,cAAc,KAAKE,EAAK,YAAYF,EAAM,KAAKA,EAAM,GAAG,CAC7E,GAEKQ,IAAcC,EAAIT,EAAM,UAAU,GAElCU,IAAQL,EAAS,MAAM;AAC3B,YAAMM,IAAIX,EAAM;AAEX,aAAA,OAAO,SAASW,CAAC,IAIlBA,IAAIX,EAAM,MACL,cAAcA,EAAM,GAAG,KAG5BW,IAAIX,EAAM,MACL,cAAcA,EAAM,GAAG,KAGzBY,EAAgBZ,EAAM,KAAK,IAXzB;AAAA,IAAA,CAYV,GAEKa,IAAWR,EAAS,MAAML,CAAK,GAE/Bc,IAAiBC,EAAqBF,CAAQ,GAE9CG,IAAWX,EAAS,OAChBC,EAAW,QAAQN,EAAM,OAAOI,EAAM,KAC/C,GAEKa,IAAgBZ,EAAS,OAAO;AAAA,MACpC,OAAO,KAAK,MAAM,IAAIW,EAAS,SAAS,GAAG,IAAI;AAAA,IAAA,EAC/C,GAEIE,IAAab,EAAS,OAEnB;AAAA,MACL,OAAO,QAFK,KAAK,MAAM,IAAIW,EAAS,SAAS,GAAG,CAE5B;AAAA,MAEvB,GAEKG,IAASV,EAAiB,GAC1BW,IAAWX,EAAiB;AAElCY,IAAAA;AAAAA,MACE,MAAMrB,EAAM;AAAA,MACZ,CAACsB,MAAQ;AACPd,QAAAA,EAAY,QAAQc;AAAAA,MAAA;AAAA,IAExB;AAEA,aAASC,EAAMC,GAAe;AAC5B,YAAMb,IAAIJ,EAAMiB,GAAOxB,EAAM,KAAKA,EAAM,GAAG;AAEpC,aAAA,KAAK,OAAOW,IAAI,OAAO,YAAY,IAAIX,EAAM,KAAK,KAAK,IAAIA,EAAM;AAAA,IAAA;AAG1DyB,IAAAA,EAAAL,GAAU,CAACM,MAAO;;AAChCC,MAAAA,GAAMC,IAAAC,EAAMV,CAAM,MAAZ,OAAAS,SAAAA,EAAe,sBAAyB,GAAA,CAACE,MAAS;AAChD,cAAA,EAAE,IAAAC,EAAOL,IAAAA;AAEfxB,QAAAA,EAAK,aAAc6B,IAAKD,EAAK,QAAS1B,EAAM,OAE5CI,EAAY,QAAQe,EAAMhB,GAAOP,EAAM,cAAc,KAAKE,EAAK,YAAYF,EAAM,KAAKA,EAAM,GAAG,CAAC,GAE5F0B,EAAG,SACL5B,EAAK,qBAAqByB,EAAMjB,EAAW,KAAK,CAAC,GACjDJ,EAAK,aAAa;AAAA,MAAA,CAErB;AAAA,IAAA,CACF;AAED,aAAS8B,EAAcR,GAAe;AAC/B1B,MAAAA,EAAA,qBAAqByB,EAAMC,CAAK,CAAC;AAAA,IAAA;AAGxC,aAASS,EAAiBC,GAAc;AACxBF,MAAAA,EAAA,CAAEE,EAAM,OAA4B,KAAK;AAAA,IAAA;AAGzD,aAASC,EAAeC,GAA6C;AAC/D,OAAC,aAAa,WAAW,cAAc,aAAa,OAAO,EAAE,SAASA,EAAE,IAAI,KAC9EA,EAAE,eAAe;AAGnB,YAAMC,IACFD,EAAE,SAAS,aAAaA,EAAE,SAAS,eAAepC,EAAM,OAAO,IAAIoC,EAAE,SAAS,eAAeA,EAAE,SAAS,cAAcpC,EAAM,OAAO,KAAK;AAE9HgC,MAAAA,EAAAhC,EAAM,aAAaqC,CAAQ;AAAA,IAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/lib/ui/uikit/dist/components/SliderRange.vue.js

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

package/dist/lib/ui/uikit/dist/components/SliderRange.vue.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SliderRange.vue.js","sources":["../../../../../../../../lib/ui/uikit/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(() => [leftDelta.value, rightDelta.value].sort((a, b) => a - b).join('-'));\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(() => clamp((props.modelValue[1] ?? 0) + data.deltaValue2, props.min, props.max));\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(clamp((props.modelValue[0] ?? 0) + data.deltaValue1, props.min, props.max));\n\n    inputRange.value = ([leftDelta.value, rightDelta.value] as [number, number]).sort((a, b) => a - b);\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(clamp((props.modelValue[1] ?? 0) + data.deltaValue2, props.min, props.max));\n\n    inputRange.value = ([leftDelta.value, rightDelta.value] as [number, number]).sort((a, b) => a - b);\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' ? props.step * 1 : e.code === 'ArrowDown' || e.code === 'ArrowLeft' ? props.step * -1 : 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\">{{ textModelValue }}</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 v-for=\"(item, index) in breakpointsRef\" :key=\"index\" :style=\"{ right: `${item}%` }\" class=\"ui-slider__thumb-step\"/>\n            </template>\n            <div ref=\"thumbRef1\" :style=\"thumbStyle1\" class=\"ui-slider__thumb\" tabindex=\"0\" @keydown=\"handleKeyPress($event, 0)\">\n              <div class=\"ui-slider__thumb-focused-contour\" />\n            </div>\n            <div ref=\"thumbRef2\" :style=\"thumbStyle2\" class=\"ui-slider__thumb\" tabindex=\"0\" @keydown=\"handleKeyPress($event, 1)\">\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 v-if=\"props.mode === 'input'\" v-model=\"inputRange\" class=\"ui-focused-border\" @change=\"setModelValue\" />\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"],"mappings":"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"}

package/dist/lib/ui/uikit/dist/components/SliderRangeTriple.vue.js

@@ -1,191 +0,0 @@
-import { defineComponent as W, useSlots as X, reactive as Y, ref as w, computed as i, createElementBlock as f, onMounted as Z, openBlock as n, normalizeClass as j, createElementVNode as r, createCommentVNode as k, createBlock as ee, toDisplayString as I, unref as m, withCtx as le, renderSlot as ae, normalizeStyle as _, Fragment as te, renderList as ue } from "vue";
-import { useMouseCapture as S } from "../composition/useMouseCapture.js";
-import { tapIf as E } from "../helpers/functions.js";
-import { clamp as v } from "../helpers/math.js";
-import re from "./PlTooltip/PlTooltip.vue.js";
-import { useSliderBreakpoints as ie } from "../composition/useSliderBreakpoints.js";
-import { getErrorMessage as se } from "../helpers/error.js";
-const oe = { class: "ui-slider__wrapper" }, de = { class: "ui-slider__label-section" }, ne = {
-  key: 0,
-  class: "text-s"
-}, me = { class: "ui-slider__base" }, ve = { class: "ui-slider__container" }, ce = { class: "ui-slider__container ui-slider__container-thumb" }, pe = ["data-percent"], he = ["data-percent"], fe = ["data-percent"], _e = {
-  key: 0,
-  class: "ui-slider__error"
-}, Me = /* @__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(O, { emit: U }) {
-    const q = X(), G = U, e = O, s = Y({
-      deltaValue1: 0,
-      deltaValue2: 0,
-      deltaValue3: 0
-    }), b = w(), c = w(), p = w(), h = w(), d = i(() => e.max - e.min), H = i(() => e), J = ie(H), g = i(() => v((e.modelValue[0] ?? 0) + s.deltaValue1, e.min, e.max)), V = i(() => v((e.modelValue[1] ?? 0) + s.deltaValue2, e.min, e.max)), x = i(() => v((e.modelValue[2] ?? 0) + s.deltaValue3, e.min, e.max)), D = i(() => {
-      const a = e.modelValue;
-      if (!(Array.isArray(a) && a.length === 3 && a.every((t) => Number.isFinite(t))))
-        return "Expected model [number, number, number]";
-      const l = [];
-      return [...e.modelValue].forEach((t) => {
-        t > e.max && l.push(`Max model value must be lower than max props ${e.max}.`), t < e.min && l.push("Min model value must be greater than max props.");
-      }), l.length > 0 ? l.join(" ") : se(e.error);
-    }), L = i(() => (g.value - e.min) / d.value), K = i(() => (V.value - e.min) / d.value), z = i(() => (x.value - e.min) / d.value), F = i(() => T()), P = i(() => ({
-      right: F.value[0] + "%",
-      left: 100 - F.value[2] + "%"
-    })), M = i(() => ({
-      right: Math.ceil((1 - L.value) * 100) + "%"
-    })), A = i(() => ({
-      right: Math.ceil((1 - K.value) * 100) + "%"
-    })), B = i(() => ({
-      right: Math.ceil((1 - z.value) * 100) + "%"
-    }));
-    S(c, (a) => {
-      var l;
-      E((l = m(b)) == null ? void 0 : l.getBoundingClientRect(), (t) => {
-        const { dx: u } = a;
-        s.deltaValue1 = u / t.width * d.value, c.value && R(c.value, e.modelValue[0], s.deltaValue1), a.stop && (y([o(g.value), o(V.value), o(x.value)]), s.deltaValue1 = 0);
-      });
-    }), S(p, (a) => {
-      var l;
-      E((l = m(b)) == null ? void 0 : l.getBoundingClientRect(), (t) => {
-        const { dx: u } = a;
-        s.deltaValue2 = u / t.width * d.value, p.value && R(p.value, e.modelValue[1], s.deltaValue2), a.stop && (y([o(g.value), o(V.value), o(x.value)]), s.deltaValue2 = 0);
-      });
-    }), S(h, (a) => {
-      var l;
-      E((l = m(b)) == null ? void 0 : l.getBoundingClientRect(), (t) => {
-        const { dx: u } = a;
-        s.deltaValue3 = u / t.width * d.value, h.value && R(h.value, e.modelValue[2], s.deltaValue3), a.stop && (y([o(g.value), o(V.value), o(x.value)]), s.deltaValue3 = 0);
-      });
-    });
-    function R(a, l, t) {
-      const u = o(v((l ?? 0) + t, e.min, e.max));
-      a.dataset.percent = `${u}${e.measure}`, $();
-    }
-    function T() {
-      const a = Math.ceil((1 - L.value) * 100), l = Math.ceil((1 - K.value) * 100), t = Math.ceil((1 - z.value) * 100);
-      return [a, l, t].sort((u, N) => u - N);
-    }
-    function o(a) {
-      const l = v(a, e.min, e.max);
-      return Math.round((l + Number.EPSILON) * (1 / e.step)) / (1 / e.step);
-    }
-    function y(a) {
-      G("update:modelValue", a);
-    }
-    function $() {
-      const a = Number(M.value.right.substring(0, M.value.right.length - 1)), l = Number(A.value.right.substring(0, A.value.right.length - 1)), t = Number(B.value.right.substring(0, B.value.right.length - 1)), u = [
-        { r: a, th: c },
-        { r: l, th: p },
-        { r: t, th: h }
-      ].sort((N, Q) => N.r - Q.r);
-      u[0].th.value && (u[0].th.value.dataset.hint = "high"), u[1].th.value && (u[1].th.value.dataset.hint = "mid"), u[2].th.value && (u[2].th.value.dataset.hint = "low");
-    }
-    function C(a, l) {
-      ["ArrowDown", "ArrowUp", "ArrowRight", "ArrowLeft", "Enter"].includes(a.code) && a.preventDefault();
-      const t = a.code === "ArrowUp" || a.code === "ArrowRight" ? e.step * 1 : a.code === "ArrowDown" || a.code === "ArrowLeft" ? e.step * -1 : 0, u = [...e.modelValue];
-      u[l] = v(u[l] + t, e.min, e.max), y(u), $();
-    }
-    return Z(() => {
-      $();
-    }), (a, l) => (n(), f("div", {
-      class: j([e.disabled ? "ui-slider__disabled" : void 0, "ui-slider__envelope ui-slider__triple"])
-    }, [
-      r("div", {
-        class: j([`ui-slider__mode-${e.mode}`, "ui-slider"])
-      }, [
-        r("div", oe, [
-          r("div", de, [
-            a.label ? (n(), f("label", ne, [
-              r("span", null, I(a.label), 1),
-              m(q).tooltip ? (n(), ee(m(re), {
-                key: 0,
-                class: "info",
-                position: "top"
-              }, {
-                tooltip: le(() => [
-                  ae(a.$slots, "tooltip")
-                ]),
-                _: 3
-              })) : k("", !0)
-            ])) : k("", !0)
-          ]),
-          r("div", me, [
-            r("div", ve, [
-              r("div", {
-                ref_key: "barRef",
-                ref: b,
-                class: "ui-slider__bar"
-              }, [
-                r("div", {
-                  class: "ui-slider__progress",
-                  style: _(P.value)
-                }, null, 4)
-              ], 512)
-            ]),
-            r("div", ce, [
-              e.breakpoints ? (n(!0), f(te, { key: 0 }, ue(m(J), (t, u) => (n(), f("div", {
-                key: u,
-                style: _({ right: `${t}%` }),
-                class: "ui-slider__thumb-step"
-              }, null, 4))), 128)) : k("", !0),
-              r("div", {
-                ref_key: "thumbRef1",
-                ref: c,
-                style: _(M.value),
-                "data-percent": e.modelValue[0] + "%",
-                class: "ui-slider__thumb ui-slider__triple-thumb",
-                r1: "",
-                tabindex: "0",
-                onKeydown: l[0] || (l[0] = (t) => C(t, 0))
-              }, l[3] || (l[3] = [
-                r("div", { class: "ui-slider__thumb-focused-contour" }, null, -1)
-              ]), 44, pe),
-              r("div", {
-                ref_key: "thumbRef2",
-                ref: p,
-                style: _(A.value),
-                "data-percent": e.modelValue[1] + "%",
-                class: "ui-slider__thumb ui-slider__triple-thumb",
-                r2: "",
-                tabindex: "0",
-                onKeydown: l[1] || (l[1] = (t) => C(t, 1))
-              }, l[4] || (l[4] = [
-                r("div", { class: "ui-slider__thumb-focused-contour" }, null, -1)
-              ]), 44, he),
-              r("div", {
-                ref_key: "thumbRef3",
-                ref: h,
-                style: _(B.value),
-                "data-percent": e.modelValue[2] + "%",
-                class: "ui-slider__thumb ui-slider__triple-thumb",
-                r3: "",
-                tabindex: "0",
-                onKeydown: l[2] || (l[2] = (t) => C(t, 2))
-              }, l[5] || (l[5] = [
-                r("div", { class: "ui-slider__thumb-focused-contour" }, null, -1)
-              ]), 44, fe)
-            ])
-          ])
-        ]),
-        l[6] || (l[6] = r("div", { class: "ui-slider__input-wrapper d-flex" }, null, -1))
-      ], 2),
-      D.value ? (n(), f("div", _e, I(D.value), 1)) : k("", !0)
-    ], 2));
-  }
-});
-export {
-  Me as default
-};
-//# sourceMappingURL=SliderRangeTriple.vue.js.map