@milaboratories/graph-maker 1.2.5 → 1.2.7

package/dist/components/SettingsTabs/icons/LayersIcon.js

@@ -0,0 +1,29 @@
+import e from "../../../_virtual/_plugin-vue_export-helper.js";
+import { createElementBlock as t, createElementVNode as n, openBlock as r } from "vue";
+var i = {}, a = {
+	class: "layers-icon",
+	width: "24",
+	height: "24",
+	viewBox: "0 0 24 24",
+	fill: "none",
+	xmlns: "http://www.w3.org/2000/svg"
+};
+function o(e, i) {
+	return r(), t("svg", a, [...i[0] ||= [n("g", { id: "24: layers" }, [n("path", {
+		id: "Subtract",
+		"fill-rule": "evenodd",
+		"clip-rule": "evenodd",
+		d: "M2.37549 15.1251L12.0003 21.25L21.6255 15.1249L21.6749 15.1563C22.2924 15.5493 22.2924 16.4507 21.6749 16.8436L12.5375 22.6583C12.21 22.8668 11.7913 22.8668 11.4638 22.6583L2.32641 16.8436C1.70891 16.4507 1.70891 15.5493 2.32641 15.1563L2.37549 15.1251Z",
+		fill: "#07AD3E"
+	}), n("path", {
+		id: "Union",
+		"fill-rule": "evenodd",
+		"clip-rule": "evenodd",
+		d: "M2.32641 7.15633C1.70891 7.54929 1.70891 8.4507 2.32641 8.84366L11.4638 14.6583C11.7913 14.8668 12.21 14.8668 12.5375 14.6583L21.6749 8.84365C22.2924 8.4507 22.2924 7.54929 21.6749 7.15633L12.5375 1.34164C12.21 1.13319 11.7913 1.13319 11.4638 1.34164L2.32641 7.15633ZM3.75 7.99997L12 13.25L20.25 7.99997L12 2.74997L3.75 7.99997ZM12.0003 17.25L2.37549 11.1251L2.32641 11.1563C1.70891 11.5493 1.70891 12.4507 2.32641 12.8436L11.4638 18.6583C11.7913 18.8668 12.21 18.8668 12.5375 18.6583L21.6749 12.8436C22.2924 12.4507 22.2924 11.5493 21.6749 11.1563L21.6255 11.1249L12.0003 17.25Z",
+		fill: "#110529"
+	})], -1)]]);
+}
+var s = /* @__PURE__ */ e(i, [["render", o]]);
+export { s as default };
+
+//# sourceMappingURL=LayersIcon.js.map

package/dist/components/SettingsTabs/icons/LayersIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LayersIcon.js","names":[],"sources":["../../../../src/components/SettingsTabs/icons/LayersIcon.vue"],"sourcesContent":["<template>\n  <svg class=\"layers-icon\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n    <g id=\"24: layers\">\n      <path id=\"Subtract\" fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M2.37549 15.1251L12.0003 21.25L21.6255 15.1249L21.6749 15.1563C22.2924 15.5493 22.2924 16.4507 21.6749 16.8436L12.5375 22.6583C12.21 22.8668 11.7913 22.8668 11.4638 22.6583L2.32641 16.8436C1.70891 16.4507 1.70891 15.5493 2.32641 15.1563L2.37549 15.1251Z\" fill=\"#07AD3E\"/>\n      <path id=\"Union\" fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M2.32641 7.15633C1.70891 7.54929 1.70891 8.4507 2.32641 8.84366L11.4638 14.6583C11.7913 14.8668 12.21 14.8668 12.5375 14.6583L21.6749 8.84365C22.2924 8.4507 22.2924 7.54929 21.6749 7.15633L12.5375 1.34164C12.21 1.13319 11.7913 1.13319 11.4638 1.34164L2.32641 7.15633ZM3.75 7.99997L12 13.25L20.25 7.99997L12 2.74997L3.75 7.99997ZM12.0003 17.25L2.37549 11.1251L2.32641 11.1563C1.70891 11.5493 1.70891 12.4507 2.32641 12.8436L11.4638 18.6583C11.7913 18.8668 12.21 18.8668 12.5375 18.6583L21.6749 12.8436C22.2924 12.4507 22.2924 11.5493 21.6749 11.1563L21.6255 11.1249L12.0003 17.25Z\" fill=\"#110529\"/>\n    </g>\n  </svg>\n</template>\n"],"mappings":";;;CACO,OAAM;CAAc,OAAM;CAAK,QAAO;CAAK,SAAQ;CAAY,MAAK;CAAO,OAAM;;;aAAtF,EAKM,OALN,GAKM,CAAA,GAAA,AAAA,EAAA,OAAA,CAJJ,EAGI,KAAA,EAHD,IAAG,cAAY,EAAA,CAChB,EAA8U,QAAA;EAAxU,IAAG;EAAW,aAAU;EAAU,aAAU;EAAU,GAAE;EAAgQ,MAAK;KACnU,EAAipB,QAAA;EAA3oB,IAAG;EAAQ,aAAU;EAAU,aAAU;EAAU,GAAE;EAAskB,MAAK"}

package/dist/components/SettingsTabs/icons/LinkIcon.js

@@ -0,0 +1,16 @@
+import e from "../../../_virtual/_plugin-vue_export-helper.js";
+import { createElementBlock as t, createStaticVNode as n, openBlock as r } from "vue";
+var i = {}, a = {
+	width: "24",
+	height: "24",
+	viewBox: "0 0 24 24",
+	fill: "none",
+	xmlns: "http://www.w3.org/2000/svg"
+};
+function o(e, i) {
+	return r(), t("svg", a, [...i[0] ||= [n("<g clip-path=\"url(#clip0_8849_14901)\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M11.2214 15.2215L13.5701 12.8728C15.2298 11.2131 15.2298 8.5221 13.5701 6.86237C11.9104 5.20264 9.21943 5.20264 7.5597 6.86237L3.31706 11.105C1.65733 12.7647 1.65733 15.4557 3.31706 17.1154C4.38616 18.1845 5.88312 18.565 7.25674 18.2568L8.45258 19.4526C6.38303 20.2767 3.93151 19.8512 2.2564 18.1761C0.0108876 15.9306 0.0108879 12.2899 2.2564 10.0444L6.49904 5.80171C8.74456 3.5562 12.3853 3.5562 14.6308 5.80171C16.8763 8.04723 16.8763 11.6879 14.6308 13.9334L12.2821 16.2821L11.2214 15.2215Z\" fill=\"#110529\"></path><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M17.4594 18.1761C15.2139 20.4216 11.5732 20.4216 9.32769 18.1761C7.08218 15.9306 7.08218 12.2899 9.32769 10.0444L11.686 7.68604L12.7467 8.7467L10.3884 11.105C8.72862 12.7647 8.72862 15.4557 10.3884 17.1154C12.0481 18.7751 14.739 18.7751 16.3988 17.1154L20.6414 12.8728C22.3011 11.2131 22.3011 8.5221 20.6414 6.86237C19.5764 5.79737 18.0868 5.41575 16.7175 5.71752L15.5197 4.51971C17.5863 3.70299 20.0307 4.13032 21.7021 5.80171C23.9476 8.04723 23.9476 11.6879 21.7021 13.9334L17.4594 18.1761Z\" fill=\"#07AD3E\"></path></g><defs><clipPath id=\"clip0_8849_14901\"><rect width=\"24\" height=\"24\" fill=\"white\"></rect></clipPath></defs>", 2)]]);
+}
+var s = /* @__PURE__ */ e(i, [["render", o]]);
+export { s as default };
+
+//# sourceMappingURL=LinkIcon.js.map

