@milaboratories/graph-maker 1.2.8 → 1.2.9

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"Heatmap.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../../../src/forms/LayersForm/Layer/heatmap/Heatmap.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { useStore } from '../../../../store';\nimport type { HeatmapLayer } from '../../../../types';\nimport { computed, ref } from 'vue';\nimport {\n  PALETTE_MAP,\n} from '../../../../constantsAesthetic';\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 type { HeatmapUIState, InputGuide } from '@milaboratories/pf-plots';\nimport type { SimpleOption } from '@platforma-sdk/ui-vue';\nimport { PlBtnGroup, PlCheckbox, PlDropdown, PlNumberField } from '@platforma-sdk/ui-vue';\nimport { AGGREGATION_METHOD_OPTIONS } from '../../../../constantsCommon';\n\nconst store = useStore();\nconst layer: HeatmapLayer = 'heatmap';\nconst settings = computed(() => store.value.reactive.layersSettings[layer]);\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}\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 ? null : 'custom');\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\n      :selected=\"palette\"\n      :categorical=\"dataSource ? inputGuide.getSourceInfo(dataSource).type === 'String' : false\"\n      @select=\"onPaletteSelect\"\n    />\n  </FormWrapper>\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":"Heatmap.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../../../src/forms/LayersForm/Layer/heatmap/Heatmap.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { useStore } from '../../../../store';\nimport type { HeatmapLayer } from '../../../../types';\nimport { computed, ref } from 'vue';\nimport {\n  PALETTE_MAP,\n} from '../../../../constantsAesthetic';\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 type { HeatmapUIState, InputGuide } from '@milaboratories/pf-plots';\nimport type { SimpleOption } from '@platforma-sdk/ui-vue';\nimport { PlBtnGroup, PlCheckbox, PlNumberField } from '@platforma-sdk/ui-vue';\nimport { AGGREGATION_METHOD_OPTIONS } from '../../../../constantsCommon';\n\nconst store = useStore();\nconst layer: HeatmapLayer = 'heatmap';\nconst settings = computed(() => store.value.reactive.layersSettings[layer]);\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}\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 ? null : 'custom');\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\n      :selected=\"palette\"\n      :categorical=\"dataSource ? inputGuide.getSourceInfo(dataSource).type === 'String' : false\"\n      @select=\"onPaletteSelect\"\n    />\n  </FormWrapper>\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":";;;;;;;;;;;;;;;mEAkBM,IAAsB;;;EAD5B,IAAM,IAAQ,GAAU,EAElB,IAAW,QAAe,EAAM,MAAM,SAAS,eAAe,GAAO,EACrE,IAAe,QAAe,EAAM,MAAM,SAAS,aAA+B,EAClF,IAAa,QAAe,EAAM,MAAM,WAAW,MAAoC,EAEvF,IAAa,QAAe,EAAa,MAAM,WAAW,MAAM,eAAe,IAAI,eAAe,EAClG,IAAwB,QAAe,EAAW,QAAQ,EAAM,MAAM,SAAS,YAAY,EAAW,QAAQ,UAAU,KAAA,EAAU,EAElI,IAAe,EAAI,GAAM,EACzB,IAAU,EAAuB,EAAsB,SAA8B,EAAM,MAAM,eAAe,WAAW;EAEjI,SAAS,EAAgB,GAA0B;AAGjD,GAFA,EAAQ,QAAQ,GAChB,EAAa,QAAQ,IACjB,EAAW,UACb,EAAM,MAAM,SAAS,YAAY,EAAW,SAAS,EAAmC,EAAM;;EAIlG,IAAM,IAA0C;GAC9C;IAAE,OAAO;IAAQ,OAAO;IAAM;GAC9B;IAAE,OAAO;IAAW,OAAO;IAAU;GACrC;IAAE,OAAO;IAAQ,OAAO;IAAO;GAChC,EACK,IAAuC,CAC3C;GAAE,OAAO;GAAW,OAAO;GAAmB,EAC9C;GAAE,OAAO;GAAW,OAAO;GAAqB,CACjD,EACK,IAAmC,CACvC;GAAE,OAAO;GAAS,OAAO;GAAM,EAC/B;GAAE,OAAO;GAAiB,OAAO;GAAU,CAC5C,EACK,IAAqB,GAErB,IAAgB,EAAI,EAAS,MAAM,cAAc,OAAO,OAAO,SAAS,EACxE,IAAW,EAAI,EAAS,MAAM,aAAa,EAAE;;GAIjD,EAKE,GAAA;IAJA,OAAM;IACL,OAAO,EAAA,EAAW,CAAC,EAAA,OAAS;IAC5B,SAAS,EAAA;IACT,eAAY,AAAA,EAAA,QAAA,MAAA;AAAE,OAAA,QAAY;;;GAGrB,EAAA,SAAA,GAAA,EADR,EAWc,GAAA;;IATZ,OAAM;IACN,cAAW;IACV,gBAAU,AAAA,EAAA,QAAA,MAAE,EAAA,QAAY;;qBAMvB,CAJF,EAIE,GAAA;KAHC,UAAU,EAAA;KACV,aAAa,EAAA,QAAa,EAAA,MAAW,cAAc,EAAA,MAAU,CAAE,SAAI,WAAA;KACnE,UAAQ;;;;GAGb,EAOM,OAPN,GAOM,CANJ,EAKE,EAAA,EAAA,EAAA;gBAJS,EAAA,MAAS;6CAAT,MAAS,yBAAsB;IACxC,OAAM;IACL,SAAS;IACT,SAAS;;GAGd,EAOM,OAPN,GAOM,CANJ,EAKE,EAAA,EAAA,EAAA;gBAJS,EAAA,MAAS;6CAAT,MAAS,sBAAmB;IACrC,OAAM;IACL,SAAS;IACT,SAAS;;GAGd,EAGM,OAHN,GAGM,CAFJ,EAA6C,EAAA,EAAA,EAAA;gBAAxB,EAAA,MAAS;6CAAT,MAAS,eAAY;0CAC1C,EAA+B,QAAA,MAAzB,sBAAkB,GAAA,CAAA,CAAA;GAE1B,EAGM,OAHN,GAGM,CAFJ,EAA6C,EAAA,EAAA,EAAA;gBAAxB,EAAA,MAAS;6CAAT,MAAS,eAAY;0CAC1C,EAA+B,QAAA,MAAzB,sBAAkB,GAAA,CAAA,CAAA;GAE1B,EAOM,OAPN,GAOM,CANJ,EAKE,EAAA,EAAA,EAAA;gBAJS,EAAA,MAAS;6CAAT,MAAS,oBAAiB;IACnC,OAAM;IACL,SAAS,EAAA,EAAkB;IAC3B,SAAS;;GAGd,EA0BM,OA1BN,GA0BM,CAzBJ,EAYE,EAAA,EAAA,EAAA;gBAXS,EAAA;8CAAa,QAAA,GAAA,AAAA,EAAA,QAID,MAAa;KAAmB,MAAK,WAA2B,EAAA,MAAS,YAAY,EAAA,QAAqC,EAAA,MAAS,YAAY;;IAHpK,OAAM;IACL,SAAS;IACT,SAAS;gCASZ,EAWE,EAAA,EAAA,EAAA;gBAVS,EAAA;8CAAQ,QAAA,GAAA,AAAA,EAAA,SAKI,MAAa;KAAmB,MAAU,KAAA,MAAuB,EAAA,MAAS,YAAY;;IAJ1G,OAAO;KAAA,QAAA;KAAA,YAAA;KAAA,OAAA;KAAmD;IAC1D,UAAU,EAAA,UAAa;IACxB,OAAM;IACL,qBAAqB;;GAQ1B,EAGM,OAHN,GAGM,CAFJ,EAA8C,EAAA,EAAA,EAAA;gBAAzB,EAAA,MAAS;8CAAT,MAAS,gBAAa;0CAC3C,EAA4B,QAAA,MAAtB,mBAAe,GAAA,CAAA,CAAA;GAEvB,EAGM,OAHN,GAGM,CAFJ,EAAiD,EAAA,EAAA,EAAA;gBAA5B,EAAA,MAAS;8CAAT,MAAS,mBAAgB;0CAC9C,EAA+B,QAAA,MAAzB,sBAAkB,GAAA,CAAA,CAAA"}

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

