@milaboratories/graph-maker 1.2.7 → 1.2.9

package/dist/forms/LayersForm/Layer/heatmap/HeatmapClustered.vue2.js

@@ -19,14 +19,14 @@ var S = { class: "checkbox-item" }, C = {
 		display: "flex",
 		alignItems: "end"
 	}
-}, M = "heatmapClustered", N = /* @__PURE__ */ m({
+}, M = { class: "checkbox-item" }, N = { class: "checkbox-item" }, P = "heatmapClustered", F = /* @__PURE__ */ m({
 	__name: "HeatmapClustered",
 	setup(m) {
-		let N = o(), P = c(() => N.value.reactive.layersSettings[M]), F = c(() => N.value.reactive.optionsState), I = c(() => N.value.inputGuide.value), L = c(() => F.value.components.value.selectorStates[0]?.selectedSource), R = c(() => L.value ? N.value.reactive.dataBindAes[L.value]?.palette : void 0), z = g(!1), B = g(R.value ?? N.value.defaultPalette.continuous);
-		function V(e) {
-			B.value = e, z.value = !1, L.value && (N.value.reactive.dataBindAes[L.value] = t(e));
+		let F = o(), I = c(() => F.value.reactive.layersSettings[P]), L = c(() => F.value.reactive.optionsState), R = c(() => F.value.inputGuide.value), z = c(() => L.value.components.value.selectorStates[0]?.selectedSource), B = c(() => z.value ? F.value.reactive.dataBindAes[z.value]?.palette : void 0), V = g(!1), H = g(B.value ?? F.value.defaultPalette.continuous);
+		function U(e) {
+			H.value = e, V.value = !1, z.value && (F.value.reactive.dataBindAes[z.value] = t(e));
 		}
-		let H = [
+		let W = [
 			{
 				label: "None",
 				value: null
@@ -39,111 +39,119 @@ var S = { class: "checkbox-item" }, C = {
 				label: "Rows",
 				value: "row"
 			}
-		], U = [{
+		], G = [{
 			label: "z-score",
 			value: "standardScaling"
 		}, {
 			label: "Min-max",
 			value: "meanNormalization"
-		}], W = [{
+		}], K = [{
 			label: "empty",
 			value: null
 		}, {
 			label: "Special value",
 			value: "custom"
-		}], G = n, K = g(P.value.NAValueAs === null ? P.value.NAValueAs : "custom"), q = g(P.value.NAValueAs ?? 0);
+		}], q = n, J = g(I.value.NAValueAs === null ? I.value.NAValueAs : "custom"), Y = g(I.value.NAValueAs ?? 0);
 		return (t, n) => (h(), d(s, null, [
 			p(a, {
 				label: "Color Palette ",
-				title: _(e)[B.value].title,
-				palette: B.value,
+				title: _(e)[H.value].title,
+				palette: H.value,
 				onButtonClick: n[0] ||= (e) => {
-					z.value = !0;
+					V.value = !0;
 				}
 			}, null, 8, ["title", "palette"]),
-			z.value ? (h(), l(r, {
+			V.value ? (h(), l(r, {
 				key: 0,
 				title: "Color Palette",
 				"back-title": "Color mapping",
-				"onForm:close": n[1] ||= (e) => z.value = !1
+				"onForm:close": n[1] ||= (e) => V.value = !1
 			}, {
 				default: v(() => [p(i, {
-					selected: B.value,
-					categorical: L.value ? I.value.getSourceInfo(L.value).type === "String" : !1,
-					onSelect: V
+					selected: H.value,
+					categorical: z.value ? R.value.getSourceInfo(z.value).type === "String" : !1,
+					onSelect: U
 				}, null, 8, ["selected", "categorical"])]),
 				_: 1
 			})) : u("", !0),
 			f("div", S, [p(_(b), {
-				modelValue: P.value.disableClusteringX,
-				"onUpdate:modelValue": n[2] ||= (e) => P.value.disableClusteringX = e
-			}, null, 8, ["modelValue"]), n[15] ||= f("span", null, "Disable clustering for X axis", -1)]),
-			P.value.disableClusteringX ? u("", !0) : (h(), d("div", C, [p(_(b), {
-				modelValue: P.value.dendrogramX,
-				"onUpdate:modelValue": n[3] ||= (e) => P.value.dendrogramX = e
-			}, null, 8, ["modelValue"]), n[16] ||= f("span", null, "Show dendrogram for X axis", -1)])),
+				modelValue: I.value.disableClusteringX,
+				"onUpdate:modelValue": n[2] ||= (e) => I.value.disableClusteringX = e
+			}, null, 8, ["modelValue"]), n[17] ||= f("span", null, "Disable clustering for X axis", -1)]),
+			I.value.disableClusteringX ? u("", !0) : (h(), d("div", C, [p(_(b), {
+				modelValue: I.value.dendrogramX,
+				"onUpdate:modelValue": n[3] ||= (e) => I.value.dendrogramX = e
+			}, null, 8, ["modelValue"]), n[18] ||= f("span", null, "Show dendrogram for X axis", -1)])),
 			f("div", w, [p(_(b), {
-				modelValue: P.value.disableClusteringY,
-				"onUpdate:modelValue": n[4] ||= (e) => P.value.disableClusteringY = e
-			}, null, 8, ["modelValue"]), n[17] ||= f("span", null, "Disable clustering for Y axis", -1)]),
-			P.value.disableClusteringY ? u("", !0) : (h(), d("div", T, [p(_(b), {
-				modelValue: P.value.dendrogramY,
-				"onUpdate:modelValue": n[5] ||= (e) => P.value.dendrogramY = e
-			}, null, 8, ["modelValue"]), n[18] ||= f("span", null, "Show dendrogram for Y axis", -1)])),
+				modelValue: I.value.disableClusteringY,
+				"onUpdate:modelValue": n[4] ||= (e) => I.value.disableClusteringY = e
+			}, null, 8, ["modelValue"]), n[19] ||= f("span", null, "Disable clustering for Y axis", -1)]),
+			I.value.disableClusteringY ? u("", !0) : (h(), d("div", T, [p(_(b), {
+				modelValue: I.value.dendrogramY,
+				"onUpdate:modelValue": n[5] ||= (e) => I.value.dendrogramY = e
+			}, null, 8, ["modelValue"]), n[20] ||= f("span", null, "Show dendrogram for Y axis", -1)])),
 			f("div", E, [p(_(y), {
-				modelValue: P.value.normalizationDirection,
-				"onUpdate:modelValue": n[6] ||= (e) => P.value.normalizationDirection = e,
+				modelValue: I.value.normalizationDirection,
+				"onUpdate:modelValue": n[6] ||= (e) => I.value.normalizationDirection = e,
 				label: "Normalize by",
-				options: H,
+				options: W,
 				compact: !0
 			}, null, 8, ["modelValue"])]),
 			f("div", D, [p(_(y), {
-				modelValue: P.value.normalizationMethod,
-				"onUpdate:modelValue": n[7] ||= (e) => P.value.normalizationMethod = e,
+				modelValue: I.value.normalizationMethod,
+				"onUpdate:modelValue": n[7] ||= (e) => I.value.normalizationMethod = e,
 				label: "Normalization method",
-				options: U,
+				options: G,
 				compact: !0
 			}, null, 8, ["modelValue"])]),
 			f("div", O, [p(_(b), {
-				modelValue: P.value.aggregateByX,
-				"onUpdate:modelValue": n[8] ||= (e) => P.value.aggregateByX = e
-			}, null, 8, ["modelValue"]), n[19] ||= f("span", null, "Aggregate X groups", -1)]),
+				modelValue: I.value.aggregateByX,
+				"onUpdate:modelValue": n[8] ||= (e) => I.value.aggregateByX = e
+			}, null, 8, ["modelValue"]), n[21] ||= f("span", null, "Aggregate X groups", -1)]),
 			f("div", k, [p(_(b), {
-				modelValue: P.value.aggregateByY,
-				"onUpdate:modelValue": n[9] ||= (e) => P.value.aggregateByY = e
-			}, null, 8, ["modelValue"]), n[20] ||= f("span", null, "Aggregate Y groups", -1)]),
+				modelValue: I.value.aggregateByY,
+				"onUpdate:modelValue": n[9] ||= (e) => I.value.aggregateByY = e
+			}, null, 8, ["modelValue"]), n[22] ||= f("span", null, "Aggregate Y groups", -1)]),
 			f("div", A, [p(_(y), {
-				modelValue: P.value.aggregationMethod,
-				"onUpdate:modelValue": n[10] ||= (e) => P.value.aggregationMethod = e,
+				modelValue: I.value.aggregationMethod,
+				"onUpdate:modelValue": n[10] ||= (e) => I.value.aggregationMethod = e,
 				label: "Aggregation method",
-				options: _(G),
+				options: _(q),
 				compact: !0
 			}, null, 8, ["modelValue", "options"])]),
 			f("div", j, [p(_(y), {
-				modelValue: K.value,
-				"onUpdate:modelValue": [n[11] ||= (e) => K.value = e, n[12] ||= (e) => {
-					e === "custom" ? P.value.NAValueAs = q.value : P.value.NAValueAs = e;
+				modelValue: J.value,
+				"onUpdate:modelValue": [n[11] ||= (e) => J.value = e, n[12] ||= (e) => {
+					e === "custom" ? I.value.NAValueAs = Y.value : I.value.NAValueAs = e;
 				}],
 				label: "Treat NA value as:",
-				options: W,
+				options: K,
 				compact: !0
 			}, null, 8, ["modelValue"]), p(_(x), {
-				modelValue: q.value,
-				"onUpdate:modelValue": [n[13] ||= (e) => q.value = e, n[14] ||= (e) => {
-					e !== void 0 && (P.value.NAValueAs = e);
+				modelValue: Y.value,
+				"onUpdate:modelValue": [n[13] ||= (e) => Y.value = e, n[14] ||= (e) => {
+					e !== void 0 && (I.value.NAValueAs = e);
 				}],
 				style: {
 					height: "33px",
 					marginLeft: "16px",
 					width: "75px"
 				},
-				disabled: K.value !== "custom",
+				disabled: J.value !== "custom",
 				label: "NA value",
 				useIncrementButtons: !1
-			}, null, 8, ["modelValue", "disabled"])])
+			}, null, 8, ["modelValue", "disabled"])]),
+			f("div", M, [p(_(b), {
+				modelValue: I.value.showEmptyRows,
+				"onUpdate:modelValue": n[15] ||= (e) => I.value.showEmptyRows = e
+			}, null, 8, ["modelValue"]), n[23] ||= f("span", null, "Show empty rows", -1)]),
+			f("div", N, [p(_(b), {
+				modelValue: I.value.showEmptyColumns,
+				"onUpdate:modelValue": n[16] ||= (e) => I.value.showEmptyColumns = e
+			}, null, 8, ["modelValue"]), n[24] ||= f("span", null, "Show empty columns", -1)])
 		], 64));
 	}
 });
-export { N as default };
+export { F as default };
 
 //# sourceMappingURL=HeatmapClustered.vue2.js.map