package/dist/components/SettingsTabs/icons/LinkIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LinkIcon.js","names":[],"sources":["../../../../src/components/SettingsTabs/icons/LinkIcon.vue"],"sourcesContent":["<template>\n  <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n    <g clip-path=\"url(#clip0_8849_14901)\">\n      <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M11.2214 15.2215L13.5701 12.8728C15.2298 11.2131 15.2298 8.5221 13.5701 6.86237C11.9104 5.20264 9.21943 5.20264 7.5597 6.86237L3.31706 11.105C1.65733 12.7647 1.65733 15.4557 3.31706 17.1154C4.38616 18.1845 5.88312 18.565 7.25674 18.2568L8.45258 19.4526C6.38303 20.2767 3.93151 19.8512 2.2564 18.1761C0.0108876 15.9306 0.0108879 12.2899 2.2564 10.0444L6.49904 5.80171C8.74456 3.5562 12.3853 3.5562 14.6308 5.80171C16.8763 8.04723 16.8763 11.6879 14.6308 13.9334L12.2821 16.2821L11.2214 15.2215Z\" fill=\"#110529\"/>\n      <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M17.4594 18.1761C15.2139 20.4216 11.5732 20.4216 9.32769 18.1761C7.08218 15.9306 7.08218 12.2899 9.32769 10.0444L11.686 7.68604L12.7467 8.7467L10.3884 11.105C8.72862 12.7647 8.72862 15.4557 10.3884 17.1154C12.0481 18.7751 14.739 18.7751 16.3988 17.1154L20.6414 12.8728C22.3011 11.2131 22.3011 8.5221 20.6414 6.86237C19.5764 5.79737 18.0868 5.41575 16.7175 5.71752L15.5197 4.51971C17.5863 3.70299 20.0307 4.13032 21.7021 5.80171C23.9476 8.04723 23.9476 11.6879 21.7021 13.9334L17.4594 18.1761Z\" fill=\"#07AD3E\"/>\n    </g>\n    <defs>\n      <clipPath id=\"clip0_8849_14901\">\n        <rect width=\"24\" height=\"24\" fill=\"white\"/>\n      </clipPath>\n    </defs>\n  </svg>\n</template>\n"],"mappings":";;;CACO,OAAM;CAAK,QAAO;CAAK,SAAQ;CAAY,MAAK;CAAO,OAAM;;;aAAlE,EAUM,OAVN,GAUM,CAAA,GAAA,AAAA,EAAA,OAAA,CAAA,EAAA,4xCAAA,EAAA,CAAA,CAAA,CAAA"}

package/dist/components/SettingsTabs/icons/LogIcon.js

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

package/dist/components/SettingsTabs/icons/LogIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LogIcon.js","names":[],"sources":["../../../../src/components/SettingsTabs/icons/LogIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { PlIcon24 } from '@platforma-sdk/ui-vue';\n\n</script>\n<template>\n  <PlIcon24 name=\"progress\"/>\n</template>\n"],"mappings":""}

package/dist/components/SettingsTabs/icons/LogIcon.vue2.js

@@ -1,5 +1,11 @@
-import f from "./LogIcon.vue.js";
-export {
-  f as default
-};
-//# sourceMappingURL=LogIcon.vue2.js.map
+import { createBlock as e, defineComponent as t, openBlock as n, unref as r } from "vue";
+import { PlIcon24 as i } from "@platforma-sdk/ui-vue";
+var a = /* @__PURE__ */ t({
+	__name: "LogIcon",
+	setup(t) {
+		return (t, a) => (n(), e(r(i), { name: "progress" }));
+	}
+});
+export { a as default };
+
+//# sourceMappingURL=LogIcon.vue2.js.map

package/dist/components/SettingsTabs/icons/LogIcon.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"LogIcon.vue2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
+{"version":3,"file":"LogIcon.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../../src/components/SettingsTabs/icons/LogIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { PlIcon24 } from '@platforma-sdk/ui-vue';\n\n</script>\n<template>\n  <PlIcon24 name=\"progress\"/>\n</template>\n"],"mappings":";;;;;yBAKE,EAA2B,EAAA,EAAA,EAAA,EAAjB,MAAK,YAAU,CAAA"}

package/dist/components/SettingsTabs/icons/SettingsIcon.js

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

package/dist/components/SettingsTabs/icons/SettingsIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SettingsIcon.js","names":[],"sources":["../../../../src/components/SettingsTabs/icons/SettingsIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { PlIcon24 } from '@platforma-sdk/ui-vue';\n\n</script>\n<template>\n  <PlIcon24 name=\"settings\"/>\n</template>\n"],"mappings":""}

package/dist/components/SettingsTabs/icons/SettingsIcon.vue2.js

@@ -1,5 +1,11 @@
-import f from "./SettingsIcon.vue.js";
-export {
-  f as default
-};
-//# sourceMappingURL=SettingsIcon.vue2.js.map
+import { createBlock as e, defineComponent as t, openBlock as n, unref as r } from "vue";
+import { PlIcon24 as i } from "@platforma-sdk/ui-vue";
+var a = /* @__PURE__ */ t({
+	__name: "SettingsIcon",
+	setup(t) {
+		return (t, a) => (n(), e(r(i), { name: "settings" }));
+	}
+});
+export { a as default };
+
+//# sourceMappingURL=SettingsIcon.vue2.js.map

