@milaboratories/uikit 2.10.37 → 2.10.39

package/dist/components/SliderRangeTriple.vue2.js

@@ -1,5 +1,183 @@
-import f from "./SliderRangeTriple.vue.js";
-export {
-  f as default
-};
-//# sourceMappingURL=SliderRangeTriple.vue2.js.map
+import { useMouseCapture as e } from "../composition/useMouseCapture.js";
+import { tapIf as t } from "../helpers/functions.js";
+import { clamp as n } from "../helpers/math.js";
+import r from "./PlTooltip/PlTooltip.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";
+var ae = { class: "ui-slider__wrapper" }, oe = { class: "ui-slider__label-section" }, b = {
+	key: 0,
+	class: "text-s"
+}, x = { class: "ui-slider__base" }, S = { class: "ui-slider__container" }, C = { class: "ui-slider__container ui-slider__container-thumb" }, w = ["data-percent"], T = ["data-percent"], E = ["data-percent"], D = {
+	key: 0,
+	class: "ui-slider__error"
+}, O = /* @__PURE__ */ u({
+	__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(u, { emit: O }) {
+		let k = y(), se = O, A = u, j = 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(() => n((A.modelValue[0] ?? 0) + j.deltaValue1, A.min, A.max)), z = o(() => n((A.modelValue[1] ?? 0) + j.deltaValue2, A.min, A.max)), B = o(() => n((A.modelValue[2] ?? 0) + j.deltaValue3, A.min, A.max)), V = o(() => {
+			let e = A.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(() => ({
+			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) => {
+				let { dx: n } = e;
+				j.deltaValue1 = n / t.width * I.value, N.value && Y(N.value, A.modelValue[0], j.deltaValue1), e.stop && (Z([
+					X(R.value),
+					X(z.value),
+					X(B.value)
+				]), j.deltaValue1 = 0);
+			});
+		}), e(P, (e) => {
+			t(v(M)?.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([
+					X(R.value),
+					X(z.value),
+					X(B.value)
+				]), j.deltaValue2 = 0);
+			});
+		}), e(F, (e) => {
+			t(v(M)?.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([
+					X(R.value),
+					X(z.value),
+					X(B.value)
+				]), j.deltaValue3 = 0);
+			});
+		});
+		function Y(e, t, r) {
+			let i = X(n((t ?? 0) + r, A.min, A.max));
+			e.dataset.percent = `${i}${A.measure}`, Q();
+		}
+		function le() {
+			return [
+				Math.ceil((1 - H.value) * 100),
+				Math.ceil((1 - U.value) * 100),
+				Math.ceil((1 - W.value) * 100)
+			].sort((e, t) => e - t);
+		}
+		function X(e) {
+			let t = n(e, A.min, A.max);
+			return Math.round((t + 2 ** -52) * (1 / A.step)) / (1 / A.step);
+		}
+		function Z(e) {
+			se("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
+				},
+				{
+					r: t,
+					th: P
+				},
+				{
+					r: n,
+					th: F
+				}
+			].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");
+		}
+		function $(e, t) {
+			[
+				"ArrowDown",
+				"ArrowUp",
+				"ArrowRight",
+				"ArrowLeft",
+				"Enter"
+			].includes(e.code) && e.preventDefault();
+			let r = e.code === "ArrowUp" || e.code === "ArrowRight" ? A.step * 1 : e.code === "ArrowDown" || e.code === "ArrowLeft" ? A.step * -1 : 0, i = [...A.modelValue];
+			i[t] = n(i[t] + r, A.min, A.max), Z(i), Q();
+		}
+		return ne(() => {
+			Q();
+		}), (e, t) => (p(), c("div", { 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(r), {
+			key: 0,
+			class: "info",
+			position: "top"
+		}, {
+			tooltip: ie(() => [g(e.$slots, "tooltip")]),
+			_: 3
+		})) : s("", !0)])) : s("", !0)]), l("div", x, [l("div", S, [l("div", {
+			ref_key: "barRef",
+			ref: M,
+			class: "ui-slider__bar"
+		}, [l("div", {
+			class: "ui-slider__progress",
+			style: f(ce.value)
+		}, null, 4)], 512)]), l("div", C, [
+			A.breakpoints ? (p(!0), c(a, { key: 0 }, h(v(L), (e, t) => (p(), c("div", {
+				key: t,
+				style: f({ right: `${e}%` }),
+				class: "ui-slider__thumb-step"
+			}, null, 4))), 128)) : s("", !0),
+			l("div", {
+				ref_key: "thumbRef1",
+				ref: N,
+				style: f(K.value),
+				"data-percent": A.modelValue[0] + "%",
+				class: "ui-slider__thumb ui-slider__triple-thumb",
+				r1: "",
+				tabindex: "0",
+				onKeydown: t[0] ||= (e) => $(e, 0)
+			}, [...t[3] ||= [l("div", { class: "ui-slider__thumb-focused-contour" }, null, -1)]], 44, w),
+			l("div", {
+				ref_key: "thumbRef2",
+				ref: P,
+				style: f(q.value),
+				"data-percent": A.modelValue[1] + "%",
+				class: "ui-slider__thumb ui-slider__triple-thumb",
+				r2: "",
+				tabindex: "0",
+				onKeydown: t[1] ||= (e) => $(e, 1)
+			}, [...t[4] ||= [l("div", { class: "ui-slider__thumb-focused-contour" }, null, -1)]], 44, T),
+			l("div", {
+				ref_key: "thumbRef3",
+				ref: F,
+				style: f(J.value),
+				"data-percent": A.modelValue[2] + "%",
+				class: "ui-slider__thumb ui-slider__triple-thumb",
+				r3: "",
+				tabindex: "0",
+				onKeydown: t[2] ||= (e) => $(e, 2)
+			}, [...t[5] ||= [l("div", { class: "ui-slider__thumb-focused-contour" }, null, -1)]], 44, E)
+		])])]), 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));
+	}
+});
+export { O as default };
+
+//# sourceMappingURL=SliderRangeTriple.vue2.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"SliderRangeTriple.vue2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
+{"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    :class=\"props.disabled ? 'ui-slider__disabled' : undefined\"\n    class=\"ui-slider__envelope ui-slider__triple\"\n  >\n    <div :class=\"`ui-slider__mode-${props.mode}`\" class=\"ui-slider\">\n      <div class=\"ui-slider__wrapper\">\n        <div class=\"ui-slider__label-section\">\n          <label v-if=\"label\" class=\"text-s\">\n            <span>{{ label }}</span>\n            <PlTooltip v-if=\"slots.tooltip\" class=\"info\" position=\"top\">\n              <template #tooltip>\n                <slot name=\"tooltip\" />\n              </template>\n            </PlTooltip>\n          </label>\n        </div>\n        <div class=\"ui-slider__base\">\n          <div class=\"ui-slider__container\">\n            <div ref=\"barRef\" class=\"ui-slider__bar\">\n              <div class=\"ui-slider__progress\" :style=\"progressStyle\" />\n            </div>\n          </div>\n          <div class=\"ui-slider__container ui-slider__container-thumb\">\n            <template v-if=\"props.breakpoints\">\n              <div\n                v-for=\"(item, index) in breakpointsRef\"\n                :key=\"index\"\n                :style=\"{ right: `${item}%` }\"\n                class=\"ui-slider__thumb-step\"\n              />\n            </template>\n            <div\n              ref=\"thumbRef1\"\n              :style=\"thumbStyle1\"\n              :data-percent=\"props.modelValue[0] + '%'\"\n              class=\"ui-slider__thumb ui-slider__triple-thumb\"\n              r1\n              tabindex=\"0\"\n              @keydown=\"handleKeyPress($event, 0)\"\n            >\n              <div class=\"ui-slider__thumb-focused-contour\" />\n            </div>\n            <div\n              ref=\"thumbRef2\"\n              :style=\"thumbStyle2\"\n              :data-percent=\"props.modelValue[1] + '%'\"\n              class=\"ui-slider__thumb ui-slider__triple-thumb\"\n              r2\n              tabindex=\"0\"\n              @keydown=\"handleKeyPress($event, 1)\"\n            >\n              <div class=\"ui-slider__thumb-focused-contour\" />\n            </div>\n            <div\n              ref=\"thumbRef3\"\n              :style=\"thumbStyle3\"\n              :data-percent=\"props.modelValue[2] + '%'\"\n              class=\"ui-slider__thumb ui-slider__triple-thumb\"\n              r3\n              tabindex=\"0\"\n              @keydown=\"handleKeyPress($event, 2)\"\n            >\n              <div class=\"ui-slider__thumb-focused-contour\" />\n            </div>\n          </div>\n        </div>\n      </div>\n\n      <div class=\"ui-slider__input-wrapper d-flex\">\n        <!-- {{ props.modelValue }} -->\n        <!-- <InputRange v-if=\"props.mode === 'input'\" v-model=\"inputRange\" class=\"ui-focused-border\" /> -->\n      </div>\n    </div>\n    <!-- <div v-if=\"helper\" class=\"ui-slider__helper\">\n      {{ helper }}\n    </div> -->\n    <div v-if=\"error\" class=\"ui-slider__error\">\n      {{ error }}\n    </div>\n  </div>\n</template>\n\n<style></style>\n"],"mappings":"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"}