package/dist/forms/LayersForm/Layer/heatmap/HeatmapClustered.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"HeatmapClustered.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../../../src/forms/LayersForm/Layer/heatmap/HeatmapClustered.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { useStore } from '../../../../store';\nimport type { HeatmapLayer } from '../../../../types';\nimport type { SimpleOption } from '@platforma-sdk/ui-vue';\nimport { PlBtnGroup, PlCheckbox, PlNumberField } from '@platforma-sdk/ui-vue';\nimport { computed, ref } from 'vue';\nimport { PALETTE_MAP } from '../../../../constantsAesthetic';\nimport type { HeatmapUIState, InputGuide } from '@milaboratories/pf-plots';\nimport type { ContinuousPalette } from '../../../../components/AesSettings/types';\nimport { createContinuousMappingFromPalette } from '../../../../dataBindAes';\nimport MultiselectButton from '../../../../components/MultiselectButton.vue';\nimport PalettesForm from '../../../../components/AesSettings/PalettesForm.vue';\nimport FormWrapper from '../../../../components/AesSettings/FormWrapper.vue';\nimport { AGGREGATION_METHOD_OPTIONS } from '../../../../constantsCommon';\n\nconst store = useStore();\nconst layer: HeatmapLayer = 'heatmapClustered';\nconst settings = computed(() => store.value.reactive.layersSettings[layer]);\n\nconst optionsState = computed(() => store.value.reactive.optionsState as HeatmapUIState);\nconst inputGuide = computed(() => store.value.inputGuide.value as InputGuide<HeatmapUIState>);\n\nconst dataSource = computed(() => optionsState.value.components.value.selectorStates[0]?.selectedSource);\nconst savedDataValuePalette = computed(() => dataSource.value ? store.value.reactive.dataBindAes[dataSource.value]?.palette : undefined);\n\nconst palettesOpen = ref(false);\nconst palette = ref<ContinuousPalette>(savedDataValuePalette.value as ContinuousPalette ?? store.value.defaultPalette.continuous);\n\nfunction onPaletteSelect(value: ContinuousPalette) {\n  palette.value = value;\n  palettesOpen.value = false;\n  if (dataSource.value) {\n    store.value.reactive.dataBindAes[dataSource.value] = createContinuousMappingFromPalette(value);\n  }\n}\nconst NORMALIZATION_DIRECTION: SimpleOption[] = [\n  { label: 'None', value: null },\n  { label: 'Columns', value: 'column' },\n  { label: 'Rows', value: 'row' },\n];\nconst NORMALIZATION_METHOD: SimpleOption[] = [\n  { label: 'z-score', value: 'standardScaling' },\n  { label: 'Min-max', value: 'meanNormalization' },\n];\nconst NA_VALUE_OPTIONS: SimpleOption[] = [\n  { label: 'empty', value: null },\n  { label: 'Special value', value: 'custom' },\n];\nconst AGGREGATION_METHOD = AGGREGATION_METHOD_OPTIONS;\n\nconst NAValueOption = ref(settings.value.NAValueAs !== null ? 'custom' : settings.value.NAValueAs);\nconst customNA = ref(settings.value.NAValueAs ?? 0);\n</script>\n\n<template>\n  <MultiselectButton\n    label=\"Color Palette \"\n    :title=\"PALETTE_MAP[palette].title\"\n    :palette=\"palette\"\n    @button-click=\"palettesOpen = true;\"\n  />\n  <FormWrapper\n    v-if=\"palettesOpen\"\n    title=\"Color Palette\"\n    back-title=\"Color mapping\"\n    @form:close=\"palettesOpen = false\"\n  >\n    <PalettesForm :selected=\"palette\" :categorical=\"dataSource ? inputGuide.getSourceInfo(dataSource).type === 'String' : false\" @select=\"onPaletteSelect\" />\n  </FormWrapper>\n  <div class=\"checkbox-item\">\n    <PlCheckbox v-model=\"settings.disableClusteringX\"/>\n    <span>Disable clustering for X axis</span>\n  </div>\n  <div v-if=\"!settings.disableClusteringX\" class=\"checkbox-item\">\n    <PlCheckbox v-model=\"settings.dendrogramX\" />\n    <span>Show dendrogram for X axis</span>\n  </div>\n  <div class=\"checkbox-item\">\n    <PlCheckbox v-model=\"settings.disableClusteringY\"/>\n    <span>Disable clustering for Y axis</span>\n  </div>\n  <div v-if=\"!settings.disableClusteringY\" class=\"checkbox-item\">\n    <PlCheckbox v-model=\"settings.dendrogramY\"/>\n    <span>Show dendrogram for Y axis</span>\n  </div>\n  <div class=\"button-group-item\">\n    <PlBtnGroup\n      v-model=\"settings.normalizationDirection\"\n      label=\"Normalize by\"\n      :options=\"NORMALIZATION_DIRECTION\"\n      :compact=\"true\"\n    />\n  </div>\n  <div class=\"button-group-item\">\n    <PlBtnGroup\n      v-model=\"settings.normalizationMethod\"\n      label=\"Normalization method\"\n      :options=\"NORMALIZATION_METHOD\"\n      :compact=\"true\"\n    />\n  </div>\n  <div class=\"checkbox-item\">\n    <PlCheckbox v-model=\"settings.aggregateByX\"/>\n    <span>Aggregate X groups</span>\n  </div>\n  <div class=\"checkbox-item\">\n    <PlCheckbox v-model=\"settings.aggregateByY\"/>\n    <span>Aggregate Y groups</span>\n  </div>\n  <div class=\"button-group-item\">\n    <PlBtnGroup\n      v-model=\"settings.aggregationMethod\"\n      label=\"Aggregation method\"\n      :options=\"AGGREGATION_METHOD\"\n      :compact=\"true\"\n    />\n  </div>\n  <div class=\"button-group-item\" :style=\"{display: 'flex', alignItems: 'end'}\">\n    <PlBtnGroup\n      v-model=\"NAValueOption\"\n      label=\"Treat NA value as:\"\n      :options=\"NA_VALUE_OPTIONS\"\n      :compact=\"true\"\n      @update:modelValue=\"(value:unknown) => {\n        if (value === 'custom') {\n          settings.NAValueAs = customNA;\n        } else {\n          settings.NAValueAs = value as number|null;\n        }\n      }\"\n    />\n    <PlNumberField\n      v-model=\"customNA\"\n      :style=\"{height: '33px', marginLeft: '16px', width: '75px'}\"\n      :disabled=\"NAValueOption !== 'custom'\"\n      label=\"NA value\"\n      :useIncrementButtons=\"false\"\n      @update:modelValue=\"(value:unknown) => {\n        if (value !== undefined) {\n          settings.NAValueAs = value as number;\n        }\n      }\"\n    />\n  </div>\n</template>\n"],"mappings":"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"}
+{"version":3,"file":"HeatmapClustered.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../../../src/forms/LayersForm/Layer/heatmap/HeatmapClustered.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { useStore } from '../../../../store';\nimport type { HeatmapLayer } from '../../../../types';\nimport type { SimpleOption } from '@platforma-sdk/ui-vue';\nimport { PlBtnGroup, PlCheckbox, PlNumberField } from '@platforma-sdk/ui-vue';\nimport { computed, ref } from 'vue';\nimport { PALETTE_MAP } from '../../../../constantsAesthetic';\nimport type { HeatmapUIState, InputGuide } from '@milaboratories/pf-plots';\nimport type { ContinuousPalette } from '../../../../components/AesSettings/types';\nimport { createContinuousMappingFromPalette } from '../../../../dataBindAes';\nimport MultiselectButton from '../../../../components/MultiselectButton.vue';\nimport PalettesForm from '../../../../components/AesSettings/PalettesForm.vue';\nimport FormWrapper from '../../../../components/AesSettings/FormWrapper.vue';\nimport { AGGREGATION_METHOD_OPTIONS } from '../../../../constantsCommon';\n\nconst store = useStore();\nconst layer: HeatmapLayer = 'heatmapClustered';\nconst settings = computed(() => store.value.reactive.layersSettings[layer]);\n\nconst optionsState = computed(() => store.value.reactive.optionsState as HeatmapUIState);\nconst inputGuide = computed(() => store.value.inputGuide.value as InputGuide<HeatmapUIState>);\n\nconst dataSource = computed(() => optionsState.value.components.value.selectorStates[0]?.selectedSource);\nconst savedDataValuePalette = computed(() => dataSource.value ? store.value.reactive.dataBindAes[dataSource.value]?.palette : undefined);\n\nconst palettesOpen = ref(false);\nconst palette = ref<ContinuousPalette>(savedDataValuePalette.value as ContinuousPalette ?? store.value.defaultPalette.continuous);\n\nfunction onPaletteSelect(value: ContinuousPalette) {\n  palette.value = value;\n  palettesOpen.value = false;\n  if (dataSource.value) {\n    store.value.reactive.dataBindAes[dataSource.value] = createContinuousMappingFromPalette(value);\n  }\n}\nconst NORMALIZATION_DIRECTION: SimpleOption[] = [\n  { label: 'None', value: null },\n  { label: 'Columns', value: 'column' },\n  { label: 'Rows', value: 'row' },\n];\nconst NORMALIZATION_METHOD: SimpleOption[] = [\n  { label: 'z-score', value: 'standardScaling' },\n  { label: 'Min-max', value: 'meanNormalization' },\n];\nconst NA_VALUE_OPTIONS: SimpleOption[] = [\n  { label: 'empty', value: null },\n  { label: 'Special value', value: 'custom' },\n];\nconst AGGREGATION_METHOD = AGGREGATION_METHOD_OPTIONS;\n\nconst NAValueOption = ref(settings.value.NAValueAs !== null ? 'custom' : settings.value.NAValueAs);\nconst customNA = ref(settings.value.NAValueAs ?? 0);\n</script>\n\n<template>\n  <MultiselectButton\n    label=\"Color Palette \"\n    :title=\"PALETTE_MAP[palette].title\"\n    :palette=\"palette\"\n    @button-click=\"palettesOpen = true;\"\n  />\n  <FormWrapper\n    v-if=\"palettesOpen\"\n    title=\"Color Palette\"\n    back-title=\"Color mapping\"\n    @form:close=\"palettesOpen = false\"\n  >\n    <PalettesForm :selected=\"palette\" :categorical=\"dataSource ? inputGuide.getSourceInfo(dataSource).type === 'String' : false\" @select=\"onPaletteSelect\" />\n  </FormWrapper>\n  <div class=\"checkbox-item\">\n    <PlCheckbox v-model=\"settings.disableClusteringX\"/>\n    <span>Disable clustering for X axis</span>\n  </div>\n  <div v-if=\"!settings.disableClusteringX\" class=\"checkbox-item\">\n    <PlCheckbox v-model=\"settings.dendrogramX\" />\n    <span>Show dendrogram for X axis</span>\n  </div>\n  <div class=\"checkbox-item\">\n    <PlCheckbox v-model=\"settings.disableClusteringY\"/>\n    <span>Disable clustering for Y axis</span>\n  </div>\n  <div v-if=\"!settings.disableClusteringY\" class=\"checkbox-item\">\n    <PlCheckbox v-model=\"settings.dendrogramY\"/>\n    <span>Show dendrogram for Y axis</span>\n  </div>\n  <div class=\"button-group-item\">\n    <PlBtnGroup\n      v-model=\"settings.normalizationDirection\"\n      label=\"Normalize by\"\n      :options=\"NORMALIZATION_DIRECTION\"\n      :compact=\"true\"\n    />\n  </div>\n  <div class=\"button-group-item\">\n    <PlBtnGroup\n      v-model=\"settings.normalizationMethod\"\n      label=\"Normalization method\"\n      :options=\"NORMALIZATION_METHOD\"\n      :compact=\"true\"\n    />\n  </div>\n  <div class=\"checkbox-item\">\n    <PlCheckbox v-model=\"settings.aggregateByX\"/>\n    <span>Aggregate X groups</span>\n  </div>\n  <div class=\"checkbox-item\">\n    <PlCheckbox v-model=\"settings.aggregateByY\"/>\n    <span>Aggregate Y groups</span>\n  </div>\n  <div class=\"button-group-item\">\n    <PlBtnGroup\n      v-model=\"settings.aggregationMethod\"\n      label=\"Aggregation method\"\n      :options=\"AGGREGATION_METHOD\"\n      :compact=\"true\"\n    />\n  </div>\n  <div class=\"button-group-item\" :style=\"{display: 'flex', alignItems: 'end'}\">\n    <PlBtnGroup\n      v-model=\"NAValueOption\"\n      label=\"Treat NA value as:\"\n      :options=\"NA_VALUE_OPTIONS\"\n      :compact=\"true\"\n      @update:modelValue=\"(value:unknown) => {\n        if (value === 'custom') {\n          settings.NAValueAs = customNA;\n        } else {\n          settings.NAValueAs = value as number|null;\n        }\n      }\"\n    />\n    <PlNumberField\n      v-model=\"customNA\"\n      :style=\"{height: '33px', marginLeft: '16px', width: '75px'}\"\n      :disabled=\"NAValueOption !== 'custom'\"\n      label=\"NA value\"\n      :useIncrementButtons=\"false\"\n      @update:modelValue=\"(value:unknown) => {\n        if (value !== undefined) {\n          settings.NAValueAs = value as number;\n        }\n      }\"\n    />\n  </div>\n  <div class=\"checkbox-item\">\n    <PlCheckbox v-model=\"settings.showEmptyRows\"/>\n    <span>Show empty rows</span>\n  </div>\n  <div class=\"checkbox-item\">\n    <PlCheckbox v-model=\"settings.showEmptyColumns\"/>\n    <span>Show empty columns</span>\n  </div>\n</template>\n"],"mappings":"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"}

package/dist/store.js