package/dist/components/SettingsTabs/icons/SettingsIcon.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"SettingsIcon.vue2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
+{"version":3,"file":"SettingsIcon.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../../src/components/SettingsTabs/icons/SettingsIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { PlIcon24 } from '@platforma-sdk/ui-vue';\n\n</script>\n<template>\n  <PlIcon24 name=\"settings\"/>\n</template>\n"],"mappings":";;;;;yBAKE,EAA2B,EAAA,EAAA,EAAA,EAAjB,MAAK,YAAU,CAAA"}

package/dist/components/SettingsTabs/index.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/SettingsTabs/index.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport type { ChartType } from '@milaboratories/pf-plots';\nimport { PlTooltip, PlDialogModal, PlAlert, PlBtnPrimary, PlBtnGhost } from '@platforma-sdk/ui-vue';\nimport { computed, ref } from 'vue';\nimport type { FormKey } from '../../forms';\nimport { isOwnGraphMakerTab, resolveIcon, resolveTitle, tabKeys } from '../../forms';\nimport type { GraphStatus } from '../../types';\n\nconst emit = defineEmits(['update:modelValue', 'export', 'delete']);\n\nconst props = defineProps<{\n  chartType: ChartType;\n  graphStatus: GraphStatus;\n  allowDeleting?: boolean;\n  hasSettingsSlot?: boolean;\n  hasAnnotationsSlot?: boolean;\n  hasLogSlot?: boolean;\n  initialLoading: boolean;\n  modelValue: FormKey | null;\n}>();\n\nconst tabs = computed(() => tabKeys().filter((key) =>\n  !(key === 'annotations' && !props.hasAnnotationsSlot)\n  && !(key === 'settings' && !props.hasSettingsSlot)\n  && !(key === 'log' && !props.hasLogSlot)\n  && !(key === 'statistics' && props.chartType !== 'discrete' && props.chartType !== 'scatterplot')\n  && !(key === 'delete' && !props.allowDeleting),\n));\n\nfunction updateModel(v: string) {\n  emit('update:modelValue', v === props.modelValue ? null : v);\n}\n\nconst deletingConfirmationModalOpen = ref<boolean>(false);\nfunction onDelete() {\n  deletingConfirmationModalOpen.value = false;\n  emit('delete');\n}\nfunction onConfirmationModalClose() {\n  deletingConfirmationModalOpen.value = false;\n}\n\nfunction isInactive(name: FormKey) {\n  return (name === 'export' && (props.graphStatus !== 'ready' || props.chartType === 'scatterplot-umap'))\n    || (props.initialLoading && isOwnGraphMakerTab(name))\n    || ((props.graphStatus === 'noPframe' || props.graphStatus === 'noPframeWithError' || props.graphStatus === 'running') && isOwnGraphMakerTab(name));\n}\n\n</script>\n\n<template>\n  <div class=\"settings-tabs\">\n    <PlTooltip\n      v-for=\"(name) in tabs\"\n      :key=\"name\"\n      :open-delay=\"100\"\n      :close-delay=\"100\"\n      class=\"has-inline-icon\"\n      :class=\"{\n        'active': (modelValue === name) && !isInactive(name),\n        'temp-inactive': isInactive(name),\n        [name]: true\n      }\"\n      position=\"left\"\n      :hide=\"modelValue === name\"\n      @click=\"(e:Event) => {\n        e.stopPropagation();\n        name === 'export' ? $emit('export') :\n        name === 'delete' ? deletingConfirmationModalOpen = true :\n        updateModel(name)\n      }\"\n    >\n      <component :is=\"resolveIcon(name)\"/>\n      <template #tooltip>\n        <span style=\"font-family: var(--font-family-base);\">\n          {{ resolveTitle(name) }}\n        </span>\n      </template>\n    </PlTooltip>\n  </div>\n  <PlDialogModal v-model=\"deletingConfirmationModalOpen\">\n    <template #title>Delete chart?</template>\n    <PlAlert type=\"warn\">\n      <strong>This can't be undone!</strong>\n    </PlAlert>\n    <template #actions>\n      <PlBtnPrimary @click.stop=\"onDelete\"> Delete </PlBtnPrimary>\n      <PlBtnGhost :justify-center=\"false\" @click.stop=\"onConfirmationModalClose\">Cancel</PlBtnGhost>\n    </template>\n  </PlDialogModal>\n</template>\n"],"mappings":""}

package/dist/components/SettingsTabs/index.vue2.js

