@milaboratories/uikit 2.2.89 → 2.2.91

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

@@ -0,0 +1 @@
+{"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(() => [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/components/SliderRange.vue2.js

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

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

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

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

@@ -0,0 +1,57 @@
+import { SliderMode } from '../types';
+type ModelType = [number, number, number];
+type __VLS_Props = {
+    modelValue: ModelType;
+    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;
+        thumbRef3: 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;
+    thumbRef1: HTMLDivElement;
+    thumbRef2: HTMLDivElement;
+    thumbRef3: 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=SliderRangeTriple.vue.d.ts.map

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

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

package/dist/components/SliderRangeTriple.vue.js

@@ -0,0 +1,191 @@
+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 I, createElementVNode as o, createCommentVNode as R, createBlock as ee, toDisplayString as P, unref as m, withCtx as te, renderSlot as le, normalizeStyle as _, Fragment as ae, renderList as ie } from "vue";
+import { useMouseCapture as E } from "../composition/useMouseCapture.js";
+import { tapIf as $ } from "../helpers/functions.js";
+import { clamp as c } from "../helpers/math.js";
+import oe from "./PlTooltip/PlTooltip.vue.js";
+import { useSliderBreakpoints as re } from "../composition/useSliderBreakpoints.js";
+import { getErrorMessage as se } from "../helpers/error.js";
+const ue = { class: "ui-slider__wrapper" }, ne = { class: "ui-slider__label-section" }, de = {
+  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(T, { emit: U }) {
+    const j = X(), H = U, e = T, s = Y({
+      deltaValue1: 0,
+      deltaValue2: 0,
+      deltaValue3: 0
+    }), b = w(), p = w(), v = w(), f = w(), n = r(() => e.max - e.min), O = r(() => e), q = re(O), g = r(() => c((e.modelValue[0] ?? 0) + s.deltaValue1, e.min, e.max)), V = r(() => c((e.modelValue[1] ?? 0) + s.deltaValue2, e.min, e.max)), y = r(() => c((e.modelValue[2] ?? 0) + s.deltaValue3, e.min, e.max)), D = 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(" ") : se(e.error);
+    }), L = r(() => (g.value - e.min) / n.value), K = r(() => (V.value - e.min) / n.value), F = r(() => (y.value - e.min) / n.value), z = r(() => J()), G = r(() => ({
+      right: z.value[0] + "%",
+      left: 100 - z.value[2] + "%"
+    })), k = r(() => ({
+      right: Math.ceil((1 - L.value) * 100) + "%"
+    })), M = r(() => ({
+      right: Math.ceil((1 - K.value) * 100) + "%"
+    })), S = r(() => ({
+      right: Math.ceil((1 - F.value) * 100) + "%"
+    }));
+    E(p, (l) => {
+      var t;
+      $((t = m(b)) == null ? void 0 : t.getBoundingClientRect(), (i) => {
+        const { dx: a } = l;
+        s.deltaValue1 = a / i.width * n.value, p.value && A(p.value, e.modelValue[0], s.deltaValue1), l.stop && (x([u(g.value), u(V.value), u(y.value)]), s.deltaValue1 = 0);
+      });
+    }), E(v, (l) => {
+      var t;
+      $((t = m(b)) == null ? void 0 : t.getBoundingClientRect(), (i) => {
+        const { dx: a } = l;
+        s.deltaValue2 = a / i.width * n.value, v.value && A(v.value, e.modelValue[1], s.deltaValue2), l.stop && (x([u(g.value), u(V.value), u(y.value)]), s.deltaValue2 = 0);
+      });
+    }), E(f, (l) => {
+      var t;
+      $((t = m(b)) == null ? void 0 : t.getBoundingClientRect(), (i) => {
+        const { dx: a } = l;
+        s.deltaValue3 = a / i.width * n.value, f.value && A(f.value, e.modelValue[2], s.deltaValue3), l.stop && (x([u(g.value), u(V.value), u(y.value)]), s.deltaValue3 = 0);
+      });
+    });
+    function A(l, t, i) {
+      const a = u(c((t ?? 0) + i, e.min, e.max));
+      l.dataset.percent = `${a}${e.measure}`, B();
+    }
+    function J() {
+      const l = Math.ceil((1 - L.value) * 100), t = Math.ceil((1 - K.value) * 100), i = Math.ceil((1 - F.value) * 100);
+      return [l, t, i].sort((a, N) => a - N);
+    }
+    function u(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 B() {
+      const l = Number(k.value.right.substring(0, k.value.right.length - 1)), t = Number(M.value.right.substring(0, M.value.right.length - 1)), i = Number(S.value.right.substring(0, S.value.right.length - 1)), a = [
+        { r: l, th: p },
+        { r: t, th: v },
+        { r: i, th: f }
+      ].sort((N, Q) => N.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 C(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), B();
+    }
+    return Z(() => {
+      B();
+    }), (l, t) => (d(), h("div", {
+      class: I([e.disabled ? "ui-slider__disabled" : void 0, "ui-slider__envelope ui-slider__triple"])
+    }, [
+      o("div", {
+        class: I([`ui-slider__mode-${e.mode}`, "ui-slider"])
+      }, [
+        o("div", ue, [
+          o("div", ne, [
+            l.label ? (d(), h("label", de, [
+              o("span", null, P(l.label), 1),
+              m(j).tooltip ? (d(), ee(m(oe), {
+                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: _(k.value),
+                "data-percent": e.modelValue[0] + "%",
+                class: "ui-slider__thumb ui-slider__triple-thumb",
+                r1: "",
+                tabindex: "0",
+                onKeydown: t[0] || (t[0] = (i) => C(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: _(M.value),
+                "data-percent": e.modelValue[1] + "%",
+                class: "ui-slider__thumb ui-slider__triple-thumb",
+                r2: "",
+                tabindex: "0",
+                onKeydown: t[1] || (t[1] = (i) => C(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: _(S.value),
+                "data-percent": e.modelValue[2] + "%",
+                class: "ui-slider__thumb ui-slider__triple-thumb",
+                r3: "",
+                tabindex: "0",
+                onKeydown: t[2] || (t[2] = (i) => C(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),
+      D.value ? (d(), h("div", _e, P(D.value), 1)) : R("", !0)
+    ], 2));
+  }
+});
+export {
+  ke as default
+};
+//# sourceMappingURL=SliderRangeTriple.vue.js.map

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

@@ -0,0 +1 @@
+{"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(() => clamp((props.modelValue[0] ?? 0) + data.deltaValue1, props.min, props.max));\nconst localValue2 = computed(() => clamp((props.modelValue[1] ?? 0) + data.deltaValue2, props.min, props.max));\nconst localValue3 = computed(() => clamp((props.modelValue[2] ?? 0) + data.deltaValue3, props.min, props.max));\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' ? props.step * 1 : e.code === 'ArrowDown' || e.code === 'ArrowLeft' ? props.step * -1 : 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 :class=\"props.disabled ? 'ui-slider__disabled' : undefined\" class=\"ui-slider__envelope ui-slider__triple\">\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 v-for=\"(item, index) in breakpointsRef\" :key=\"index\" :style=\"{ right: `${item}%` }\" class=\"ui-slider__thumb-step\"/>\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"],"mappings":"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"}

package/dist/components/SliderRangeTriple.vue2.js

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

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

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

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

@@ -0,0 +1,12 @@
+import { ListOptionNormalized } from '../types';
+type __VLS_Props = {
+    option: ListOptionNormalized;
+    isSelected: boolean;
+    isHovered: boolean;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    isSelected: boolean;
+    isHovered: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;
+//# sourceMappingURL=TabItem.vue.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TabItem.vue.d.ts","sourceRoot":"","sources":["../../src/components/TabItem.vue"],"names":[],"mappings":"AAuCA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,UAAU,CAAC;AAErD,KAAK,WAAW,GAAG;IACf,MAAM,EAAE,oBAAoB,CAAC;IAC7B,UAAU,EAAE,OAAO,CAAC;IACpB,SAAS,EAAE,OAAO,CAAC;CACpB,CAAC;;gBAFY,OAAO;eACR,OAAO;;AAwEtB,wBAQG"}

package/dist/components/TabItem.vue.js

@@ -0,0 +1,24 @@
+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

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

@@ -0,0 +1 @@
+{"version":3,"file":"TabItem.vue.js","sources":["../../src/components/TabItem.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue';\nimport type { ListOptionNormalized } from '../types';\n\nconst props = withDefaults(\n  defineProps<{\n    option: ListOptionNormalized;\n    isSelected: boolean;\n    isHovered: boolean;\n  }>(),\n  {\n    isSelected: false,\n    isHovered: false,\n  },\n);\n\nconst label = computed(() => props.option.label);\n\nconst classes = computed<string>(() => {\n  const classList: string[] = [];\n  if (props.isSelected) {\n    classList.push('dropdown-tab-item__selected');\n  }\n  if (props.isHovered) {\n    classList.push('hovered-item');\n  }\n  return classList.join(' ');\n});\n</script>\n<template>\n  <div :class=\"classes\" class=\"dropdown-tab-item\">\n    <div class=\"dropdown-tab-item__title text-caps13\">\n      {{ label }}\n    </div>\n  </div>\n</template>\n"],"names":["props","__props","label","computed","classes","classList"],"mappings":";;;;;;;;;AAIA,UAAMA,IAAQC,GAYRC,IAAQC,EAAS,MAAMH,EAAM,OAAO,KAAK,GAEzCI,IAAUD,EAAiB,MAAM;AACrC,YAAME,IAAsB,CAAC;AAC7B,aAAIL,EAAM,cACRK,EAAU,KAAK,6BAA6B,GAE1CL,EAAM,aACRK,EAAU,KAAK,cAAc,GAExBA,EAAU,KAAK,GAAG;AAAA,IAAA,CAC1B;;;;;;;;"}

package/dist/components/TabItem.vue2.js

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

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

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

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

@@ -0,0 +1,3 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
+export default _default;
+//# sourceMappingURL=ThemeSwitcher.vue.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ThemeSwitcher.vue.d.ts","sourceRoot":"","sources":["../../src/components/ThemeSwitcher.vue"],"names":[],"mappings":";AAyDA,wBAMG"}

package/dist/components/ThemeSwitcher.vue.js

@@ -0,0 +1,19 @@
+import { defineComponent as m, createElementBlock as l, openBlock as s, unref as t, normalizeClass as i, createElementVNode as u } from "vue";
+import { useTheme as p } from "../composition/useTheme.js";
+const h = /* @__PURE__ */ m({
+  __name: "ThemeSwitcher",
+  setup(a) {
+    const [o, n] = p();
+    return (c, e) => (s(), l("div", {
+      class: i(["ui-theme-switcher", t(o)]),
+      onClick: e[0] || (e[0] = //@ts-ignore
+      (...r) => t(n) && t(n)(...r))
+    }, e[1] || (e[1] = [
+      u("div", null, null, -1)
+    ]), 2));
+  }
+});
+export {
+  h as default
+};
+//# sourceMappingURL=ThemeSwitcher.vue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ThemeSwitcher.vue.js","sources":["../../src/components/ThemeSwitcher.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { useTheme } from '../composition/useTheme';\nconst [theme, toggleTheme] = useTheme();\n</script>\n\n<template>\n  <div class=\"ui-theme-switcher\" :class=\"theme\" @click=\"toggleTheme\">\n    <div />\n  </div>\n</template>\n"],"names":["theme","toggleTheme","useTheme"],"mappings":";;;;;AAEA,UAAM,CAACA,GAAOC,CAAW,IAAIC,EAAS;;;;;;;;;;"}

package/dist/components/ThemeSwitcher.vue2.js

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

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

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

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

@@ -0,0 +1,18 @@
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: any;
+};
+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, {}, 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=TransitionSlidePanel.vue.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TransitionSlidePanel.vue.d.ts","sourceRoot":"","sources":["../../src/components/TransitionSlidePanel.vue"],"names":[],"mappings":"AA2BA,iBAAS,cAAc;WA2CT,OAAO,IAA6B;;yBAVpB,GAAG;;;;EAehC;AASD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe,+QAMnB,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/TransitionSlidePanel.vue.js

@@ -0,0 +1,26 @@
+import { defineComponent as o, createBlock as a, openBlock as i, Transition as r, withCtx as s, renderSlot as d } from "vue";
+const f = /* @__PURE__ */ o({
+  __name: "TransitionSlidePanel",
+  setup(u) {
+    function e() {
+      window.dispatchEvent(new CustomEvent("adjust"));
+    }
+    function n() {
+      window.dispatchEvent(new CustomEvent("adjust"));
+    }
+    return (t, c) => (i(), a(r, {
+      name: "slide-panel",
+      onAfterEnter: e,
+      onAfterLeave: n
+    }, {
+      default: s(() => [
+        d(t.$slots, "default")
+      ]),
+      _: 3
+    }));
+  }
+});
+export {
+  f as default
+};
+//# sourceMappingURL=TransitionSlidePanel.vue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TransitionSlidePanel.vue.js","sources":["../../src/components/TransitionSlidePanel.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nfunction onAfterEnter() {\n  window.dispatchEvent(new CustomEvent('adjust'));\n}\n\nfunction onAfterLeave() {\n  window.dispatchEvent(new CustomEvent('adjust'));\n}\n</script>\n\n<template>\n  <Transition name=\"slide-panel\" @after-enter=\"onAfterEnter\" @after-leave=\"onAfterLeave\">\n    <slot />\n  </Transition>\n</template>\n"],"names":["onAfterEnter","onAfterLeave"],"mappings":";;;;AACA,aAASA,IAAe;AACtB,aAAO,cAAc,IAAI,YAAY,QAAQ,CAAC;AAAA,IAAA;AAGhD,aAASC,IAAe;AACtB,aAAO,cAAc,IAAI,YAAY,QAAQ,CAAC;AAAA,IAAA;;;;;;;;;;;;;"}

package/dist/components/TransitionSlidePanel.vue2.js

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

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

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

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

@@ -0,0 +1,14 @@
+type __VLS_Props = {
+    scrollTop: number;
+    clientHeight: number;
+    scrollHeight: number;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:scrollTop": (...args: any[]) => void;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:scrollTop"?: ((...args: any[]) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    scrollRef: HTMLDivElement;
+}, any>;
+export default _default;
+//# sourceMappingURL=VScroll.vue.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"VScroll.vue.d.ts","sourceRoot":"","sources":["../../src/components/VScroll.vue"],"names":[],"mappings":"AA8DA,KAAK,WAAW,GAAG;IACjB,SAAS,EAAE,MAAM,CAAC;IAClB,YAAY,EAAE,MAAM,CAAC;IACrB,YAAY,EAAE,MAAM,CAAC;CACtB,CAAC;;;;;;;;AAyFF,wBAQG"}

package/dist/components/VScroll.vue.js

@@ -0,0 +1,46 @@
+import { defineComponent as f, ref as v, computed as c, unref as h, createElementBlock as _, createCommentVNode as g, openBlock as y, createElementVNode as Y, normalizeStyle as E } from "vue";
+import { useEventListener as H } from "../composition/useEventListener.js";
+import { eventListener as T } from "../helpers/dom.js";
+const L = /* @__PURE__ */ f({
+  __name: "VScroll",
+  props: {
+    scrollTop: {},
+    clientHeight: {},
+    scrollHeight: {}
+  },
+  emits: ["update:scrollTop"],
+  setup(s, { emit: i }) {
+    const a = i, e = s, n = v(), l = c(() => e.clientHeight / (e.scrollHeight || 1)), p = c(() => l.value < 1), u = c(() => {
+      const t = h(l);
+      return {
+        top: e.scrollTop * t + "px",
+        height: Math.floor(e.clientHeight * t) + "px"
+      };
+    });
+    return H(n, "pointerdown", (t) => {
+      const r = {
+        clientY: t.clientY
+      }, m = T(document, "mousemove", (o) => {
+        const d = (o.clientY - r.clientY) / l.value;
+        a("update:scrollTop", e.scrollTop + d), r.clientY = o.clientY;
+      });
+      ["mouseup", "pointercancel"].forEach((o) => {
+        document.addEventListener(o, m, { once: !0 });
+      });
+    }), (t, r) => p.value ? (y(), _("div", {
+      key: 0,
+      ref_key: "scrollRef",
+      ref: n,
+      class: "v-scroll"
+    }, [
+      Y("div", {
+        class: "v-scroll__scrollbar",
+        style: E(u.value)
+      }, null, 4)
+    ], 512)) : g("", !0);
+  }
+});
+export {
+  L as default
+};
+//# sourceMappingURL=VScroll.vue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"VScroll.vue.js","sources":["../../src/components/VScroll.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { computed, ref, unref } from 'vue';\nimport { useEventListener } from '../composition/useEventListener';\nimport { eventListener } from '../helpers/dom';\n\nconst emit = defineEmits(['update:scrollTop']);\n\nconst props = defineProps<{\n  scrollTop: number;\n  clientHeight: number;\n  scrollHeight: number;\n}>();\n\nconst scrollRef = ref<EventTarget>();\n\nconst ratioRef = computed(() => props.clientHeight / (props.scrollHeight || 1));\n\nconst visibleRef = computed(() => {\n  return ratioRef.value < 1;\n});\n\nconst scrollbarStyle = computed(() => {\n  const ratio = unref(ratioRef);\n  return {\n    top: props.scrollTop * ratio + 'px',\n    height: Math.floor(props.clientHeight * ratio) + 'px',\n  };\n});\n\nuseEventListener(scrollRef, 'pointerdown', (down: PointerEvent) => {\n  const s = {\n    clientY: down.clientY,\n  };\n\n  const update = (e: MouseEvent) => {\n    const dy = (e.clientY - s.clientY) / ratioRef.value;\n    emit('update:scrollTop', props.scrollTop + dy);\n    s.clientY = e.clientY;\n  };\n\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  const removePointerMove = eventListener(document as any, 'mousemove', update);\n\n  ['mouseup', 'pointercancel'].forEach((eventType) => {\n    document.addEventListener(eventType, removePointerMove, { once: true });\n  });\n});\n</script>\n\n<template>\n  <div v-if=\"visibleRef\" ref=\"scrollRef\" class=\"v-scroll\">\n    <div class=\"v-scroll__scrollbar\" :style=\"scrollbarStyle\" />\n  </div>\n</template>\n"],"names":["emit","__emit","props","__props","scrollRef","ref","ratioRef","computed","visibleRef","scrollbarStyle","ratio","unref","useEventListener","down","s","removePointerMove","eventListener","e","dy","eventType"],"mappings":";;;;;;;;;;;;AAKA,UAAMA,IAAOC,GAEPC,IAAQC,GAMRC,IAAYC,EAAiB,GAE7BC,IAAWC,EAAS,MAAML,EAAM,gBAAgBA,EAAM,gBAAgB,EAAE,GAExEM,IAAaD,EAAS,MACnBD,EAAS,QAAQ,CACzB,GAEKG,IAAiBF,EAAS,MAAM;AAC9B,YAAAG,IAAQC,EAAML,CAAQ;AACrB,aAAA;AAAA,QACL,KAAKJ,EAAM,YAAYQ,IAAQ;AAAA,QAC/B,QAAQ,KAAK,MAAMR,EAAM,eAAeQ,CAAK,IAAI;AAAA,MACnD;AAAA,IAAA,CACD;AAEgB,WAAAE,EAAAR,GAAW,eAAe,CAACS,MAAuB;AACjE,YAAMC,IAAI;AAAA,QACR,SAASD,EAAK;AAAA,MAChB,GASME,IAAoBC,EAAc,UAAiB,aAP1C,CAACC,MAAkB;AAChC,cAAMC,KAAMD,EAAE,UAAUH,EAAE,WAAWR,EAAS;AACzC,QAAAN,EAAA,oBAAoBE,EAAM,YAAYgB,CAAE,GAC7CJ,EAAE,UAAUG,EAAE;AAAA,MAChB,CAG4E;AAE5E,OAAC,WAAW,eAAe,EAAE,QAAQ,CAACE,MAAc;AAClD,iBAAS,iBAAiBA,GAAWJ,GAAmB,EAAE,MAAM,IAAM;AAAA,MAAA,CACvE;AAAA,IAAA,CACF;;;;;;;;;;;;;"}

package/dist/components/VScroll.vue2.js

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

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

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

package/dist/components/contextMenu/Menu.vue.d.ts

@@ -0,0 +1,11 @@
+import { ContextOption } from './types';
+type __VLS_Props = {
+    options: readonly ContextOption[];
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    close: (...args: any[]) => void;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onClose?: ((...args: any[]) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;
+//# sourceMappingURL=Menu.vue.d.ts.map

package/dist/components/contextMenu/Menu.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Menu.vue.d.ts","sourceRoot":"","sources":["../../../src/components/contextMenu/Menu.vue"],"names":[],"mappings":"AA4FA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAI7C,KAAK,WAAW,GAAG;IACjB,OAAO,EAAE,SAAS,aAAa,EAAE,CAAC;CACnC,CAAC;;;;;;AA6DF,wBAQG"}