package/dist/components/TabItem.js

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

package/dist/components/TabItem.js.map

@@ -0,0 +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 :class=\"classes\" class=\"dropdown-tab-item\">\n    <div class=\"dropdown-tab-item__title text-caps13\">\n      {{ label }}\n    </div>\n  </div>\n</template>\n"],"mappings":""}

package/dist/components/TabItem.vue2.js

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

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

@@ -1 +1 @@
-{"version":3,"file":"TabItem.vue2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
+{"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 :class=\"classes\" class=\"dropdown-tab-item\">\n    <div 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,EAJA,OAAK,EAAA,CAAE,EAAA,OAAe,oBAAmB,CAAA,EAAA,EAAA,CAC7C,EAEM,OAFN,GAEM,EADD,EAAA,MAAK,EAAA,EAAA,CAAA,EAAA,EAAA"}

package/dist/components/ThemeSwitcher.js

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

package/dist/components/ThemeSwitcher.js.map

@@ -0,0 +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":""}

package/dist/components/ThemeSwitcher.vue2.js

@@ -1,5 +1,15 @@
-import f from "./ThemeSwitcher.vue.js";
-export {
-  f as default
-};
-//# sourceMappingURL=ThemeSwitcher.vue2.js.map
+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";
+var s = /* @__PURE__ */ r({
+	__name: "ThemeSwitcher",
+	setup(r) {
+		let [s, c] = e();
+		return (e, r) => (a(), t("div", {
+			class: i(["ui-theme-switcher", o(s)]),
+			onClick: r[0] ||= (...e) => o(c) && o(c)(...e)
+		}, [...r[1] ||= [n("div", null, null, -1)]], 2));
+	}
+});
+export { s as default };
+
+//# sourceMappingURL=ThemeSwitcher.vue2.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ThemeSwitcher.vue2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
+{"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"}

package/dist/components/TransitionSlidePanel.js

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

package/dist/components/TransitionSlidePanel.js.map

@@ -0,0 +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":""}

package/dist/components/TransitionSlidePanel.vue2.js

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

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

@@ -1 +1 @@
-{"version":3,"file":"TransitionSlidePanel.vue2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
+{"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"}

package/dist/components/VScroll.js

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

package/dist/components/VScroll.js.map

@@ -0,0 +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":""}

package/dist/components/VScroll.vue2.js

@@ -1,5 +1,41 @@
-import f from "./VScroll.vue.js";
-export {
-  f as default
-};
-//# sourceMappingURL=VScroll.vue2.js.map
+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";
+var d = /* @__PURE__ */ o({
+	__name: "VScroll",
+	props: {
+		scrollTop: {},
+		clientHeight: {},
+		scrollHeight: {}
+	},
+	emits: ["update:scrollTop"],
+	setup(o, { emit: d }) {
+		let f = d, p = o, m = l(), h = n(() => p.clientHeight / (p.scrollHeight || 1)), g = n(() => h.value < 1), _ = n(() => {
+			let e = u(h);
+			return {
+				top: p.scrollTop * e + "px",
+				height: Math.floor(p.clientHeight * e) + "px"
+			};
+		});
+		return e(m, "pointerdown", (e) => {
+			let n = { clientY: e.clientY }, r = t(document, "mousemove", (e) => {
+				let t = (e.clientY - n.clientY) / h.value;
+				f("update:scrollTop", p.scrollTop + t), n.clientY = e.clientY;
+			});
+			["mouseup", "pointercancel"].forEach((e) => {
+				document.addEventListener(e, r, { once: !0 });
+			});
+		}), (e, t) => g.value ? (c(), i("div", {
+			key: 0,
+			ref_key: "scrollRef",
+			ref: m,
+			class: "v-scroll"
+		}, [a("div", {
+			class: "v-scroll__scrollbar",
+			style: s(_.value)
+		}, null, 4)], 512)) : r("", !0);
+	}
+});
+export { d as default };
+
+//# sourceMappingURL=VScroll.vue2.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"VScroll.vue2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
+{"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"}

package/dist/components/contextMenu/Menu.js

@@ -0,0 +1,7 @@
+import e from "./Menu.vue2.js";
+import './Menu.style.css';/* empty css                                                     */
+import t from "../../_virtual/_plugin-vue_export-helper.js";
+var n = /* @__PURE__ */ t(e, [["__scopeId", "data-v-1bb3001b"]]);
+export { n as default };
+
+//# sourceMappingURL=Menu.js.map

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

@@ -0,0 +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\">\n    <div v-for=\"(opt, i) in options\" :key=\"i\" @click.stop=\"onClickOption(opt)\">\n      <span>{{ 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.style.css

@@ -0,0 +1 @@
+.context-menu[data-v-1bb3001b]{z-index:var(--z-context-menu);background:#fffffff2;border-radius:4px;margin:0;padding:3px 0 4px;font-family:Lucida Grande,sans-serif;font-size:14px;line-height:15px;display:block;position:absolute;top:50px;left:50px;box-shadow:0 8px 15px #00000059}.context-menu[data-v-1bb3001b]:before{content:"";z-index:-1;border:1px solid #00000020;border-radius:4px;display:block;position:absolute;inset:-1px}.context-menu hr[data-v-1bb3001b]{background:#0000001a;border:none;height:1px;margin:6px 1px 5px;padding:0}.context-menu>div[data-v-1bb3001b]{border-top:1px solid #0000;border-bottom:1px solid #0000;padding:0 20px;display:block}.context-menu>div span[data-v-1bb3001b]{vertical-align:2px;-webkit-user-select:none;user-select:none}.context-menu>div[data-v-1bb3001b]:hover{background:linear-gradient(#648bf5 0%,#2866f2 100%);border-top:1px solid #5a82eb;border-bottom:1px solid #1758e7}.context-menu>div[data-v-1bb3001b]:hover:after{color:#fff}

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

@@ -1,25 +1,18 @@
-import { defineComponent as m, createElementBlock as e, openBlock as t, Fragment as p, renderList as a, withModifiers as u, createElementVNode as _, toDisplayString as d } from "vue";
-const k = { class: "context-menu" }, f = ["onClick"], v = /* @__PURE__ */ m({
-  __name: "Menu",
-  props: {
-    options: {}
-  },
-  emits: ["close"],
-  setup(s, { emit: i }) {
-    const c = i, r = (n) => {
-      n.cb(), c("close");
-    };
-    return (n, h) => (t(), e("div", k, [
-      (t(!0), e(p, null, a(s.options, (o, l) => (t(), e("div", {
-        key: l,
-        onClick: u((x) => r(o), ["stop"])
-      }, [
-        _("span", null, d(o.text), 1)
-      ], 8, f))), 128))
-    ]));
-  }
+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";
+var c = { class: "context-menu" }, l = ["onClick"], u = /* @__PURE__ */ r({
+	__name: "Menu",
+	props: { options: {} },
+	emits: ["close"],
+	setup(r, { emit: u }) {
+		let d = u, f = (e) => {
+			e.cb(), d("close");
+		};
+		return (u, d) => (i(), t("div", c, [(i(!0), t(e, null, a(r.options, (e, r) => (i(), t("div", {
+			key: r,
+			onClick: s((t) => f(e), ["stop"])
+		}, [n("span", null, o(e.text), 1)], 8, l))), 128))]));
+	}
 });
-export {
-  v as default
-};
-//# sourceMappingURL=Menu.vue2.js.map
+export { u as default };
+
+//# sourceMappingURL=Menu.vue2.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Menu.vue2.js","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\">\n    <div v-for=\"(opt, i) in options\" :key=\"i\" @click.stop=\"onClickOption(opt)\">\n      <span>{{ 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"],"names":["emit","__emit","onClickOption","opt","_openBlock","_createElementBlock","_hoisted_1","_Fragment","_renderList","__props","i","_withModifiers","$event","_createElementVNode","_toDisplayString"],"mappings":";;;;;;;;AAGA,UAAMA,IAAOC,GAMPC,IAAgB,CAACC,MAAuB;AAC5C,MAAAA,EAAI,GAAA,GACJH,EAAK,OAAO;AAAA,IACd;sBAIEI,EAAA,GAAAC,EAIM,OAJNC,GAIM;AAAA,OAHJF,EAAA,EAAA,GAAAC,EAEME,GAAA,MAAAC,EAFkBC,EAAA,SAAO,CAAlBN,GAAKO,YAAlBL,EAEM,OAAA;AAAA,QAF4B,KAAKK;AAAA,QAAI,SAAKC,EAAA,CAAAC,MAAOV,EAAcC,CAAG,GAAA,CAAA,MAAA,CAAA;AAAA,MAAA;QACtEU,EAA2B,QAAA,MAAAC,EAAlBX,EAAI,IAAI,GAAA,CAAA;AAAA,MAAA;;;;"}
+{"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\">\n    <div v-for=\"(opt, i) in options\" :key=\"i\" @click.stop=\"onClickOption(opt)\">\n      <span>{{ 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,EAIM,OAJN,GAIM,EAAA,EAAA,GAAA,EAHJ,EAEM,GAAA,MAAA,EAFkB,EAAA,UAAX,GAAK,YAAlB,EAEM,OAAA;GAF4B,KAAK;GAAI,SAAK,GAAA,MAAO,EAAc,EAAG,EAAA,CAAA,OAAA,CAAA;MACtE,EAA2B,QAAA,MAAA,EAAlB,EAAI,KAAI,EAAA,EAAA,CAAA,EAAA,GAAA,EAAA"}

package/dist/components/contextMenu/index.js

@@ -1,22 +1,21 @@
-import d from "./Menu.vue.js";
-import { h as s, render as r } from "vue";
-function m(t, c) {
-  t.preventDefault();
-  const e = () => {
-    r(null, document.body);
-  }, o = s(d, {
-    options: c,
-    onClose: () => {
-      e();
-    }
-  });
-  r(o, document.body);
-  const n = o.el;
-  return n.style.top = t.clientY + "px", n.style.left = t.clientX + "px", document.addEventListener("click", (l) => {
-    n.contains(l.target) || e();
-  }), e;
+import e from "./Menu.js";
+import { h as t, render as n } from "vue";
+function r(r, i) {
+	r.preventDefault();
+	let a = () => {
+		n(null, document.body);
+	}, o = t(e, {
+		options: i,
+		onClose: () => {
+			a();
+		}
+	});
+	n(o, document.body);
+	let s = o.el;
+	return s.style.top = r.clientY + "px", s.style.left = r.clientX + "px", document.addEventListener("click", (e) => {
+		s.contains(e.target) || a();
+	}), a;
 }
-export {
-  m as showContextMenu
-};
-//# sourceMappingURL=index.js.map
+export { r as showContextMenu };
+
+//# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","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"],"names":["showContextMenu","ev","options","destroy","render","vNode","h","Menu","el"],"mappings":";;AAIO,SAASA,EAAgBC,GAAgBC,GAAmC;AACjF,EAAAD,EAAG,eAAA;AAEH,QAAME,IAAU,MAAM;AACpB,IAAAC,EAAO,MAAM,SAAS,IAAI;AAAA,EAC5B,GAEMC,IAAQC,EAAEC,GAAM;AAAA,IACpB,SAAAL;AAAA,IACA,SAAS,MAAM;AACb,MAAAC,EAAA;AAAA,IACF;AAAA,EAAA,CACD;AAED,EAAAC,EAAOC,GAAO,SAAS,IAAI;AAE3B,QAAMG,IAAKH,EAAM;AAEjB,SAAAG,EAAG,MAAM,MAAMP,EAAG,UAAU,MAC5BO,EAAG,MAAM,OAAOP,EAAG,UAAU,MAE7B,SAAS,iBAAiB,SAAS,CAACA,MAAc;AAChD,IAAKO,EAAG,SAASP,EAAG,MAAqB,KACvCE,EAAA;AAAA,EAEJ,CAAC,GAEMA;AACT;"}
+{"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"}

package/dist/composition/computedCached.js

@@ -1,21 +1,16 @@
-import { isJsonEqual as c, deepClone as f } from "@milaboratories/helpers";
-import { ref as i, watch as l, computed as n } from "vue";
-function d(e) {
-  let t, u;
-  typeof e == "function" ? t = e : (t = e.get, u = e.set);
-  const o = i(t());
-  return l(
-    t,
-    (r) => {
-      c(r, o.value) || (o.value = f(r));
-    },
-    { deep: !0 }
-  ), u ? n({
-    get: () => o.value,
-    set: u
-  }) : o;
+import { computed as e, ref as t, watch as n } from "vue";
+import { deepClone as r, isJsonEqual as i } from "@milaboratories/helpers";
+function a(a) {
+	let o, s;
+	typeof a == "function" ? o = a : (o = a.get, s = a.set);
+	let c = t(o());
+	return n(o, (e) => {
+		i(e, c.value) || (c.value = r(e));
+	}, { deep: !0 }), s ? e({
+		get: () => c.value,
+		set: s
+	}) : c;
 }
-export {
-  d as computedCached
-};
-//# sourceMappingURL=computedCached.js.map
+export { a as computedCached };
+
+//# sourceMappingURL=computedCached.js.map