@@ -1,5 +1,83 @@
-import f from "./index.vue.js";
-export {
-  f as default
-};
-//# sourceMappingURL=index.vue2.js.map
+import { isOwnGraphMakerTab as e, resolveIcon as t, resolveTitle as n, tabKeys as r } from "../../forms/index.js";
+import { Fragment as i, computed as a, createBlock as o, createElementBlock as s, createElementVNode as c, createTextVNode as l, createVNode as u, defineComponent as d, normalizeClass as f, openBlock as p, ref as m, renderList as h, resolveDynamicComponent as g, toDisplayString as _, unref as v, withCtx as y, withModifiers as b } from "vue";
+import { PlAlert as x, PlBtnGhost as S, PlBtnPrimary as C, PlDialogModal as w, PlTooltip as T } from "@platforma-sdk/ui-vue";
+var E = { class: "settings-tabs" }, D = { style: { "font-family": "var(--font-family-base)" } }, O = /* @__PURE__ */ d({
+	__name: "index",
+	props: {
+		chartType: {},
+		graphStatus: {},
+		allowDeleting: { type: Boolean },
+		hasSettingsSlot: { type: Boolean },
+		hasAnnotationsSlot: { type: Boolean },
+		hasLogSlot: { type: Boolean },
+		initialLoading: { type: Boolean },
+		modelValue: {}
+	},
+	emits: [
+		"update:modelValue",
+		"export",
+		"delete"
+	],
+	setup(d, { emit: O }) {
+		let k = O, A = d, j = a(() => r().filter((e) => !(e === "annotations" && !A.hasAnnotationsSlot) && !(e === "settings" && !A.hasSettingsSlot) && !(e === "log" && !A.hasLogSlot) && !(e === "statistics" && A.chartType !== "discrete" && A.chartType !== "scatterplot") && !(e === "delete" && !A.allowDeleting)));
+		function M(e) {
+			k("update:modelValue", e === A.modelValue ? null : e);
+		}
+		let N = m(!1);
+		function P() {
+			N.value = !1, k("delete");
+		}
+		function F() {
+			N.value = !1;
+		}
+		function I(t) {
+			return t === "export" && (A.graphStatus !== "ready" || A.chartType === "scatterplot-umap") || A.initialLoading && e(t) || (A.graphStatus === "noPframe" || A.graphStatus === "noPframeWithError" || A.graphStatus === "running") && e(t);
+		}
+		return (e, r) => (p(), s(i, null, [c("div", E, [(p(!0), s(i, null, h(j.value, (r) => (p(), o(v(T), {
+			key: r,
+			"open-delay": 100,
+			"close-delay": 100,
+			class: f(["has-inline-icon", {
+				active: d.modelValue === r && !I(r),
+				"temp-inactive": I(r),
+				[r]: !0
+			}]),
+			position: "left",
+			hide: d.modelValue === r,
+			onClick: (t) => {
+				t.stopPropagation(), r === "export" ? e.$emit("export") : r === "delete" ? N.value = !0 : M(r);
+			}
+		}, {
+			tooltip: y(() => [c("span", D, _(v(n)(r)), 1)]),
+			default: y(() => [(p(), o(g(v(t)(r))))]),
+			_: 2
+		}, 1032, [
+			"class",
+			"hide",
+			"onClick"
+		]))), 128))]), u(v(w), {
+			modelValue: N.value,
+			"onUpdate:modelValue": r[0] ||= (e) => N.value = e
+		}, {
+			title: y(() => [...r[1] ||= [l("Delete chart?", -1)]]),
+			actions: y(() => [u(v(C), { onClick: b(P, ["stop"]) }, {
+				default: y(() => [...r[3] ||= [l(" Delete ", -1)]]),
+				_: 1
+			}), u(v(S), {
+				"justify-center": !1,
+				onClick: b(F, ["stop"])
+			}, {
+				default: y(() => [...r[4] ||= [l("Cancel", -1)]]),
+				_: 1
+			})]),
+			default: y(() => [u(v(x), { type: "warn" }, {
+				default: y(() => [...r[2] ||= [c("strong", null, "This can't be undone!", -1)]]),
+				_: 1
+			})]),
+			_: 1
+		}, 8, ["modelValue"])], 64));
+	}
+});
+export { O as default };
+
+//# sourceMappingURL=index.vue2.js.map