@@ -1 +1 @@
-{"version":3,"file":"HeatmapClustered.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":""}
+{"version":3,"file":"HeatmapClustered.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":""}

package/dist/forms/LayersForm/Layer/heatmap/HeatmapClustered.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"HeatmapClustered.vue.d.ts","sourceRoot":"","sources":["../../../../../src/forms/LayersForm/Layer/heatmap/HeatmapClustered.vue"],"names":[],"mappings":";AA0gBA,wBAKG"}
+{"version":3,"file":"HeatmapClustered.vue.d.ts","sourceRoot":"","sources":["../../../../../src/forms/LayersForm/Layer/heatmap/HeatmapClustered.vue"],"names":[],"mappings":";AA8iBA,wBAKG"}

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":";;;;;;;;;;;;;;;;;;;;;GAgBM,IAAsB;;;EAD5B,IAAM,IAAQ,GAAU,EAElB,IAAW,QAAe,EAAM,MAAM,SAAS,eAAe,GAAO,EAErE,IAAe,QAAe,EAAM,MAAM,SAAS,aAA+B,EAClF,IAAa,QAAe,EAAM,MAAM,WAAW,MAAoC,EAEvF,IAAa,QAAe,EAAa,MAAM,WAAW,MAAM,eAAe,IAAI,eAAe,EAClG,IAAwB,QAAe,EAAW,QAAQ,EAAM,MAAM,SAAS,YAAY,EAAW,QAAQ,UAAU,KAAA,EAAU,EAElI,IAAe,EAAI,GAAM,EACzB,IAAU,EAAuB,EAAsB,SAA8B,EAAM,MAAM,eAAe,WAAW;EAEjI,SAAS,EAAgB,GAA0B;AAGjD,GAFA,EAAQ,QAAQ,GAChB,EAAa,QAAQ,IACjB,EAAW,UACb,EAAM,MAAM,SAAS,YAAY,EAAW,SAAS,EAAmC,EAAM;;EAGlG,IAAM,IAA0C;GAC9C;IAAE,OAAO;IAAQ,OAAO;IAAM;GAC9B;IAAE,OAAO;IAAW,OAAO;IAAU;GACrC;IAAE,OAAO;IAAQ,OAAO;IAAO;GAChC,EACK,IAAuC,CAC3C;GAAE,OAAO;GAAW,OAAO;GAAmB,EAC9C;GAAE,OAAO;GAAW,OAAO;GAAqB,CACjD,EACK,IAAmC,CACvC;GAAE,OAAO;GAAS,OAAO;GAAM,EAC/B;GAAE,OAAO;GAAiB,OAAO;GAAU,CAC5C,EACK,IAAqB,GAErB,IAAgB,EAAI,EAAS,MAAM,cAAc,OAAkB,EAAS,MAAM,YAA1B,SAAoC,EAC5F,IAAW,EAAI,EAAS,MAAM,aAAa,EAAE;;GAIjD,EAKE,GAAA;IAJA,OAAM;IACL,OAAO,EAAA,EAAW,CAAC,EAAA,OAAS;IAC5B,SAAS,EAAA;IACT,eAAY,AAAA,EAAA,QAAA,MAAA;AAAE,OAAA,QAAY;;;GAGrB,EAAA,SAAA,GAAA,EADR,EAOc,GAAA;;IALZ,OAAM;IACN,cAAW;IACV,gBAAU,AAAA,EAAA,QAAA,MAAE,EAAA,QAAY;;qBAEgI,CAAzJ,EAAyJ,GAAA;KAA1I,UAAU,EAAA;KAAU,aAAa,EAAA,QAAa,EAAA,MAAW,cAAc,EAAA,MAAU,CAAE,SAAI,WAAA;KAAwB,UAAQ;;;;GAExI,EAGM,OAHN,GAGM,CAFJ,EAAmD,EAAA,EAAA,EAAA;gBAA9B,EAAA,MAAS;6CAAT,MAAS,qBAAkB;0CAChD,EAA0C,QAAA,MAApC,iCAA6B,GAAA,CAAA,CAAA;GAEzB,EAAA,MAAS,qBAEa,EAAA,IAAA,GAAA,IAFb,GAAA,EAArB,EAGM,OAHN,GAGM,CAFJ,EAA6C,EAAA,EAAA,EAAA;gBAAxB,EAAA,MAAS;6CAAT,MAAS,cAAW;0CACzC,EAAuC,QAAA,MAAjC,8BAA0B,GAAA,CAAA,CAAA;GAElC,EAGM,OAHN,GAGM,CAFJ,EAAmD,EAAA,EAAA,EAAA;gBAA9B,EAAA,MAAS;6CAAT,MAAS,qBAAkB;0CAChD,EAA0C,QAAA,MAApC,iCAA6B,GAAA,CAAA,CAAA;GAEzB,EAAA,MAAS,qBAEa,EAAA,IAAA,GAAA,IAFb,GAAA,EAArB,EAGM,OAHN,GAGM,CAFJ,EAA4C,EAAA,EAAA,EAAA;gBAAvB,EAAA,MAAS;6CAAT,MAAS,cAAW;0CACzC,EAAuC,QAAA,MAAjC,8BAA0B,GAAA,CAAA,CAAA;GAElC,EAOM,OAPN,GAOM,CANJ,EAKE,EAAA,EAAA,EAAA;gBAJS,EAAA,MAAS;6CAAT,MAAS,yBAAsB;IACxC,OAAM;IACL,SAAS;IACT,SAAS;;GAGd,EAOM,OAPN,GAOM,CANJ,EAKE,EAAA,EAAA,EAAA;gBAJS,EAAA,MAAS;6CAAT,MAAS,sBAAmB;IACrC,OAAM;IACL,SAAS;IACT,SAAS;;GAGd,EAGM,OAHN,GAGM,CAFJ,EAA6C,EAAA,EAAA,EAAA;gBAAxB,EAAA,MAAS;6CAAT,MAAS,eAAY;0CAC1C,EAA+B,QAAA,MAAzB,sBAAkB,GAAA,CAAA,CAAA;GAE1B,EAGM,OAHN,GAGM,CAFJ,EAA6C,EAAA,EAAA,EAAA;gBAAxB,EAAA,MAAS;6CAAT,MAAS,eAAY;0CAC1C,EAA+B,QAAA,MAAzB,sBAAkB,GAAA,CAAA,CAAA;GAE1B,EAOM,OAPN,GAOM,CANJ,EAKE,EAAA,EAAA,EAAA;gBAJS,EAAA,MAAS;8CAAT,MAAS,oBAAiB;IACnC,OAAM;IACL,SAAS,EAAA,EAAkB;IAC3B,SAAS;;GAGd,EA0BM,OA1BN,GA0BM,CAzBJ,EAYE,EAAA,EAAA,EAAA;gBAXS,EAAA;+CAAa,QAAA,GAAA,AAAA,EAAA,SAID,MAAa;KAAmB,MAAK,WAA2B,EAAA,MAAS,YAAY,EAAA,QAAqC,EAAA,MAAS,YAAY;;IAHpK,OAAM;IACL,SAAS;IACT,SAAS;gCASZ,EAWE,EAAA,EAAA,EAAA;gBAVS,EAAA;+CAAQ,QAAA,GAAA,AAAA,EAAA,SAKI,MAAa;KAAmB,MAAU,KAAA,MAAuB,EAAA,MAAS,YAAY;;IAJ1G,OAAO;KAAA,QAAA;KAAA,YAAA;KAAA,OAAA;KAAmD;IAC1D,UAAU,EAAA,UAAa;IACxB,OAAM;IACL,qBAAqB"}
+{"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/utils/createChartSettingsForRender/composeBubbleSettings.d.ts

@@ -129,5 +129,7 @@ export declare function composeBubbleSettings(settings: BubbleSettings, reactive
         method?: "sum" | "mean" | "median" | "min" | "max" | undefined;
     } | undefined;
     NAValueAs?: number | null | undefined;
+    showEmptyRows?: boolean | undefined;
+    showEmptyColumns?: boolean | undefined;
 };
 //# sourceMappingURL=composeBubbleSettings.d.ts.map