@milaboratories/uikit 2.2.90 → 2.2.92

package/dist/components/PlTooltip/global.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"global.js","sources":["../../../src/components/PlTooltip/global.ts"],"sourcesContent":["export const tMap = new Map<symbol, () => void>();\n"],"names":["tMap"],"mappings":"AAAa,MAAAA,wBAAW,IAAwB;"}

package/dist/components/PlTooltip/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/PlTooltip/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,iBAAiB,CAAC"}

package/dist/components/PlTooltip/useTooltipPosition.d.ts

@@ -0,0 +1,12 @@
+import { Ref } from 'vue';
+type Options = {
+    position: 'top-left' | 'right' | 'left' | 'top' | 'southwest';
+    gap: number;
+};
+/**
+ * A custom hook that calculates and returns the CSS style needed to position a tooltip
+ * relative to a target HTML element based on the specified position and gap.
+ */
+export declare function useTooltipPosition(el: Ref<HTMLElement | undefined>, optionsRef: Ref<Options>): import('vue').ComputedRef<string>;
+export {};
+//# sourceMappingURL=useTooltipPosition.d.ts.map

package/dist/components/PlTooltip/useTooltipPosition.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTooltipPosition.d.ts","sourceRoot":"","sources":["../../../src/components/PlTooltip/useTooltipPosition.ts"],"names":[],"mappings":"AAAA,OAAO,EAAY,KAAK,GAAG,EAAc,MAAM,KAAK,CAAC;AAIrD,KAAK,OAAO,GAAG;IACb,QAAQ,EAAE,UAAU,GAAG,OAAO,GAAG,MAAM,GAAG,KAAK,GAAG,WAAW,CAAC;IAC9D,GAAG,EAAE,MAAM,CAAC;CACb,CAAC;AAEF;;;GAGG;AACH,wBAAgB,kBAAkB,CAAC,EAAE,EAAE,GAAG,CAAC,WAAW,GAAG,SAAS,CAAC,EAAE,UAAU,EAAE,GAAG,CAAC,OAAO,CAAC,qCA6C5F"}

package/dist/components/PlTooltip/useTooltipPosition.js

@@ -0,0 +1,18 @@
+import { ref as u, computed as h, unref as s } from "vue";
+import { useElementPosition as x } from "../../composition/usePosition.js";
+function d(r, n) {
+  const e = u();
+  return x(r, (t) => {
+    e.value = t;
+  }), h(() => {
+    const t = s(e), p = s(n), o = p.position ?? "top", f = p.gap ?? 8;
+    if (!t)
+      return "";
+    const i = t.offsetY + Math.floor(t.height / 2), l = t.offsetX + Math.floor(t.width / 2);
+    return o === "top-left" ? `left: ${t.offsetX}px; top: ${t.offsetY - f}px;` : o === "top" ? `left: ${l}px; top: ${t.offsetY - f}px;` : o === "right" ? `left: ${t.offsetX + t.width + f}px; top: ${i}px;` : o === "left" ? `right: ${t.scrollWidth - t.x + f}px; top: ${i}px;` : o === "southwest" ? `left: ${t.offsetX + t.width}px; top: ${t.offsetY + t.height + f}px;` : "";
+  });
+}
+export {
+  d as useTooltipPosition
+};
+//# sourceMappingURL=useTooltipPosition.js.map

package/dist/components/PlTooltip/useTooltipPosition.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTooltipPosition.js","sources":["../../../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;AAEjB,SAAAC,EAAAJ,GAAI,CAACK,MAAM;AAC5B,IAAAH,EAAO,QAAQG;AAAA,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;AAE5D,WAAIG,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/components/Scrollable.vue.d.ts