package/dist/components/SettingsTabs/index.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.vue2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
+{"version":3,"file":"index.vue_vue_type_script_setup_true_lang.js","names":["$emit"],"sources":["../../../src/components/SettingsTabs/index.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport type { ChartType } from '@milaboratories/pf-plots';\nimport { PlTooltip, PlDialogModal, PlAlert, PlBtnPrimary, PlBtnGhost } from '@platforma-sdk/ui-vue';\nimport { computed, ref } from 'vue';\nimport type { FormKey } from '../../forms';\nimport { isOwnGraphMakerTab, resolveIcon, resolveTitle, tabKeys } from '../../forms';\nimport type { GraphStatus } from '../../types';\n\nconst emit = defineEmits(['update:modelValue', 'export', 'delete']);\n\nconst props = defineProps<{\n  chartType: ChartType;\n  graphStatus: GraphStatus;\n  allowDeleting?: boolean;\n  hasSettingsSlot?: boolean;\n  hasAnnotationsSlot?: boolean;\n  hasLogSlot?: boolean;\n  initialLoading: boolean;\n  modelValue: FormKey | null;\n}>();\n\nconst tabs = computed(() => tabKeys().filter((key) =>\n  !(key === 'annotations' && !props.hasAnnotationsSlot)\n  && !(key === 'settings' && !props.hasSettingsSlot)\n  && !(key === 'log' && !props.hasLogSlot)\n  && !(key === 'statistics' && props.chartType !== 'discrete' && props.chartType !== 'scatterplot')\n  && !(key === 'delete' && !props.allowDeleting),\n));\n\nfunction updateModel(v: string) {\n  emit('update:modelValue', v === props.modelValue ? null : v);\n}\n\nconst deletingConfirmationModalOpen = ref<boolean>(false);\nfunction onDelete() {\n  deletingConfirmationModalOpen.value = false;\n  emit('delete');\n}\nfunction onConfirmationModalClose() {\n  deletingConfirmationModalOpen.value = false;\n}\n\nfunction isInactive(name: FormKey) {\n  return (name === 'export' && (props.graphStatus !== 'ready' || props.chartType === 'scatterplot-umap'))\n    || (props.initialLoading && isOwnGraphMakerTab(name))\n    || ((props.graphStatus === 'noPframe' || props.graphStatus === 'noPframeWithError' || props.graphStatus === 'running') && isOwnGraphMakerTab(name));\n}\n\n</script>\n\n<template>\n  <div class=\"settings-tabs\">\n    <PlTooltip\n      v-for=\"(name) in tabs\"\n      :key=\"name\"\n      :open-delay=\"100\"\n      :close-delay=\"100\"\n      class=\"has-inline-icon\"\n      :class=\"{\n        'active': (modelValue === name) && !isInactive(name),\n        'temp-inactive': isInactive(name),\n        [name]: true\n      }\"\n      position=\"left\"\n      :hide=\"modelValue === name\"\n      @click=\"(e:Event) => {\n        e.stopPropagation();\n        name === 'export' ? $emit('export') :\n        name === 'delete' ? deletingConfirmationModalOpen = true :\n        updateModel(name)\n      }\"\n    >\n      <component :is=\"resolveIcon(name)\"/>\n      <template #tooltip>\n        <span style=\"font-family: var(--font-family-base);\">\n          {{ resolveTitle(name) }}\n        </span>\n      </template>\n    </PlTooltip>\n  </div>\n  <PlDialogModal v-model=\"deletingConfirmationModalOpen\">\n    <template #title>Delete chart?</template>\n    <PlAlert type=\"warn\">\n      <strong>This can't be undone!</strong>\n    </PlAlert>\n    <template #actions>\n      <PlBtnPrimary @click.stop=\"onDelete\"> Delete </PlBtnPrimary>\n      <PlBtnGhost :justify-center=\"false\" @click.stop=\"onConfirmationModalClose\">Cancel</PlBtnGhost>\n    </template>\n  </PlDialogModal>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;EAQA,IAAM,IAAO,GAEP,IAAQ,GAWR,IAAO,QAAe,GAAS,CAAC,QAAQ,MAC5C,EAAE,MAAQ,iBAAiB,CAAC,EAAM,uBAC/B,EAAE,MAAQ,cAAc,CAAC,EAAM,oBAC/B,EAAE,MAAQ,SAAS,CAAC,EAAM,eAC1B,EAAE,MAAQ,gBAAgB,EAAM,cAAc,cAAc,EAAM,cAAc,kBAChF,EAAE,MAAQ,YAAY,CAAC,EAAM,eACjC,CAAC;EAEF,SAAS,EAAY,GAAW;AAC9B,KAAK,qBAAqB,MAAM,EAAM,aAAa,OAAO,EAAE;;EAG9D,IAAM,IAAgC,EAAa,GAAM;EACzD,SAAS,IAAW;AAElB,GADA,EAA8B,QAAQ,IACtC,EAAK,SAAS;;EAEhB,SAAS,IAA2B;AAClC,KAA8B,QAAQ;;EAGxC,SAAS,EAAW,GAAe;AACjC,UAAQ,MAAS,aAAa,EAAM,gBAAgB,WAAW,EAAM,cAAc,uBAC7E,EAAM,kBAAkB,EAAmB,EAAK,KAC/C,EAAM,gBAAgB,cAAc,EAAM,gBAAgB,uBAAuB,EAAM,gBAAgB,cAAc,EAAmB,EAAK;;qCAMpJ,EA4BM,OA5BN,GA4BM,EAAA,EAAA,GAAA,EA3BJ,EA0BY,GAAA,MAAA,EAzBO,EAAA,QAAT,YADV,EA0BY,EAAA,EAAA,EAAA;GAxBT,KAAK;GACL,cAAY;GACZ,eAAa;GACd,OAAK,EAAA,CAAC,mBAAiB;YACM,EAAA,eAAe,KAAI,CAAM,EAAW,EAAI;qBAA4B,EAAW,EAAI;KAAY,IAAI;;GAKhI,UAAS;GACR,MAAM,EAAA,eAAe;GACrB,UAAQ,MAAO;AAA4C,IAA7B,EAAE,iBAAe,EAAY,MAAI,WAAgBA,EAAAA,MAAK,SAAA,GAAqB,MAAI,WAAgB,EAAA,QAA6B,KAAkB,EAAY,EAAI;;;GAQlL,SAAO,QAGT,CAFP,EAEO,QAFP,GAEO,EADF,EAAA,EAAY,CAAC,EAAI,CAAA,EAAA,EAAA,CAAA,CAAA;oBAHY,EAAA,GAAA,EAApC,EAAoC,EAApB,EAAA,EAAW,CAAC,EAAI,CAAA,CAAA,EAAA,CAAA;;;;;;iBAQpC,EASgB,EAAA,EAAA,EAAA;eATQ,EAAA;4CAA6B,QAAA;;GACxC,OAAK,QAAc,CAAA,GAAA,AAAA,EAAA,OAAA,CAAA,EAAb,iBAAa,GAAA,CAAA,CAAA,CAAA;GAInB,SAAO,QAC4C,CAA5D,EAA4D,EAAA,EAAA,EAAA,EAA7C,SAAK,EAAO,GAAQ,CAAA,OAAA,CAAA,EAAA,EAAA;qBAAU,CAAA,GAAA,AAAA,EAAA,OAAA,CAAA,EAAR,YAAQ,GAAA,CAAA,CAAA,CAAA;;OAC7C,EAA8F,EAAA,EAAA,EAAA;IAAjF,kBAAgB;IAAQ,SAAK,EAAO,GAAwB,CAAA,OAAA,CAAA;;qBAAQ,CAAA,GAAA,AAAA,EAAA,OAAA,CAAA,EAAN,UAAM,GAAA,CAAA,CAAA,CAAA;;;oBAHzE,CAFV,EAEU,EAAA,EAAA,EAAA,EAFD,MAAK,QAAM,EAAA;qBACoB,CAAA,GAAA,AAAA,EAAA,OAAA,CAAtC,EAAsC,UAAA,MAA9B,yBAAqB,GAAA,CAAA,CAAA,CAAA"}

package/dist/components/TransitionSlidePanel.js

@@ -0,0 +1,6 @@
+import e from "./TransitionSlidePanel.vue2.js";
+import './TransitionSlidePanel.style.css';/* empty css                                                     */
+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\n    name=\"slide-panel\"\n    @after-enter=\"onAfterEnter\"\n    @after-leave=\"onAfterLeave\"\n  >\n    <slot/>\n  </Transition>\n</template>\n\n<style lang=\"scss\">\n.slide-panel {\n  &-enter-active {\n    transition: transform .3s ease-out;\n  }\n\n  &-leave-active {\n    transition: transform .3s ease-in-out;\n  }\n\n  &-enter-from {\n    transform: translateX(200%);\n    opacity: 0;\n  }\n\n  &-leave-to {\n    transform: translateX(200%);\n    opacity: 1;\n  }\n}\n</style>\n"],"mappings":""}

package/dist/components/{TransitionSlidePanel.css → TransitionSlidePanel.style.css}

@@ -1 +1 @@
-.slide-panel-enter-active{transition:transform .3s ease-out}.slide-panel-leave-active{transition:transform .3s ease-in-out}.slide-panel-enter-from{transform:translate(200%);opacity:0}.slide-panel-leave-to{transform:translate(200%);opacity:1}
+.slide-panel-enter-active{transition:transform .3s ease-out}.slide-panel-leave-active{transition:transform .3s ease-in-out}.slide-panel-enter-from{opacity:0;transform:translate(200%)}.slide-panel-leave-to{opacity:1;transform:translate(200%)}

package/dist/components/TransitionSlidePanel.vue2.js

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

@@ -0,0 +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\n    name=\"slide-panel\"\n    @after-enter=\"onAfterEnter\"\n    @after-leave=\"onAfterLeave\"\n  >\n    <slot/>\n  </Transition>\n</template>\n\n<style lang=\"scss\">\n.slide-panel {\n  &-enter-active {\n    transition: transform .3s ease-out;\n  }\n\n  &-leave-active {\n    transition: transform .3s ease-in-out;\n  }\n\n  &-enter-from {\n    transform: translateX(200%);\n    opacity: 0;\n  }\n\n  &-leave-to {\n    transform: translateX(200%);\n    opacity: 1;\n  }\n}\n</style>\n"],"mappings":";;;;EACA,SAAS,IAAe;AACtB,UAAO,cAAc,IAAI,YAAY,SAAS,CAAC;;EAGjD,SAAS,IAAe;AACtB,UAAO,cAAc,IAAI,YAAY,SAAS,CAAC;;yBAK/C,EAMa,GAAA;GALX,MAAK;GACS;GACA;;oBAEP,CAAP,EAAO,EAAA,QAAA,UAAA,CAAA,CAAA"}