@@ -110,7 +110,13 @@ function N(e, t, r, i, a, o, s, l, m) {
 		R.value++;
 		let a = R.value;
 		I.value.loading.inputGuide = !0;
-		let c = n && r ? Object.values(await f(n, r, null, !1)).flatMap((e) => e.map((e) => e.selectedSource)) : [], l = n ? await b.calculateOptions(E(n), e, c, o, s) : b.getEmptyInputGuide(e);
+		let c = n && r ? Object.values(await f(n, r, null, !1)).flatMap((e) => e.map((e) => e.selectedSource)) : [], l = n ? await b.calculateOptions({
+			store: E(n),
+			state: e,
+			fixedIds: c,
+			dataColumnPredicate: o,
+			metaColumnPredicate: s
+		}) : b.getEmptyInputGuide(e);
 		a === R.value && (S.value = l, I.value.loading.defaults = !1, I.value.loading.inputGuide = !1, I.value.loading.initialInputGuide && (I.value.loading.initialInputGuide = !1));
 	}, {
 		immediate: !0,

package/dist/store.js.map

@@ -1 +1 @@
-{"version":3,"file":"store.js","names":[],"sources":["../src/store.ts"],"sourcesContent":["import type {\n  ChartType,\n  DemoDataStore,\n  DendroStateController,\n  DendroUIState,\n  InputGuide,\n  InputNamesByChartType,\n  InputState,\n  PlotDataAndSettings,\n} from '@milaboratories/pf-plots';\nimport {\n  getControllerByType,\n  getInitialStateByType,\n} from '@milaboratories/pf-plots';\nimport type { PColumnSpec } from '@platforma-sdk/model';\nimport type { CategoricalPalette, ContinuousPalette, Palette } from './components/AesSettings/types';\nimport type { ComputedRef, Reactive, Ref } from 'vue';\nimport { computed, inject, provide, reactive, ref, toRaw, watch } from 'vue';\nimport type { AesType } from './constantsCommon';\nimport {\n  getInitialAxesSettings,\n  getInitialLayersSettings,\n  getInitialStatisticsState,\n  getInitialTemplate,\n} from './constantsCommon';\nimport { updateDataBindAes } from './dataBindAes';\nimport { notEmpty } from './helpers';\nimport { storeKey } from './keys';\nimport type {\n  DefaultPalettes,\n  DendroNodeInfo,\n  FilterLabelsInfoBySourceMap,\n  FilterSuggestionsBySourceMap,\n  GraphMakerProps,\n  GraphMakerState,\n  ReactiveState, UniqueValuesBySourceMap,\n} from './types';\nimport type { LoadedDefaultOptionsMap } from './utils';\nimport { createUpdatedWithNewDefaultsOptionsState, isOptionsStateNeedsToBeUpdated, loadDefaultSources } from './utils';\nimport { addFixedOptionsToState } from './utils/addFixedOptionsToState';\nimport { calculateDiscreteGroups } from './utils/calculateDiscreteGroups';\nimport { copyJSON } from './utils/copyJSON';\nimport { loadDataForPlot } from './utils/createChartSettingsForRender/composeChartSettings';\nimport { getUsedAesInMapping } from './utils/getUsedAesInMapping';\nimport {\n  getFacetValuesFromReadyChartData,\n  getUniqueValuesFromReadyChartData,\n  loadFilterLabelsForTitle,\n} from './utils/loadUniqueValuesToSave';\nimport type { FormKey } from './forms';\nimport { tabKeys } from './forms';\nimport { DEFAULT_CATEGORICAL_PALETTE, DEFAULT_CONTINUOUS_PALETTE } from './constantsAesthetic';\n\nfunction getInitialOptionsState(chartType: ChartType, optionsState: InputState | undefined) {\n  const defaultState = copyJSON(getInitialStateByType(chartType));\n  if (optionsState?.type !== chartType) {\n    return defaultState;\n  }\n  const optionsStateCopy = copyJSON(optionsState);\n\n  return {\n    ...defaultState,\n    ...optionsStateCopy,\n    components: {\n      ...defaultState.components,\n      ...optionsStateCopy.components,\n    },\n  };\n}\n\nexport function createReactiveState(\n  initialData: GraphMakerState,\n  chartType: ChartType,\n): Reactive<ReactiveState> {\n  return reactive({\n    chartType: chartType,\n    // from pf-plots\n    optionsState: getInitialOptionsState(chartType, initialData.optionsState), // contains user selected inputs\n    // previously used default options\n    usedDefaultOptions: initialData.usedDefaultOptions ? copyJSON(initialData.usedDefaultOptions ?? {}) as LoadedDefaultOptionsMap<ChartType> : null,\n\n    // local form states, updates directly in forms\n    template: getInitialTemplate(initialData.template, chartType),\n    statisticsSettings: getInitialStatisticsState(chartType, initialData.statisticsSettings),\n    layersSettings: getInitialLayersSettings(initialData.layersSettings),\n    axesSettings: getInitialAxesSettings(chartType, initialData.axesSettings),\n    // common aesthetics data mapped on columns/axes values\n    dataBindAes: copyJSON(initialData.dataBindAes ?? {}),\n    chartScale: initialData.zoomState ?? 100,\n    lassoControlsState: null,\n    currentTab: initialData.currentTab === undefined ? 'dataMapping' : initialData.currentTab,\n    tabDefaultState: tabKeys().reduce((res, formKey: FormKey) => {\n      res[formKey] = {};\n      return res;\n    }, {} as Record<FormKey, Record<string, boolean>>),\n    dendroInfoByClick: null as null | DendroNodeInfo,\n    dendroSelectedNodeId: null,\n    showTooltipHint: false,\n    tooltipHintWasShown: initialData.tooltipHintWasShown ?? false,\n  });\n}\n\nexport interface Store {\n  reactive: Reactive<ReactiveState>;\n  loading: {\n    initialInputGuide: boolean;\n    initialCharts: boolean;\n    initialDefaults: boolean;\n    inputGuide: boolean;\n    chartData: boolean;\n    defaults: boolean;\n    chartRendering: boolean;\n    dendroTableData: boolean;\n  };\n  commonHelpersData: {\n    primaryGroups: ComputedRef<ReturnType<typeof calculateDiscreteGroups>>;\n    secondaryGroups: ComputedRef<ReturnType<typeof calculateDiscreteGroups>>;\n    usedAesInMapping: ComputedRef<Record<string, Record<AesType, boolean>>>;\n    dendroTableData: Ref<Awaited<ReturnType<DendroStateController['createTableData']>> | null>;\n  };\n  controller: ReturnType<typeof getControllerByType>;\n  columnsDataStore: Ref<DemoDataStore | null>;\n  inputGuide: Ref<InputGuide<InputState>>;\n  chartData: Ref<PlotDataAndSettings | null>;\n  uniqueValuesData: Ref<UniqueValuesBySourceMap>;\n  facetValuesData: Ref<UniqueValuesBySourceMap>;\n  filterSuggestionsData: Ref<FilterSuggestionsBySourceMap>;\n  filterLabelsInfo: Ref<FilterLabelsInfoBySourceMap>;\n  readonlyInputs?: InputNamesByChartType[ChartType][];\n  defaultPalette: DefaultPalettes;\n}\n\nexport function factoryStore(\n  reactiveState: Reactive<ReactiveState>,\n  dataStore: Ref<DemoDataStore | null>,\n  inputGuide: Ref<InputGuide<InputState>>,\n  chartData: Ref<PlotDataAndSettings | null>,\n  dendroTableData: Ref<Awaited<ReturnType<DendroStateController['createTableData']>> | null>,\n  uniqueValuesData: Ref<UniqueValuesBySourceMap>,\n  facetValuesData: Ref<UniqueValuesBySourceMap>,\n  filterSuggestionsData: Ref<FilterSuggestionsBySourceMap>,\n  filterLabelsInfo: Ref<FilterLabelsInfoBySourceMap>,\n  readonlyInputs?: InputNamesByChartType[ChartType][],\n  defaultPalette?: Palette | { categorical?: Palette; continuous?: Palette },\n): Store {\n  return {\n    reactive: reactiveState,\n    loading: reactive({\n      initialInputGuide: true,\n      initialCharts: true,\n      initialDefaults: true,\n      inputGuide: false,\n      chartData: false,\n      defaults: false,\n      chartRendering: false,\n      dendroTableData: false,\n    }),\n    commonHelpersData: {\n      primaryGroups: computed(() => calculateDiscreteGroups(\n        reactiveState.optionsState,\n        uniqueValuesData.value,\n        'primaryGrouping',\n      ),\n      ),\n      secondaryGroups: computed(() => calculateDiscreteGroups(\n        reactiveState.optionsState,\n        uniqueValuesData.value,\n        'secondaryGrouping',\n      ),\n      ),\n      usedAesInMapping: computed<Record<string, Record<AesType, boolean>>>(() =>\n        getUsedAesInMapping(\n          reactiveState.chartType,\n          reactiveState.template,\n          reactiveState.layersSettings,\n          reactiveState.statisticsSettings,\n          reactiveState.optionsState,\n          inputGuide.value,\n        ),\n      ),\n      dendroTableData,\n    },\n    controller: getControllerByType(reactiveState.chartType),\n    columnsDataStore: dataStore,\n    inputGuide,\n    chartData,\n    uniqueValuesData,\n    facetValuesData,\n    filterSuggestionsData,\n    filterLabelsInfo,\n    readonlyInputs,\n    defaultPalette: {\n      categorical: typeof defaultPalette === 'object' && defaultPalette.categorical\n        ? defaultPalette.categorical as CategoricalPalette\n        : typeof defaultPalette === 'string' ? defaultPalette as CategoricalPalette : DEFAULT_CATEGORICAL_PALETTE,\n      continuous: typeof defaultPalette === 'object' && defaultPalette.continuous\n        ? defaultPalette.continuous as ContinuousPalette\n        : typeof defaultPalette === 'string' ? defaultPalette as ContinuousPalette : DEFAULT_CONTINUOUS_PALETTE,\n    },\n  };\n}\n\nexport type ComputedStore = ComputedRef<Store>;\n\nexport function provideStore(\n  initialState: GraphMakerState,\n  dataStoreRef: Ref<DemoDataStore | null>,\n  chartType: ChartType,\n  defaultOptionsRef: Ref<GraphMakerProps['defaultOptions']>,\n  fixedOptionsRef: Ref<GraphMakerProps['fixedOptions']>,\n  dataColumnPredicate?: (spec: PColumnSpec) => boolean,\n  metaColumnPredicate?: (spec: PColumnSpec) => boolean,\n  readonlyInputs?: InputNamesByChartType[ChartType][],\n  defaultPalette?: GraphMakerProps['defaultPalette'],\n) {\n  const reactiveState = createReactiveState(initialState, chartType);\n  const controller = getControllerByType(reactiveState.chartType);\n\n  const inputGuide = ref<InputGuide<InputState>>(getControllerByType(reactiveState.chartType).getEmptyInputGuide(reactiveState.optionsState));\n  const chartData = ref<PlotDataAndSettings | null>(null);\n\n  const uniqueValuesData = ref<UniqueValuesBySourceMap>({});\n  const facetValuesData = ref<UniqueValuesBySourceMap>({});\n  const filterSuggestionsData = ref<FilterSuggestionsBySourceMap>({});\n  const filterLabelsInfo = ref<FilterLabelsInfoBySourceMap>({}); // for auto titles of chart if something selected in filter/tabby\n\n  const dendroTableData = ref<Awaited<ReturnType<DendroStateController['createTableData']>> | null>(null);\n\n  // toRaw removes Vue proxy from dataStore.pframe (PFrame api)\n  const store = computed(() => factoryStore(\n    reactiveState,\n    dataStoreRef,\n    inputGuide,\n    chartData,\n    dendroTableData,\n    uniqueValuesData,\n    facetValuesData,\n    filterSuggestionsData,\n    filterLabelsInfo,\n    readonlyInputs,\n    defaultPalette,\n  ));\n\n  watch(() => dataStoreRef.value, () => {\n    filterLabelsInfo.value = {};\n    uniqueValuesData.value = {};\n    facetValuesData.value = {};\n    filterSuggestionsData.value = {}; // reset saved data; avoid caching of empty results from old empty pframe\n  });\n\n  const defaultOptionsCounter = ref(0);\n  watch([\n    () => dataStoreRef.value,\n    () => defaultOptionsRef.value,\n  ], async ([ds, defaultOptions]) => {\n    if (!defaultOptions || defaultOptions?.length === 0 || !ds) {\n      return;\n    }\n    defaultOptionsCounter.value++;\n    const counter = defaultOptionsCounter.value;\n    store.value.loading.defaults = true;\n    if (reactiveState.usedDefaultOptions === null) {\n      store.value.loading.initialInputGuide = true;\n    }\n    const loadedDefaultOptions = await loadDefaultSources(ds, defaultOptions, reactiveState.usedDefaultOptions);\n    if (defaultOptionsCounter.value !== counter) {\n      return;\n    }\n    const { usedDefaultOptions, optionsState } = reactiveState;\n    const needsToBeUpdated = isOptionsStateNeedsToBeUpdated(optionsState, usedDefaultOptions, loadedDefaultOptions);\n    if (!needsToBeUpdated) {\n      store.value.loading.defaults = false;\n      return;\n    }\n    store.value.loading.initialCharts = true; // we want to show loader when default are really changed and new chart data is requested\n    reactiveState.optionsState.components = createUpdatedWithNewDefaultsOptionsState(optionsState, usedDefaultOptions, loadedDefaultOptions);\n    reactiveState.usedDefaultOptions = loadedDefaultOptions;\n  }, { immediate: true });\n\n  // recalculate input guide - options for every data input, consistency info etc\n  const inputGuideCounter = ref(0); // to avoid race condition on async calculations\n  watch([\n    () => reactiveState.optionsState,\n    () => dataStoreRef.value,\n    () => fixedOptionsRef.value,\n  ], async ([optionsState, ds, fixedOptions]) => {\n    if (defaultOptionsRef.value === null || dataStoreRef.value === null) { // they are not ready, waiting for them\n      return;\n    }\n    inputGuideCounter.value++;\n    const counter = inputGuideCounter.value;\n    store.value.loading.inputGuide = true;\n    const ignoredIds = ds && fixedOptions ? Object.values(await loadDefaultSources(ds, fixedOptions, null, false)).flatMap((item) => item.map((s) => s.selectedSource)) : [];\n\n    // const start = Date.now();\n    const nextInputGuide = ds ? await controller.calculateOptions(toRaw(ds), optionsState, ignoredIds, dataColumnPredicate, metaColumnPredicate) : controller.getEmptyInputGuide(optionsState);\n    // console.log('input guide', Date.now() - start);\n\n    if (counter === inputGuideCounter.value) { // race condition check\n      inputGuide.value = nextInputGuide;\n\n      store.value.loading.defaults = false;\n      store.value.loading.inputGuide = false;\n      if (store.value.loading.initialInputGuide) {\n        store.value.loading.initialInputGuide = false;\n      }\n    }\n  }, { immediate: true, deep: true });\n\n  // recalculate data for chart rendering (miplots4)\n  const chartDataCounter = ref(0); // to avoid race condition on async calculations\n  watch(() => inputGuide.value, async (ig) => {\n    chartDataCounter.value++;\n    const counter = chartDataCounter.value;\n\n    store.value.loading.chartData = true;\n\n    const ds = toRaw(dataStoreRef.value);\n    // const start = Date.now();\n    const nextChartData = await loadDataForPlot(ig, reactiveState, ds, fixedOptionsRef.value);\n\n    if (nextChartData && ds) {\n      const { uniqueValues, filterSuggestions } = await getUniqueValuesFromReadyChartData(\n        nextChartData, ig, reactiveState.optionsState.components, controller, ds, toRaw(filterSuggestionsData.value),\n      );\n      uniqueValuesData.value = uniqueValues;\n      facetValuesData.value = getFacetValuesFromReadyChartData(\n        nextChartData,\n        reactiveState.optionsState.components,\n      );\n      filterSuggestionsData.value = filterSuggestions;\n      updateDataBindAes(reactiveState.optionsState, reactiveState.dataBindAes, uniqueValuesData.value);\n    } else {\n      facetValuesData.value = {};\n    }\n    filterLabelsInfo.value = ds\n      ? await loadFilterLabelsForTitle(reactiveState.optionsState.components, ig, controller, ds)\n      : {};\n    // console.log('chart data', Date.now() - start);\n\n    if (counter === chartDataCounter.value) { // race condition check\n      chartData.value = nextChartData;\n      if (ig.ready) {\n        store.value.loading.initialCharts = false;\n      }\n      store.value.loading.chartData = false;\n    }\n  }, { immediate: true, deep: true });\n\n  // watch data for table, only dendro chart; data is also using for popup by tree node click\n  if (reactiveState.chartType === 'dendro') {\n    const dendroDataCounter = ref(0); // to avoid race condition on async calculations\n    watch([\n      () => reactiveState.optionsState as DendroUIState,\n      () => dataStoreRef.value,\n      () => inputGuide.value.readyData,\n      () => fixedOptionsRef.value,\n    ], async ([optionsState, dataStore, ready, fixed]) => {\n      if (ready && dataStore) {\n        dendroDataCounter.value++;\n        const counter = dendroDataCounter.value;\n        store.value.loading.dendroTableData = true;\n        const state = (await addFixedOptionsToState(optionsState, dataStore, fixed)) as DendroUIState;\n        const nextDendroTableData = await (controller as unknown as DendroStateController).createTableData(dataStore, state);\n\n        if (dendroDataCounter.value === counter) {\n          dendroTableData.value = nextDendroTableData;\n        }\n        store.value.loading.dendroTableData = false;\n      }\n    }, { immediate: true });\n  }\n\n  provide(storeKey, store);\n  return store;\n}\n\nexport function useStore() {\n  return notEmpty(inject<ComputedStore>(storeKey), 'Empty store');\n}\n"],"mappings":"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"}
+{"version":3,"file":"store.js","names":[],"sources":["../src/store.ts"],"sourcesContent":["import type {\n  ChartType,\n  DemoDataStore,\n  DendroStateController,\n  DendroUIState,\n  InputGuide,\n  InputNamesByChartType,\n  InputState,\n  PlotDataAndSettings,\n} from '@milaboratories/pf-plots';\nimport {\n  getControllerByType,\n  getInitialStateByType,\n} from '@milaboratories/pf-plots';\nimport type { PColumnSpec } from '@platforma-sdk/model';\nimport type { CategoricalPalette, ContinuousPalette, Palette } from './components/AesSettings/types';\nimport type { ComputedRef, Reactive, Ref } from 'vue';\nimport { computed, inject, provide, reactive, ref, toRaw, watch } from 'vue';\nimport type { AesType } from './constantsCommon';\nimport {\n  getInitialAxesSettings,\n  getInitialLayersSettings,\n  getInitialStatisticsState,\n  getInitialTemplate,\n} from './constantsCommon';\nimport { updateDataBindAes } from './dataBindAes';\nimport { notEmpty } from './helpers';\nimport { storeKey } from './keys';\nimport type {\n  DefaultPalettes,\n  DendroNodeInfo,\n  FilterLabelsInfoBySourceMap,\n  FilterSuggestionsBySourceMap,\n  GraphMakerProps,\n  GraphMakerState,\n  ReactiveState, UniqueValuesBySourceMap,\n} from './types';\nimport type { LoadedDefaultOptionsMap } from './utils';\nimport { createUpdatedWithNewDefaultsOptionsState, isOptionsStateNeedsToBeUpdated, loadDefaultSources } from './utils';\nimport { addFixedOptionsToState } from './utils/addFixedOptionsToState';\nimport { calculateDiscreteGroups } from './utils/calculateDiscreteGroups';\nimport { copyJSON } from './utils/copyJSON';\nimport { loadDataForPlot } from './utils/createChartSettingsForRender/composeChartSettings';\nimport { getUsedAesInMapping } from './utils/getUsedAesInMapping';\nimport {\n  getFacetValuesFromReadyChartData,\n  getUniqueValuesFromReadyChartData,\n  loadFilterLabelsForTitle,\n} from './utils/loadUniqueValuesToSave';\nimport type { FormKey } from './forms';\nimport { tabKeys } from './forms';\nimport { DEFAULT_CATEGORICAL_PALETTE, DEFAULT_CONTINUOUS_PALETTE } from './constantsAesthetic';\n\nfunction getInitialOptionsState(chartType: ChartType, optionsState: InputState | undefined) {\n  const defaultState = copyJSON(getInitialStateByType(chartType));\n  if (optionsState?.type !== chartType) {\n    return defaultState;\n  }\n  const optionsStateCopy = copyJSON(optionsState);\n\n  return {\n    ...defaultState,\n    ...optionsStateCopy,\n    components: {\n      ...defaultState.components,\n      ...optionsStateCopy.components,\n    },\n  };\n}\n\nexport function createReactiveState(\n  initialData: GraphMakerState,\n  chartType: ChartType,\n): Reactive<ReactiveState> {\n  return reactive({\n    chartType: chartType,\n    // from pf-plots\n    optionsState: getInitialOptionsState(chartType, initialData.optionsState), // contains user selected inputs\n    // previously used default options\n    usedDefaultOptions: initialData.usedDefaultOptions ? copyJSON(initialData.usedDefaultOptions ?? {}) as LoadedDefaultOptionsMap<ChartType> : null,\n\n    // local form states, updates directly in forms\n    template: getInitialTemplate(initialData.template, chartType),\n    statisticsSettings: getInitialStatisticsState(chartType, initialData.statisticsSettings),\n    layersSettings: getInitialLayersSettings(initialData.layersSettings),\n    axesSettings: getInitialAxesSettings(chartType, initialData.axesSettings),\n    // common aesthetics data mapped on columns/axes values\n    dataBindAes: copyJSON(initialData.dataBindAes ?? {}),\n    chartScale: initialData.zoomState ?? 100,\n    lassoControlsState: null,\n    currentTab: initialData.currentTab === undefined ? 'dataMapping' : initialData.currentTab,\n    tabDefaultState: tabKeys().reduce((res, formKey: FormKey) => {\n      res[formKey] = {};\n      return res;\n    }, {} as Record<FormKey, Record<string, boolean>>),\n    dendroInfoByClick: null as null | DendroNodeInfo,\n    dendroSelectedNodeId: null,\n    showTooltipHint: false,\n    tooltipHintWasShown: initialData.tooltipHintWasShown ?? false,\n  });\n}\n\nexport interface Store {\n  reactive: Reactive<ReactiveState>;\n  loading: {\n    initialInputGuide: boolean;\n    initialCharts: boolean;\n    initialDefaults: boolean;\n    inputGuide: boolean;\n    chartData: boolean;\n    defaults: boolean;\n    chartRendering: boolean;\n    dendroTableData: boolean;\n  };\n  commonHelpersData: {\n    primaryGroups: ComputedRef<ReturnType<typeof calculateDiscreteGroups>>;\n    secondaryGroups: ComputedRef<ReturnType<typeof calculateDiscreteGroups>>;\n    usedAesInMapping: ComputedRef<Record<string, Record<AesType, boolean>>>;\n    dendroTableData: Ref<Awaited<ReturnType<DendroStateController['createTableData']>> | null>;\n  };\n  controller: ReturnType<typeof getControllerByType>;\n  columnsDataStore: Ref<DemoDataStore | null>;\n  inputGuide: Ref<InputGuide<InputState>>;\n  chartData: Ref<PlotDataAndSettings | null>;\n  uniqueValuesData: Ref<UniqueValuesBySourceMap>;\n  facetValuesData: Ref<UniqueValuesBySourceMap>;\n  filterSuggestionsData: Ref<FilterSuggestionsBySourceMap>;\n  filterLabelsInfo: Ref<FilterLabelsInfoBySourceMap>;\n  readonlyInputs?: InputNamesByChartType[ChartType][];\n  defaultPalette: DefaultPalettes;\n}\n\nexport function factoryStore(\n  reactiveState: Reactive<ReactiveState>,\n  dataStore: Ref<DemoDataStore | null>,\n  inputGuide: Ref<InputGuide<InputState>>,\n  chartData: Ref<PlotDataAndSettings | null>,\n  dendroTableData: Ref<Awaited<ReturnType<DendroStateController['createTableData']>> | null>,\n  uniqueValuesData: Ref<UniqueValuesBySourceMap>,\n  facetValuesData: Ref<UniqueValuesBySourceMap>,\n  filterSuggestionsData: Ref<FilterSuggestionsBySourceMap>,\n  filterLabelsInfo: Ref<FilterLabelsInfoBySourceMap>,\n  readonlyInputs?: InputNamesByChartType[ChartType][],\n  defaultPalette?: Palette | { categorical?: Palette; continuous?: Palette },\n): Store {\n  return {\n    reactive: reactiveState,\n    loading: reactive({\n      initialInputGuide: true,\n      initialCharts: true,\n      initialDefaults: true,\n      inputGuide: false,\n      chartData: false,\n      defaults: false,\n      chartRendering: false,\n      dendroTableData: false,\n    }),\n    commonHelpersData: {\n      primaryGroups: computed(() => calculateDiscreteGroups(\n        reactiveState.optionsState,\n        uniqueValuesData.value,\n        'primaryGrouping',\n      ),\n      ),\n      secondaryGroups: computed(() => calculateDiscreteGroups(\n        reactiveState.optionsState,\n        uniqueValuesData.value,\n        'secondaryGrouping',\n      ),\n      ),\n      usedAesInMapping: computed<Record<string, Record<AesType, boolean>>>(() =>\n        getUsedAesInMapping(\n          reactiveState.chartType,\n          reactiveState.template,\n          reactiveState.layersSettings,\n          reactiveState.statisticsSettings,\n          reactiveState.optionsState,\n          inputGuide.value,\n        ),\n      ),\n      dendroTableData,\n    },\n    controller: getControllerByType(reactiveState.chartType),\n    columnsDataStore: dataStore,\n    inputGuide,\n    chartData,\n    uniqueValuesData,\n    facetValuesData,\n    filterSuggestionsData,\n    filterLabelsInfo,\n    readonlyInputs,\n    defaultPalette: {\n      categorical: typeof defaultPalette === 'object' && defaultPalette.categorical\n        ? defaultPalette.categorical as CategoricalPalette\n        : typeof defaultPalette === 'string' ? defaultPalette as CategoricalPalette : DEFAULT_CATEGORICAL_PALETTE,\n      continuous: typeof defaultPalette === 'object' && defaultPalette.continuous\n        ? defaultPalette.continuous as ContinuousPalette\n        : typeof defaultPalette === 'string' ? defaultPalette as ContinuousPalette : DEFAULT_CONTINUOUS_PALETTE,\n    },\n  };\n}\n\nexport type ComputedStore = ComputedRef<Store>;\n\nexport function provideStore(\n  initialState: GraphMakerState,\n  dataStoreRef: Ref<DemoDataStore | null>,\n  chartType: ChartType,\n  defaultOptionsRef: Ref<GraphMakerProps['defaultOptions']>,\n  fixedOptionsRef: Ref<GraphMakerProps['fixedOptions']>,\n  dataColumnPredicate?: (spec: PColumnSpec) => boolean,\n  metaColumnPredicate?: (spec: PColumnSpec) => boolean,\n  readonlyInputs?: InputNamesByChartType[ChartType][],\n  defaultPalette?: GraphMakerProps['defaultPalette'],\n) {\n  const reactiveState = createReactiveState(initialState, chartType);\n  const controller = getControllerByType(reactiveState.chartType);\n\n  const inputGuide = ref<InputGuide<InputState>>(getControllerByType(reactiveState.chartType).getEmptyInputGuide(reactiveState.optionsState));\n  const chartData = ref<PlotDataAndSettings | null>(null);\n\n  const uniqueValuesData = ref<UniqueValuesBySourceMap>({});\n  const facetValuesData = ref<UniqueValuesBySourceMap>({});\n  const filterSuggestionsData = ref<FilterSuggestionsBySourceMap>({});\n  const filterLabelsInfo = ref<FilterLabelsInfoBySourceMap>({}); // for auto titles of chart if something selected in filter/tabby\n\n  const dendroTableData = ref<Awaited<ReturnType<DendroStateController['createTableData']>> | null>(null);\n\n  // toRaw removes Vue proxy from dataStore.pframe (PFrame api)\n  const store = computed(() => factoryStore(\n    reactiveState,\n    dataStoreRef,\n    inputGuide,\n    chartData,\n    dendroTableData,\n    uniqueValuesData,\n    facetValuesData,\n    filterSuggestionsData,\n    filterLabelsInfo,\n    readonlyInputs,\n    defaultPalette,\n  ));\n\n  watch(() => dataStoreRef.value, () => {\n    filterLabelsInfo.value = {};\n    uniqueValuesData.value = {};\n    facetValuesData.value = {};\n    filterSuggestionsData.value = {}; // reset saved data; avoid caching of empty results from old empty pframe\n  });\n\n  const defaultOptionsCounter = ref(0);\n  watch([\n    () => dataStoreRef.value,\n    () => defaultOptionsRef.value,\n  ], async ([ds, defaultOptions]) => {\n    if (!defaultOptions || defaultOptions?.length === 0 || !ds) {\n      return;\n    }\n    defaultOptionsCounter.value++;\n    const counter = defaultOptionsCounter.value;\n    store.value.loading.defaults = true;\n    if (reactiveState.usedDefaultOptions === null) {\n      store.value.loading.initialInputGuide = true;\n    }\n    const loadedDefaultOptions = await loadDefaultSources(ds, defaultOptions, reactiveState.usedDefaultOptions);\n    if (defaultOptionsCounter.value !== counter) {\n      return;\n    }\n    const { usedDefaultOptions, optionsState } = reactiveState;\n    const needsToBeUpdated = isOptionsStateNeedsToBeUpdated(optionsState, usedDefaultOptions, loadedDefaultOptions);\n    if (!needsToBeUpdated) {\n      store.value.loading.defaults = false;\n      return;\n    }\n    store.value.loading.initialCharts = true; // we want to show loader when default are really changed and new chart data is requested\n    reactiveState.optionsState.components = createUpdatedWithNewDefaultsOptionsState(optionsState, usedDefaultOptions, loadedDefaultOptions);\n    reactiveState.usedDefaultOptions = loadedDefaultOptions;\n  }, { immediate: true });\n\n  // recalculate input guide - options for every data input, consistency info etc\n  const inputGuideCounter = ref(0); // to avoid race condition on async calculations\n  watch([\n    () => reactiveState.optionsState,\n    () => dataStoreRef.value,\n    () => fixedOptionsRef.value,\n  ], async ([optionsState, ds, fixedOptions]) => {\n    if (defaultOptionsRef.value === null || dataStoreRef.value === null) { // they are not ready, waiting for them\n      return;\n    }\n    inputGuideCounter.value++;\n    const counter = inputGuideCounter.value;\n    store.value.loading.inputGuide = true;\n    const ignoredIds = ds && fixedOptions ? Object.values(await loadDefaultSources(ds, fixedOptions, null, false)).flatMap((item) => item.map((s) => s.selectedSource)) : [];\n\n    // const start = Date.now();\n    const nextInputGuide = ds ? await controller.calculateOptions({ store: toRaw(ds), state: optionsState, fixedIds: ignoredIds, dataColumnPredicate, metaColumnPredicate }) : controller.getEmptyInputGuide(optionsState);\n    // console.log('input guide', Date.now() - start);\n\n    if (counter === inputGuideCounter.value) { // race condition check\n      inputGuide.value = nextInputGuide;\n\n      store.value.loading.defaults = false;\n      store.value.loading.inputGuide = false;\n      if (store.value.loading.initialInputGuide) {\n        store.value.loading.initialInputGuide = false;\n      }\n    }\n  }, { immediate: true, deep: true });\n\n  // recalculate data for chart rendering (miplots4)\n  const chartDataCounter = ref(0); // to avoid race condition on async calculations\n  watch(() => inputGuide.value, async (ig) => {\n    chartDataCounter.value++;\n    const counter = chartDataCounter.value;\n\n    store.value.loading.chartData = true;\n\n    const ds = toRaw(dataStoreRef.value);\n    // const start = Date.now();\n    const nextChartData = await loadDataForPlot(ig, reactiveState, ds, fixedOptionsRef.value);\n\n    if (nextChartData && ds) {\n      const { uniqueValues, filterSuggestions } = await getUniqueValuesFromReadyChartData(\n        nextChartData, ig, reactiveState.optionsState.components, controller, ds, toRaw(filterSuggestionsData.value),\n      );\n      uniqueValuesData.value = uniqueValues;\n      facetValuesData.value = getFacetValuesFromReadyChartData(\n        nextChartData,\n        reactiveState.optionsState.components,\n      );\n      filterSuggestionsData.value = filterSuggestions;\n      updateDataBindAes(reactiveState.optionsState, reactiveState.dataBindAes, uniqueValuesData.value);\n    } else {\n      facetValuesData.value = {};\n    }\n    filterLabelsInfo.value = ds\n      ? await loadFilterLabelsForTitle(reactiveState.optionsState.components, ig, controller, ds)\n      : {};\n    // console.log('chart data', Date.now() - start);\n\n    if (counter === chartDataCounter.value) { // race condition check\n      chartData.value = nextChartData;\n      if (ig.ready) {\n        store.value.loading.initialCharts = false;\n      }\n      store.value.loading.chartData = false;\n    }\n  }, { immediate: true, deep: true });\n\n  // watch data for table, only dendro chart; data is also using for popup by tree node click\n  if (reactiveState.chartType === 'dendro') {\n    const dendroDataCounter = ref(0); // to avoid race condition on async calculations\n    watch([\n      () => reactiveState.optionsState as DendroUIState,\n      () => dataStoreRef.value,\n      () => inputGuide.value.readyData,\n      () => fixedOptionsRef.value,\n    ], async ([optionsState, dataStore, ready, fixed]) => {\n      if (ready && dataStore) {\n        dendroDataCounter.value++;\n        const counter = dendroDataCounter.value;\n        store.value.loading.dendroTableData = true;\n        const state = (await addFixedOptionsToState(optionsState, dataStore, fixed)) as DendroUIState;\n        const nextDendroTableData = await (controller as unknown as DendroStateController).createTableData(dataStore, state);\n\n        if (dendroDataCounter.value === counter) {\n          dendroTableData.value = nextDendroTableData;\n        }\n        store.value.loading.dendroTableData = false;\n      }\n    }, { immediate: true });\n  }\n\n  provide(storeKey, store);\n  return store;\n}\n\nexport function useStore() {\n  return notEmpty(inject<ComputedStore>(storeKey), 'Empty store');\n}\n"],"mappings":"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"}

package/dist/ui.d.ts

@@ -1,4 +1,3 @@
 export { default as GraphMaker } from './ui.vue';
-export { default as GraphMakerPlugin } from './GraphMakerPlugin.vue';
 export * from './types';
 //# sourceMappingURL=ui.d.ts.map

package/dist/ui.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ui.d.ts","sourceRoot":"","sources":["../src/ui.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,UAAU,CAAC;AACjD,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AACrE,cAAc,SAAS,CAAC"}
+{"version":3,"file":"ui.d.ts","sourceRoot":"","sources":["../src/ui.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,UAAU,CAAC;AAEjD,cAAc,SAAS,CAAC"}

package/dist/ui.js

@@ -1,3 +1,2 @@
 import e from "./ui2.js";
-import t from "./GraphMakerPlugin.js";
-export { e as GraphMaker, t as GraphMakerPlugin };
+export { e as GraphMaker };

package/dist/ui.vue2.js

@@ -359,7 +359,7 @@ var pe = { class: "graph-maker" }, T = { class: "graph-maker__main-pane" }, E =
 				key: 0,
 				errorInfo: z.value
 			}, null, 8, ["errorInfo"])) : l("", !0),