@@ -0,0 +1,22 @@
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {
+        containerRef: HTMLDivElement;
+    };
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
+    containerRef: HTMLDivElement;
+}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+//# sourceMappingURL=Scrollable.vue.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Scrollable.vue.d.ts","sourceRoot":"","sources":["../../src/components/Scrollable.vue"],"names":[],"mappings":"AA+IA,iBAAS,cAAc;WAkFT,OAAO,IAA6B;;yBAXrB,GAAG;;;;;;EAgB/B;AAcD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;kBAOnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAEpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/components/Scrollable.vue.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"Scrollable.vue.js","sources":["../../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"],"mappings":";;;;;;;;AAOA,UAAMA,IAAeC,EAAiB,GAEhCC,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;AAC3C,MAAAC,EAAUJ,GAAMG,GAAW,aAAa,cAAc,gBAAgB,eAAe,gBAAgB,aAAa;AAAA,IAAA;AAG9G,UAAAE,IAAU,CAAC,MAAkB;AACjC,QAAE,eAAe;AACjB,YAAMC,IAAO,EAAE;AACf,MAAAA,EAAK,aAAa,EAAE,QACpBA,EAAK,cAAc,EAAE,QACrBJ,EAAYI,CAAI;AAAA,IAClB;AAEA,aAASC,EAAUC,GAAW;AAC5B,MAAAC,EAAMC,EAAMZ,CAAY,GAAG,CAACa,MAAO;AACjC,QAAAA,EAAG,YAAYH,GACfN,EAAYS,CAAE;AAAA,MAAA,CACf;AAAA,IAAA;AAGH,aAASC,EAAWJ,GAAW;AAC7B,MAAAC,EAAMC,EAAMZ,CAAY,GAAG,CAACa,MAAO;AACjC,QAAAA,EAAG,aAAaH,GAChBN,EAAYS,CAAE;AAAA,MAAA,CACf;AAAA,IAAA;AAGe,WAAAE,EAAAf,GAAc,CAACa,MAAO;AACtC,MAAAF,EAAME,GAAI,CAACA,MAAOT,EAAYS,CAAE,CAAC;AAAA,IAAA,CAClC,GAEDG,EAAU,MAAM;AACd,MAAAL,EAAMC,EAAMZ,CAAY,GAAG,CAACQ,MAAS;AACnC,QAAAJ,EAAYI,CAAI,GACXA,EAAA,iBAAiB,SAASD,CAAO;AAAA,MAAA,CACvC;AAAA,IAAA,CACF,GAEDU,EAAY,MAAM;AACV,MAAAN,EAAAC,EAAMZ,CAAY,GAAG,CAACQ,MAASA,EAAK,oBAAoB,SAASD,CAAO,CAAC;AAAA,IAAA,CAChF;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/components/Scrollable.vue2.js

@@ -0,0 +1,5 @@
+import f from "./Scrollable.vue.js";
+export {
+  f as default
+};
+//# sourceMappingURL=Scrollable.vue2.js.map

package/dist/components/Scrollable.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Scrollable.vue2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

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

@@ -0,0 +1,52 @@
+import { SliderMode } from '../types';
+type __VLS_Props = {
+    modelValue: number;
+    min?: number;
+    max: number;
+    step?: number;
+    label?: string;
+    helper?: string;
+    error?: unknown;
+    mode?: SliderMode;
+    measure?: string;
+    breakpoints?: boolean;
+    disabled?: boolean;
+};
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        tooltip?(_: {}): any;
+    };
+    refs: {
+        barRef: HTMLDivElement;
+        thumbRef: HTMLDivElement;
+    };
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (...args: any[]) => void;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+}>, {
+    error: undefined;
+    label: string;
+    disabled: boolean;
+    mode: SliderMode;
+    min: number;
+    step: number;
+    helper: string;
+    measure: string;
+    breakpoints: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    barRef: HTMLDivElement;
+    thumbRef: HTMLDivElement;
+}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+//# sourceMappingURL=Slider.vue.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Slider.vue.d.ts","sourceRoot":"","sources":["../../src/components/Slider.vue"],"names":[],"mappings":"AAgMA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAQ3C,KAAK,WAAW,GAAG;IACf,UAAU,EAAE,MAAM,CAAC;IACnB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAgIJ,iBAAS,cAAc;WAkIT,OAAO,IAA6B;;yBAZrB,GAAG;;;;;;;EAiB/B;AAqBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;WApST,MAAM;cAMH,OAAO;UAHX,UAAU;SANX,MAAM;UAEL,MAAM;YAEJ,MAAM;aAGL,MAAM;iBACF,OAAO;;;;kBAySvB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAapG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/components/Slider.vue.js

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

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