package/dist/components/Zoom/ZoomInput.js

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

package/dist/components/Zoom/ZoomInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ZoomInput.js","names":[],"sources":["../../../src/components/Zoom/ZoomInput.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { computed, ref, watch } from 'vue';\nimport DoubleContour from '../DoubleContourTemp.vue';\n\nconst emit = defineEmits(['update:modelValue']);\n\nconst props = defineProps<{\n  modelValue?: number;\n}>();\n\nconst input = ref<HTMLInputElement | undefined>();\n\nconst focused = ref(false);\n\nconst innerValue = ref(String(props.modelValue));\n\nconst value = computed({\n  get() {\n    const v = innerValue.value ?? '100';\n    return focused.value ? v : v + '%';\n  },\n  set(v) {\n    innerValue.value = v;\n    return v;\n  },\n});\n\nwatch(() => focused.value, (f) => {\n  if (!f) {\n    const converted = Number(innerValue.value);\n    if (!isNaN(converted)) {\n      emit('update:modelValue', converted);\n    } else {\n      innerValue.value = String(props.modelValue);\n    }\n  }\n});\n\nwatch(() => props.modelValue, (v) => {\n  innerValue.value = String(v);\n});\n\n</script>\n\n<template>\n  <div\n    class=\"zoom-text-field__envelope zoom-input\"\n    @focusin=\"focused = true\"\n    @focusout=\"focused = false\"\n    @keyup.enter=\"input?.blur()\"\n  >\n    <div class=\"zoom-text-field\">\n      <input ref=\"input\" v-model=\"value\" type=\"text\" />\n      <DoubleContour style=\"z-index: 1;\" class=\"zoom-text-field__contour\" />\n    </div>\n  </div>\n</template>\n"],"mappings":""}

package/dist/components/Zoom/ZoomInput.vue2.js

@@ -1,5 +1,42 @@
-import f from "./ZoomInput.vue.js";
-export {
-  f as default
-};
-//# sourceMappingURL=ZoomInput.vue2.js.map
+import e from "../DoubleContourTemp.js";
+import { computed as t, createElementBlock as n, createElementVNode as r, createVNode as i, defineComponent as a, openBlock as o, ref as s, vModelText as c, watch as l, withDirectives as u, withKeys as d } from "vue";
+var f = { class: "zoom-text-field" }, p = /* @__PURE__ */ a({
+	__name: "ZoomInput",
+	props: { modelValue: {} },
+	emits: ["update:modelValue"],
+	setup(a, { emit: p }) {
+		let m = p, h = a, g = s(), _ = s(!1), v = s(String(h.modelValue)), y = t({
+			get() {
+				let e = v.value ?? "100";
+				return _.value ? e : e + "%";
+			},
+			set(e) {
+				return v.value = e, e;
+			}
+		});
+		return l(() => _.value, (e) => {
+			if (!e) {
+				let e = Number(v.value);
+				isNaN(e) ? v.value = String(h.modelValue) : m("update:modelValue", e);
+			}
+		}), l(() => h.modelValue, (e) => {
+			v.value = String(e);
+		}), (t, a) => (o(), n("div", {
+			class: "zoom-text-field__envelope zoom-input",
+			onFocusin: a[1] ||= (e) => _.value = !0,
+			onFocusout: a[2] ||= (e) => _.value = !1,
+			onKeyup: a[3] ||= d((e) => g.value?.blur(), ["enter"])
+		}, [r("div", f, [u(r("input", {
+			ref_key: "input",
+			ref: g,
+			"onUpdate:modelValue": a[0] ||= (e) => y.value = e,
+			type: "text"
+		}, null, 512), [[c, y.value]]), i(e, {
+			style: { "z-index": "1" },
+			class: "zoom-text-field__contour"
+		})])], 32));
+	}
+});
+export { p as default };
+
+//# sourceMappingURL=ZoomInput.vue2.js.map

package/dist/components/Zoom/ZoomInput.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"ZoomInput.vue2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
+{"version":3,"file":"ZoomInput.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/Zoom/ZoomInput.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { computed, ref, watch } from 'vue';\nimport DoubleContour from '../DoubleContourTemp.vue';\n\nconst emit = defineEmits(['update:modelValue']);\n\nconst props = defineProps<{\n  modelValue?: number;\n}>();\n\nconst input = ref<HTMLInputElement | undefined>();\n\nconst focused = ref(false);\n\nconst innerValue = ref(String(props.modelValue));\n\nconst value = computed({\n  get() {\n    const v = innerValue.value ?? '100';\n    return focused.value ? v : v + '%';\n  },\n  set(v) {\n    innerValue.value = v;\n    return v;\n  },\n});\n\nwatch(() => focused.value, (f) => {\n  if (!f) {\n    const converted = Number(innerValue.value);\n    if (!isNaN(converted)) {\n      emit('update:modelValue', converted);\n    } else {\n      innerValue.value = String(props.modelValue);\n    }\n  }\n});\n\nwatch(() => props.modelValue, (v) => {\n  innerValue.value = String(v);\n});\n\n</script>\n\n<template>\n  <div\n    class=\"zoom-text-field__envelope zoom-input\"\n    @focusin=\"focused = true\"\n    @focusout=\"focused = false\"\n    @keyup.enter=\"input?.blur()\"\n  >\n    <div class=\"zoom-text-field\">\n      <input ref=\"input\" v-model=\"value\" type=\"text\" />\n      <DoubleContour style=\"z-index: 1;\" class=\"zoom-text-field__contour\" />\n    </div>\n  </div>\n</template>\n"],"mappings":";;;;;;;EAIA,IAAM,IAAO,GAEP,IAAQ,GAIR,IAAQ,GAAmC,EAE3C,IAAU,EAAI,GAAM,EAEpB,IAAa,EAAI,OAAO,EAAM,WAAW,CAAC,EAE1C,IAAQ,EAAS;GACrB,MAAM;IACJ,IAAM,IAAI,EAAW,SAAS;AAC9B,WAAO,EAAQ,QAAQ,IAAI,IAAI;;GAEjC,IAAI,GAAG;AAEL,WADA,EAAW,QAAQ,GACZ;;GAEV,CAAC;SAEF,QAAY,EAAQ,QAAQ,MAAM;AAChC,OAAI,CAAC,GAAG;IACN,IAAM,IAAY,OAAO,EAAW,MAAM;AAC1C,IAAK,MAAM,EAAU,GAGnB,EAAW,QAAQ,OAAO,EAAM,WAAW,GAF3C,EAAK,qBAAqB,EAAU;;IAKxC,EAEF,QAAY,EAAM,aAAa,MAAM;AACnC,KAAW,QAAQ,OAAO,EAAE;IAC5B,kBAKA,EAUM,OAAA;GATJ,OAAM;GACL,WAAO,AAAA,EAAA,QAAA,MAAE,EAAA,QAAO;GAChB,YAAQ,AAAA,EAAA,QAAA,MAAE,EAAA,QAAO;GACjB,SAAK,AAAA,EAAA,OAAA,GAAA,MAAQ,EAAA,OAAO,MAAI,EAAA,CAAA,QAAA,CAAA;MAEzB,EAGM,OAHN,GAGM,CAAA,EAFJ,EAAiD,SAAA;YAAtC;GAAJ,KAAI;4CAAsB,QAAA;GAAE,MAAK;sBAAZ,EAAA,MAAK,CAAA,CAAA,EACjC,EAAsE,GAAA;GAAvD,OAAA,EAAA,WAAA,KAAmB;GAAC,OAAM"}

