@milaboratories/graph-maker 1.1.162 → 1.1.164

package/dist/GraphMaker/forms/LayersForm/Layer/heatmap/Heatmap.vue.js

@@ -1,111 +1,142 @@
-import { defineComponent as _, computed as i, ref as v, createElementBlock as C, openBlock as A, Fragment as I, createVNode as u, createBlock as P, createCommentVNode as E, createElementVNode as c, unref as s, withCtx as x } from "vue";
-import { useStore as y } from "../../../../store.js";
-import { DEFAULT_CONTINUOUS_PALETTE as z, PALETTE_MAP as B } from "../../../../constantsAesthetic.js";
-import { createContinuousMappingFromPalette as M } from "../../../../dataBindAes.js";
-import U from "../../../../components/MultiselectButton.vue.js";
-import L from "../../../../components/AesSettings/PalettesForm.vue.js";
-import k from "../../../../components/AesSettings/FormWrapper.vue.js";
-import { PlBtnGroup as f, PlNumberField as D } from "@platforma-sdk/ui-vue";
-const F = { class: "button-group-item" }, $ = { class: "button-group-item" }, w = {
+import { defineComponent as y, computed as m, ref as v, resolveComponent as B, createElementBlock as C, openBlock as A, Fragment as E, createVNode as o, createBlock as I, createCommentVNode as _, createElementVNode as u, unref as s, withCtx as P } from "vue";
+import { useStore as U } from "../../../../store.js";
+import { DEFAULT_CONTINUOUS_PALETTE as k, PALETTE_MAP as z } from "../../../../constantsAesthetic.js";
+import { createContinuousMappingFromPalette as D } from "../../../../dataBindAes.js";
+import L from "../../../../components/MultiselectButton.vue.js";
+import G from "../../../../components/AesSettings/PalettesForm.vue.js";
+import F from "../../../../components/AesSettings/FormWrapper.vue.js";
+import { PlBtnGroup as p, PlNumberField as R } from "@platforma-sdk/ui-vue";
+const $ = { class: "button-group-item" }, w = { class: "button-group-item" }, H = { class: "checkbox-item" }, X = { class: "checkbox-item" }, Y = { class: "button-group-item" }, Z = {
   class: "button-group-item",
   style: { display: "flex", alignItems: "end" }
-}, W = /* @__PURE__ */ _({
+}, te = /* @__PURE__ */ y({
   __name: "Heatmap",
-  setup(R) {
-    const n = y(), t = i(() => n.value.reactive.layersSettings.heatmap), N = i(() => n.value.reactive.optionsState), V = i(() => n.value.inputGuide.value), o = i(() => {
+  setup(j) {
+    const i = U(), t = m(() => i.value.reactive.layersSettings.heatmap), b = m(() => i.value.reactive.optionsState), f = m(() => i.value.inputGuide.value), n = m(() => {
       var a;
-      return (a = N.value.components.value.selectorStates[0]) == null ? void 0 : a.selectedSource;
-    }), b = i(() => {
+      return (a = b.value.components.value.selectorStates[0]) == null ? void 0 : a.selectedSource;
+    }), N = m(() => {
       var a;
-      return o.value ? (a = n.value.reactive.dataBindAes[o.value]) == null ? void 0 : a.palette : void 0;
-    }), r = v(!1), m = v(b.value ?? z);
-    function g(a) {
-      m.value = a, r.value = !1, o.value && (n.value.reactive.dataBindAes[o.value] = M(a));
+      return n.value ? (a = i.value.reactive.dataBindAes[n.value]) == null ? void 0 : a.palette : void 0;
+    }), r = v(!1), d = v(N.value ?? k);
+    function M(a) {
+      d.value = a, r.value = !1, n.value && (i.value.reactive.dataBindAes[n.value] = D(a));
     }
     const S = [
       { label: "None", value: null },
       { label: "Columns", value: "column" },
       { label: "Rows", value: "row" }
-    ], O = [
+    ], x = [
       { label: "z-score", value: "standardScaling" },
       { label: "Min-max", value: "meanNormalization" }
-    ], T = [
+    ], O = [
       { label: "empty", value: null },
       { label: "Special value", value: "custom" }
-    ], d = v(t.value.NAValueAs === null ? null : "custom"), p = v(t.value.NAValueAs ?? 0);
-    return (a, e) => (A(), C(I, null, [
-      u(U, {
-        label: "Color Palette ",
-        title: s(B)[m.value].title,
-        palette: m.value,
-        onButtonClick: e[0] || (e[0] = (l) => {
-          r.value = !0;
-        })
-      }, null, 8, ["title", "palette"]),
-      r.value ? (A(), P(k, {
-        key: 0,
-        title: "Color Palette",
-        "back-title": "Color mapping",
-        "onForm:close": e[1] || (e[1] = (l) => r.value = !1)
-      }, {
-        default: x(() => [
-          u(L, {
-            selected: m.value,
-            categorical: o.value ? V.value.getSourceInfo(o.value).type === "String" : !1,
-            onSelect: g
-          }, null, 8, ["selected", "categorical"])
+    ], T = [
+      { label: "Mean", value: "mean" },
+      { label: "Min", value: "min" },
+      { label: "Max", value: "max" },
+      { label: "Median", value: "median" }
+    ], g = v(t.value.NAValueAs === null ? null : "custom"), c = v(t.value.NAValueAs ?? 0);
+    return (a, e) => {
+      const V = B("pl-checkbox");
+      return A(), C(E, null, [
+        o(L, {
+          label: "Color Palette ",
+          title: s(z)[d.value].title,
+          palette: d.value,
+          onButtonClick: e[0] || (e[0] = (l) => {
+            r.value = !0;
+          })
+        }, null, 8, ["title", "palette"]),
+        r.value ? (A(), I(F, {
+          key: 0,
+          title: "Color Palette",
+          "back-title": "Color mapping",
+          "onForm:close": e[1] || (e[1] = (l) => r.value = !1)
+        }, {
+          default: P(() => [
+            o(G, {
+              selected: d.value,
+              categorical: n.value ? f.value.getSourceInfo(n.value).type === "String" : !1,
+              onSelect: M
+            }, null, 8, ["selected", "categorical"])
+          ]),
+          _: 1
+        })) : _("", !0),
+        u("div", $, [
+          o(s(p), {
+            label: "Normalize by",
+            options: S,
+            compact: !0,
+            modelValue: t.value.normalizationDirection,
+            "onUpdate:modelValue": e[2] || (e[2] = (l) => t.value.normalizationDirection = l)
+          }, null, 8, ["modelValue"])
+        ]),
+        u("div", w, [
+          o(s(p), {
+            label: "Normalization method",
+            options: x,
+            compact: !0,
+            modelValue: t.value.normalizationMethod,
+            "onUpdate:modelValue": e[3] || (e[3] = (l) => t.value.normalizationMethod = l)
+          }, null, 8, ["modelValue"])
+        ]),
+        u("div", H, [
+          o(V, {
+            modelValue: t.value.aggregateByX,
+            "onUpdate:modelValue": e[4] || (e[4] = (l) => t.value.aggregateByX = l)
+          }, null, 8, ["modelValue"]),
+          e[11] || (e[11] = u("span", null, "Aggregate X groups", -1))
+        ]),
+        u("div", X, [
+          o(V, {
+            modelValue: t.value.aggregateByY,
+            "onUpdate:modelValue": e[5] || (e[5] = (l) => t.value.aggregateByY = l)
+          }, null, 8, ["modelValue"]),
+          e[12] || (e[12] = u("span", null, "Aggregate Y groups", -1))
+        ]),
+        u("div", Y, [
+          o(s(p), {
+            label: "Aggregation method",
+            options: T,
+            compact: !0,
+            modelValue: t.value.aggregationMethod,
+            "onUpdate:modelValue": e[6] || (e[6] = (l) => t.value.aggregationMethod = l)
+          }, null, 8, ["modelValue"])
         ]),
-        _: 1
-      })) : E("", !0),
-      c("div", F, [
-        u(s(f), {
-          label: "Normalize by",
-          options: S,
-          compact: !0,
-          modelValue: t.value.normalizationDirection,
-          "onUpdate:modelValue": e[2] || (e[2] = (l) => t.value.normalizationDirection = l)
-        }, null, 8, ["modelValue"])
-      ]),
-      c("div", $, [
-        u(s(f), {
-          label: "Normalization method",
-          options: O,
-          compact: !0,
-          modelValue: t.value.normalizationMethod,
-          "onUpdate:modelValue": e[3] || (e[3] = (l) => t.value.normalizationMethod = l)
-        }, null, 8, ["modelValue"])
-      ]),
-      c("div", w, [
-        u(s(f), {
-          label: "Treat NA value as:",
-          options: T,
-          compact: !0,
-          modelValue: d.value,
-          "onUpdate:modelValue": [
-            e[4] || (e[4] = (l) => d.value = l),
-            e[5] || (e[5] = (l) => {
-              l === "custom" ? t.value.NAValueAs = p.value : t.value.NAValueAs = l;
-            })
-          ]
-        }, null, 8, ["modelValue"]),
-        u(s(D), {
-          style: { height: "33px", marginLeft: "16px", width: "75px" },
-          disabled: d.value !== "custom",
-          label: "NA value",
-          useIncrementButtons: !1,
-          modelValue: p.value,
-          "onUpdate:modelValue": [
-            e[6] || (e[6] = (l) => p.value = l),
-            e[7] || (e[7] = (l) => {
-              l !== void 0 && (t.value.NAValueAs = l);
-            })
-          ]
-        }, null, 8, ["disabled", "modelValue"])
-      ])
-    ], 64));
+        u("div", Z, [
+          o(s(p), {
+            label: "Treat NA value as:",
+            options: O,
+            compact: !0,
+            modelValue: g.value,
+            "onUpdate:modelValue": [
+              e[7] || (e[7] = (l) => g.value = l),
+              e[8] || (e[8] = (l) => {
+                l === "custom" ? t.value.NAValueAs = c.value : t.value.NAValueAs = l;
+              })
+            ]
+          }, null, 8, ["modelValue"]),
+          o(s(R), {
+            style: { height: "33px", marginLeft: "16px", width: "75px" },
+            disabled: g.value !== "custom",
+            label: "NA value",
+            useIncrementButtons: !1,
+            modelValue: c.value,
+            "onUpdate:modelValue": [
+              e[9] || (e[9] = (l) => c.value = l),
+              e[10] || (e[10] = (l) => {
+                l !== void 0 && (t.value.NAValueAs = l);
+              })
+            ]
+          }, null, 8, ["disabled", "modelValue"])
+        ])
+      ], 64);
+    };
   }
 });
 export {
-  W as default
+  te as default
 };
 //# sourceMappingURL=Heatmap.vue.js.map

package/dist/GraphMaker/forms/LayersForm/Layer/heatmap/Heatmap.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"Heatmap.vue.js","sources":["../../../../../../src/GraphMaker/forms/LayersForm/Layer/heatmap/Heatmap.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { useStore } from '../../../../store';\nimport { HeatmapLayer } from '../../../../types';\nimport { computed, ref } from 'vue';\nimport {\n  DEFAULT_CONTINUOUS_PALETTE,\n  PALETTE_MAP\n} from '../../../../constantsAesthetic';\nimport { 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 { HeatmapUIState, InputGuide } from '@milaboratories/pf-plots';\nimport { PlBtnGroup, PlNumberField, SimpleOption } from '@platforma-sdk/ui-vue';\n\nconst store = useStore();\nconst layer: HeatmapLayer = 'heatmap';\nconst settings = computed(() => store.value.reactive.layersSettings.heatmap);\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 ?? DEFAULT_CONTINUOUS_PALETTE);\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];\n\nconst NAValueOption = ref(settings.value.NAValueAs === null ? null : 'custom');\nconst customNA = ref(settings.value.NAValueAs ?? 0);\n</script>\n\n<template>\n  <multiselect-button\n    label=\"Color Palette \"\n    :title=\"PALETTE_MAP[palette].title\"\n    :palette=\"palette\"\n    @button-click=\"palettesOpen = true;\"\n  />\n  <form-wrapper\n    v-if=\"palettesOpen\"\n    title=\"Color Palette\"\n    back-title=\"Color mapping\"\n    @form:close=\"palettesOpen = false\"\n  >\n    <palettes-form :selected=\"palette\"\n                   :categorical=\"dataSource ? inputGuide.getSourceInfo(dataSource).type === 'String' : false\"\n                   @select=\"onPaletteSelect\" />\n  </form-wrapper>\n  <div class=\"button-group-item\">\n    <pl-btn-group\n      label=\"Normalize by\"\n      :options=\"NORMALIZATION_DIRECTION\"\n      :compact=\"true\"\n      v-model=\"settings.normalizationDirection\"\n    />\n  </div>\n  <div class=\"button-group-item\">\n    <pl-btn-group\n      label=\"Normalization method\"\n      :options=\"NORMALIZATION_METHOD\"\n      :compact=\"true\"\n      v-model=\"settings.normalizationMethod\"\n\n    />\n  </div>\n  <div class=\"button-group-item\" :style=\"{display: 'flex', alignItems: 'end'}\">\n    <pl-btn-group\n      label=\"Treat NA value as:\"\n      :options=\"NA_VALUE_OPTIONS\"\n      :compact=\"true\"\n      v-model=\"NAValueOption\"\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    <pl-number-field\n      :style=\"{height: '33px', marginLeft: '16px', width: '75px'}\"\n      :disabled=\"NAValueOption !== 'custom'\"\n      label=\"NA value\"\n      :useIncrementButtons=\"false\"\n      v-model=\"customNA\"\n      @update:modelValue=\"(value:unknown) => {\n        if (value !== undefined) {\n          settings.NAValueAs = value as number;\n        }\n      }\"\n    />\n  </div>\n</template>\n"],"names":["store","useStore","settings","computed","optionsState","inputGuide","dataSource","_a","savedDataValuePalette","palettesOpen","ref","palette","DEFAULT_CONTINUOUS_PALETTE","onPaletteSelect","value","createContinuousMappingFromPalette","NORMALIZATION_DIRECTION","NORMALIZATION_METHOD","NA_VALUE_OPTIONS","NAValueOption","customNA"],"mappings":";;;;;;;;;;;;;;AAgBA,UAAMA,IAAQC,EAAA,GAERC,IAAWC,EAAS,MAAMH,EAAM,MAAM,SAAS,eAAe,OAAO,GACrEI,IAAeD,EAAS,MAAMH,EAAM,MAAM,SAAS,YAA8B,GACjFK,IAAaF,EAAS,MAAMH,EAAM,MAAM,WAAW,KAAmC,GAEtFM,IAAaH,EAAS,MAAA;;AAAM,cAAAI,IAAAH,EAAa,MAAM,WAAW,MAAM,eAAe,CAAC,MAApD,gBAAAG,EAAuD;AAAA,KAAc,GACjGC,IAAwBL,EAAS,MAAA;;AAAM,aAAAG,EAAW,SAAQC,IAAAP,EAAM,MAAM,SAAS,YAAYM,EAAW,KAAK,MAAjD,gBAAAC,EAAoD,UAAU;AAAA,KAAS,GAEjIE,IAAeC,EAAI,EAAK,GACxBC,IAAUD,EAAuBF,EAAsB,SAA8BI,CAA0B;AAErH,aAASC,EAAgBC,GAA0B;AACjD,MAAAH,EAAQ,QAAQG,GAChBL,EAAa,QAAQ,IACjBH,EAAW,UACbN,EAAM,MAAM,SAAS,YAAYM,EAAW,KAAK,IAAIS,EAAmCD,CAAK;AAAA,IAEjG;AAEA,UAAME,IAA0C;AAAA,MAC9C,EAAE,OAAO,QAAQ,OAAO,KAAA;AAAA,MACxB,EAAE,OAAO,WAAW,OAAO,SAAA;AAAA,MAC3B,EAAE,OAAO,QAAQ,OAAO,MAAA;AAAA,IAAM,GAE1BC,IAAuC;AAAA,MAC3C,EAAE,OAAO,WAAW,OAAO,kBAAA;AAAA,MAC3B,EAAE,OAAO,WAAW,OAAO,oBAAA;AAAA,IAAoB,GAE3CC,IAAmC;AAAA,MACvC,EAAE,OAAO,SAAS,OAAO,KAAA;AAAA,MACzB,EAAE,OAAO,iBAAiB,OAAO,SAAA;AAAA,IAAS,GAGtCC,IAAgBT,EAAIR,EAAS,MAAM,cAAc,OAAO,OAAO,QAAQ,GACvEkB,IAAWV,EAAIR,EAAS,MAAM,aAAa,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"Heatmap.vue.js","sources":["../../../../../../src/GraphMaker/forms/LayersForm/Layer/heatmap/Heatmap.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { useStore } from '../../../../store';\nimport { HeatmapLayer } from '../../../../types';\nimport { computed, ref } from 'vue';\nimport {\n  DEFAULT_CONTINUOUS_PALETTE,\n  PALETTE_MAP\n} from '../../../../constantsAesthetic';\nimport { 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 { HeatmapUIState, InputGuide } from '@milaboratories/pf-plots';\nimport { PlBtnGroup, PlNumberField, SimpleOption } from '@platforma-sdk/ui-vue';\n\nconst store = useStore();\nconst layer: HeatmapLayer = 'heatmap';\nconst settings = computed(() => store.value.reactive.layersSettings.heatmap);\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 ?? DEFAULT_CONTINUOUS_PALETTE);\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: SimpleOption[] = [\n  {label: 'Mean', value: 'mean'},\n  {label: 'Min', value: 'min'},\n  {label: 'Max', value: 'max'},\n  {label: 'Median', value: 'median'},\n];\n\nconst NAValueOption = ref(settings.value.NAValueAs === null ? null : 'custom');\nconst customNA = ref(settings.value.NAValueAs ?? 0);\n</script>\n\n<template>\n  <multiselect-button\n    label=\"Color Palette \"\n    :title=\"PALETTE_MAP[palette].title\"\n    :palette=\"palette\"\n    @button-click=\"palettesOpen = true;\"\n  />\n  <form-wrapper\n    v-if=\"palettesOpen\"\n    title=\"Color Palette\"\n    back-title=\"Color mapping\"\n    @form:close=\"palettesOpen = false\"\n  >\n    <palettes-form :selected=\"palette\"\n                   :categorical=\"dataSource ? inputGuide.getSourceInfo(dataSource).type === 'String' : false\"\n                   @select=\"onPaletteSelect\" />\n  </form-wrapper>\n  <div class=\"button-group-item\">\n    <pl-btn-group\n      label=\"Normalize by\"\n      :options=\"NORMALIZATION_DIRECTION\"\n      :compact=\"true\"\n      v-model=\"settings.normalizationDirection\"\n    />\n  </div>\n  <div class=\"button-group-item\">\n    <pl-btn-group\n      label=\"Normalization method\"\n      :options=\"NORMALIZATION_METHOD\"\n      :compact=\"true\"\n      v-model=\"settings.normalizationMethod\"\n\n    />\n  </div>\n  <div class=\"checkbox-item\">\n    <pl-checkbox v-model=\"settings.aggregateByX\"/>\n    <span>Aggregate X groups</span>\n  </div>\n  <div class=\"checkbox-item\">\n    <pl-checkbox v-model=\"settings.aggregateByY\"/>\n    <span>Aggregate Y groups</span>\n  </div>\n  <div class=\"button-group-item\">\n    <pl-btn-group\n      label=\"Aggregation method\"\n      :options=\"AGGREGATION_METHOD\"\n      :compact=\"true\"\n      v-model=\"settings.aggregationMethod\"\n    />\n  </div>\n  <div class=\"button-group-item\" :style=\"{display: 'flex', alignItems: 'end'}\">\n    <pl-btn-group\n      label=\"Treat NA value as:\"\n      :options=\"NA_VALUE_OPTIONS\"\n      :compact=\"true\"\n      v-model=\"NAValueOption\"\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    <pl-number-field\n      :style=\"{height: '33px', marginLeft: '16px', width: '75px'}\"\n      :disabled=\"NAValueOption !== 'custom'\"\n      label=\"NA value\"\n      :useIncrementButtons=\"false\"\n      v-model=\"customNA\"\n      @update:modelValue=\"(value:unknown) => {\n        if (value !== undefined) {\n          settings.NAValueAs = value as number;\n        }\n      }\"\n    />\n  </div>\n</template>\n"],"names":["store","useStore","settings","computed","optionsState","inputGuide","dataSource","_a","savedDataValuePalette","palettesOpen","ref","palette","DEFAULT_CONTINUOUS_PALETTE","onPaletteSelect","value","createContinuousMappingFromPalette","NORMALIZATION_DIRECTION","NORMALIZATION_METHOD","NA_VALUE_OPTIONS","AGGREGATION_METHOD","NAValueOption","customNA"],"mappings":";;;;;;;;;;;;;;AAgBA,UAAMA,IAAQC,EAAA,GAERC,IAAWC,EAAS,MAAMH,EAAM,MAAM,SAAS,eAAe,OAAO,GACrEI,IAAeD,EAAS,MAAMH,EAAM,MAAM,SAAS,YAA8B,GACjFK,IAAaF,EAAS,MAAMH,EAAM,MAAM,WAAW,KAAmC,GAEtFM,IAAaH,EAAS,MAAA;;AAAM,cAAAI,IAAAH,EAAa,MAAM,WAAW,MAAM,eAAe,CAAC,MAApD,gBAAAG,EAAuD;AAAA,KAAc,GACjGC,IAAwBL,EAAS,MAAA;;AAAM,aAAAG,EAAW,SAAQC,IAAAP,EAAM,MAAM,SAAS,YAAYM,EAAW,KAAK,MAAjD,gBAAAC,EAAoD,UAAU;AAAA,KAAS,GAEjIE,IAAeC,EAAI,EAAK,GACxBC,IAAUD,EAAuBF,EAAsB,SAA8BI,CAA0B;AAErH,aAASC,EAAgBC,GAA0B;AACjD,MAAAH,EAAQ,QAAQG,GAChBL,EAAa,QAAQ,IACjBH,EAAW,UACbN,EAAM,MAAM,SAAS,YAAYM,EAAW,KAAK,IAAIS,EAAmCD,CAAK;AAAA,IAEjG;AAEA,UAAME,IAA0C;AAAA,MAC9C,EAAE,OAAO,QAAQ,OAAO,KAAA;AAAA,MACxB,EAAE,OAAO,WAAW,OAAO,SAAA;AAAA,MAC3B,EAAE,OAAO,QAAQ,OAAO,MAAA;AAAA,IAAM,GAE1BC,IAAuC;AAAA,MAC3C,EAAE,OAAO,WAAW,OAAO,kBAAA;AAAA,MAC3B,EAAE,OAAO,WAAW,OAAO,oBAAA;AAAA,IAAoB,GAE3CC,IAAmC;AAAA,MACvC,EAAE,OAAO,SAAS,OAAO,KAAA;AAAA,MACzB,EAAE,OAAO,iBAAiB,OAAO,SAAA;AAAA,IAAS,GAEtCC,IAAqC;AAAA,MACzC,EAAC,OAAO,QAAQ,OAAO,OAAA;AAAA,MACvB,EAAC,OAAO,OAAO,OAAO,MAAA;AAAA,MACtB,EAAC,OAAO,OAAO,OAAO,MAAA;AAAA,MACtB,EAAC,OAAO,UAAU,OAAO,SAAA;AAAA,IAAQ,GAG7BC,IAAgBV,EAAIR,EAAS,MAAM,cAAc,OAAO,OAAO,QAAQ,GACvEmB,IAAWX,EAAIR,EAAS,MAAM,aAAa,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

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

package/dist/GraphMaker/forms/LayersForm/Layer/heatmap/HeatmapClustered.vue.js

@@ -1,137 +1,165 @@
-import { defineComponent as T, computed as r, ref as v, createElementBlock as c, openBlock as p, Fragment as U, createVNode as a, createBlock as I, createCommentVNode as g, createElementVNode as u, unref as n, withCtx as y } from "vue";
-import { useStore as E } from "../../../../store.js";
-import { PlCheckbox as V, PlBtnGroup as A, PlNumberField as z } from "@platforma-sdk/ui-vue";
-import { DEFAULT_CONTINUOUS_PALETTE as B, PALETTE_MAP as D } from "../../../../constantsAesthetic.js";
-import { createContinuousMappingFromPalette as M } from "../../../../dataBindAes.js";
-import L from "../../../../components/MultiselectButton.vue.js";
-import X from "../../../../components/AesSettings/PalettesForm.vue.js";
-import Y from "../../../../components/AesSettings/FormWrapper.vue.js";
-const w = { class: "checkbox-item" }, F = {
+import { defineComponent as O, computed as r, ref as p, createElementBlock as A, openBlock as g, Fragment as T, createVNode as o, createBlock as B, createCommentVNode as N, createElementVNode as t, unref as u, withCtx as E } from "vue";
+import { useStore as I } from "../../../../store.js";
+import { PlCheckbox as i, PlBtnGroup as V, PlNumberField as P } from "@platforma-sdk/ui-vue";
+import { DEFAULT_CONTINUOUS_PALETTE as X, PALETTE_MAP as Y } from "../../../../constantsAesthetic.js";
+import { createContinuousMappingFromPalette as D } from "../../../../dataBindAes.js";
+import z from "../../../../components/MultiselectButton.vue.js";
+import L from "../../../../components/AesSettings/PalettesForm.vue.js";
+import w from "../../../../components/AesSettings/FormWrapper.vue.js";
+const G = { class: "checkbox-item" }, F = {
   key: 1,
   class: "checkbox-item"
-}, $ = { class: "checkbox-item" }, R = {
+}, R = { class: "checkbox-item" }, $ = {
   key: 2,
   class: "checkbox-item"
-}, _ = { class: "button-group-item" }, G = { class: "button-group-item" }, H = {
+}, H = { class: "button-group-item" }, Z = { class: "button-group-item" }, _ = { class: "checkbox-item" }, j = { class: "checkbox-item" }, q = { class: "button-group-item" }, J = {
   class: "button-group-item",
   style: { display: "flex", alignItems: "end" }
-}, le = /* @__PURE__ */ T({
+}, ue = /* @__PURE__ */ O({
   __name: "HeatmapClustered",
-  setup(Z) {
-    const i = E(), t = r(() => i.value.reactive.layersSettings.heatmapClustered), N = r(() => i.value.reactive.optionsState), C = r(() => i.value.inputGuide.value), s = r(() => {
-      var o;
-      return (o = N.value.components.value.selectorStates[0]) == null ? void 0 : o.selectedSource;
-    }), x = r(() => {
-      var o;
-      return s.value ? (o = i.value.reactive.dataBindAes[s.value]) == null ? void 0 : o.palette : void 0;
-    }), d = v(!1), m = v(x.value ?? B);
-    function S(o) {
-      m.value = o, d.value = !1, s.value && (i.value.reactive.dataBindAes[s.value] = M(o));
+  setup(K) {
+    const d = I(), a = r(() => d.value.reactive.layersSettings.heatmapClustered), c = r(() => d.value.reactive.optionsState), x = r(() => d.value.inputGuide.value), s = r(() => {
+      var n;
+      return (n = c.value.components.value.selectorStates[0]) == null ? void 0 : n.selectedSource;
+    }), C = r(() => {
+      var n;
+      return s.value ? (n = d.value.reactive.dataBindAes[s.value]) == null ? void 0 : n.palette : void 0;
+    }), m = p(!1), v = p(C.value ?? X);
+    function S(n) {
+      v.value = n, m.value = !1, s.value && (d.value.reactive.dataBindAes[s.value] = D(n));
     }
     const k = [
       { label: "None", value: null },
       { label: "Columns", value: "column" },
       { label: "Rows", value: "row" }
-    ], O = [
+    ], M = [
       { label: "z-score", value: "standardScaling" },
       { label: "Min-max", value: "meanNormalization" }
-    ], P = [
+    ], U = [
       { label: "empty", value: null },
       { label: "Special value", value: "custom" }
-    ], b = v(t.value.NAValueAs !== null ? "custom" : t.value.NAValueAs), f = v(t.value.NAValueAs ?? 0);
-    return (o, e) => (p(), c(U, null, [
-      a(L, {
+    ], y = [
+      { label: "Mean", value: "mean" },
+      { label: "Min", value: "min" },
+      { label: "Max", value: "max" },
+      { label: "Median", value: "median" }
+    ], b = p(a.value.NAValueAs !== null ? "custom" : a.value.NAValueAs), f = p(a.value.NAValueAs ?? 0);
+    return (n, e) => (g(), A(T, null, [
+      o(z, {
         label: "Color Palette ",
-        title: n(D)[m.value].title,
-        palette: m.value,
+        title: u(Y)[v.value].title,
+        palette: v.value,
         onButtonClick: e[0] || (e[0] = (l) => {
-          d.value = !0;
+          m.value = !0;
         })
       }, null, 8, ["title", "palette"]),
-      d.value ? (p(), I(Y, {
+      m.value ? (g(), B(w, {
         key: 0,
         title: "Color Palette",
         "back-title": "Color mapping",
-        "onForm:close": e[1] || (e[1] = (l) => d.value = !1)
+        "onForm:close": e[1] || (e[1] = (l) => m.value = !1)
       }, {
-        default: y(() => [
-          a(X, {
-            selected: m.value,
-            categorical: s.value ? C.value.getSourceInfo(s.value).type === "String" : !1,
+        default: E(() => [
+          o(L, {
+            selected: v.value,
+            categorical: s.value ? x.value.getSourceInfo(s.value).type === "String" : !1,
             onSelect: S
           }, null, 8, ["selected", "categorical"])
         ]),
         _: 1
-      })) : g("", !0),
-      u("div", w, [
-        a(n(V), {
-          modelValue: t.value.disableClusteringX,
-          "onUpdate:modelValue": e[2] || (e[2] = (l) => t.value.disableClusteringX = l)
+      })) : N("", !0),
+      t("div", G, [
+        o(u(i), {
+          modelValue: a.value.disableClusteringX,
+          "onUpdate:modelValue": e[2] || (e[2] = (l) => a.value.disableClusteringX = l)
         }, null, 8, ["modelValue"]),
-        e[12] || (e[12] = u("span", null, "Disable clustering for X axis", -1))
+        e[15] || (e[15] = t("span", null, "Disable clustering for X axis", -1))
       ]),
-      t.value.disableClusteringX ? g("", !0) : (p(), c("div", F, [
-        a(n(V), {
-          modelValue: t.value.dendrogramX,
-          "onUpdate:modelValue": e[3] || (e[3] = (l) => t.value.dendrogramX = l)
+      a.value.disableClusteringX ? N("", !0) : (g(), A("div", F, [
+        o(u(i), {
+          modelValue: a.value.dendrogramX,
+          "onUpdate:modelValue": e[3] || (e[3] = (l) => a.value.dendrogramX = l)
         }, null, 8, ["modelValue"]),
-        e[13] || (e[13] = u("span", null, "Show dendrogram for X axis", -1))
+        e[16] || (e[16] = t("span", null, "Show dendrogram for X axis", -1))
       ])),
-      u("div", $, [
-        a(n(V), {
-          modelValue: t.value.disableClusteringY,
-          "onUpdate:modelValue": e[4] || (e[4] = (l) => t.value.disableClusteringY = l)
+      t("div", R, [
+        o(u(i), {
+          modelValue: a.value.disableClusteringY,
+          "onUpdate:modelValue": e[4] || (e[4] = (l) => a.value.disableClusteringY = l)
         }, null, 8, ["modelValue"]),
-        e[14] || (e[14] = u("span", null, "Disable clustering for Y axis", -1))
+        e[17] || (e[17] = t("span", null, "Disable clustering for Y axis", -1))
       ]),
-      t.value.disableClusteringY ? g("", !0) : (p(), c("div", R, [
-        a(n(V), {
-          modelValue: t.value.dendrogramY,
-          "onUpdate:modelValue": e[5] || (e[5] = (l) => t.value.dendrogramY = l)
+      a.value.disableClusteringY ? N("", !0) : (g(), A("div", $, [
+        o(u(i), {
+          modelValue: a.value.dendrogramY,
+          "onUpdate:modelValue": e[5] || (e[5] = (l) => a.value.dendrogramY = l)
         }, null, 8, ["modelValue"]),
-        e[15] || (e[15] = u("span", null, "Show dendrogram for Y axis", -1))
+        e[18] || (e[18] = t("span", null, "Show dendrogram for Y axis", -1))
       ])),
-      u("div", _, [
-        a(n(A), {
+      t("div", H, [
+        o(u(V), {
           label: "Normalize by",
           options: k,
           compact: !0,
-          modelValue: t.value.normalizationDirection,
-          "onUpdate:modelValue": e[6] || (e[6] = (l) => t.value.normalizationDirection = l)
+          modelValue: a.value.normalizationDirection,
+          "onUpdate:modelValue": e[6] || (e[6] = (l) => a.value.normalizationDirection = l)
         }, null, 8, ["modelValue"])
       ]),
-      u("div", G, [
-        a(n(A), {
+      t("div", Z, [
+        o(u(V), {
           label: "Normalization method",
-          options: O,
+          options: M,
           compact: !0,
-          modelValue: t.value.normalizationMethod,
-          "onUpdate:modelValue": e[7] || (e[7] = (l) => t.value.normalizationMethod = l)
+          modelValue: a.value.normalizationMethod,
+          "onUpdate:modelValue": e[7] || (e[7] = (l) => a.value.normalizationMethod = l)
         }, null, 8, ["modelValue"])
       ]),
-      u("div", H, [
-        a(n(A), {
+      t("div", _, [
+        o(u(i), {
+          modelValue: a.value.aggregateByX,
+          "onUpdate:modelValue": e[8] || (e[8] = (l) => a.value.aggregateByX = l)
+        }, null, 8, ["modelValue"]),
+        e[19] || (e[19] = t("span", null, "Aggregate X groups", -1))
+      ]),
+      t("div", j, [
+        o(u(i), {
+          modelValue: a.value.aggregateByY,
+          "onUpdate:modelValue": e[9] || (e[9] = (l) => a.value.aggregateByY = l)
+        }, null, 8, ["modelValue"]),
+        e[20] || (e[20] = t("span", null, "Aggregate Y groups", -1))
+      ]),
+      t("div", q, [
+        o(u(V), {
+          label: "Aggregation method",
+          options: y,
+          compact: !0,
+          modelValue: a.value.aggregationMethod,
+          "onUpdate:modelValue": e[10] || (e[10] = (l) => a.value.aggregationMethod = l)
+        }, null, 8, ["modelValue"])
+      ]),
+      t("div", J, [
+        o(u(V), {
           label: "Treat NA value as:",
-          options: P,
+          options: U,
           compact: !0,
           modelValue: b.value,
           "onUpdate:modelValue": [
-            e[8] || (e[8] = (l) => b.value = l),
-            e[9] || (e[9] = (l) => {
-              l === "custom" ? t.value.NAValueAs = f.value : t.value.NAValueAs = l;
+            e[11] || (e[11] = (l) => b.value = l),
+            e[12] || (e[12] = (l) => {
+              l === "custom" ? a.value.NAValueAs = f.value : a.value.NAValueAs = l;
             })
           ]
         }, null, 8, ["modelValue"]),
-        a(n(z), {
+        o(u(P), {
           style: { height: "33px", marginLeft: "16px", width: "75px" },
           disabled: b.value !== "custom",
           label: "NA value",
           useIncrementButtons: !1,
           modelValue: f.value,
           "onUpdate:modelValue": [
-            e[10] || (e[10] = (l) => f.value = l),
-            e[11] || (e[11] = (l) => {
-              l !== void 0 && (t.value.NAValueAs = l);
+            e[13] || (e[13] = (l) => f.value = l),
+            e[14] || (e[14] = (l) => {
+              l !== void 0 && (a.value.NAValueAs = l);
             })
           ]
         }, null, 8, ["disabled", "modelValue"])
@@ -140,6 +168,6 @@ const w = { class: "checkbox-item" }, F = {
   }
 });
 export {
-  le as default
+  ue as default
 };
 //# sourceMappingURL=HeatmapClustered.vue.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"HeatmapClustered.vue.js","sources":["../../../../../../src/GraphMaker/forms/LayersForm/Layer/heatmap/HeatmapClustered.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport {useStore} from '../../../../store';\nimport {HeatmapLayer} from '../../../../types';\nimport { PlBtnGroup, PlCheckbox, PlNumberField, SimpleOption } from '@platforma-sdk/ui-vue';\nimport { computed, ref } from 'vue';\nimport { DEFAULT_CONTINUOUS_PALETTE, PALETTE_MAP } from '../../../../constantsAesthetic';\nimport { HeatmapUIState, InputGuide } from '@milaboratories/pf-plots';\nimport { 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';\n\nconst store = useStore();\nconst layer:HeatmapLayer = 'heatmapClustered';\nconst settings = computed(() => store.value.reactive.layersSettings.heatmapClustered)\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 ?? DEFAULT_CONTINUOUS_PALETTE);\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];\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  <multiselect-button\n    label=\"Color Palette \"\n    :title=\"PALETTE_MAP[palette].title\"\n    :palette=\"palette\"\n    @button-click=\"palettesOpen = true;\"\n  />\n  <form-wrapper\n    v-if=\"palettesOpen\"\n    title=\"Color Palette\"\n    back-title=\"Color mapping\"\n    @form:close=\"palettesOpen = false\"\n  >\n    <palettes-form :selected=\"palette\" :categorical=\"dataSource ? inputGuide.getSourceInfo(dataSource).type === 'String' : false\" @select=\"onPaletteSelect\" />\n  </form-wrapper>\n  <div class=\"checkbox-item\">\n    <pl-checkbox v-model=\"settings.disableClusteringX\"/>\n    <span>Disable clustering for X axis</span>\n  </div>\n  <div class=\"checkbox-item\" v-if=\"!settings.disableClusteringX\">\n    <pl-checkbox v-model=\"settings.dendrogramX\" />\n    <span>Show dendrogram for X axis</span>\n  </div>\n  <div class=\"checkbox-item\">\n    <pl-checkbox v-model=\"settings.disableClusteringY\"/>\n    <span>Disable clustering for Y axis</span>\n  </div>\n  <div class=\"checkbox-item\" v-if=\"!settings.disableClusteringY\">\n    <pl-checkbox v-model=\"settings.dendrogramY\"/>\n    <span>Show dendrogram for Y axis</span>\n  </div>\n  <div class=\"button-group-item\">\n    <pl-btn-group\n      label=\"Normalize by\"\n      :options=\"NORMALIZATION_DIRECTION\"\n      :compact=\"true\"\n      v-model=\"settings.normalizationDirection\"\n    />\n  </div>\n  <div class=\"button-group-item\">\n    <pl-btn-group\n      label=\"Normalization method\"\n      :options=\"NORMALIZATION_METHOD\"\n      :compact=\"true\"\n      v-model=\"settings.normalizationMethod\"\n    />\n  </div>\n  <div class=\"button-group-item\" :style=\"{display: 'flex', alignItems: 'end'}\">\n    <pl-btn-group\n      label=\"Treat NA value as:\"\n      :options=\"NA_VALUE_OPTIONS\"\n      :compact=\"true\"\n      v-model=\"NAValueOption\"\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    <pl-number-field\n      :style=\"{height: '33px', marginLeft: '16px', width: '75px'}\"\n      :disabled=\"NAValueOption !== 'custom'\"\n      label=\"NA value\"\n      :useIncrementButtons=\"false\"\n      v-model=\"customNA\"\n      @update:modelValue=\"(value:unknown) => {\n        if (value !== undefined) {\n          settings.NAValueAs = value as number;\n        }\n      }\"\n    />\n  </div>\n</template>\n"],"names":["store","useStore","settings","computed","optionsState","inputGuide","dataSource","_a","savedDataValuePalette","palettesOpen","ref","palette","DEFAULT_CONTINUOUS_PALETTE","onPaletteSelect","value","createContinuousMappingFromPalette","NORMALIZATION_DIRECTION","NORMALIZATION_METHOD","NA_VALUE_OPTIONS","NAValueOption","customNA"],"mappings":";;;;;;;;;;;;;;;;;;;;AAaA,UAAMA,IAAQC,EAAA,GAERC,IAAWC,EAAS,MAAMH,EAAM,MAAM,SAAS,eAAe,gBAAgB,GAE9EI,IAAeD,EAAS,MAAMH,EAAM,MAAM,SAAS,YAA8B,GACjFK,IAAaF,EAAS,MAAMH,EAAM,MAAM,WAAW,KAAmC,GAEtFM,IAAaH,EAAS,MAAA;;AAAM,cAAAI,IAAAH,EAAa,MAAM,WAAW,MAAM,eAAe,CAAC,MAApD,gBAAAG,EAAuD;AAAA,KAAc,GACjGC,IAAwBL,EAAS,MAAA;;AAAM,aAAAG,EAAW,SAAQC,IAAAP,EAAM,MAAM,SAAS,YAAYM,EAAW,KAAK,MAAjD,gBAAAC,EAAoD,UAAU;AAAA,KAAS,GAEjIE,IAAeC,EAAI,EAAK,GACxBC,IAAUD,EAAuBF,EAAsB,SAA8BI,CAA0B;AAErH,aAASC,EAAgBC,GAA0B;AACjD,MAAAH,EAAQ,QAAQG,GAChBL,EAAa,QAAQ,IACjBH,EAAW,UACbN,EAAM,MAAM,SAAS,YAAYM,EAAW,KAAK,IAAIS,EAAmCD,CAAK;AAAA,IAEjG;AACA,UAAME,IAAyC;AAAA,MAC7C,EAAC,OAAO,QAAQ,OAAO,KAAA;AAAA,MACvB,EAAC,OAAO,WAAW,OAAO,SAAA;AAAA,MAC1B,EAAC,OAAO,QAAQ,OAAO,MAAA;AAAA,IAAK,GAExBC,IAAsC;AAAA,MAC1C,EAAC,OAAO,WAAW,OAAO,kBAAA;AAAA,MAC1B,EAAC,OAAO,WAAW,OAAO,oBAAA;AAAA,IAAmB,GAEzCC,IAAmC;AAAA,MACvC,EAAE,OAAO,SAAS,OAAO,KAAA;AAAA,MACzB,EAAE,OAAO,iBAAiB,OAAO,SAAA;AAAA,IAAS,GAGtCC,IAAgBT,EAAIR,EAAS,MAAM,cAAc,OAAO,WAAWA,EAAS,MAAM,SAAS,GAC3FkB,IAAWV,EAAIR,EAAS,MAAM,aAAa,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"HeatmapClustered.vue.js","sources":["../../../../../../src/GraphMaker/forms/LayersForm/Layer/heatmap/HeatmapClustered.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport {useStore} from '../../../../store';\nimport {HeatmapLayer} from '../../../../types';\nimport { PlBtnGroup, PlCheckbox, PlNumberField, SimpleOption } from '@platforma-sdk/ui-vue';\nimport { computed, ref } from 'vue';\nimport { DEFAULT_CONTINUOUS_PALETTE, PALETTE_MAP } from '../../../../constantsAesthetic';\nimport { HeatmapUIState, InputGuide } from '@milaboratories/pf-plots';\nimport { 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';\n\nconst store = useStore();\nconst layer:HeatmapLayer = 'heatmapClustered';\nconst settings = computed(() => store.value.reactive.layersSettings.heatmapClustered)\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 ?? DEFAULT_CONTINUOUS_PALETTE);\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: SimpleOption[] = [\n  {label: 'Mean', value: 'mean'},\n  {label: 'Min', value: 'min'},\n  {label: 'Max', value: 'max'},\n  {label: 'Median', value: 'median'},\n];\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  <multiselect-button\n    label=\"Color Palette \"\n    :title=\"PALETTE_MAP[palette].title\"\n    :palette=\"palette\"\n    @button-click=\"palettesOpen = true;\"\n  />\n  <form-wrapper\n    v-if=\"palettesOpen\"\n    title=\"Color Palette\"\n    back-title=\"Color mapping\"\n    @form:close=\"palettesOpen = false\"\n  >\n    <palettes-form :selected=\"palette\" :categorical=\"dataSource ? inputGuide.getSourceInfo(dataSource).type === 'String' : false\" @select=\"onPaletteSelect\" />\n  </form-wrapper>\n  <div class=\"checkbox-item\">\n    <pl-checkbox v-model=\"settings.disableClusteringX\"/>\n    <span>Disable clustering for X axis</span>\n  </div>\n  <div class=\"checkbox-item\" v-if=\"!settings.disableClusteringX\">\n    <pl-checkbox v-model=\"settings.dendrogramX\" />\n    <span>Show dendrogram for X axis</span>\n  </div>\n  <div class=\"checkbox-item\">\n    <pl-checkbox v-model=\"settings.disableClusteringY\"/>\n    <span>Disable clustering for Y axis</span>\n  </div>\n  <div class=\"checkbox-item\" v-if=\"!settings.disableClusteringY\">\n    <pl-checkbox v-model=\"settings.dendrogramY\"/>\n    <span>Show dendrogram for Y axis</span>\n  </div>\n  <div class=\"button-group-item\">\n    <pl-btn-group\n      label=\"Normalize by\"\n      :options=\"NORMALIZATION_DIRECTION\"\n      :compact=\"true\"\n      v-model=\"settings.normalizationDirection\"\n    />\n  </div>\n  <div class=\"button-group-item\">\n    <pl-btn-group\n      label=\"Normalization method\"\n      :options=\"NORMALIZATION_METHOD\"\n      :compact=\"true\"\n      v-model=\"settings.normalizationMethod\"\n    />\n  </div>\n  <div class=\"checkbox-item\">\n    <pl-checkbox v-model=\"settings.aggregateByX\"/>\n    <span>Aggregate X groups</span>\n  </div>\n  <div class=\"checkbox-item\">\n    <pl-checkbox v-model=\"settings.aggregateByY\"/>\n    <span>Aggregate Y groups</span>\n  </div>\n  <div class=\"button-group-item\">\n    <pl-btn-group\n      label=\"Aggregation method\"\n      :options=\"AGGREGATION_METHOD\"\n      :compact=\"true\"\n      v-model=\"settings.aggregationMethod\"\n    />\n  </div>\n  <div class=\"button-group-item\" :style=\"{display: 'flex', alignItems: 'end'}\">\n    <pl-btn-group\n      label=\"Treat NA value as:\"\n      :options=\"NA_VALUE_OPTIONS\"\n      :compact=\"true\"\n      v-model=\"NAValueOption\"\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    <pl-number-field\n      :style=\"{height: '33px', marginLeft: '16px', width: '75px'}\"\n      :disabled=\"NAValueOption !== 'custom'\"\n      label=\"NA value\"\n      :useIncrementButtons=\"false\"\n      v-model=\"customNA\"\n      @update:modelValue=\"(value:unknown) => {\n        if (value !== undefined) {\n          settings.NAValueAs = value as number;\n        }\n      }\"\n    />\n  </div>\n</template>\n"],"names":["store","useStore","settings","computed","optionsState","inputGuide","dataSource","_a","savedDataValuePalette","palettesOpen","ref","palette","DEFAULT_CONTINUOUS_PALETTE","onPaletteSelect","value","createContinuousMappingFromPalette","NORMALIZATION_DIRECTION","NORMALIZATION_METHOD","NA_VALUE_OPTIONS","AGGREGATION_METHOD","NAValueOption","customNA"],"mappings":";;;;;;;;;;;;;;;;;;;;AAaA,UAAMA,IAAQC,EAAA,GAERC,IAAWC,EAAS,MAAMH,EAAM,MAAM,SAAS,eAAe,gBAAgB,GAE9EI,IAAeD,EAAS,MAAMH,EAAM,MAAM,SAAS,YAA8B,GACjFK,IAAaF,EAAS,MAAMH,EAAM,MAAM,WAAW,KAAmC,GAEtFM,IAAaH,EAAS,MAAA;;AAAM,cAAAI,IAAAH,EAAa,MAAM,WAAW,MAAM,eAAe,CAAC,MAApD,gBAAAG,EAAuD;AAAA,KAAc,GACjGC,IAAwBL,EAAS,MAAA;;AAAM,aAAAG,EAAW,SAAQC,IAAAP,EAAM,MAAM,SAAS,YAAYM,EAAW,KAAK,MAAjD,gBAAAC,EAAoD,UAAU;AAAA,KAAS,GAEjIE,IAAeC,EAAI,EAAK,GACxBC,IAAUD,EAAuBF,EAAsB,SAA8BI,CAA0B;AAErH,aAASC,EAAgBC,GAA0B;AACjD,MAAAH,EAAQ,QAAQG,GAChBL,EAAa,QAAQ,IACjBH,EAAW,UACbN,EAAM,MAAM,SAAS,YAAYM,EAAW,KAAK,IAAIS,EAAmCD,CAAK;AAAA,IAEjG;AACA,UAAME,IAAyC;AAAA,MAC7C,EAAC,OAAO,QAAQ,OAAO,KAAA;AAAA,MACvB,EAAC,OAAO,WAAW,OAAO,SAAA;AAAA,MAC1B,EAAC,OAAO,QAAQ,OAAO,MAAA;AAAA,IAAK,GAExBC,IAAsC;AAAA,MAC1C,EAAC,OAAO,WAAW,OAAO,kBAAA;AAAA,MAC1B,EAAC,OAAO,WAAW,OAAO,oBAAA;AAAA,IAAmB,GAEzCC,IAAmC;AAAA,MACvC,EAAE,OAAO,SAAS,OAAO,KAAA;AAAA,MACzB,EAAE,OAAO,iBAAiB,OAAO,SAAA;AAAA,IAAS,GAEtCC,IAAqC;AAAA,MACzC,EAAC,OAAO,QAAQ,OAAO,OAAA;AAAA,MACvB,EAAC,OAAO,OAAO,OAAO,MAAA;AAAA,MACtB,EAAC,OAAO,OAAO,OAAO,MAAA;AAAA,MACtB,EAAC,OAAO,UAAU,OAAO,SAAA;AAAA,IAAQ,GAG7BC,IAAgBV,EAAIR,EAAS,MAAM,cAAc,OAAO,WAAWA,EAAS,MAAM,SAAS,GAC3FmB,IAAWX,EAAIR,EAAS,MAAM,aAAa,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/GraphMaker/index.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.vue.d.ts","sourceRoot":"","sources":["../../src/GraphMaker/index.vue"],"names":[],"mappings":"AA6ZA,OAAO,KAAK,EAA0B,gBAAgB,EAAa,MAAM,sBAAsB,CAAC;AAIhG,OAAO,kBAAkB,CAAC;AAQ1B,OAAO,KAAK,EAAE,eAAe,EAAe,MAAM,SAAS,CAAC;AA+E5D,iBAAS,KAAK,SAcb;AAED,iBAAS,aAAa,SASrB;AAgQD,iBAAS,cAAc;WAsKT,OAAO,IAA6B;;+BAZf,GAAG;8BACH,GAAG;yBACR,GAAG;;;;EAehC;AA4BD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;gBAhNT,eAAe;gBACb,gBAAgB;;gBADlB,eAAe;gBACb,gBAAgB;;gBADlB,eAAe;gBACb,gBAAgB;;gBADlB,eAAe;gBACb,gBAAgB;;gBADlB,eAAe;gBACb,gBAAgB;;gBADlB,eAAe;gBACb,gBAAgB;;gBADlB,eAAe;gBACb,gBAAgB;;IAnV5B;;;;OAIG;;IAEH;;OAEG;;;;;;;;gBA0UO,eAAe;gBACb,gBAAgB;;gBADlB,eAAe;gBACb,gBAAgB;;gBADlB,eAAe;gBACb,gBAAgB;;gBADlB,eAAe;gBACb,gBAAgB;;gBADlB,eAAe;gBACb,gBAAgB;;gBADlB,eAAe;gBACb,gBAAgB;;gBADlB,eAAe;gBACb,gBAAgB;;;;;;6FA2N5B,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAQpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"index.vue.d.ts","sourceRoot":"","sources":["../../src/GraphMaker/index.vue"],"names":[],"mappings":"AAqZA,OAAO,KAAK,EAA0B,gBAAgB,EAAa,MAAM,sBAAsB,CAAC;AAIhG,OAAO,kBAAkB,CAAC;AAQ1B,OAAO,KAAK,EAAE,eAAe,EAAe,MAAM,SAAS,CAAC;AA+E5D,iBAAS,KAAK,SAcb;AAED,iBAAS,aAAa,SASrB;AAuQD,iBAAS,cAAc;WAsKT,OAAO,IAA6B;;+BAZf,GAAG;8BACH,GAAG;yBACR,GAAG;;;;EAehC;AA4BD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;gBAhNT,eAAe;gBACb,gBAAgB;;gBADlB,eAAe;gBACb,gBAAgB;;gBADlB,eAAe;gBACb,gBAAgB;;gBADlB,eAAe;gBACb,gBAAgB;;gBADlB,eAAe;gBACb,gBAAgB;;gBADlB,eAAe;gBACb,gBAAgB;;gBADlB,eAAe;gBACb,gBAAgB;;IA1V5B;;;;OAIG;;IAEH;;OAEG;;;;;;;;gBAiVO,eAAe;gBACb,gBAAgB;;gBADlB,eAAe;gBACb,gBAAgB;;gBADlB,eAAe;gBACb,gBAAgB;;gBADlB,eAAe;gBACb,gBAAgB;;gBADlB,eAAe;gBACb,gBAAgB;;gBADlB,eAAe;gBACb,gBAAgB;;gBADlB,eAAe;gBACb,gBAAgB;;;;;;6FA2N5B,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAQpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}