npm - @milaboratories/uikit - Versions diffs - 2.16.0 → 2.16.1 - Mend

@milaboratories/uikit 2.16.0 → 2.16.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1369) hide show

package/dist/components/SliderRangeTriple.vue2.js CHANGED Viewed

@@ -6,7 +6,7 @@ import { clamp as r } from "../helpers/math.js";
 import { useSliderBreakpoints as i } from "../composition/useSliderBreakpoints.js";
 import { getErrorMessage as ee } from "../helpers/error.js";
 import { Fragment as a, computed as o, createBlock as te, createCommentVNode as s, createElementBlock as c, createElementVNode as l, defineComponent as u, normalizeClass as d, normalizeStyle as f, onMounted as ne, openBlock as p, reactive as re, ref as m, renderList as h, renderSlot as g, toDisplayString as _, unref as v, useSlots as y, withCtx as ie } from "vue";
-//#region src/components/SliderRangeTriple.vue?vue&type=script&setup=true&lang.ts
+// src/components/SliderRangeTriple.vue?vue&type=script&setup=true&lang.ts
 var ae = { class: "ui-slider__wrapper" }, oe = { class: "ui-slider__label-section" }, b = {
 	key: 0,
 	"data-testid": "pl-slider-range-triple-label",
@@ -15,7 +15,7 @@ var ae = { class: "ui-slider__wrapper" }, oe = { class: "ui-slider__label-sectio
 	key: 0,
 	"data-testid": "pl-slider-range-triple-error",
 	class: "ui-slider__error"
-}, O = /* @__PURE__ */ u({
+}, O = /*@__PURE__*/ u({
 	__name: "SliderRangeTriple",
 	props: {
 		modelValue: {},
@@ -38,54 +38,54 @@ var ae = { class: "ui-slider__wrapper" }, oe = { class: "ui-slider__label-sectio
 	},
 	emits: ["update:modelValue"],
 	setup(u, { emit: O }) {
-		let k = y(), se = O, A = u, j = re({
+		let se = y(), ce = O, k = u, A = re({
 			deltaValue1: 0,
 			deltaValue2: 0,
 			deltaValue3: 0
-		}), M = m(), N = m(), P = m(), F = m(), I = o(() => A.max - A.min), L = i(o(() => A)), R = o(() => r((A.modelValue[0] ?? 0) + j.deltaValue1, A.min, A.max)), z = o(() => r((A.modelValue[1] ?? 0) + j.deltaValue2, A.min, A.max)), B = o(() => r((A.modelValue[2] ?? 0) + j.deltaValue3, A.min, A.max)), V = o(() => {
-			let e = A.modelValue;
+		}), j = m(), M = m(), N = m(), P = m(), F = o(() => k.max - k.min), I = o(() => k), L = i(I), R = o(() => r((k.modelValue[0] ?? 0) + A.deltaValue1, k.min, k.max)), z = o(() => r((k.modelValue[1] ?? 0) + A.deltaValue2, k.min, k.max)), B = o(() => r((k.modelValue[2] ?? 0) + A.deltaValue3, k.min, k.max)), V = o(() => {
+			let e = k.modelValue;
 			if (!(Array.isArray(e) && e.length === 3 && e.every((e) => Number.isFinite(e)))) return "Expected model [number, number, number]";
 			let t = [];
-			return [...A.modelValue].forEach((e) => {
-				e > A.max && t.push(`Max model value must be lower than max props ${A.max}.`), e < A.min && t.push("Min model value must be greater than max props.");
-			}), t.length > 0 ? t.join(" ") : ee(A.error);
-		}), H = o(() => (R.value - A.min) / I.value), U = o(() => (z.value - A.min) / I.value), W = o(() => (B.value - A.min) / I.value), G = o(() => le()), ce = o(() => ({
+			return [...k.modelValue].forEach((e) => {
+				e > k.max && t.push(`Max model value must be lower than max props ${k.max}.`), e < k.min && t.push("Min model value must be greater than max props.");
+			}), t.length > 0 ? t.join(" ") : ee(k.error);
+		}), H = o(() => (R.value - k.min) / F.value), U = o(() => (z.value - k.min) / F.value), W = o(() => (B.value - k.min) / F.value), G = o(() => ue()), le = o(() => ({
 			right: G.value[0] + "%",
 			left: 100 - G.value[2] + "%"
 		})), K = o(() => ({ right: Math.ceil((1 - H.value) * 100) + "%" })), q = o(() => ({ right: Math.ceil((1 - U.value) * 100) + "%" })), J = o(() => ({ right: Math.ceil((1 - W.value) * 100) + "%" }));
-		e(N, (e) => {
-			t(v(M)?.getBoundingClientRect(), (t) => {
+		e(M, (e) => {
+			t(v(j)?.getBoundingClientRect(), (t) => {
 				let { dx: n } = e;
-				j.deltaValue1 = n / t.width * I.value, N.value && Y(N.value, A.modelValue[0], j.deltaValue1), e.stop && (Z([
+				A.deltaValue1 = n / t.width * F.value, M.value && Y(M.value, k.modelValue[0], A.deltaValue1), e.stop && (Z([
 					X(R.value),
 					X(z.value),
 					X(B.value)
-				]), j.deltaValue1 = 0);
+				]), A.deltaValue1 = 0);
 			});
-		}), e(P, (e) => {
-			t(v(M)?.getBoundingClientRect(), (t) => {
+		}), e(N, (e) => {
+			t(v(j)?.getBoundingClientRect(), (t) => {
 				let { dx: n } = e;
-				j.deltaValue2 = n / t.width * I.value, P.value && Y(P.value, A.modelValue[1], j.deltaValue2), e.stop && (Z([
+				A.deltaValue2 = n / t.width * F.value, N.value && Y(N.value, k.modelValue[1], A.deltaValue2), e.stop && (Z([
 					X(R.value),
 					X(z.value),
 					X(B.value)
-				]), j.deltaValue2 = 0);
+				]), A.deltaValue2 = 0);
 			});
-		}), e(F, (e) => {
-			t(v(M)?.getBoundingClientRect(), (t) => {
+		}), e(P, (e) => {
+			t(v(j)?.getBoundingClientRect(), (t) => {
 				let { dx: n } = e;
-				j.deltaValue3 = n / t.width * I.value, F.value && Y(F.value, A.modelValue[2], j.deltaValue3), e.stop && (Z([
+				A.deltaValue3 = n / t.width * F.value, P.value && Y(P.value, k.modelValue[2], A.deltaValue3), e.stop && (Z([
 					X(R.value),
 					X(z.value),
 					X(B.value)
-				]), j.deltaValue3 = 0);
+				]), A.deltaValue3 = 0);
 			});
 		});
 		function Y(e, t, n) {
-			let i = X(r((t ?? 0) + n, A.min, A.max));
-			e.dataset.percent = `${i}${A.measure}`, Q();
+			let i = X(r((t ?? 0) + n, k.min, k.max));
+			e.dataset.percent = `${i}${k.measure}`, Q();
 		}
-		function le() {
+		function ue() {
 			return [
 				Math.ceil((1 - H.value) * 100),
 				Math.ceil((1 - U.value) * 100),
@@ -93,25 +93,25 @@ var ae = { class: "ui-slider__wrapper" }, oe = { class: "ui-slider__label-sectio
 			].sort((e, t) => e - t);
 		}
 		function X(e) {
-			let t = r(e, A.min, A.max);
-			return Math.round((t + 2 ** -52) * (1 / A.step)) / (1 / A.step);
+			let t = r(e, k.min, k.max);
+			return Math.round((t + 2 ** -52) * (1 / k.step)) / (1 / k.step);
 		}
 		function Z(e) {
-			se("update:modelValue", e);
+			ce("update:modelValue", e);
 		}
 		function Q() {
 			let e = Number(K.value.right.substring(0, K.value.right.length - 1)), t = Number(q.value.right.substring(0, q.value.right.length - 1)), n = Number(J.value.right.substring(0, J.value.right.length - 1)), r = [
 				{
 					r: e,
-					th: N
+					th: M
 				},
 				{
 					r: t,
-					th: P
+					th: N
 				},
 				{
 					r: n,
-					th: F
+					th: P
 				}
 			].sort((e, t) => e.r - t.r);
 			r[0].th.value && (r[0].th.value.dataset.hint = "high"), r[1].th.value && (r[1].th.value.dataset.hint = "mid"), r[2].th.value && (r[2].th.value.dataset.hint = "low");
@@ -124,15 +124,15 @@ var ae = { class: "ui-slider__wrapper" }, oe = { class: "ui-slider__label-sectio
 				"ArrowLeft",
 				"Enter"
 			].includes(e.code) && e.preventDefault();
-			let n = e.code === "ArrowUp" || e.code === "ArrowRight" ? A.step * 1 : e.code === "ArrowDown" || e.code === "ArrowLeft" ? A.step * -1 : 0, i = [...A.modelValue];
-			i[t] = r(i[t] + n, A.min, A.max), Z(i), Q();
+			let n = e.code === "ArrowUp" || e.code === "ArrowRight" ? k.step * 1 : e.code === "ArrowDown" || e.code === "ArrowLeft" ? k.step * -1 : 0, i = [...k.modelValue];
+			i[t] = r(i[t] + n, k.min, k.max), Z(i), Q();
 		}
 		return ne(() => {
 			Q();
 		}), (e, t) => (p(), c("div", {
 			"data-testid": "pl-slider-range-triple",
-			class: d([A.disabled ? "ui-slider__disabled" : void 0, "ui-slider__envelope ui-slider__triple"])
-		}, [l("div", { class: d([`ui-slider__mode-${A.mode}`, "ui-slider"]) }, [l("div", ae, [l("div", oe, [u.label ? (p(), c("label", b, [l("span", null, _(u.label), 1), v(k).tooltip ? (p(), te(v(n), {
+			class: d([k.disabled ? "ui-slider__disabled" : void 0, "ui-slider__envelope ui-slider__triple"])
+		}, [l("div", { class: d([`ui-slider__mode-${k.mode}`, "ui-slider"]) }, [l("div", ae, [l("div", oe, [u.label ? (p(), c("label", b, [l("span", null, _(u.label), 1), v(se).tooltip ? (p(), te(v(n), {
 			key: 0,
 			"data-testid": "pl-slider-range-triple-tooltip",
 			class: "info",
@@ -142,15 +142,15 @@ var ae = { class: "ui-slider__wrapper" }, oe = { class: "ui-slider__label-sectio
 			_: 3
 		})) : s("", !0)])) : s("", !0)]), l("div", x, [l("div", S, [l("div", {
 			ref_key: "barRef",
-			ref: M,
+			ref: j,
 			"data-testid": "pl-slider-range-triple-bar",
 			class: "ui-slider__bar"
 		}, [l("div", {
 			"data-testid": "pl-slider-range-triple-progress",
 			class: "ui-slider__progress",
-			style: f(ce.value)
+			style: f(le.value)
 		}, null, 4)], 512)]), l("div", C, [
-			A.breakpoints ? (p(!0), c(a, { key: 0 }, h(v(L), (e, t) => (p(), c("div", {
+			k.breakpoints ? (p(!0), c(a, { key: 0 }, h(v(L), (e, t) => (p(), c("div", {
 				key: t,
 				"data-testid": "pl-slider-range-triple-step",
 				style: f({ right: `${e}%` }),
@@ -158,10 +158,10 @@ var ae = { class: "ui-slider__wrapper" }, oe = { class: "ui-slider__label-sectio
 			}, null, 4))), 128)) : s("", !0),
 			l("div", {
 				ref_key: "thumbRef1",
-				ref: N,
+				ref: M,
 				"data-testid": "pl-slider-range-triple-thumb",
 				style: f(K.value),
-				"data-percent": A.modelValue[0] + "%",
+				"data-percent": k.modelValue[0] + "%",
 				class: "ui-slider__thumb ui-slider__triple-thumb",
 				r1: "",
 				tabindex: "0",
@@ -169,10 +169,10 @@ var ae = { class: "ui-slider__wrapper" }, oe = { class: "ui-slider__label-sectio
 			}, [...t[3] ||= [l("div", { class: "ui-slider__thumb-focused-contour" }, null, -1)]], 44, w),
 			l("div", {
 				ref_key: "thumbRef2",
-				ref: P,
+				ref: N,
 				"data-testid": "pl-slider-range-triple-thumb",
 				style: f(q.value),
-				"data-percent": A.modelValue[1] + "%",
+				"data-percent": k.modelValue[1] + "%",
 				class: "ui-slider__thumb ui-slider__triple-thumb",
 				r2: "",
 				tabindex: "0",
@@ -180,10 +180,10 @@ var ae = { class: "ui-slider__wrapper" }, oe = { class: "ui-slider__label-sectio
 			}, [...t[4] ||= [l("div", { class: "ui-slider__thumb-focused-contour" }, null, -1)]], 44, T),
 			l("div", {
 				ref_key: "thumbRef3",
-				ref: F,
+				ref: P,
 				"data-testid": "pl-slider-range-triple-thumb",
 				style: f(J.value),
-				"data-percent": A.modelValue[2] + "%",
+				"data-percent": k.modelValue[2] + "%",
 				class: "ui-slider__thumb ui-slider__triple-thumb",
 				r3: "",
 				tabindex: "0",
@@ -192,7 +192,6 @@ var ae = { class: "ui-slider__wrapper" }, oe = { class: "ui-slider__label-sectio
 		])])]), t[6] ||= l("div", { class: "ui-slider__input-wrapper d-flex" }, null, -1)], 2), V.value ? (p(), c("div", D, _(V.value), 1)) : s("", !0)], 2));
 	}
 });
-//#endregion
 export { O as default };
 //# sourceMappingURL=SliderRangeTriple.vue2.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"SliderRangeTriple.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../src/components/SliderRangeTriple.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { computed, onMounted, reactive, ref, unref, useSlots } from \"vue\";\nimport { useMouseCapture } from \"../composition/useMouseCapture\";\nimport { tapIf } from \"../helpers/functions\";\nimport { clamp } from \"../helpers/math\";\nimport { PlTooltip } from \"./PlTooltip\";\nimport type { SliderMode } from \"../types\";\nimport { useSliderBreakpoints } from \"../composition/useSliderBreakpoints\";\nimport { getErrorMessage } from \"../helpers/error.ts\";\n\ntype ModelType = [number, number, number];\nconst slots = useSlots();\n\nconst emit = defineEmits([\"update:modelValue\"]);\n\nconst props = withDefaults(\n defineProps<{\n modelValue: ModelType;\n min?: number;\n max: number;\n step?: number;\n label?: string;\n helper?: string;\n error?: unknown;\n mode?: SliderMode;\n measure?: string;\n breakpoints?: boolean;\n disabled?: boolean;\n }>(),\n {\n label: undefined,\n helper: undefined,\n error: undefined,\n min: 0,\n step: 1,\n mode: \"text\",\n measure: \"%\",\n breakpoints: false,\n disabled: false,\n },\n);\n\nconst data = reactive({\n deltaValue1: 0,\n deltaValue2: 0,\n deltaValue3: 0,\n});\n\nconst barRef = ref<HTMLElement>();\nconst thumbRef1 = ref<HTMLElement>();\nconst thumbRef2 = ref<HTMLElement>();\nconst thumbRef3 = ref<HTMLElement>();\n\nconst range = computed(() => props.max - props.min);\n\nconst propsRef = computed(() => props);\n\nconst breakpointsRef = useSliderBreakpoints(propsRef);\n\nconst localValue1 = computed(() =>\n clamp((props.modelValue[0] ?? 0) + data.deltaValue1, props.min, props.max),\n);\nconst localValue2 = computed(() =>\n clamp((props.modelValue[1] ?? 0) + data.deltaValue2, props.min, props.max),\n);\nconst localValue3 = computed(() =>\n clamp((props.modelValue[2] ?? 0) + data.deltaValue3, props.min, props.max),\n);\n\nconst error = computed(() => {\n const v = props.modelValue as unknown;\n\n const isValidModel = Array.isArray(v) && v.length === 3 && v.every((it) => Number.isFinite(it));\n\n if (!isValidModel) {\n return \"Expected model [number, number, number]\";\n }\n\n const errors: string[] = [];\n\n [...props.modelValue].forEach((v) => {\n if (v > props.max) {\n errors.push(`Max model value must be lower than max props ${props.max}.`);\n }\n if (v < props.min) {\n errors.push(\"Min model value must be greater than max props.\");\n }\n });\n\n if (errors.length > 0) {\n return errors.join(\" \");\n }\n\n return getErrorMessage(props.error);\n});\n\nconst position1 = computed(() => {\n return (localValue1.value - props.min) / range.value;\n});\n\nconst position2 = computed(() => {\n return (localValue2.value - props.min) / range.value;\n});\n\nconst position3 = computed(() => {\n return (localValue3.value - props.min) / range.value;\n});\n\nconst leftRight = computed(() => getLeftAndRight());\n\nconst progressStyle = computed(() => ({\n right: leftRight.value[0] + \"%\",\n left: 100 - leftRight.value[2] + \"%\",\n}));\n\nconst thumbStyle1 = computed(() => ({\n right: Math.ceil((1 - position1.value) * 100) + \"%\",\n}));\n\nconst thumbStyle2 = computed(() => ({\n right: Math.ceil((1 - position2.value) * 100) + \"%\",\n}));\n\nconst thumbStyle3 = computed(() => ({\n right: Math.ceil((1 - position3.value) * 100) + \"%\",\n}));\n\nuseMouseCapture(thumbRef1, (ev) => {\n tapIf(unref(barRef)?.getBoundingClientRect(), (rect) => {\n const { dx } = ev;\n data.deltaValue1 = (dx / rect.width) * range.value;\n\n if (thumbRef1.value) {\n updateDatasetForThumb(thumbRef1.value, props.modelValue[0], data.deltaValue1);\n }\n\n if (ev.stop) {\n setModelValue([round(localValue1.value), round(localValue2.value), round(localValue3.value)]);\n data.deltaValue1 = 0;\n }\n });\n});\n\nuseMouseCapture(thumbRef2, (ev) => {\n tapIf(unref(barRef)?.getBoundingClientRect(), (rect) => {\n const { dx } = ev;\n data.deltaValue2 = (dx / rect.width) * range.value;\n\n if (thumbRef2.value) {\n updateDatasetForThumb(thumbRef2.value, props.modelValue[1], data.deltaValue2);\n }\n\n if (ev.stop) {\n setModelValue([round(localValue1.value), round(localValue2.value), round(localValue3.value)]);\n data.deltaValue2 = 0;\n }\n });\n});\n\nuseMouseCapture(thumbRef3, (ev) => {\n tapIf(unref(barRef)?.getBoundingClientRect(), (rect) => {\n const { dx } = ev;\n data.deltaValue3 = (dx / rect.width) * range.value;\n\n if (thumbRef3.value) {\n updateDatasetForThumb(thumbRef3.value, props.modelValue[2], data.deltaValue3);\n }\n\n if (ev.stop) {\n setModelValue([round(localValue1.value), round(localValue2.value), round(localValue3.value)]);\n data.deltaValue3 = 0;\n }\n });\n});\n\nfunction updateDatasetForThumb(thumb: HTMLElement, modelVal: number, delta: number) {\n const value = round(clamp((modelVal ?? 0) + delta, props.min, props.max));\n thumb.dataset.percent = `${value}${props.measure}`;\n getHint();\n}\n\nfunction getLeftAndRight() {\n const point1 = Math.ceil((1 - position1.value) * 100);\n const point2 = Math.ceil((1 - position2.value) * 100);\n const point3 = Math.ceil((1 - position3.value) * 100);\n return [point1, point2, point3].sort((a, b) => a - b);\n}\n\nfunction round(value: number) {\n const v = clamp(value, props.min, props.max);\n // This is the same as Math.round(v / props.step) * props.step but here we need this magic to avoid numbers like 3.00000000000000000004\n return Math.round((v + Number.EPSILON) * (1 / props.step)) / (1 / props.step);\n}\n\nfunction setModelValue(value: ModelType) {\n emit(\"update:modelValue\", value);\n}\n\nfunction getHint() {\n const right1 = Number(thumbStyle1.value.right.substring(0, thumbStyle1.value.right.length - 1));\n const right2 = Number(thumbStyle2.value.right.substring(0, thumbStyle2.value.right.length - 1));\n const right3 = Number(thumbStyle3.value.right.substring(0, thumbStyle3.value.right.length - 1));\n\n const arr = [\n { r: right1, th: thumbRef1 },\n { r: right2, th: thumbRef2 },\n { r: right3, th: thumbRef3 },\n ].sort((a, b) => a.r - b.r);\n\n if (arr[0].th.value) {\n arr[0].th.value.dataset.hint = \"high\";\n }\n if (arr[1].th.value) {\n arr[1].th.value.dataset.hint = \"mid\";\n }\n\n if (arr[2].th.value) {\n arr[2].th.value.dataset.hint = \"low\";\n }\n}\n\nfunction handleKeyPress(e: { code: string; preventDefault(): void }, index: number) {\n if ([\"ArrowDown\", \"ArrowUp\", \"ArrowRight\", \"ArrowLeft\", \"Enter\"].includes(e.code)) {\n e.preventDefault();\n }\n\n const nextStep =\n e.code === \"ArrowUp\" \|\| e.code === \"ArrowRight\"\n ? props.step * 1\n : e.code === \"ArrowDown\" \|\| e.code === \"ArrowLeft\"\n ? props.step * -1\n : 0;\n\n const arr: ModelType = [...props.modelValue];\n arr[index] = clamp(arr[index] + nextStep, props.min, props.max);\n setModelValue(arr);\n getHint();\n}\n\nonMounted(() => {\n getHint();\n});\n</script>\n\n<template>\n <div\n data-testid=\"pl-slider-range-triple\"\n :class=\"props.disabled ? 'ui-slider__disabled' : undefined\"\n class=\"ui-slider__envelope ui-slider__triple\"\n >\n <div :class=\"`ui-slider__mode-${props.mode}`\" class=\"ui-slider\">\n <div class=\"ui-slider__wrapper\">\n <div class=\"ui-slider__label-section\">\n <label v-if=\"label\" data-testid=\"pl-slider-range-triple-label\" class=\"text-s\">\n <span>{{ label }}</span>\n <PlTooltip\n v-if=\"slots.tooltip\"\n data-testid=\"pl-slider-range-triple-tooltip\"\n class=\"info\"\n position=\"top\"\n >\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\" data-testid=\"pl-slider-range-triple-bar\" class=\"ui-slider__bar\">\n <div\n data-testid=\"pl-slider-range-triple-progress\"\n class=\"ui-slider__progress\"\n :style=\"progressStyle\"\n />\n </div>\n </div>\n <div class=\"ui-slider__container ui-slider__container-thumb\">\n <template v-if=\"props.breakpoints\">\n <div\n v-for=\"(item, index) in breakpointsRef\"\n :key=\"index\"\n data-testid=\"pl-slider-range-triple-step\"\n :style=\"{ right: `${item}%` }\"\n class=\"ui-slider__thumb-step\"\n />\n </template>\n <div\n ref=\"thumbRef1\"\n data-testid=\"pl-slider-range-triple-thumb\"\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 data-testid=\"pl-slider-range-triple-thumb\"\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 data-testid=\"pl-slider-range-triple-thumb\"\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\" data-testid=\"pl-slider-range-triple-error\" class=\"ui-slider__error\">\n {{ error }}\n </div>\n </div>\n</template>\n\n<style></style>\n"],"mappings":"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"}
1	+ {"version":3,"file":"SliderRangeTriple.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createElementBlock","_normalizeClass","_createElementVNode","_toDisplayString","_unref","_createBlock","PlTooltip","_withCtx","_renderSlot","_createCommentVNode","_normalizeStyle","_Fragment","_renderList","PlTooltip_default","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","_hoisted_6","_hoisted_7","_hoisted_8","_hoisted_9","_hoisted_10","SliderRangeTriple_vue_vue_type_script_setup_true_lang_default","__emit","slots","useSlots","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","unref","ev","dx","rect","updateDatasetForThumb","setModelValue","round","value","modelVal","delta","getHint","a","b","right1","right2","right3","arr","handleKeyPress","nextStep","index","onMounted","openBlock","createElementBlock","normalizeClass","createElementVNode","toDisplayString","createBlock","withCtx","renderSlot","_ctx","createCommentVNode","normalizeStyle","Fragment","renderList","item","_cache","$event"],"sources":["../../src/components/SliderRangeTriple.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { computed, onMounted, reactive, ref, unref, useSlots } from \"vue\";\nimport { useMouseCapture } from \"../composition/useMouseCapture\";\nimport { tapIf } from \"../helpers/functions\";\nimport { clamp } from \"../helpers/math\";\nimport { PlTooltip } from \"./PlTooltip\";\nimport type { SliderMode } from \"../types\";\nimport { useSliderBreakpoints } from \"../composition/useSliderBreakpoints\";\nimport { getErrorMessage } from \"../helpers/error.ts\";\n\ntype ModelType = [number, number, number];\nconst slots = useSlots();\n\nconst emit = defineEmits([\"update:modelValue\"]);\n\nconst props = withDefaults(\n defineProps<{\n modelValue: ModelType;\n min?: number;\n max: number;\n step?: number;\n label?: string;\n helper?: string;\n error?: unknown;\n mode?: SliderMode;\n measure?: string;\n breakpoints?: boolean;\n disabled?: boolean;\n }>(),\n {\n label: undefined,\n helper: undefined,\n error: undefined,\n min: 0,\n step: 1,\n mode: \"text\",\n measure: \"%\",\n breakpoints: false,\n disabled: false,\n },\n);\n\nconst data = reactive({\n deltaValue1: 0,\n deltaValue2: 0,\n deltaValue3: 0,\n});\n\nconst barRef = ref<HTMLElement>();\nconst thumbRef1 = ref<HTMLElement>();\nconst thumbRef2 = ref<HTMLElement>();\nconst thumbRef3 = ref<HTMLElement>();\n\nconst range = computed(() => props.max - props.min);\n\nconst propsRef = computed(() => props);\n\nconst breakpointsRef = useSliderBreakpoints(propsRef);\n\nconst localValue1 = computed(() =>\n clamp((props.modelValue[0] ?? 0) + data.deltaValue1, props.min, props.max),\n);\nconst localValue2 = computed(() =>\n clamp((props.modelValue[1] ?? 0) + data.deltaValue2, props.min, props.max),\n);\nconst localValue3 = computed(() =>\n clamp((props.modelValue[2] ?? 0) + data.deltaValue3, props.min, props.max),\n);\n\nconst error = computed(() => {\n const v = props.modelValue as unknown;\n\n const isValidModel = Array.isArray(v) && v.length === 3 && v.every((it) => Number.isFinite(it));\n\n if (!isValidModel) {\n return \"Expected model [number, number, number]\";\n }\n\n const errors: string[] = [];\n\n [...props.modelValue].forEach((v) => {\n if (v > props.max) {\n errors.push(`Max model value must be lower than max props ${props.max}.`);\n }\n if (v < props.min) {\n errors.push(\"Min model value must be greater than max props.\");\n }\n });\n\n if (errors.length > 0) {\n return errors.join(\" \");\n }\n\n return getErrorMessage(props.error);\n});\n\nconst position1 = computed(() => {\n return (localValue1.value - props.min) / range.value;\n});\n\nconst position2 = computed(() => {\n return (localValue2.value - props.min) / range.value;\n});\n\nconst position3 = computed(() => {\n return (localValue3.value - props.min) / range.value;\n});\n\nconst leftRight = computed(() => getLeftAndRight());\n\nconst progressStyle = computed(() => ({\n right: leftRight.value[0] + \"%\",\n left: 100 - leftRight.value[2] + \"%\",\n}));\n\nconst thumbStyle1 = computed(() => ({\n right: Math.ceil((1 - position1.value) * 100) + \"%\",\n}));\n\nconst thumbStyle2 = computed(() => ({\n right: Math.ceil((1 - position2.value) * 100) + \"%\",\n}));\n\nconst thumbStyle3 = computed(() => ({\n right: Math.ceil((1 - position3.value) * 100) + \"%\",\n}));\n\nuseMouseCapture(thumbRef1, (ev) => {\n tapIf(unref(barRef)?.getBoundingClientRect(), (rect) => {\n const { dx } = ev;\n data.deltaValue1 = (dx / rect.width) * range.value;\n\n if (thumbRef1.value) {\n updateDatasetForThumb(thumbRef1.value, props.modelValue[0], data.deltaValue1);\n }\n\n if (ev.stop) {\n setModelValue([round(localValue1.value), round(localValue2.value), round(localValue3.value)]);\n data.deltaValue1 = 0;\n }\n });\n});\n\nuseMouseCapture(thumbRef2, (ev) => {\n tapIf(unref(barRef)?.getBoundingClientRect(), (rect) => {\n const { dx } = ev;\n data.deltaValue2 = (dx / rect.width) * range.value;\n\n if (thumbRef2.value) {\n updateDatasetForThumb(thumbRef2.value, props.modelValue[1], data.deltaValue2);\n }\n\n if (ev.stop) {\n setModelValue([round(localValue1.value), round(localValue2.value), round(localValue3.value)]);\n data.deltaValue2 = 0;\n }\n });\n});\n\nuseMouseCapture(thumbRef3, (ev) => {\n tapIf(unref(barRef)?.getBoundingClientRect(), (rect) => {\n const { dx } = ev;\n data.deltaValue3 = (dx / rect.width) * range.value;\n\n if (thumbRef3.value) {\n updateDatasetForThumb(thumbRef3.value, props.modelValue[2], data.deltaValue3);\n }\n\n if (ev.stop) {\n setModelValue([round(localValue1.value), round(localValue2.value), round(localValue3.value)]);\n data.deltaValue3 = 0;\n }\n });\n});\n\nfunction updateDatasetForThumb(thumb: HTMLElement, modelVal: number, delta: number) {\n const value = round(clamp((modelVal ?? 0) + delta, props.min, props.max));\n thumb.dataset.percent = `${value}${props.measure}`;\n getHint();\n}\n\nfunction getLeftAndRight() {\n const point1 = Math.ceil((1 - position1.value) * 100);\n const point2 = Math.ceil((1 - position2.value) * 100);\n const point3 = Math.ceil((1 - position3.value) * 100);\n return [point1, point2, point3].sort((a, b) => a - b);\n}\n\nfunction round(value: number) {\n const v = clamp(value, props.min, props.max);\n // This is the same as Math.round(v / props.step) * props.step but here we need this magic to avoid numbers like 3.00000000000000000004\n return Math.round((v + Number.EPSILON) * (1 / props.step)) / (1 / props.step);\n}\n\nfunction setModelValue(value: ModelType) {\n emit(\"update:modelValue\", value);\n}\n\nfunction getHint() {\n const right1 = Number(thumbStyle1.value.right.substring(0, thumbStyle1.value.right.length - 1));\n const right2 = Number(thumbStyle2.value.right.substring(0, thumbStyle2.value.right.length - 1));\n const right3 = Number(thumbStyle3.value.right.substring(0, thumbStyle3.value.right.length - 1));\n\n const arr = [\n { r: right1, th: thumbRef1 },\n { r: right2, th: thumbRef2 },\n { r: right3, th: thumbRef3 },\n ].sort((a, b) => a.r - b.r);\n\n if (arr[0].th.value) {\n arr[0].th.value.dataset.hint = \"high\";\n }\n if (arr[1].th.value) {\n arr[1].th.value.dataset.hint = \"mid\";\n }\n\n if (arr[2].th.value) {\n arr[2].th.value.dataset.hint = \"low\";\n }\n}\n\nfunction handleKeyPress(e: { code: string; preventDefault(): void }, index: number) {\n if ([\"ArrowDown\", \"ArrowUp\", \"ArrowRight\", \"ArrowLeft\", \"Enter\"].includes(e.code)) {\n e.preventDefault();\n }\n\n const nextStep =\n e.code === \"ArrowUp\" \|\| e.code === \"ArrowRight\"\n ? props.step * 1\n : e.code === \"ArrowDown\" \|\| e.code === \"ArrowLeft\"\n ? props.step * -1\n : 0;\n\n const arr: ModelType = [...props.modelValue];\n arr[index] = clamp(arr[index] + nextStep, props.min, props.max);\n setModelValue(arr);\n getHint();\n}\n\nonMounted(() => {\n getHint();\n});\n</script>\n\n<template>\n <div\n data-testid=\"pl-slider-range-triple\"\n :class=\"props.disabled ? 'ui-slider__disabled' : undefined\"\n class=\"ui-slider__envelope ui-slider__triple\"\n >\n <div :class=\"`ui-slider__mode-${props.mode}`\" class=\"ui-slider\">\n <div class=\"ui-slider__wrapper\">\n <div class=\"ui-slider__label-section\">\n <label v-if=\"label\" data-testid=\"pl-slider-range-triple-label\" class=\"text-s\">\n <span>{{ label }}</span>\n <PlTooltip\n v-if=\"slots.tooltip\"\n data-testid=\"pl-slider-range-triple-tooltip\"\n class=\"info\"\n position=\"top\"\n >\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\" data-testid=\"pl-slider-range-triple-bar\" class=\"ui-slider__bar\">\n <div\n data-testid=\"pl-slider-range-triple-progress\"\n class=\"ui-slider__progress\"\n :style=\"progressStyle\"\n />\n </div>\n </div>\n <div class=\"ui-slider__container ui-slider__container-thumb\">\n <template v-if=\"props.breakpoints\">\n <div\n v-for=\"(item, index) in breakpointsRef\"\n :key=\"index\"\n data-testid=\"pl-slider-range-triple-step\"\n :style=\"{ right: `${item}%` }\"\n class=\"ui-slider__thumb-step\"\n />\n </template>\n <div\n ref=\"thumbRef1\"\n data-testid=\"pl-slider-range-triple-thumb\"\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 data-testid=\"pl-slider-range-triple-thumb\"\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 data-testid=\"pl-slider-range-triple-thumb\"\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\" data-testid=\"pl-slider-range-triple-error\" class=\"ui-slider__error\">\n {{ error }}\n </div>\n </div>\n</template>\n\n<style></style>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAWA,IAAM2B,KAAQC,EAAS,GAEjBC,KAAOH,GAEPI,IAAQC,GA2BRC,IAAOC,GAAS;GACpB,aAAa;GACb,aAAa;GACb,aAAa;EACf,CAAC,GAEKC,IAASC,EAAiB,GAC1BC,IAAYD,EAAiB,GAC7BE,IAAYF,EAAiB,GAC7BG,IAAYH,EAAiB,GAE7BI,IAAQC,QAAeV,EAAM,MAAMA,EAAM,GAAG,GAE5CW,IAAWD,QAAeV,CAAK,GAE/BY,IAAiBC,EAAqBF,CAAQ,GAE9CG,IAAcJ,QAClBK,GAAOf,EAAM,WAAW,MAAM,KAAKE,EAAK,aAAaF,EAAM,KAAKA,EAAM,GAAG,CAC3E,GACMgB,IAAcN,QAClBK,GAAOf,EAAM,WAAW,MAAM,KAAKE,EAAK,aAAaF,EAAM,KAAKA,EAAM,GAAG,CAC3E,GACMiB,IAAcP,QAClBK,GAAOf,EAAM,WAAW,MAAM,KAAKE,EAAK,aAAaF,EAAM,KAAKA,EAAM,GAAG,CAC3E,GAEMkB,IAAQR,QAAe;GAC3B,IAAMS,IAAInB,EAAM;GAIhB,IAAI,EAFiB,MAAM,QAAQmB,CAAC,KAAKA,EAAE,WAAW,KAAKA,EAAE,OAAO,MAAO,OAAO,SAASC,CAAE,CAAC,IAG5F,OAAO;GAGT,IAAMC,IAAmB,CAAC;GAe1B,OAbA,CAAC,GAAGrB,EAAM,UAAU,CAAC,CAAC,SAAS,MAAM;IAInC,AAHImB,IAAInB,EAAM,OACZqB,EAAO,KAAK,gDAAgDrB,EAAM,IAAI,EAAE,GAEtEmB,IAAInB,EAAM,OACZqB,EAAO,KAAK,iDAAiD;GAEjE,CAAC,GAEGA,EAAO,SAAS,IACXA,EAAO,KAAK,GAAG,IAGjBC,GAAgBtB,EAAM,KAAK;EACpC,CAAC,GAEKuB,IAAYb,SACRI,EAAY,QAAQd,EAAM,OAAOS,EAAM,KAChD,GAEKe,IAAYd,SACRM,EAAY,QAAQhB,EAAM,OAAOS,EAAM,KAChD,GAEKgB,IAAYf,SACRO,EAAY,QAAQjB,EAAM,OAAOS,EAAM,KAChD,GAEKiB,IAAYhB,QAAeiB,GAAgB,CAAC,GAE5CC,KAAgBlB,SAAgB;GACpC,OAAOgB,EAAU,MAAM,KAAK;GAC5B,MAAM,MAAMA,EAAU,MAAM,KAAK;EACnC,EAAE,GAEIG,IAAcnB,SAAgB,EAClC,OAAO,KAAK,MAAM,IAAIa,EAAU,SAAS,GAAG,IAAI,IAClD,EAAE,GAEIO,IAAcpB,SAAgB,EAClC,OAAO,KAAK,MAAM,IAAIc,EAAU,SAAS,GAAG,IAAI,IAClD,EAAE,GAEIO,IAAcrB,SAAgB,EAClC,OAAO,KAAK,MAAM,IAAIe,EAAU,SAAS,GAAG,IAAI,IAClD,EAAE;EAkCF,AAhCAO,EAAgB1B,IAAY,MAAO;GACjC,EAAM2B,EAAM7B,CAAM,CAAC,EAAE,sBAAsB,IAAI,MAAS;IACtD,IAAM,EAAE,UAAO8B;IAOf,AANA,EAAK,cAAeC,IAAKC,EAAK,QAAS3B,EAAM,OAEzCH,EAAU,SACZ+B,EAAsB/B,EAAU,OAAON,EAAM,WAAW,IAAIE,EAAK,WAAW,GAG1EgC,EAAG,SACLI,EAAc;KAACC,EAAMzB,EAAY,KAAK;KAAGyB,EAAMvB,EAAY,KAAK;KAAGuB,EAAMtB,EAAY,KAAK;IAAC,CAAC,GAC5F,EAAK,cAAc;GAEvB,CAAC;EACH,CAAC,GAEDe,EAAgBzB,IAAY,MAAO;GACjC,EAAM0B,EAAM7B,CAAM,CAAC,EAAE,sBAAsB,IAAI,MAAS;IACtD,IAAM,EAAE,UAAO8B;IAOf,AANA,EAAK,cAAeC,IAAKC,EAAK,QAAS3B,EAAM,OAEzCF,EAAU,SACZ8B,EAAsB9B,EAAU,OAAOP,EAAM,WAAW,IAAIE,EAAK,WAAW,GAG1EgC,EAAG,SACLI,EAAc;KAACC,EAAMzB,EAAY,KAAK;KAAGyB,EAAMvB,EAAY,KAAK;KAAGuB,EAAMtB,EAAY,KAAK;IAAC,CAAC,GAC5F,EAAK,cAAc;GAEvB,CAAC;EACH,CAAC,GAEDe,EAAgBxB,IAAY,MAAO;GACjC,EAAMyB,EAAM7B,CAAM,CAAC,EAAE,sBAAsB,IAAI,MAAS;IACtD,IAAM,EAAE,UAAO8B;IAOf,AANA,EAAK,cAAeC,IAAKC,EAAK,QAAS3B,EAAM,OAEzCD,EAAU,SACZ6B,EAAsB7B,EAAU,OAAOR,EAAM,WAAW,IAAIE,EAAK,WAAW,GAG1EgC,EAAG,SACLI,EAAc;KAACC,EAAMzB,EAAY,KAAK;KAAGyB,EAAMvB,EAAY,KAAK;KAAGuB,EAAMtB,EAAY,KAAK;IAAC,CAAC,GAC5F,EAAK,cAAc;GAEvB,CAAC;EACH,CAAC;EAED,SAASoB,EAAsB,GAAoB,GAAkB,GAAe;GAClF,IAAMG,IAAQD,EAAMxB,GAAO0B,KAAY,KAAKC,GAAO1C,EAAM,KAAKA,EAAM,GAAG,CAAC;GAExE,AADA,EAAM,QAAQ,UAAU,GAAGwC,IAAQxC,EAAM,WACzC2C,EAAQ;EACV;EAEA,SAAShB,KAAkB;GAIzB,OAAO;IAHQ,KAAK,MAAM,IAAIJ,EAAU,SAAS,GAGzC;IAFO,KAAK,MAAM,IAAIC,EAAU,SAAS,GAEjC;IADD,KAAK,MAAM,IAAIC,EAAU,SAAS,GACzB;GAAM,CAAC,CAAC,MAAM,GAAG,MAAMmB,IAAIC,CAAC;EACtD;EAEA,SAASN,EAAM,GAAe;GAC5B,IAAMpB,IAAIJ,EAAMyB,GAAOxC,EAAM,KAAKA,EAAM,GAAG;GAE3C,OAAO,KAAK,OAAOmB,iBAAuB,IAAInB,EAAM,KAAK,KAAK,IAAIA,EAAM;EAC1E;EAEA,SAASsC,EAAc,GAAkB;GACvC,GAAK,qBAAqBE,CAAK;EACjC;EAEA,SAASG,IAAU;GACjB,IAAMG,IAAS,OAAOjB,EAAY,MAAM,MAAM,UAAU,GAAGA,EAAY,MAAM,MAAM,SAAS,CAAC,CAAC,GACxFkB,IAAS,OAAOjB,EAAY,MAAM,MAAM,UAAU,GAAGA,EAAY,MAAM,MAAM,SAAS,CAAC,CAAC,GACxFkB,IAAS,OAAOjB,EAAY,MAAM,MAAM,UAAU,GAAGA,EAAY,MAAM,MAAM,SAAS,CAAC,CAAC,GAExFkB,IAAM;IACV;KAAE,GAAGH;KAAQ,IAAIxC;IAAU;IAC3B;KAAE,GAAGyC;KAAQ,IAAIxC;IAAU;IAC3B;KAAE,GAAGyC;KAAQ,IAAIxC;IAAU;GAC7B,CAAC,CAAC,MAAM,GAAG,MAAMoC,EAAE,IAAIC,EAAE,CAAC;GAS1B,AAPII,EAAI,EAAE,CAAC,GAAG,UACZ,EAAI,EAAE,CAAC,GAAG,MAAM,QAAQ,OAAO,SAE7BA,EAAI,EAAE,CAAC,GAAG,UACZ,EAAI,EAAE,CAAC,GAAG,MAAM,QAAQ,OAAO,QAG7BA,EAAI,EAAE,CAAC,GAAG,UACZ,EAAI,EAAE,CAAC,GAAG,MAAM,QAAQ,OAAO;EAEnC;EAEA,SAASC,EAAe,GAA6C,GAAe;GAClF,AAAI;IAAC;IAAa;IAAW;IAAc;IAAa;GAAO,CAAC,CAAC,SAAS,EAAE,IAAI,KAC9E,EAAE,eAAe;GAGnB,IAAMC,IACJ,EAAE,SAAS,aAAa,EAAE,SAAS,eAC/BnD,EAAM,OAAO,IACb,EAAE,SAAS,eAAe,EAAE,SAAS,cACnCA,EAAM,OAAO,KACb,GAEFiD,IAAiB,CAAC,GAAGjD,EAAM,UAAU;GAG3C,AAFA,EAAIoD,KAASrC,EAAMkC,EAAIG,KAASD,GAAUnD,EAAM,KAAKA,EAAM,GAAG,GAC9DsC,EAAcW,CAAG,GACjBN,EAAQ;EACV;E,OAEAU,SAAgB;GACd,EAAQ;EACV,CAAC,I,UAICnF,EAAA,GAAAC,EA6FM,OAAA;GA5FJ,eAAY;GACX,OAAKC,EAAA,CAAE4B,EAAM,WAAQ,wBAA2B,KAAA,GAC3C,uCAAuC,CAAA;E,IAE7C3B,EAiFM,OAAA,EAjFA,OAAKD,EAAA,CAAA,mBAAqB4B,EAAM,QAAc,WAAW,CAAA,E,IAC7D3B,EA0EM,OA1ENY,IA0EM,CAzEJZ,EAcM,OAdNa,IAcM,CAbSe,EAAA,SAAb/B,EAAA,GAAAC,EAYQ,SAZRgB,GAYQ,CAXNd,EAAwB,QAAA,MAAAC,EAAf2B,EAAA,KAAK,GAAA,CAAA,GAEN1B,EAAAsB,EAAA,CAAK,CAAC,WADd3B,EAAA,GAAAM,GASYD,EAAAE,CAAA,GAAA;;GAPV,eAAY;GACZ,OAAM;GACN,UAAS;;GAEE,SAAOC,SACO,CAAvBC,EAAuBmF,EAAA,QAAA,SAAA,C;;E,kCAK/BzF,EAyDM,OAzDNe,GAyDM,CAxDJf,EAQM,OARNgB,GAQM,CAPJhB,EAMM,OAAA;GANG,SAAA;GAAJ,KAAI+B;GAAS,eAAY;GAA6B,OAAM;E,IAC/D/B,EAIE,OAAA;GAHA,eAAY;GACZ,OAAM;GACL,OAAKQ,EAAE+C,GAAA,KAAa;E,sBAI3BvD,EA8CM,OA9CNiB,GA8CM;GA7CYU,EAAM,eACpB9B,EAAA,EAAA,GAAAC,EAMEW,GAAA,EAAA,KAAA,EAAA,GAAAC,EALwBR,EAAAqC,CAAA,IAAhB,GAAM,OADhB1C,EAAA,GAAAC,EAME,OAAA;IAJC,KAAKiF;IACN,eAAY;IACX,OAAKvE,EAAA,EAAA,OAAA,GAAcsF,EAAI,GAAA,CAAA;IACxB,OAAM;;GAGV9F,EAWM,OAAA;IAVA,SAAA;IAAJ,KAAIiC;IACJ,eAAY;IACX,OAAKzB,EAAEgD,EAAA,KAAW;IAClB,gBAAc7B,EAAM,WAAU,KAAA;IAC/B,OAAM;IACN,IAAA;IACA,UAAS;IACR,WAAO,AAAAoE,EAAA,QAAA,MAAElB,EAAemB,GAAM,CAAA;G,iBAE/BhG,EAAgD,OAAA,EAA3C,OAAM,mCAAkC,GAAA,MAAA,EAAA,C;GAE/CA,EAWM,OAAA;IAVA,SAAA;IAAJ,KAAIkC;IACJ,eAAY;IACX,OAAK1B,EAAEiD,EAAA,KAAW;IAClB,gBAAc9B,EAAM,WAAU,KAAA;IAC/B,OAAM;IACN,IAAA;IACA,UAAS;IACR,WAAO,AAAAoE,EAAA,QAAA,MAAElB,EAAemB,GAAM,CAAA;G,iBAE/BhG,EAAgD,OAAA,EAA3C,OAAM,mCAAkC,GAAA,MAAA,EAAA,C;GAE/CA,EAWM,OAAA;IAVA,SAAA;IAAJ,KAAImC;IACJ,eAAY;IACX,OAAK3B,EAAEkD,EAAA,KAAW;IAClB,gBAAc/B,EAAM,WAAU,KAAA;IAC/B,OAAM;IACN,IAAA;IACA,UAAS;IACR,WAAO,AAAAoE,EAAA,QAAA,MAAElB,EAAemB,GAAM,CAAA;G,iBAE/BhG,EAAgD,OAAA,EAA3C,OAAM,mCAAkC,GAAA,MAAA,EAAA,C;E,QAMrD,AAAA+F,EAAA,OAAA/F,EAGM,OAAA,EAHD,OAAM,kCAAiC,GAAA,MAAA,EAAA,C,OAQnC6C,EAAA,SAAXhD,EAAA,GAAAC,EAEM,OAFNuB,GAEMpB,EADD4C,EAAA,KAAK,GAAA,CAAA,K"}

package/dist/components/TabItem.js CHANGED Viewed

@@ -1,7 +1,6 @@
 import e from "./TabItem.vue2.js";
-//#region src/components/TabItem.vue
+// src/components/TabItem.vue
 var t = e;
-//#endregion
 export { t as default };
 //# sourceMappingURL=TabItem.js.map

package/dist/components/TabItem.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"TabItem.js","names":[],"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 data-testid=\"pl-tab-item\" :class=\"classes\" class=\"dropdown-tab-item\">\n <div data-testid=\"pl-tab-item-title\" class=\"dropdown-tab-item__title text-caps13\">\n {{ label }}\n </div>\n </div>\n</template>\n"],"mappings":""}
1	+ {"version":3,"file":"TabItem.js","names":["_sfc_main","TabItem_vue_vue_type_script_setup_true_lang_default","TabItem_default"],"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 data-testid=\"pl-tab-item\" :class=\"classes\" class=\"dropdown-tab-item\">\n <div data-testid=\"pl-tab-item-title\" class=\"dropdown-tab-item__title text-caps13\">\n {{ label }}\n </div>\n </div>\n</template>\n"],"mappings":""}

package/dist/components/TabItem.vue2.js CHANGED Viewed

@@ -1,9 +1,9 @@
 import { computed as e, createElementBlock as t, createElementVNode as n, defineComponent as r, normalizeClass as i, openBlock as a, toDisplayString as o } from "vue";
-//#region src/components/TabItem.vue?vue&type=script&setup=true&lang.ts
+// src/components/TabItem.vue?vue&type=script&setup=true&lang.ts
 var s = {
 	"data-testid": "pl-tab-item-title",
 	class: "dropdown-tab-item__title text-caps13"
-}, c = /* @__PURE__ */ r({
+}, c = /*@__PURE__*/ r({
 	__name: "TabItem",
 	props: {
 		option: {},
@@ -27,7 +27,6 @@ var s = {
 		}, [n("div", s, o(l.value), 1)], 2));
 	}
 });
-//#endregion
 export { c as default };
 //# sourceMappingURL=TabItem.vue2.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"TabItem.vue_vue_type_script_setup_true_lang.js","names":[],"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 data-testid=\"pl-tab-item\" :class=\"classes\" class=\"dropdown-tab-item\">\n <div data-testid=\"pl-tab-item-title\" class=\"dropdown-tab-item__title text-caps13\">\n {{ label }}\n </div>\n </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;EAIA,~~IAAM~~,~~IAAQ~~,~~GAYR~~,~~IAAQ~~,~~QAAe~~,EAAM,OAAO,~~MAAM~~,~~EAE1C~~,~~IAAU~~,QAAuB;GACrC,~~IAAM~~,IAAsB,~~EAAE~~;~~AAO9B~~,~~UANI~~,EAAM,~~cACR~~,EAAU,KAAK,~~8BAA8B~~,~~EAE3C~~,EAAM,~~aACR~~,EAAU,KAAK,~~eAAe~~,~~EAEzB~~,EAAU,KAAK,~~IAAI~~;~~IAC1B~~;~~yBAGA~~,EAIM,OAAA;GAJD,eAAY;GAAe,~~OAAK~~,EAAA,~~CAAE~~,EAAA,OAAe,~~oBAAmB~~,CAAA;~~MACvE~~,EAEM,~~OAFN~~,~~GAEM~~,~~EADD~~,EAAA,~~MAAK~~,~~EAAA~~,~~EAAA,~~CAAA,~~EAAA,EAAA~~"}
1	+ {"version":3,"file":"TabItem.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createElementBlock","_normalizeClass","_createElementVNode","_toDisplayString","_hoisted_1","TabItem_vue_vue_type_script_setup_true_lang_default","props","__props","label","computed","classes","classList","openBlock","createElementBlock","normalizeClass","createElementVNode","toDisplayString"],"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 data-testid=\"pl-tab-item\" :class=\"classes\" class=\"dropdown-tab-item\">\n <div data-testid=\"pl-tab-item-title\" class=\"dropdown-tab-item__title text-caps13\">\n {{ label }}\n </div>\n </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;EAIA,IAAMO,IAAQC,GAYRC,IAAQC,QAAeH,EAAM,OAAO,KAAK,GAEzCI,IAAUD,QAAuB;GACrC,IAAME,IAAsB,CAAC;GAO7B,OANIL,EAAM,cACRK,EAAU,KAAK,6BAA6B,GAE1CL,EAAM,aACRK,EAAU,KAAK,cAAc,GAExBA,EAAU,KAAK,GAAG;EAC3B,CAAC;E,kBAGCZ,EAAA,GAAAC,EAIM,OAAA;GAJD,eAAY;GAAe,OAAKC,EAAA,CAAES,EAAA,OAAe,mBAAmB,CAAA;E,IACvER,EAEM,OAFNE,GAEMD,EADDK,EAAA,KAAK,GAAA,CAAA,C"}

package/dist/components/ThemeSwitcher.js CHANGED Viewed

@@ -1,7 +1,6 @@
 import e from "./ThemeSwitcher.vue2.js";
-//#region src/components/ThemeSwitcher.vue
+// src/components/ThemeSwitcher.vue
 var t = e;
-//#endregion
 export { t as default };
 //# sourceMappingURL=ThemeSwitcher.js.map

package/dist/components/ThemeSwitcher.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ThemeSwitcher.js","names":[],"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"],"mappings":""}
1	+ {"version":3,"file":"ThemeSwitcher.js","names":["_sfc_main","ThemeSwitcher_vue_vue_type_script_setup_true_lang_default","ThemeSwitcher_default"],"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"],"mappings":""}

package/dist/components/ThemeSwitcher.vue2.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import { useTheme as e } from "../composition/useTheme.js";
 import { createElementBlock as t, createElementVNode as n, defineComponent as r, normalizeClass as i, openBlock as a, unref as o } from "vue";
-//#region src/components/ThemeSwitcher.vue?vue&type=script&setup=true&lang.ts
-var s = /* @__PURE__ */ r({
+// src/components/ThemeSwitcher.vue?vue&type=script&setup=true&lang.ts
+var s = /*@__PURE__*/ r({
 	__name: "ThemeSwitcher",
 	setup(r) {
 		let [s, c] = e();
@@ -11,7 +11,6 @@ var s = /* @__PURE__ */ r({
 		}, [...r[1] ||= [n("div", null, null, -1)]], 2));
 	}
 });
-//#endregion
 export { s as default };
 //# sourceMappingURL=ThemeSwitcher.vue2.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"ThemeSwitcher.vue_vue_type_script_setup_true_lang.js","names":[],"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"],"mappings":";;;;;;EAEA,IAAM,~~CAAC~~,~~GAAO~~,~~KAAe~~,~~GAAU~~;~~yBAIrC~~,EAEM,OAAA;GAFD,~~OAAK~~,EAAA,CAAC,~~qBAA4B~~,~~EAAA~~,~~EAAK,~~CAAA,CAAA;GAAG,SAAK,~~AAAA~~,EAAA,~~QAAA~~,~~GAAA~~,~~MAAE~~,~~EAAA~~,~~EAAA~~,~~IAAA~~,~~EAAA~~,~~EAAA~~,CAAA,~~GAAA~~,~~EAAW~~;~~mBAC/D~~,EAAO,OAAA,MAAA,MAAA,~~GAAA,CAAA,CAAA,~~EAAA,~~EAAA~~"}
1	+ {"version":3,"file":"ThemeSwitcher.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createElementBlock","_normalizeClass","_unref","_createElementVNode","ThemeSwitcher_vue_vue_type_script_setup_true_lang_default","theme","toggleTheme","useTheme","openBlock","createElementBlock","normalizeClass","unref","_cache","args","createElementVNode"],"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"],"mappings":";;;;;;EAEA,IAAM,CAACM,GAAOC,KAAeC,EAAS;E,kBAIpCR,EAAA,GAAAC,EAEM,OAAA;GAFD,OAAKC,EAAA,CAAC,qBAA4BC,EAAAG,CAAA,CAAK,CAAA;GAAG,SAAK,AAAAO,EAAA,QAAE,GAAAC,MAAAX,EAAAI,CAAA,KAAAJ,EAAAI,CAAA,CAAA,CAAA,GAAAO,CAAA;E,iBACpDV,EAAO,OAAA,MAAA,MAAA,EAAA,C"}

package/dist/components/TransitionSlidePanel.js CHANGED Viewed

@@ -1,7 +1,6 @@
 import e from "./TransitionSlidePanel.vue2.js";
-//#region src/components/TransitionSlidePanel.vue
+// src/components/TransitionSlidePanel.vue
 var t = e;
-//#endregion
 export { t as default };
 //# sourceMappingURL=TransitionSlidePanel.js.map

package/dist/components/TransitionSlidePanel.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"TransitionSlidePanel.js","names":[],"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"],"mappings":""}
1	+ {"version":3,"file":"TransitionSlidePanel.js","names":["_sfc_main","TransitionSlidePanel_vue_vue_type_script_setup_true_lang_default","TransitionSlidePanel_default"],"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"],"mappings":""}

package/dist/components/TransitionSlidePanel.vue2.js CHANGED Viewed

@@ -1,6 +1,6 @@
 import { Transition as e, createBlock as t, defineComponent as n, openBlock as r, renderSlot as i, withCtx as a } from "vue";
-//#region src/components/TransitionSlidePanel.vue?vue&type=script&setup=true&lang.ts
-var o = /* @__PURE__ */ n({
+// src/components/TransitionSlidePanel.vue?vue&type=script&setup=true&lang.ts
+var o = /*@__PURE__*/ n({
 	__name: "TransitionSlidePanel",
 	setup(n) {
 		function o() {
@@ -19,7 +19,6 @@ var o = /* @__PURE__ */ n({
 		}));
 	}
 });
-//#endregion
 export { o as default };
 //# sourceMappingURL=TransitionSlidePanel.vue2.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"TransitionSlidePanel.vue_vue_type_script_setup_true_lang.js","names":[],"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"],"mappings":";;;;;EACA,~~SAAS~~,IAAe;~~AACtB~~,~~UAAO~~,cAAc,IAAI,YAAY,~~SAAS~~,CAAC~~;;EAGjD~~,~~SAAS~~,IAAe;~~AACtB~~,~~UAAO~~,cAAc,IAAI,YAAY,~~SAAS~~,CAAC~~;;yBAK/C~~,~~EAEa~~,GAAA;GAFD,MAAK;GAA4B;GAA4B;;~~oBAC/D~~,~~CAAR~~,~~EAAQ~~,EAAA,QAAA,~~UAAA~~,~~CAAA,CAAA~~"}
1	+ {"version":3,"file":"TransitionSlidePanel.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createBlock","_Transition","_withCtx","_renderSlot","TransitionSlidePanel_vue_vue_type_script_setup_true_lang_default","onAfterEnter","onAfterLeave","openBlock","createBlock","Transition","withCtx","renderSlot","_ctx"],"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"],"mappings":";;;;;EACA,SAASM,IAAe;GACtB,OAAO,cAAc,IAAI,YAAY,QAAQ,CAAC;EAChD;EAEA,SAASC,IAAe;GACtB,OAAO,cAAc,IAAI,YAAY,QAAQ,CAAC;EAChD;E,kBAIEP,EAAA,GAAAC,EAEaC,GAAA;GAFD,MAAK;GAA4B;GAA4B;;GACvE,SAAAC,QAAQ,CAARC,EAAQS,EAAA,QAAA,SAAA,C"}

package/dist/components/VScroll.js CHANGED Viewed

@@ -1,7 +1,6 @@
 import e from "./VScroll.vue2.js";
-//#region src/components/VScroll.vue
+// src/components/VScroll.vue
 var t = e;
-//#endregion
 export { t as default };
 //# sourceMappingURL=VScroll.js.map

package/dist/components/VScroll.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"VScroll.js","names":[],"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"],"mappings":""}
1	+ {"version":3,"file":"VScroll.js","names":["_sfc_main","VScroll_vue_vue_type_script_setup_true_lang_default","VScroll_default"],"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"],"mappings":""}

package/dist/components/VScroll.vue2.js CHANGED Viewed

@@ -1,8 +1,8 @@
 import { useEventListener as e } from "../composition/useEventListener.js";
 import { eventListener as t } from "../helpers/dom.js";
 import { computed as n, createCommentVNode as r, createElementBlock as i, createElementVNode as a, defineComponent as o, normalizeStyle as s, openBlock as c, ref as l, unref as u } from "vue";
-//#region src/components/VScroll.vue?vue&type=script&setup=true&lang.ts
-var d = /* @__PURE__ */ o({
+// src/components/VScroll.vue?vue&type=script&setup=true&lang.ts
+var d = /*@__PURE__*/ o({
 	__name: "VScroll",
 	props: {
 		scrollTop: {},
@@ -37,7 +37,6 @@ var d = /* @__PURE__ */ o({
 		}, null, 4)], 512)) : r("", !0);
 	}
 });
-//#endregion
 export { d as default };
 //# sourceMappingURL=VScroll.vue2.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"VScroll.vue_vue_type_script_setup_true_lang.js","names":[],"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"],"mappings":";;;;;;;;;;;;;EAKA,~~IAAM~~,~~IAAO~~,~~GAEP~~,~~IAAQ~~,~~GAMR~~,~~IAAY~~,~~GAAkB~~,~~EAE9B~~,~~IAAW~~,~~QAAe~~,EAAM,~~gBAAgB~~,EAAM,gBAAgB,~~GAAG~~,~~EAEzE~~,~~IAAa~~,~~QACV~~,EAAS,QAAQ,~~EACxB~~,~~EAEI~~,~~IAAiB~~,QAAe;GACpC,~~IAAM~~,~~IAAQ~~,~~EAAM~~,~~EAAS~~;~~AAC7B~~,~~UAAO~~;IACL,~~KAAK~~,EAAM,~~YAAY~~,IAAQ;IAC/B,QAAQ,KAAK,~~MAAM~~,EAAM,~~eAAe~~,~~EAAM~~,~~GAAG~~;~~IAClD~~;~~IACD~~;~~SAEF~~,~~EAAiB~~,GAAW,gBAAgB,MAAuB;GACjE,~~IAAM~~,IAAI,EACR,~~SAAS~~,EAAK,~~SACf~~,~~EASK~~,~~IAAoB~~,EAAc,UAAiB,cAPzC,MAAkB;IAChC,~~IAAM~~,KAAM,EAAE,~~UAAU~~,EAAE,~~WAAW~~,EAAS;~~AAE9C~~,~~IADA~~,EAAK,~~oBAAoB~~,EAAM,~~YAAY~~,~~EAAG~~,~~EAC9C~~,EAAE,UAAU,EAAE;~~KAI6D~~;~~AAE7E~~,~~IAAC~~,WAAW,~~gBAAgB~~,CAAC,SAAS,MAAc;~~AAClD~~,~~aAAS~~,~~iBAAiB~~,~~GAAW~~,GAAmB,EAAE,MAAM,~~IAAM~~,CAAC;~~KACvE~~;~~IACF~~,~~YAIW~~,EAAA,~~SAAA~~,~~GAAA~~,~~EAAX~~,EAEM,OAAA;;~~YAFqB~~;GAAJ,~~KAAI~~;GAAY,OAAM;~~MAC3C~~,EAA2D,OAAA;GAAtD,OAAM;GAAuB,~~OAAK~~,~~EAAE~~,EAAA,~~MAAc~~"}
1	+ {"version":3,"file":"VScroll.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createElementBlock","_createElementVNode","_normalizeStyle","_createCommentVNode","VScroll_vue_vue_type_script_setup_true_lang_default","__emit","emit","props","__props","scrollRef","ref","ratioRef","computed","visibleRef","scrollbarStyle","ratio","unref","useEventListener","s","down","removePointerMove","eventListener","dy","eventType","openBlock","createElementBlock","createElementVNode","normalizeStyle","createCommentVNode"],"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"],"mappings":";;;;;;;;;;;;;EAKA,IAAMO,IAAOD,GAEPE,IAAQC,GAMRC,IAAYC,EAAiB,GAE7BC,IAAWC,QAAeL,EAAM,gBAAgBA,EAAM,gBAAgB,EAAE,GAExEM,IAAaD,QACVD,EAAS,QAAQ,CACzB,GAEKG,IAAiBF,QAAe;GACpC,IAAMG,IAAQC,EAAML,CAAQ;GAC5B,OAAO;IACL,KAAKJ,EAAM,YAAYQ,IAAQ;IAC/B,QAAQ,KAAK,MAAMR,EAAM,eAAeQ,CAAK,IAAI;GACnD;EACF,CAAC;E,OAEDE,EAAiBR,GAAW,gBAAgB,MAAuB;GACjE,IAAMS,IAAI,EACR,SAASC,EAAK,QAChB,GASMC,IAAoBC,EAAc,UAAiB,cAPzC,MAAkB;IAChC,IAAMC,KAAM,EAAE,UAAUJ,EAAE,WAAWP,EAAS;IAE9C,AADAL,EAAK,oBAAoBC,EAAM,YAAYe,CAAE,GAC7C,EAAE,UAAU,EAAE;GAChB,CAG4E;GAE5E,CAAC,WAAW,eAAe,CAAC,CAAC,SAAS,MAAc;IAClD,SAAS,iBAAiBC,GAAWH,GAAmB,EAAE,MAAM,GAAK,CAAC;GACxE,CAAC;EACH,CAAC,I,SAIYP,EAAA,SAAXd,EAAA,GAAAC,EAEM,OAAA;;GAFqB,SAAA;GAAJ,KAAIS;GAAY,OAAM;E,IAC3CR,EAA2D,OAAA;GAAtD,OAAM;GAAuB,OAAKC,EAAEY,EAAA,KAAc"}

package/dist/components/contextMenu/Menu.js CHANGED Viewed

@@ -1,9 +1,8 @@
 import e from "./Menu.vue2.js";
 import './Menu.style.css';/* empty css                                                     */
 import t from "../../_virtual/_plugin-vue_export-helper.js";
-//#region src/components/contextMenu/Menu.vue
-var n = /* @__PURE__ */ t(e, [["__scopeId", "data-v-a7698a57"]]);
-//#endregion
+// src/components/contextMenu/Menu.vue
+var n = /*#__PURE__*/ t(e, [["__scopeId", "data-v-a7698a57"]]);
 export { n as default };
 //# sourceMappingURL=Menu.js.map

package/dist/components/contextMenu/Menu.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Menu.js","names":[],"sources":["../../../src/components/contextMenu/Menu.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport type { ContextOption } from \"./types\";\n\nconst emit = defineEmits([\"close\"]);\n\ndefineProps<{\n options: readonly ContextOption[];\n}>();\n\nconst onClickOption = (opt: ContextOption) => {\n opt.cb();\n emit(\"close\");\n};\n</script>\n\n<template>\n <div class=\"context-menu\" data-testid=\"pl-context-menu\">\n <div\n v-for=\"(opt, i) in options\"\n :key=\"i\"\n data-testid=\"pl-context-menu-item\"\n @click.stop=\"onClickOption(opt)\"\n >\n <span data-testid=\"pl-context-menu-item-text\">{{ opt.text }}</span>\n </div>\n </div>\n</template>\n\n<style lang=\"scss\" scoped>\n.context-menu {\n display: block;\n position: absolute;\n top: 50px;\n left: 50px;\n z-index: var(--z-context-menu);\n\n margin: 0;\n padding: 3px 0 4px;\n\n background: rgba(255, 255, 255, 0.95);\n box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.35);\n border-radius: 4px;\n\n font-family:\n Lucida Grande,\n sans-serif;\n font-size: 14px;\n line-height: 15px;\n\n &::before {\n display: block;\n position: absolute;\n content: \"\";\n top: -1px;\n left: -1px;\n bottom: -1px;\n right: -1px;\n\n border-radius: 4px;\n border: 1px solid rgba(0, 0, 0, 0.125);\n z-index: -1;\n }\n\n hr {\n border: none;\n height: 1px;\n background: rgba(0, 0, 0, 0.1);\n margin: 6px 1px 5px;\n padding: 0;\n }\n\n > div {\n display: block;\n padding: 0 20px;\n border-top: 1px solid rgba(0, 0, 0, 0);\n border-bottom: 1px solid rgba(0, 0, 0, 0);\n\n span {\n vertical-align: 2px;\n user-select: none;\n }\n\n &:hover {\n background: -webkit-linear-gradient(top, #648bf5, #2866f2);\n background: linear-gradient(to bottom, #648bf5 0%, #2866f2 100%);\n border-top: 1px solid #5a82eb;\n border-bottom: 1px solid #1758e7;\n }\n\n &:hover::after {\n color: #fff;\n }\n }\n}\n</style>\n"],"mappings":""}
1	+ {"version":3,"file":"Menu.js","names":["_sfc_main","Menu_vue_vue_type_script_setup_true_lang_default","_plugin_vue_export_helper_default","Menu_default"],"sources":["../../../src/components/contextMenu/Menu.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport type { ContextOption } from \"./types\";\n\nconst emit = defineEmits([\"close\"]);\n\ndefineProps<{\n options: readonly ContextOption[];\n}>();\n\nconst onClickOption = (opt: ContextOption) => {\n opt.cb();\n emit(\"close\");\n};\n</script>\n\n<template>\n <div class=\"context-menu\" data-testid=\"pl-context-menu\">\n <div\n v-for=\"(opt, i) in options\"\n :key=\"i\"\n data-testid=\"pl-context-menu-item\"\n @click.stop=\"onClickOption(opt)\"\n >\n <span data-testid=\"pl-context-menu-item-text\">{{ opt.text }}</span>\n </div>\n </div>\n</template>\n\n<style lang=\"scss\" scoped>\n.context-menu {\n display: block;\n position: absolute;\n top: 50px;\n left: 50px;\n z-index: var(--z-context-menu);\n\n margin: 0;\n padding: 3px 0 4px;\n\n background: rgba(255, 255, 255, 0.95);\n box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.35);\n border-radius: 4px;\n\n font-family:\n Lucida Grande,\n sans-serif;\n font-size: 14px;\n line-height: 15px;\n\n &::before {\n display: block;\n position: absolute;\n content: \"\";\n top: -1px;\n left: -1px;\n bottom: -1px;\n right: -1px;\n\n border-radius: 4px;\n border: 1px solid rgba(0, 0, 0, 0.125);\n z-index: -1;\n }\n\n hr {\n border: none;\n height: 1px;\n background: rgba(0, 0, 0, 0.1);\n margin: 6px 1px 5px;\n padding: 0;\n }\n\n > div {\n display: block;\n padding: 0 20px;\n border-top: 1px solid rgba(0, 0, 0, 0);\n border-bottom: 1px solid rgba(0, 0, 0, 0);\n\n span {\n vertical-align: 2px;\n user-select: none;\n }\n\n &:hover {\n background: -webkit-linear-gradient(top, #648bf5, #2866f2);\n background: linear-gradient(to bottom, #648bf5 0%, #2866f2 100%);\n border-top: 1px solid #5a82eb;\n border-bottom: 1px solid #1758e7;\n }\n\n &:hover::after {\n color: #fff;\n }\n }\n}\n</style>\n"],"mappings":""}

package/dist/components/contextMenu/Menu.vue2.js CHANGED Viewed

@@ -1,9 +1,9 @@
 import { Fragment as e, createElementBlock as t, createElementVNode as n, defineComponent as r, openBlock as i, renderList as a, toDisplayString as o, withModifiers as s } from "vue";
-//#region src/components/contextMenu/Menu.vue?vue&type=script&setup=true&lang.ts
+// src/components/contextMenu/Menu.vue?vue&type=script&setup=true&lang.ts
 var c = {
 	class: "context-menu",
 	"data-testid": "pl-context-menu"
-}, l = ["onClick"], u = { "data-testid": "pl-context-menu-item-text" }, d = /* @__PURE__ */ r({
+}, l = ["onClick"], u = { "data-testid": "pl-context-menu-item-text" }, d = /*@__PURE__*/ r({
 	__name: "Menu",
 	props: { options: {} },
 	emits: ["close"],
@@ -18,7 +18,6 @@ var c = {
 		}, [n("span", u, o(e.text), 1)], 8, l))), 128))]));
 	}
 });
-//#endregion
 export { d as default };
 //# sourceMappingURL=Menu.vue2.js.map

package/dist/components/contextMenu/Menu.vue2.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Menu.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/contextMenu/Menu.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport type { ContextOption } from \"./types\";\n\nconst emit = defineEmits([\"close\"]);\n\ndefineProps<{\n options: readonly ContextOption[];\n}>();\n\nconst onClickOption = (opt: ContextOption) => {\n opt.cb();\n emit(\"close\");\n};\n</script>\n\n<template>\n <div class=\"context-menu\" data-testid=\"pl-context-menu\">\n <div\n v-for=\"(opt, i) in options\"\n :key=\"i\"\n data-testid=\"pl-context-menu-item\"\n @click.stop=\"onClickOption(opt)\"\n >\n <span data-testid=\"pl-context-menu-item-text\">{{ opt.text }}</span>\n </div>\n </div>\n</template>\n\n<style lang=\"scss\" scoped>\n.context-menu {\n display: block;\n position: absolute;\n top: 50px;\n left: 50px;\n z-index: var(--z-context-menu);\n\n margin: 0;\n padding: 3px 0 4px;\n\n background: rgba(255, 255, 255, 0.95);\n box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.35);\n border-radius: 4px;\n\n font-family:\n Lucida Grande,\n sans-serif;\n font-size: 14px;\n line-height: 15px;\n\n &::before {\n display: block;\n position: absolute;\n content: \"\";\n top: -1px;\n left: -1px;\n bottom: -1px;\n right: -1px;\n\n border-radius: 4px;\n border: 1px solid rgba(0, 0, 0, 0.125);\n z-index: -1;\n }\n\n hr {\n border: none;\n height: 1px;\n background: rgba(0, 0, 0, 0.1);\n margin: 6px 1px 5px;\n padding: 0;\n }\n\n > div {\n display: block;\n padding: 0 20px;\n border-top: 1px solid rgba(0, 0, 0, 0);\n border-bottom: 1px solid rgba(0, 0, 0, 0);\n\n span {\n vertical-align: 2px;\n user-select: none;\n }\n\n &:hover {\n background: -webkit-linear-gradient(top, #648bf5, #2866f2);\n background: linear-gradient(to bottom, #648bf5 0%, #2866f2 100%);\n border-top: 1px solid #5a82eb;\n border-bottom: 1px solid #1758e7;\n }\n\n &:hover::after {\n color: #fff;\n }\n }\n}\n</style>\n"],"mappings":";;;;;;;;;;EAGA,~~IAAM~~,~~IAAO~~,~~GAMP~~,KAAiB,MAAuB;~~AAE5C~~,~~GADA~~,EAAI,~~IAAI~~,~~EACR~~,EAAK,~~QAAQ;;yBAKb~~,EASM,~~OATN~~,GASM,EAAA,EAAA,~~GAAA~~,~~EARJ~~,~~EAOM,~~GAAA,~~MAAA~~,~~EANe~~,EAAA,UAAX,GAAK,~~YADf~~,EAOM,OAAA;GALH,~~KAAK~~;GACN,eAAY;GACX,~~SAAK~~,GAAA,~~MAAO~~,~~EAAc~~,~~EAAG~~,~~EAAA~~,CAAA,~~OAAA~~,CAAA;~~MAE9B~~,EAAmE,~~QAAnE~~,~~GAAmE~~,~~EAAlB~~,EAAI,~~KAAI~~,~~EAAA~~,~~EAAA,~~CAAA,~~EAAA,GAAA,EAAA~~"}
1	+ {"version":3,"file":"Menu.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createElementBlock","_Fragment","_renderList","_withModifiers","_createElementVNode","_toDisplayString","_hoisted_1","_hoisted_2","_hoisted_3","Menu_vue_vue_type_script_setup_true_lang_default","__emit","emit","onClickOption","opt","openBlock","createElementBlock","Fragment","renderList","__props","i","withModifiers","createElementVNode","toDisplayString"],"sources":["../../../src/components/contextMenu/Menu.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport type { ContextOption } from \"./types\";\n\nconst emit = defineEmits([\"close\"]);\n\ndefineProps<{\n options: readonly ContextOption[];\n}>();\n\nconst onClickOption = (opt: ContextOption) => {\n opt.cb();\n emit(\"close\");\n};\n</script>\n\n<template>\n <div class=\"context-menu\" data-testid=\"pl-context-menu\">\n <div\n v-for=\"(opt, i) in options\"\n :key=\"i\"\n data-testid=\"pl-context-menu-item\"\n @click.stop=\"onClickOption(opt)\"\n >\n <span data-testid=\"pl-context-menu-item-text\">{{ opt.text }}</span>\n </div>\n </div>\n</template>\n\n<style lang=\"scss\" scoped>\n.context-menu {\n display: block;\n position: absolute;\n top: 50px;\n left: 50px;\n z-index: var(--z-context-menu);\n\n margin: 0;\n padding: 3px 0 4px;\n\n background: rgba(255, 255, 255, 0.95);\n box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.35);\n border-radius: 4px;\n\n font-family:\n Lucida Grande,\n sans-serif;\n font-size: 14px;\n line-height: 15px;\n\n &::before {\n display: block;\n position: absolute;\n content: \"\";\n top: -1px;\n left: -1px;\n bottom: -1px;\n right: -1px;\n\n border-radius: 4px;\n border: 1px solid rgba(0, 0, 0, 0.125);\n z-index: -1;\n }\n\n hr {\n border: none;\n height: 1px;\n background: rgba(0, 0, 0, 0.1);\n margin: 6px 1px 5px;\n padding: 0;\n }\n\n > div {\n display: block;\n padding: 0 20px;\n border-top: 1px solid rgba(0, 0, 0, 0);\n border-bottom: 1px solid rgba(0, 0, 0, 0);\n\n span {\n vertical-align: 2px;\n user-select: none;\n }\n\n &:hover {\n background: -webkit-linear-gradient(top, #648bf5, #2866f2);\n background: linear-gradient(to bottom, #648bf5 0%, #2866f2 100%);\n border-top: 1px solid #5a82eb;\n border-bottom: 1px solid #1758e7;\n }\n\n &:hover::after {\n color: #fff;\n }\n }\n}\n</style>\n"],"mappings":";;;;;;;;;;EAGA,IAAMY,IAAOD,GAMPE,KAAiB,MAAuB;GAE5C,AADAC,EAAI,GAAG,GACPF,EAAK,OAAO;EACd;E,kBAIEZ,EAAA,GAAAC,EASM,OATNM,GASM,EARJP,EAAA,EAAA,GAAAC,EAOMC,GAAA,MAAAC,EANegB,EAAA,UAAX,GAAK,OADfnB,EAAA,GAAAC,EAOM,OAAA;GALH,KAAKmB;GACN,eAAY;GACX,SAAKhB,GAAA,MAAOS,EAAcC,CAAG,GAAA,CAAA,MAAA,CAAA;E,IAE9BT,EAAmE,QAAnEI,GAAmEH,EAAlBQ,EAAI,IAAI,GAAA,CAAA,C"}

package/dist/components/contextMenu/index.js CHANGED Viewed

@@ -1,6 +1,6 @@
 import e from "./Menu.js";
 import { h as t, render as n } from "vue";
-//#region src/components/contextMenu/index.ts
+// src/components/contextMenu/index.ts
 function r(r, i) {
 	r.preventDefault();
 	let a = () => {
@@ -17,7 +17,6 @@ function r(r, i) {
 		s.contains(e.target) || a();
 	}), a;
 }
-//#endregion
 export { r as showContextMenu };
 //# sourceMappingURL=index.js.map

package/dist/components/contextMenu/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","names":[],"sources":["../../../src/components/contextMenu/index.ts"],"sourcesContent":["import Menu from \"./Menu.vue\";\nimport { h, render } from \"vue\";\nimport type { ContextOption } from \"./types\";\n\nexport function showContextMenu(ev: MouseEvent, options: readonly ContextOption[]) {\n ev.preventDefault();\n\n const destroy = () => {\n render(null, document.body);\n };\n\n const vNode = h(Menu, {\n options,\n onClose: () => {\n destroy();\n },\n });\n\n render(vNode, document.body);\n\n const el = vNode.el as HTMLElement;\n\n el.style.top = ev.clientY + \"px\";\n el.style.left = ev.clientX + \"px\";\n\n document.addEventListener(\"click\", (ev: Event) => {\n if (!el.contains(ev.target as HTMLElement)) {\n destroy();\n }\n });\n\n return destroy;\n}\n"],"mappings":";;;AAIA,~~SAAgB~~,EAAgB,GAAgB,GAAmC;~~AACjF~~,~~GAAG~~,~~gBAAgB~~;~~CAEnB~~,~~IAAM~~,UAAgB;~~AACpB~~,~~IAAO~~,MAAM,SAAS,~~KAAK~~;~~IAGvB~~,~~IAAQ~~,~~EAAE~~,GAAM;EACpB;EACA,eAAe;~~AACb~~,~~MAAS;;EAEZ~~,CAAC;~~AAEF~~,~~GAAO~~,GAAO,SAAS,~~KAAK~~;~~CAE5B~~,~~IAAM~~,~~IAAK~~,EAAM;~~AAWjB~~,~~QATA~~,EAAG,MAAM,~~MAAM~~,EAAG,UAAU,MAC5B,EAAG,MAAM,~~OAAO~~,EAAG,UAAU,MAE7B,SAAS,iBAAiB,UAAU,MAAc;~~AAChD~~,~~EAAK~~,EAAG,~~SAAS~~,EAAG,~~OAAsB~~,~~IACxC~~,~~GAAS~~;~~GAEX~~,~~EAEK~~"}
1	+ {"version":3,"file":"index.js","names":["Menu","Menu_default","showContextMenu","destroy","vNode","h","el","ev"],"sources":["../../../src/components/contextMenu/index.ts"],"sourcesContent":["import Menu from \"./Menu.vue\";\nimport { h, render } from \"vue\";\nimport type { ContextOption } from \"./types\";\n\nexport function showContextMenu(ev: MouseEvent, options: readonly ContextOption[]) {\n ev.preventDefault();\n\n const destroy = () => {\n render(null, document.body);\n };\n\n const vNode = h(Menu, {\n options,\n onClose: () => {\n destroy();\n },\n });\n\n render(vNode, document.body);\n\n const el = vNode.el as HTMLElement;\n\n el.style.top = ev.clientY + \"px\";\n el.style.left = ev.clientX + \"px\";\n\n document.addEventListener(\"click\", (ev: Event) => {\n if (!el.contains(ev.target as HTMLElement)) {\n destroy();\n }\n });\n\n return destroy;\n}\n"],"mappings":";;;AAIA,SAAgBE,EAAgB,GAAgB,GAAmC;CACjF,EAAG,eAAe;CAElB,IAAMC,UAAgB;EACpB,EAAO,MAAM,SAAS,IAAI;CAC5B,GAEMC,IAAQC,EAAEL,GAAM;EACpB;EACA,eAAe;GACb,EAAQ;EACV;CACF,CAAC;CAED,EAAOI,GAAO,SAAS,IAAI;CAE3B,IAAME,IAAKF,EAAM;CAWjB,OATA,EAAG,MAAM,MAAMG,EAAG,UAAU,MAC5B,EAAG,MAAM,OAAOA,EAAG,UAAU,MAE7B,SAAS,iBAAiB,UAAU,MAAc;EAChD,AAAKD,EAAG,SAASC,EAAG,MAAqB,KACvCJ,EAAQ;CAEZ,CAAC,GAEMA;AACT"}