package/dist/components/Zoom/index.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/Zoom/index.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { PlBtnGhost } from '@platforma-sdk/ui-vue';\nimport ZoomInput from './ZoomInput.vue';\nimport MinusIcon from '../../icons/MinusIcon.vue';\nimport PlusIcon from '../../icons/PlusIcon.vue';\nimport { useStore } from '../../store';\n\nconst store = useStore();\n\nconst MIN_CHART_SCALE = 20;\nconst MAX_CHART_SCALE = 400;\nconst CHART_SCALE_STEP = 10;\n\nfunction checkMinMax(value: number) {\n  return Math.max(\n    MIN_CHART_SCALE,\n    Math.min(MAX_CHART_SCALE, value),\n  );\n}\nfunction decreaseScale() {\n  store.value.reactive.chartScale = checkMinMax(store.value.reactive.chartScale - CHART_SCALE_STEP);\n}\nfunction increaseScale() {\n  store.value.reactive.chartScale = checkMinMax(store.value.reactive.chartScale + CHART_SCALE_STEP);\n}\n</script>\n\n<template>\n  <div class=\"zoom-container\">\n    <div class=\"zoom-border\"/>\n    <PlBtnGhost @click=\"decreaseScale\">\n      <component :is=\"MinusIcon\"/>\n    </PlBtnGhost>\n    <ZoomInput\n      :modelValue=\"store.reactive.chartScale\"\n      @update:modelValue=\"(v:number) => store.reactive.chartScale = checkMinMax(v)\"\n    />\n    <PlBtnGhost @click=\"increaseScale\">\n      <component :is=\"PlusIcon\"/>\n    </PlBtnGhost>\n  </div>\n</template>\n"],"mappings":""}

package/dist/components/Zoom/index.vue2.js

@@ -1,5 +1,39 @@
-import f from "./index.vue.js";
-export {
-  f as default
-};
-//# sourceMappingURL=index.vue2.js.map
+import { useStore as e } from "../../store.js";
+import t from "./ZoomInput.js";
+import n from "../../icons/MinusIcon.js";
+import r from "../../icons/PlusIcon.js";
+import { createBlock as i, createElementBlock as a, createElementVNode as o, createVNode as s, defineComponent as c, openBlock as l, resolveDynamicComponent as u, unref as d, withCtx as f } from "vue";
+import { PlBtnGhost as p } from "@platforma-sdk/ui-vue";
+var m = { class: "zoom-container" }, h = 20, g = 400, _ = 10, v = /* @__PURE__ */ c({
+	__name: "index",
+	setup(c) {
+		let v = e();
+		function y(e) {
+			return Math.max(h, Math.min(g, e));
+		}
+		function b() {
+			v.value.reactive.chartScale = y(v.value.reactive.chartScale - _);
+		}
+		function x() {
+			v.value.reactive.chartScale = y(v.value.reactive.chartScale + _);
+		}
+		return (e, c) => (l(), a("div", m, [
+			c[1] ||= o("div", { class: "zoom-border" }, null, -1),
+			s(d(p), { onClick: b }, {
+				default: f(() => [(l(), i(u(n)))]),
+				_: 1
+			}),
+			s(t, {
+				modelValue: d(v).reactive.chartScale,
+				"onUpdate:modelValue": c[0] ||= (e) => d(v).reactive.chartScale = y(e)
+			}, null, 8, ["modelValue"]),
+			s(d(p), { onClick: x }, {
+				default: f(() => [(l(), i(u(r)))]),
+				_: 1
+			})
+		]));
+	}
+});
+export { v as default };
+
+//# sourceMappingURL=index.vue2.js.map