@@ -0,0 +1 @@
+{"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(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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAUA,UAAMA,IAAQC,EAAS,GAEjBC,IAAOC,GAEPC,IAAQC,GA2BRC,IAAOC,EAAS;AAAA,MACpB,YAAY;AAAA,IAAA,CACb,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;AAEhB,aAAK,OAAO,SAASW,CAAC,IAIlBA,IAAIX,EAAM,MACL,cAAcA,EAAM,GAAG,KAG5BW,IAAIX,EAAM,MACL,cAAcA,EAAM,GAAG,KAGzBY,EAAgBZ,EAAM,KAAK,IAXzB;AAAA,IAWyB,CACnC,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,IACtB,EACD,GAEKG,IAASV,EAAiB,GAC1BW,IAAWX,EAAiB;AAElC,IAAAY;AAAA,MACE,MAAMrB,EAAM;AAAA,MACZ,CAACsB,MAAQ;AACP,QAAAd,EAAY,QAAQc;AAAA,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;AAG1D,IAAAyB,EAAAL,GAAU,CAACM,MAAO;;AAChC,MAAAC,GAAMC,IAAAC,EAAMV,CAAM,MAAZ,gBAAAS,EAAe,yBAAyB,CAACE,MAAS;AAChD,cAAA,EAAE,IAAAC,MAAOL;AAEf,QAAAxB,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,MACpB,CACD;AAAA,IAAA,CACF;AAED,aAAS8B,EAAcR,GAAe;AAC/B,MAAA1B,EAAA,qBAAqByB,EAAMC,CAAK,CAAC;AAAA,IAAA;AAGxC,aAASS,EAAiBC,GAAc;AACxB,MAAAF,EAAA,CAAEE,EAAM,OAA4B,KAAK;AAAA,IAAA;AAGzD,aAASC,EAAeC,GAA6C;AAC/D,MAAA,CAAC,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;AAE9H,MAAAgC,EAAAhC,EAAM,aAAaqC,CAAQ;AAAA,IAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/components/Slider.vue2.js

@@ -0,0 +1,5 @@
+import f from "./Slider.vue.js";
+export {
+  f as default
+};
+//# sourceMappingURL=Slider.vue2.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Slider.vue2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

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

@@ -0,0 +1,54 @@
+import { SliderMode } from '../types';
+type __VLS_Props = {
+    modelValue: [number, number];
+    min?: number;
+    max: number;
+    step?: number;
+    label?: string;
+    helper?: string;
+    error?: unknown;
+    mode?: SliderMode;
+    measure?: string;
+    breakpoints?: boolean;
+    disabled?: boolean;
+};
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        tooltip?(_: {}): any;
+    };
+    refs: {
+        barRef: HTMLDivElement;
+        thumbRef1: HTMLDivElement;
+        thumbRef2: HTMLDivElement;
+    };
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (...args: any[]) => void;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+}>, {
+    error: undefined;
+    label: string;
+    disabled: boolean;
+    mode: SliderMode;
+    min: number;
+    step: number;
+    helper: string;
+    measure: string;
+    breakpoints: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    barRef: HTMLDivElement;
+    thumbRef1: HTMLDivElement;
+    thumbRef2: HTMLDivElement;
+}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+//# sourceMappingURL=SliderRange.vue.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SliderRange.vue.d.ts","sourceRoot":"","sources":["../../src/components/SliderRange.vue"],"names":[],"mappings":"AAwOA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAS3C,KAAK,WAAW,GAAG;IACf,UAAU,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC7B,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAmKJ,iBAAS,cAAc;WA6JT,OAAO,IAA6B;;yBAbrB,GAAG;;;;;;;;EAkB/B;AAyBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;WAtWT,MAAM;cAMH,OAAO;UAHX,UAAU;SANX,MAAM;UAEL,MAAM;YAEJ,MAAM;aAGL,MAAM;iBACF,OAAO;;;;;OA0WvB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAapG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/components/SliderRange.vue.js

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