-			Z.value && (Z.value.groups || Z.value.facets) ? (p(), c(oe, {
+			Z.value ? (p(), c(oe, {
 				key: 1,
 				"truncation-warning": Z.value
 			}, null, 8, ["truncation-warning"])) : l("", !0)

package/dist/ui.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"ui.vue_vue_type_script_setup_true_lang.js","names":["$emit"],"sources":["../src/ui.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport './assets/ui.scss';\nimport type {\n  ChartInterface,\n  DataByColumns,\n  ErrorInfo,\n  LassoControlsState,\n  Settings,\n} from '@milaboratories/miplots4';\nimport { MiPlots } from '@milaboratories/miplots4';\nimport type { ChartType, PlotDataAndSettings } from '@milaboratories/pf-plots';\nimport { DemoDataStore } from '@milaboratories/pf-plots';\nimport type { AxisSpec, PFrameDriver, PlSelectionModel, PTableKey } from '@platforma-sdk/model';\nimport { watchDebounced } from '@vueuse/core';\nimport { computed, onMounted, onUnmounted, ref, shallowRef, toRaw, useSlots, watch } from 'vue';\nimport Chart from './components/Chart.vue';\nimport PanelModal from './components/PanelModal.vue';\nimport VTabs from './components/SettingsTabs/index.vue';\nimport TransitionSlidePanel from './components/TransitionSlidePanel.vue';\nimport ChartErrorNotificationAlert from './components/ChartErrorNotificationAlert.vue';\nimport ChartTruncationWarningAlert from './components/ChartTruncationWarningAlert.vue';\nimport { isOwnGraphMakerTab, useSettingsForm } from './forms';\nimport { createReactiveState, provideStore } from './store';\nimport type { DendroNodeInfo, GraphMakerProps, GraphMakerState, GraphStatus } from './types';\nimport { composeChartSettings, saveToFile } from './utils';\nimport type { ChartTruncationWarning } from './utils/createChartSettingsForRender/composeChartSettings';\nimport { copyJSON } from './utils/copyJSON';\nimport GraphStatusScreen from './components/GraphStatusScreen.vue';\n\nconst _emit = defineEmits(['delete-this-graph', 'tooltip-btn-click']);\n\nconst graphMakerState = defineModel<GraphMakerState>({ required: true });\nconst selectionState = defineModel<PlSelectionModel>('selection');\n\nconst props = defineProps<GraphMakerProps>();\n\ndefineExpose({\n  /**\n   reset() will update data-mapping, axis-settings, layers-settings with the state that is in v-model at the moment.\n   In other cases editing of v-model fields doesn't make any impact to graphs and interface.\n   */\n  reset,\n});\n\nconst dataStore = ref<DemoDataStore | null>(null);\n\nwatch(() => props.pFrame, (pframe) => {\n  if (!pframe.ok || !pframe.value) {\n    dataStore.value = null;\n    return;\n  }\n  const driver = ('platforma' in window) ? window.platforma?.pFrameDriver as PFrameDriver : props.driver;\n  if (!driver) {\n    throw new Error('PFrame driver is missing');\n  }\n  dataStore.value = new DemoDataStore(\n    pframe.value,\n    driver,\n    props.labelsModifier,\n  );\n}, { immediate: true, deep: true });\n\n// fixed options can be updated outside, other settings only inside from chart settings interface, so we don't watching other settings\nconst fixedOptions = ref<typeof props.fixedOptions>(props.fixedOptions ?? []);\nwatch(() => props.fixedOptions, (value, oldValue) => {\n  if (\n    (value && oldValue && JSON.stringify(value) !== JSON.stringify(oldValue))\n    || (value && !oldValue)\n    || (oldValue && !value)\n  ) {\n    fixedOptions.value = value;\n  }\n}, { deep: true });\nconst defaultOptions = ref<typeof props.defaultOptions>(props.defaultOptions);\nwatch(() => props.defaultOptions, (v) => {\n  defaultOptions.value = v;\n}, { deep: true });\nconst state = provideStore(\n  toRaw(graphMakerState.value),\n  dataStore,\n  props.chartType,\n  defaultOptions,\n  fixedOptions,\n  props.dataColumnPredicate,\n  props.metaColumnPredicate,\n  props.readonlyInputs,\n  props.defaultPalette,\n);\n\nfunction reset() {\n  const nextReactiveState = createReactiveState(\n    toRaw(graphMakerState.value),\n    props.chartType,\n  );\n  Object.assign(state.value.reactive, nextReactiveState);\n  Object.assign(state.value.loading, {\n    initialInputGuide: true,\n    initialCharts: true,\n    initialDefaults: true,\n    inputGuide: false,\n    chartData: false,\n  });\n  defaultOptions.value = props.defaultOptions;\n}\n\nconst currentForm = computed(() => useSettingsForm(state.value.reactive.currentTab));\n\nconst chartRef = shallowRef<ChartInterface | null>(null);\nconst chartCalculatedDataRef = ref<Record<string, unknown> | null>(null);\nconst chartError = ref(false);\nconst chartErrorInfo = ref<ErrorInfo | null>(null);\n\nconst isRunning = computed(\n  () => props.pFrame.ok && !props.pFrame.value && !props.pFrame.stable,\n);\nconst isInitialLoading = computed(\n  () => state.value.loading.initialInputGuide && graphStatus.value === 'loading',\n);\n\nwatch(() => isRunning.value, (val, prevVal) => {\n  if (val && !prevVal) {\n    state.value.reactive.currentTab = null;\n  }\n});\n\nconst graphStatus = computed<GraphStatus>((previousStatus) => {\n  if (isRunning.value) {\n    return 'running';\n  }\n  if (props.pFrame.ok && props.pFrame.stable && !props.pFrame.value) {\n    return 'noPframe';\n  }\n  if (!props.pFrame.ok) {\n    return 'noPframeWithError';\n  }\n  const inputGuide = state.value.inputGuide.value;\n  const chartData = state.value.chartData.value;\n  if (!inputGuide.consistent) {\n    return 'inconsistent';\n  }\n  if (!inputGuide.ready) {\n    return defaultOptions.value === null\n      || state.value.loading.defaults\n      || state.value.loading.initialInputGuide\n      ? 'loading'\n      : 'notReady';\n  }\n  if (chartData && Object.values(chartData.data.byColumns.values)[0]?.length === 0) {\n    return 'empty';\n  }\n  if (chartError.value) {\n    return chartErrorInfo.value?.type === 'unknownError' ? 'unknownError' : 'knownError';\n  }\n  if (\n    (state.value.loading.initialCharts || (previousStatus !== 'ready' && state.value.loading.chartData) || state.value.loading.chartRendering)\n    || (chartRef.value === null && (state.value.loading.inputGuide || state.value.loading.chartData))\n  ) {\n    return 'loading';\n  }\n  return 'ready';\n});\n\nfunction onTreeNodeClick(d: DendroNodeInfo) {\n  state.value.reactive.dendroSelectedNodeId = d?.info[0]?.id as number;\n  state.value.reactive.dendroInfoByClick = d;\n}\n\nconst tooltipHintHideTimerRef = ref<ReturnType<typeof setTimeout> | null>(null);\n\nfunction onTooltipHintSwitch(v: boolean) {\n  const reactive = state.value.reactive;\n  if (v) {\n    if (reactive.tooltipHintWasShown) return;\n    if (tooltipHintHideTimerRef.value) {\n      clearTimeout(tooltipHintHideTimerRef.value);\n      tooltipHintHideTimerRef.value = null;\n    }\n    reactive.showTooltipHint = true;\n    tooltipHintHideTimerRef.value = setTimeout(() => {\n      reactive.showTooltipHint = false;\n      reactive.tooltipHintWasShown = true;\n      tooltipHintHideTimerRef.value = null;\n    }, 3000);\n  } else {\n    reactive.showTooltipHint = false;\n  }\n}\n\nfunction onLassoPolygonUpdate(dotIndexes: number[], polygons: { points: [number, number][]; closed: boolean }[]) {\n  graphMakerState.value = {\n    ...graphMakerState.value,\n    selectedPolygons: polygons,\n  };\n\n  const axesData = state.value.chartData.value?.data?.axesData;\n  if (dotIndexes.length === 0 || !axesData) {\n    selectionState.value = { axesSpec: [], selectedKeys: [] };\n    return;\n  }\n\n  const axisKeys = Object.keys(axesData);\n  const inputGuide = state.value.inputGuide.value;\n  selectionState.value = {\n    axesSpec: axisKeys.map((axisKey) => inputGuide.getSourceInfo(axisKey).spec as AxisSpec),\n    selectedKeys: dotIndexes.map((idx) => axisKeys.map((axisKey) => axesData[axisKey][idx]) as PTableKey),\n  };\n}\n\nfunction onLassoStateChange(v: LassoControlsState) {\n  state.value.reactive.lassoControlsState = v;\n}\nlet chartRenderingInProgress: ReturnType<typeof setTimeout> | null = null;\nfunction onLoadingStateChange(v: boolean) {\n  if (v) {\n    chartRenderingInProgress = setTimeout(() => {\n      state.value.loading.chartRendering = true;\n    }, 1000);\n  } else {\n    if (chartRenderingInProgress) {\n      clearTimeout(chartRenderingInProgress);\n    }\n    state.value.loading.chartRendering = false;\n  }\n}\nconst isScatterplotZoomChanged = ref(false);\nfunction onZoomChange(isZoomChanged: boolean) {\n  isScatterplotZoomChanged.value = isZoomChanged;\n}\nconst graphEventHandlers: Record<ChartType, unknown> = {\n  'dendro': [onTreeNodeClick],\n  'scatterplot-umap': {\n    onPolygonUpdate: onLassoPolygonUpdate,\n    onTooltipHintSwitch,\n    onLassoControlsStateUpdate: onLassoStateChange,\n    onZoomChange,\n  },\n  'discrete': [onTooltipHintSwitch],\n  'scatterplot': {\n    onPolygonUpdate: onLassoPolygonUpdate,\n    onTooltipHintSwitch,\n    onLassoControlsStateUpdate: onLassoStateChange,\n  },\n  'histogram': [onTooltipHintSwitch],\n  'heatmap': { onTooltipHintSwitch, onLoadingChange: onLoadingStateChange },\n  'bubble': [onTooltipHintSwitch],\n};\nfunction updateChart(value: { data: PlotDataAndSettings['data']['byColumns']; settings: PlotDataAndSettings['settings'] } | null) {\n  // if dataByColumns exists but columns has no data - show empty chart\n  if (value && Object.values(value.data.values)[0]?.length > 0) {\n    // console.log('value.dataByColumns', toRaw(value.data));\n    // console.log('value.settings', toRaw(value.settings));\n    if (chartRef.value) {\n      chartRef.value.updateSettingsAndData({ ...toRaw(value.data), id: value.data.id + (props.pFrame.ok ? props.pFrame.value : '') }, toRaw(value.settings) as Settings);\n    } else {\n      const htmlNode = document.getElementById('chartSvgContainer');\n      if (htmlNode) {\n        chartRef.value = MiPlots.newPlot(toRaw(value.data), toRaw(value.settings) as Settings, graphEventHandlers[value.settings.type as ChartType]);\n        if (value.settings.type === 'scatterplot-umap') {\n          // set default polygons (from props)\n          chartRef.value.updateChartState('polygon', graphMakerState.value.selectedPolygons ?? []);\n        }\n        chartRef.value.mount(htmlNode);\n      }\n    }\n    // calculated by chart renderer data, tree hierarchy for example\n    chartCalculatedDataRef.value = chartRef.value?.calculatedData ? { ...chartRef.value.calculatedData } : null;\n    chartError.value = chartRef.value?.hasError ?? false;\n    chartErrorInfo.value = chartRef.value?.errorInfo ?? null;\n  } else {\n    chartRef.value?.unmount();\n    chartRef.value = null;\n    chartErrorInfo.value = null;\n  }\n}\n\nwatch(() => graphStatus.value, (v) => {\n  if (v === 'notReady' || v === 'noPframe' || dataStore.value === null) {\n    chartRef.value?.unmount();\n    chartRef.value = null;\n  }\n});\n\nconst chartDataForRender = shallowRef<{ settings: Settings; data: DataByColumns } | null>(null);\nconst chartTruncationWarning = ref<ChartTruncationWarning | null>(null);\n\nfunction applyComposeResult(result: ReturnType<typeof composeChartSettings>) {\n  if (!result) {\n    chartDataForRender.value = null;\n    chartTruncationWarning.value = null;\n    return;\n  }\n  chartDataForRender.value = { settings: result.settings, data: result.data };\n  chartTruncationWarning.value = result.truncationWarning;\n}\n\nwatch([\n  () => state.value.chartData.value,\n], ([chartData]) => {\n  applyComposeResult(composeChartSettings(\n    toRaw(chartData),\n    toRaw(state.value.inputGuide.value),\n    toRaw(state.value.uniqueValuesData.value),\n    toRaw(state.value.filterLabelsInfo.value),\n    toRaw(state.value.reactive),\n    toRaw(state.value.defaultPalette),\n    toRaw(state.value.facetValuesData.value),\n  ));\n});\nwatch([\n  () => state.value.reactive.template,\n  () => state.value.reactive.layersSettings,\n  () => state.value.reactive.axesSettings,\n  () => state.value.reactive.statisticsSettings,\n  () => state.value.reactive.dataBindAes,\n  () => state.value.reactive.chartScale,\n], () => {\n  applyComposeResult(composeChartSettings(\n    toRaw(state.value.chartData.value),\n    toRaw(state.value.inputGuide.value),\n    toRaw(state.value.uniqueValuesData.value),\n    toRaw(state.value.filterLabelsInfo.value),\n    toRaw(state.value.reactive),\n    toRaw(state.value.defaultPalette),\n    toRaw(state.value.facetValuesData.value),\n  ));\n}, { deep: true });\n\nwatch(() => chartDataForRender.value, (chartData) => {\n  updateChart(chartData);\n});\nonMounted(() => {\n  updateChart(null);\n});\nonUnmounted(() => {\n  if (tooltipHintHideTimerRef.value) {\n    clearTimeout(tooltipHintHideTimerRef.value);\n    tooltipHintHideTimerRef.value = null;\n  }\n  chartRef.value?.unmount();\n});\n\nwatchDebounced(() => state.value.reactive.optionsState, (v) => {\n  graphMakerState.value = {\n    ...graphMakerState.value,\n    optionsState: copyJSON(v),\n  };\n}, { deep: true, debounce: 1000 });\nwatchDebounced(() => state.value.reactive.usedDefaultOptions, (v) => {\n  graphMakerState.value = {\n    ...graphMakerState.value,\n    usedDefaultOptions: copyJSON(v),\n  };\n}, { deep: true, debounce: 1000 });\nwatchDebounced(() => state.value.reactive.statisticsSettings, (v) => {\n  graphMakerState.value = {\n    ...graphMakerState.value,\n    statisticsSettings: copyJSON(v),\n  };\n}, { deep: true, debounce: 1000 });\nwatchDebounced(() => state.value.reactive.axesSettings, (v) => {\n  graphMakerState.value = {\n    ...graphMakerState.value,\n    axesSettings: copyJSON(v),\n  };\n}, { deep: true, debounce: 1000 });\nwatchDebounced(() => state.value.reactive.layersSettings, (v) => {\n  graphMakerState.value = {\n    ...graphMakerState.value,\n    layersSettings: copyJSON(v),\n  };\n}, { deep: true, debounce: 1000 });\nwatchDebounced(() => state.value.reactive.dataBindAes, (v) => {\n  graphMakerState.value = {\n    ...graphMakerState.value,\n    dataBindAes: copyJSON(v),\n  };\n}, { deep: true, debounce: 1000 });\n\nwatchDebounced([\n  () => state.value.reactive.chartScale,\n  () => state.value.reactive.template,\n  () => state.value.reactive.currentTab,\n], ([zoomState, template, currentTab]) => {\n  graphMakerState.value = {\n    ...graphMakerState.value,\n    zoomState,\n    template,\n    currentTab,\n  };\n}, { debounce: 1000 });\n\nwatch(() => state.value.reactive.tooltipHintWasShown, (v) => {\n  if (v) {\n    graphMakerState.value = { ...graphMakerState.value, tooltipHintWasShown: true };\n  }\n});\n\nwatch(() => graphMakerState.value.currentTab, (v) => {\n  state.value.reactive.currentTab = v === undefined ? 'dataMapping' : v;\n});\n\nwatch(() => graphMakerState.value?.layersSettings?.dendro?.showTable, (v) => {\n  state.value.reactive.layersSettings.dendro.showTable = v ?? false;\n});\n\nfunction onExport() {\n  saveToFile(\n    new Blob([\n      chartRef.value?.export() ?? '',\n    ]),\n    'chart.svg',\n  );\n}\n\nfunction updateGraphTitle(nextTitle: string) {\n  graphMakerState.value = {\n    ...graphMakerState.value,\n    title: nextTitle,\n  };\n}\n\nfunction selectTreeNode(id: number | null) {\n  state.value.reactive.dendroSelectedNodeId = id;\n  chartRef.value?.updateChartState('selectedNode', id);\n}\n\nconst slots = useSlots();\n\nconst hasAnnotationsSlot = computed(() => Boolean(slots.annotationsSlot));\nconst hasSettingsSlot = computed(() => Boolean(slots.settingsSlot));\nconst hasLogSlot = computed(() => Boolean(slots.logSlot));\n\n</script>\n\n<template>\n  <div class=\"graph-maker\">\n    <div class=\"graph-maker__main-pane\">\n      <Chart\n        :graph-status=\"graphStatus\" :graphTitle=\"graphMakerState.title\" :chartData=\"chartCalculatedDataRef\"\n        :chart-ref=\"chartRef\" :error-info=\"chartErrorInfo\" :dendroTooltipButton=\"tooltipButton\"\n        :custom-status-text=\"statusText\"\n        :allow-title-editing=\"allowTitleEditing\"\n        :isScatterplotZoomChanged=\"isScatterplotZoomChanged\"\n        @graph-title-update=\"updateGraphTitle\" @dendro-node-select=\"selectTreeNode\"\n        @dendro-tooltip-btn-click=\"(id: string) => $emit('tooltip-btn-click', id)\"\n      >\n        <slot name=\"titleLineSlot\" />\n      </Chart>\n      <GraphStatusScreen v-if=\"isInitialLoading || isRunning\" :graphStatus=\"isRunning ? 'running' : 'loading'\" :top=\"67\" :left=\"12\" :right=\"12\" :bottom=\"12\" :customStatusText=\"statusText\" />\n      <TransitionSlidePanel id=\"graph-settings-modal\">\n        <PanelModal\n          v-if=\"state.reactive.currentTab && !((isInitialLoading || isRunning) && isOwnGraphMakerTab(state.reactive.currentTab))\"\n          @close=\"state.reactive.currentTab = null\"\n        >\n          <component :is=\"currentForm.value\">\n            <slot v-if=\"state.reactive.currentTab === 'annotations'\" name=\"annotationsSlot\" />\n            <slot v-if=\"state.reactive.currentTab === 'settings'\" name=\"settingsSlot\" />\n            <slot v-if=\"state.reactive.currentTab === 'log'\" name=\"logSlot\" />\n          </component>\n        </PanelModal>\n      </TransitionSlidePanel>\n    </div>\n    <VTabs\n      v-model=\"state.reactive.currentTab\" :chart-type=\"state.reactive.chartType\" :graph-status=\"graphStatus\"\n      :allowDeleting=\"allowChartDeleting\" :hasAnnotationsSlot=\"hasAnnotationsSlot\" :hasSettingsSlot=\"hasSettingsSlot\"\n      :hasLogSlot=\"hasLogSlot\" :initialLoading=\"isInitialLoading || isRunning\" @export=\"onExport\"\n      @delete=\"$emit('delete-this-graph')\"\n    />\n    <ChartErrorNotificationAlert v-if=\"chartErrorInfo?.type === 'unknownError'\" :errorInfo=\"chartErrorInfo\" />\n    <ChartTruncationWarningAlert\n      v-if=\"chartTruncationWarning && (chartTruncationWarning.groups || chartTruncationWarning.facets)\"\n      :truncation-warning=\"chartTruncationWarning\"\n    />\n  </div>\n</template>\n"],"mappings":"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"}
+{"version":3,"file":"ui.vue_vue_type_script_setup_true_lang.js","names":["$emit"],"sources":["../src/ui.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport './assets/ui.scss';\nimport type {\n  ChartInterface,\n  DataByColumns,\n  ErrorInfo,\n  LassoControlsState,\n  Settings,\n} from '@milaboratories/miplots4';\nimport { MiPlots } from '@milaboratories/miplots4';\nimport type { ChartType, PlotDataAndSettings } from '@milaboratories/pf-plots';\nimport { DemoDataStore } from '@milaboratories/pf-plots';\nimport type { AxisSpec, PFrameDriver, PlSelectionModel, PTableKey } from '@platforma-sdk/model';\nimport { watchDebounced } from '@vueuse/core';\nimport { computed, onMounted, onUnmounted, ref, shallowRef, toRaw, useSlots, watch } from 'vue';\nimport Chart from './components/Chart.vue';\nimport PanelModal from './components/PanelModal.vue';\nimport VTabs from './components/SettingsTabs/index.vue';\nimport TransitionSlidePanel from './components/TransitionSlidePanel.vue';\nimport ChartErrorNotificationAlert from './components/ChartErrorNotificationAlert.vue';\nimport ChartTruncationWarningAlert from './components/ChartTruncationWarningAlert.vue';\nimport { isOwnGraphMakerTab, useSettingsForm } from './forms';\nimport { createReactiveState, provideStore } from './store';\nimport type { DendroNodeInfo, GraphMakerProps, GraphMakerState, GraphStatus } from './types';\nimport { composeChartSettings, saveToFile } from './utils';\nimport type { ChartTruncationWarning } from './utils/createChartSettingsForRender/composeChartSettings';\nimport { copyJSON } from './utils/copyJSON';\nimport GraphStatusScreen from './components/GraphStatusScreen.vue';\n\nconst _emit = defineEmits(['delete-this-graph', 'tooltip-btn-click']);\n\nconst graphMakerState = defineModel<GraphMakerState>({ required: true });\nconst selectionState = defineModel<PlSelectionModel>('selection');\n\nconst props = defineProps<GraphMakerProps>();\n\ndefineExpose({\n  /**\n   reset() will update data-mapping, axis-settings, layers-settings with the state that is in v-model at the moment.\n   In other cases editing of v-model fields doesn't make any impact to graphs and interface.\n   */\n  reset,\n});\n\nconst dataStore = ref<DemoDataStore | null>(null);\n\nwatch(() => props.pFrame, (pframe) => {\n  if (!pframe.ok || !pframe.value) {\n    dataStore.value = null;\n    return;\n  }\n  const driver = ('platforma' in window) ? window.platforma?.pFrameDriver as PFrameDriver : props.driver;\n  if (!driver) {\n    throw new Error('PFrame driver is missing');\n  }\n  dataStore.value = new DemoDataStore(\n    pframe.value,\n    driver,\n    props.labelsModifier,\n  );\n}, { immediate: true, deep: true });\n\n// fixed options can be updated outside, other settings only inside from chart settings interface, so we don't watching other settings\nconst fixedOptions = ref<typeof props.fixedOptions>(props.fixedOptions ?? []);\nwatch(() => props.fixedOptions, (value, oldValue) => {\n  if (\n    (value && oldValue && JSON.stringify(value) !== JSON.stringify(oldValue))\n    || (value && !oldValue)\n    || (oldValue && !value)\n  ) {\n    fixedOptions.value = value;\n  }\n}, { deep: true });\nconst defaultOptions = ref<typeof props.defaultOptions>(props.defaultOptions);\nwatch(() => props.defaultOptions, (v) => {\n  defaultOptions.value = v;\n}, { deep: true });\nconst state = provideStore(\n  toRaw(graphMakerState.value),\n  dataStore,\n  props.chartType,\n  defaultOptions,\n  fixedOptions,\n  props.dataColumnPredicate,\n  props.metaColumnPredicate,\n  props.readonlyInputs,\n  props.defaultPalette,\n);\n\nfunction reset() {\n  const nextReactiveState = createReactiveState(\n    toRaw(graphMakerState.value),\n    props.chartType,\n  );\n  Object.assign(state.value.reactive, nextReactiveState);\n  Object.assign(state.value.loading, {\n    initialInputGuide: true,\n    initialCharts: true,\n    initialDefaults: true,\n    inputGuide: false,\n    chartData: false,\n  });\n  defaultOptions.value = props.defaultOptions;\n}\n\nconst currentForm = computed(() => useSettingsForm(state.value.reactive.currentTab));\n\nconst chartRef = shallowRef<ChartInterface | null>(null);\nconst chartCalculatedDataRef = ref<Record<string, unknown> | null>(null);\nconst chartError = ref(false);\nconst chartErrorInfo = ref<ErrorInfo | null>(null);\n\nconst isRunning = computed(\n  () => props.pFrame.ok && !props.pFrame.value && !props.pFrame.stable,\n);\nconst isInitialLoading = computed(\n  () => state.value.loading.initialInputGuide && graphStatus.value === 'loading',\n);\n\nwatch(() => isRunning.value, (val, prevVal) => {\n  if (val && !prevVal) {\n    state.value.reactive.currentTab = null;\n  }\n});\n\nconst graphStatus = computed<GraphStatus>((previousStatus) => {\n  if (isRunning.value) {\n    return 'running';\n  }\n  if (props.pFrame.ok && props.pFrame.stable && !props.pFrame.value) {\n    return 'noPframe';\n  }\n  if (!props.pFrame.ok) {\n    return 'noPframeWithError';\n  }\n  const inputGuide = state.value.inputGuide.value;\n  const chartData = state.value.chartData.value;\n  if (!inputGuide.consistent) {\n    return 'inconsistent';\n  }\n  if (!inputGuide.ready) {\n    return defaultOptions.value === null\n      || state.value.loading.defaults\n      || state.value.loading.initialInputGuide\n      ? 'loading'\n      : 'notReady';\n  }\n  if (chartData && Object.values(chartData.data.byColumns.values)[0]?.length === 0) {\n    return 'empty';\n  }\n  if (chartError.value) {\n    return chartErrorInfo.value?.type === 'unknownError' ? 'unknownError' : 'knownError';\n  }\n  if (\n    (state.value.loading.initialCharts || (previousStatus !== 'ready' && state.value.loading.chartData) || state.value.loading.chartRendering)\n    || (chartRef.value === null && (state.value.loading.inputGuide || state.value.loading.chartData))\n  ) {\n    return 'loading';\n  }\n  return 'ready';\n});\n\nfunction onTreeNodeClick(d: DendroNodeInfo) {\n  state.value.reactive.dendroSelectedNodeId = d?.info[0]?.id as number;\n  state.value.reactive.dendroInfoByClick = d;\n}\n\nconst tooltipHintHideTimerRef = ref<ReturnType<typeof setTimeout> | null>(null);\n\nfunction onTooltipHintSwitch(v: boolean) {\n  const reactive = state.value.reactive;\n  if (v) {\n    if (reactive.tooltipHintWasShown) return;\n    if (tooltipHintHideTimerRef.value) {\n      clearTimeout(tooltipHintHideTimerRef.value);\n      tooltipHintHideTimerRef.value = null;\n    }\n    reactive.showTooltipHint = true;\n    tooltipHintHideTimerRef.value = setTimeout(() => {\n      reactive.showTooltipHint = false;\n      reactive.tooltipHintWasShown = true;\n      tooltipHintHideTimerRef.value = null;\n    }, 3000);\n  } else {\n    reactive.showTooltipHint = false;\n  }\n}\n\nfunction onLassoPolygonUpdate(dotIndexes: number[], polygons: { points: [number, number][]; closed: boolean }[]) {\n  graphMakerState.value = {\n    ...graphMakerState.value,\n    selectedPolygons: polygons,\n  };\n\n  const axesData = state.value.chartData.value?.data?.axesData;\n  if (dotIndexes.length === 0 || !axesData) {\n    selectionState.value = { axesSpec: [], selectedKeys: [] };\n    return;\n  }\n\n  const axisKeys = Object.keys(axesData);\n  const inputGuide = state.value.inputGuide.value;\n  selectionState.value = {\n    axesSpec: axisKeys.map((axisKey) => inputGuide.getSourceInfo(axisKey).spec as AxisSpec),\n    selectedKeys: dotIndexes.map((idx) => axisKeys.map((axisKey) => axesData[axisKey][idx]) as PTableKey),\n  };\n}\n\nfunction onLassoStateChange(v: LassoControlsState) {\n  state.value.reactive.lassoControlsState = v;\n}\nlet chartRenderingInProgress: ReturnType<typeof setTimeout> | null = null;\nfunction onLoadingStateChange(v: boolean) {\n  if (v) {\n    chartRenderingInProgress = setTimeout(() => {\n      state.value.loading.chartRendering = true;\n    }, 1000);\n  } else {\n    if (chartRenderingInProgress) {\n      clearTimeout(chartRenderingInProgress);\n    }\n    state.value.loading.chartRendering = false;\n  }\n}\nconst isScatterplotZoomChanged = ref(false);\nfunction onZoomChange(isZoomChanged: boolean) {\n  isScatterplotZoomChanged.value = isZoomChanged;\n}\nconst graphEventHandlers: Record<ChartType, unknown> = {\n  'dendro': [onTreeNodeClick],\n  'scatterplot-umap': {\n    onPolygonUpdate: onLassoPolygonUpdate,\n    onTooltipHintSwitch,\n    onLassoControlsStateUpdate: onLassoStateChange,\n    onZoomChange,\n  },\n  'discrete': [onTooltipHintSwitch],\n  'scatterplot': {\n    onPolygonUpdate: onLassoPolygonUpdate,\n    onTooltipHintSwitch,\n    onLassoControlsStateUpdate: onLassoStateChange,\n  },\n  'histogram': [onTooltipHintSwitch],\n  'heatmap': { onTooltipHintSwitch, onLoadingChange: onLoadingStateChange },\n  'bubble': [onTooltipHintSwitch],\n};\nfunction updateChart(value: { data: PlotDataAndSettings['data']['byColumns']; settings: PlotDataAndSettings['settings'] } | null) {\n  // if dataByColumns exists but columns has no data - show empty chart\n  if (value && Object.values(value.data.values)[0]?.length > 0) {\n    // console.log('value.dataByColumns', toRaw(value.data));\n    // console.log('value.settings', toRaw(value.settings));\n    if (chartRef.value) {\n      chartRef.value.updateSettingsAndData({ ...toRaw(value.data), id: value.data.id + (props.pFrame.ok ? props.pFrame.value : '') }, toRaw(value.settings) as Settings);\n    } else {\n      const htmlNode = document.getElementById('chartSvgContainer');\n      if (htmlNode) {\n        chartRef.value = MiPlots.newPlot(toRaw(value.data), toRaw(value.settings) as Settings, graphEventHandlers[value.settings.type as ChartType]);\n        if (value.settings.type === 'scatterplot-umap') {\n          // set default polygons (from props)\n          chartRef.value.updateChartState('polygon', graphMakerState.value.selectedPolygons ?? []);\n        }\n        chartRef.value.mount(htmlNode);\n      }\n    }\n    // calculated by chart renderer data, tree hierarchy for example\n    chartCalculatedDataRef.value = chartRef.value?.calculatedData ? { ...chartRef.value.calculatedData } : null;\n    chartError.value = chartRef.value?.hasError ?? false;\n    chartErrorInfo.value = chartRef.value?.errorInfo ?? null;\n  } else {\n    chartRef.value?.unmount();\n    chartRef.value = null;\n    chartErrorInfo.value = null;\n  }\n}\n\nwatch(() => graphStatus.value, (v) => {\n  if (v === 'notReady' || v === 'noPframe' || dataStore.value === null) {\n    chartRef.value?.unmount();\n    chartRef.value = null;\n  }\n});\n\nconst chartDataForRender = shallowRef<{ settings: Settings; data: DataByColumns } | null>(null);\nconst chartTruncationWarning = ref<ChartTruncationWarning | null>(null);\n\nfunction applyComposeResult(result: ReturnType<typeof composeChartSettings>) {\n  if (!result) {\n    chartDataForRender.value = null;\n    chartTruncationWarning.value = null;\n    return;\n  }\n  chartDataForRender.value = { settings: result.settings, data: result.data };\n  chartTruncationWarning.value = result.truncationWarning;\n}\n\nwatch([\n  () => state.value.chartData.value,\n], ([chartData]) => {\n  applyComposeResult(composeChartSettings(\n    toRaw(chartData),\n    toRaw(state.value.inputGuide.value),\n    toRaw(state.value.uniqueValuesData.value),\n    toRaw(state.value.filterLabelsInfo.value),\n    toRaw(state.value.reactive),\n    toRaw(state.value.defaultPalette),\n    toRaw(state.value.facetValuesData.value),\n  ));\n});\nwatch([\n  () => state.value.reactive.template,\n  () => state.value.reactive.layersSettings,\n  () => state.value.reactive.axesSettings,\n  () => state.value.reactive.statisticsSettings,\n  () => state.value.reactive.dataBindAes,\n  () => state.value.reactive.chartScale,\n], () => {\n  applyComposeResult(composeChartSettings(\n    toRaw(state.value.chartData.value),\n    toRaw(state.value.inputGuide.value),\n    toRaw(state.value.uniqueValuesData.value),\n    toRaw(state.value.filterLabelsInfo.value),\n    toRaw(state.value.reactive),\n    toRaw(state.value.defaultPalette),\n    toRaw(state.value.facetValuesData.value),\n  ));\n}, { deep: true });\n\nwatch(() => chartDataForRender.value, (chartData) => {\n  updateChart(chartData);\n});\nonMounted(() => {\n  updateChart(null);\n});\nonUnmounted(() => {\n  if (tooltipHintHideTimerRef.value) {\n    clearTimeout(tooltipHintHideTimerRef.value);\n    tooltipHintHideTimerRef.value = null;\n  }\n  chartRef.value?.unmount();\n});\n\nwatchDebounced(() => state.value.reactive.optionsState, (v) => {\n  graphMakerState.value = {\n    ...graphMakerState.value,\n    optionsState: copyJSON(v),\n  };\n}, { deep: true, debounce: 1000 });\nwatchDebounced(() => state.value.reactive.usedDefaultOptions, (v) => {\n  graphMakerState.value = {\n    ...graphMakerState.value,\n    usedDefaultOptions: copyJSON(v),\n  };\n}, { deep: true, debounce: 1000 });\nwatchDebounced(() => state.value.reactive.statisticsSettings, (v) => {\n  graphMakerState.value = {\n    ...graphMakerState.value,\n    statisticsSettings: copyJSON(v),\n  };\n}, { deep: true, debounce: 1000 });\nwatchDebounced(() => state.value.reactive.axesSettings, (v) => {\n  graphMakerState.value = {\n    ...graphMakerState.value,\n    axesSettings: copyJSON(v),\n  };\n}, { deep: true, debounce: 1000 });\nwatchDebounced(() => state.value.reactive.layersSettings, (v) => {\n  graphMakerState.value = {\n    ...graphMakerState.value,\n    layersSettings: copyJSON(v),\n  };\n}, { deep: true, debounce: 1000 });\nwatchDebounced(() => state.value.reactive.dataBindAes, (v) => {\n  graphMakerState.value = {\n    ...graphMakerState.value,\n    dataBindAes: copyJSON(v),\n  };\n}, { deep: true, debounce: 1000 });\n\nwatchDebounced([\n  () => state.value.reactive.chartScale,\n  () => state.value.reactive.template,\n  () => state.value.reactive.currentTab,\n], ([zoomState, template, currentTab]) => {\n  graphMakerState.value = {\n    ...graphMakerState.value,\n    zoomState,\n    template,\n    currentTab,\n  };\n}, { debounce: 1000 });\n\nwatch(() => state.value.reactive.tooltipHintWasShown, (v) => {\n  if (v) {\n    graphMakerState.value = { ...graphMakerState.value, tooltipHintWasShown: true };\n  }\n});\n\nwatch(() => graphMakerState.value.currentTab, (v) => {\n  state.value.reactive.currentTab = v === undefined ? 'dataMapping' : v;\n});\n\nwatch(() => graphMakerState.value?.layersSettings?.dendro?.showTable, (v) => {\n  state.value.reactive.layersSettings.dendro.showTable = v ?? false;\n});\n\nfunction onExport() {\n  saveToFile(\n    new Blob([\n      chartRef.value?.export() ?? '',\n    ]),\n    'chart.svg',\n  );\n}\n\nfunction updateGraphTitle(nextTitle: string) {\n  graphMakerState.value = {\n    ...graphMakerState.value,\n    title: nextTitle,\n  };\n}\n\nfunction selectTreeNode(id: number | null) {\n  state.value.reactive.dendroSelectedNodeId = id;\n  chartRef.value?.updateChartState('selectedNode', id);\n}\n\nconst slots = useSlots();\n\nconst hasAnnotationsSlot = computed(() => Boolean(slots.annotationsSlot));\nconst hasSettingsSlot = computed(() => Boolean(slots.settingsSlot));\nconst hasLogSlot = computed(() => Boolean(slots.logSlot));\n\n</script>\n\n<template>\n  <div class=\"graph-maker\">\n    <div class=\"graph-maker__main-pane\">\n      <Chart\n        :graph-status=\"graphStatus\" :graphTitle=\"graphMakerState.title\" :chartData=\"chartCalculatedDataRef\"\n        :chart-ref=\"chartRef\" :error-info=\"chartErrorInfo\" :dendroTooltipButton=\"tooltipButton\"\n        :custom-status-text=\"statusText\"\n        :allow-title-editing=\"allowTitleEditing\"\n        :isScatterplotZoomChanged=\"isScatterplotZoomChanged\"\n        @graph-title-update=\"updateGraphTitle\" @dendro-node-select=\"selectTreeNode\"\n        @dendro-tooltip-btn-click=\"(id: string) => $emit('tooltip-btn-click', id)\"\n      >\n        <slot name=\"titleLineSlot\" />\n      </Chart>\n      <GraphStatusScreen v-if=\"isInitialLoading || isRunning\" :graphStatus=\"isRunning ? 'running' : 'loading'\" :top=\"67\" :left=\"12\" :right=\"12\" :bottom=\"12\" :customStatusText=\"statusText\" />\n      <TransitionSlidePanel id=\"graph-settings-modal\">\n        <PanelModal\n          v-if=\"state.reactive.currentTab && !((isInitialLoading || isRunning) && isOwnGraphMakerTab(state.reactive.currentTab))\"\n          @close=\"state.reactive.currentTab = null\"\n        >\n          <component :is=\"currentForm.value\">\n            <slot v-if=\"state.reactive.currentTab === 'annotations'\" name=\"annotationsSlot\" />\n            <slot v-if=\"state.reactive.currentTab === 'settings'\" name=\"settingsSlot\" />\n            <slot v-if=\"state.reactive.currentTab === 'log'\" name=\"logSlot\" />\n          </component>\n        </PanelModal>\n      </TransitionSlidePanel>\n    </div>\n    <VTabs\n      v-model=\"state.reactive.currentTab\" :chart-type=\"state.reactive.chartType\" :graph-status=\"graphStatus\"\n      :allowDeleting=\"allowChartDeleting\" :hasAnnotationsSlot=\"hasAnnotationsSlot\" :hasSettingsSlot=\"hasSettingsSlot\"\n      :hasLogSlot=\"hasLogSlot\" :initialLoading=\"isInitialLoading || isRunning\" @export=\"onExport\"\n      @delete=\"$emit('delete-this-graph')\"\n    />\n    <ChartErrorNotificationAlert v-if=\"chartErrorInfo?.type === 'unknownError'\" :errorInfo=\"chartErrorInfo\" />\n    <ChartTruncationWarningAlert\n      v-if=\"chartTruncationWarning\"\n      :truncation-warning=\"chartTruncationWarning\"\n    />\n  </div>\n</template>\n"],"mappings":"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"}