package/dist/components/Zoom/index.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.vue2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
+{"version":3,"file":"index.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/Zoom/index.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { PlBtnGhost } from '@platforma-sdk/ui-vue';\nimport ZoomInput from './ZoomInput.vue';\nimport MinusIcon from '../../icons/MinusIcon.vue';\nimport PlusIcon from '../../icons/PlusIcon.vue';\nimport { useStore } from '../../store';\n\nconst store = useStore();\n\nconst MIN_CHART_SCALE = 20;\nconst MAX_CHART_SCALE = 400;\nconst CHART_SCALE_STEP = 10;\n\nfunction checkMinMax(value: number) {\n  return Math.max(\n    MIN_CHART_SCALE,\n    Math.min(MAX_CHART_SCALE, value),\n  );\n}\nfunction decreaseScale() {\n  store.value.reactive.chartScale = checkMinMax(store.value.reactive.chartScale - CHART_SCALE_STEP);\n}\nfunction increaseScale() {\n  store.value.reactive.chartScale = checkMinMax(store.value.reactive.chartScale + CHART_SCALE_STEP);\n}\n</script>\n\n<template>\n  <div class=\"zoom-container\">\n    <div class=\"zoom-border\"/>\n    <PlBtnGhost @click=\"decreaseScale\">\n      <component :is=\"MinusIcon\"/>\n    </PlBtnGhost>\n    <ZoomInput\n      :modelValue=\"store.reactive.chartScale\"\n      @update:modelValue=\"(v:number) => store.reactive.chartScale = checkMinMax(v)\"\n    />\n    <PlBtnGhost @click=\"increaseScale\">\n      <component :is=\"PlusIcon\"/>\n    </PlBtnGhost>\n  </div>\n</template>\n"],"mappings":";;;;;;qCASM,IAAkB,IAClB,IAAkB,KAClB,IAAmB;;;EAJzB,IAAM,IAAQ,GAAU;EAMxB,SAAS,EAAY,GAAe;AAClC,UAAO,KAAK,IACV,GACA,KAAK,IAAI,GAAiB,EAAM,CACjC;;EAEH,SAAS,IAAgB;AACvB,KAAM,MAAM,SAAS,aAAa,EAAY,EAAM,MAAM,SAAS,aAAa,EAAiB;;EAEnG,SAAS,IAAgB;AACvB,KAAM,MAAM,SAAS,aAAa,EAAY,EAAM,MAAM,SAAS,aAAa,EAAiB;;yBAKjG,EAYM,OAZN,GAYM;YAXJ,EAA0B,OAAA,EAArB,OAAM,eAAa,EAAA,MAAA,GAAA;GACxB,EAEa,EAAA,EAAA,EAAA,EAFA,SAAO,GAAa,EAAA;qBACH,EAAA,GAAA,EAA5B,EAA4B,EAAZ,EAAS,CAAA,EAAA,CAAA;;;GAE3B,EAGE,GAAA;IAFC,YAAY,EAAA,EAAK,CAAC,SAAS;IAC3B,uBAAiB,AAAA,EAAA,QAAG,MAAa,EAAA,EAAK,CAAC,SAAS,aAAa,EAAY,EAAC;;GAE7E,EAEa,EAAA,EAAA,EAAA,EAFA,SAAO,GAAa,EAAA;qBACJ,EAAA,GAAA,EAA3B,EAA2B,EAAX,EAAQ,CAAA,EAAA,CAAA"}

package/dist/composition/useComponent.js

@@ -1,17 +1,13 @@
-import { computed as t, unref as u, h as r } from "vue";
-function f(n, { slots: o }) {
-  return r("div", Object.assign({}, n, {
-    class: "non-found-component"
-  }), o.default && o.default());
+import { computed as e, h as t, unref as n } from "vue";
+function r(e, { slots: n }) {
+	return t("div", Object.assign({}, e, { class: "non-found-component" }), n.default && n.default());
 }
-function m(n, o) {
-  return t(() => {
-    const e = u(o);
-    return e && n[e] ? n[e] : f;
-  });
+function i(t, i) {
+	return e(() => {
+		let e = n(i);
+		return e && t[e] ? t[e] : r;
+	});
 }
-export {
-  f as NotFoundComponent,
-  m as useComponent
-};
-//# sourceMappingURL=useComponent.js.map
+export { i as useComponent };
+
+//# sourceMappingURL=useComponent.js.map

package/dist/composition/useComponent.js.map

@@ -1 +1 @@
-{"version":3,"file":"useComponent.js","sources":["../../src/composition/useComponent.ts"],"sourcesContent":["import type { Component, Slots } from 'vue';\nimport { computed, h, unref } from 'vue';\nimport type { MaybeRef } from '@platforma-sdk/ui-vue';\n\nexport function NotFoundComponent(props: Record<string, unknown>, { slots }: { slots: Slots }) {\n  return h('div', Object.assign({}, props, {\n    class: 'non-found-component',\n  }), slots.default && slots.default());\n}\n\nexport function useComponent<K extends string>(dict: Record<K, Component | null>, keyRef: MaybeRef<K | null>) {\n  return computed(() => {\n    const key = unref(keyRef);\n    return (key && dict[key]) ? dict[key] : NotFoundComponent;\n  });\n}\n"],"names":["NotFoundComponent","props","slots","h","useComponent","dict","keyRef","computed","key","unref"],"mappings":";AAIO,SAASA,EAAkBC,GAAgC,EAAE,OAAAC,KAA2B;AAC7F,SAAOC,EAAE,OAAO,OAAO,OAAO,CAAA,GAAIF,GAAO;AAAA,IACvC,OAAO;AAAA,EAAA,CACR,GAAGC,EAAM,WAAWA,EAAM,SAAS;AACtC;AAEO,SAASE,EAA+BC,GAAmCC,GAA4B;AAC5G,SAAOC,EAAS,MAAM;AACpB,UAAMC,IAAMC,EAAMH,CAAM;AACxB,WAAQE,KAAOH,EAAKG,CAAG,IAAKH,EAAKG,CAAG,IAAIR;AAAA,EAC1C,CAAC;AACH;"}
+{"version":3,"file":"useComponent.js","names":[],"sources":["../../src/composition/useComponent.ts"],"sourcesContent":["import type { Component, Slots } from 'vue';\nimport { computed, h, unref } from 'vue';\nimport type { MaybeRef } from '@platforma-sdk/ui-vue';\n\nexport function NotFoundComponent(props: Record<string, unknown>, { slots }: { slots: Slots }) {\n  return h('div', Object.assign({}, props, {\n    class: 'non-found-component',\n  }), slots.default && slots.default());\n}\n\nexport function useComponent<K extends string>(dict: Record<K, Component | null>, keyRef: MaybeRef<K | null>) {\n  return computed(() => {\n    const key = unref(keyRef);\n    return (key && dict[key]) ? dict[key] : NotFoundComponent;\n  });\n}\n"],"mappings":";AAIA,SAAgB,EAAkB,GAAgC,EAAE,YAA2B;AAC7F,QAAO,EAAE,OAAO,OAAO,OAAO,EAAE,EAAE,GAAO,EACvC,OAAO,uBACR,CAAC,EAAE,EAAM,WAAW,EAAM,SAAS,CAAC;;AAGvC,SAAgB,EAA+B,GAAmC,GAA4B;AAC5G,QAAO,QAAe;EACpB,IAAM,IAAM,EAAM,EAAO;AACzB,SAAQ,KAAO,EAAK,KAAQ,EAAK,KAAO;GACxC"}