@milaboratories/graph-maker 1.1.166 → 1.1.167

package/dist/GraphMaker/forms/StatisticsForm/DiscreteStatisticsForm.vue.js

@@ -1,9 +1,15 @@
-import { defineComponent as g, computed as u, watch as x, createElementBlock as y, openBlock as E, Fragment as k, createElementVNode as t, createVNode as n, unref as o, isRef as s } from "vue";
+import { defineComponent as g, computed as u, watch as x, createElementBlock as y, openBlock as E, Fragment as k, createElementVNode as t, createVNode as a, unref as o, isRef as s } from "vue";
 import { useStore as N } from "../../store.js";
 import { PlDropdown as i, PlBtnGroup as h, PlCheckbox as b } from "@platforma-sdk/ui-vue";
 import { STAT_TEST_METHOD as w, STAT_CORRECTION_METHOD as C, FORMAT_P_VALUE_OPTIONS as T } from "../../constantsCommon.js";
 import "../../constantsAesthetic.js";
 import "../../../node_modules/@milaboratories/pf-plots/dist/index.js";
+import "../../../node_modules/@milaboratories/pl-model-common/dist/drivers/blob.js";
+import "../../../node_modules/@milaboratories/pl-model-common/dist/drivers/pframe/spec/spec.js";
+import "../../../node_modules/@milaboratories/pl-model-common/dist/plid.js";
+import "../../../node_modules/@milaboratories/pl-model-common/dist/ref.js";
+import "../../../node_modules/@platforma-sdk/model/dist/render/util/label.js";
+import "../../../node_modules/@milaboratories/pl-error-like/dist/error_like_shape.js";
 import { getReferenceGroupOptions as R, getOverallTestMethodOptions as D, checkStatisticsInputsValidity as O } from "../../utils/getStatisticsOptions.js";
 const P = { class: "input-item" }, A = { class: "input-item" }, B = { class: "input-item" }, F = { class: "input-item" }, H = {
   class: "input-item",
@@ -11,52 +17,52 @@ const P = { class: "input-item" }, A = { class: "input-item" }, B = { class: "in
 }, I = { class: "checkbox-item" }, _ = { class: "input-item" }, z = { class: "input-item" }, L = {
   class: "input-item",
   style: { "z-index": "0" }
-}, j = { class: "checkbox-item" }, $ = /* @__PURE__ */ g({
+}, j = { class: "checkbox-item" }, ae = /* @__PURE__ */ g({
   __name: "DiscreteStatisticsForm",
   setup(q) {
-    const d = N(), a = u(() => d.value.reactive.statisticsSettings), M = u(() => d.value.commonHelpersData.primaryGroups.value), U = u(() => R(M.value)), S = u(() => D(M.value)), r = (G, e) => u({
+    const d = N(), r = u(() => d.value.reactive.statisticsSettings), M = u(() => d.value.commonHelpersData.primaryGroups.value), U = u(() => R(M.value)), S = u(() => D(M.value)), n = (G, e) => u({
       get() {
         return G[e] ?? void 0;
       },
       set(l) {
         G[e] = l ?? null;
       }
-    }), p = r(a.value.overall.data, "testMethod"), m = r(a.value.referenceGroup.data, "testMethod"), v = r(a.value.referenceGroup.data, "referenceGroup"), c = r(a.value.referenceGroup.data, "correctionMethod"), f = r(a.value.pairwise.data, "testMethod"), V = r(a.value.pairwise.data, "correctionMethod");
+    }), p = n(r.value.overall.data, "testMethod"), m = n(r.value.referenceGroup.data, "testMethod"), v = n(r.value.referenceGroup.data, "referenceGroup"), c = n(r.value.referenceGroup.data, "correctionMethod"), f = n(r.value.pairwise.data, "testMethod"), V = n(r.value.pairwise.data, "correctionMethod");
     return O(d)(), x([
-      () => a.value.overall.data.testMethod,
-      () => a.value.referenceGroup.data.referenceGroup
+      () => r.value.overall.data.testMethod,
+      () => r.value.referenceGroup.data.referenceGroup
     ], O(d)), (G, e) => (E(), y(k, null, [
       e[12] || (e[12] = t("h3", null, " Statistics ", -1)),
       e[13] || (e[13] = t("div", { class: "section-title" }, [
         t("span", null, "overall p-value")
       ], -1)),
       t("div", P, [
-        n(o(i), {
+        a(o(i), {
           label: "Method",
           clearable: "",
           placeholder: "Choose",
           modelValue: o(p),
           "onUpdate:modelValue": e[0] || (e[0] = (l) => s(p) ? p.value = l : null),
           options: S.value,
-          error: a.value.overall.validity.testMethod ? "" : " "
+          error: r.value.overall.validity.testMethod ? "" : " "
         }, null, 8, ["modelValue", "options", "error"])
       ]),
       e[14] || (e[14] = t("div", { class: "section-title" }, [
         t("span", null, "reference group")
       ], -1)),
       t("div", A, [
-        n(o(i), {
+        a(o(i), {
           label: "Reference from...",
           clearable: "",
           placeholder: "Choose",
           modelValue: o(v),
           "onUpdate:modelValue": e[1] || (e[1] = (l) => s(v) ? v.value = l : null),
           options: U.value,
-          error: a.value.referenceGroup.validity.referenceGroup ? "" : " "
+          error: r.value.referenceGroup.validity.referenceGroup ? "" : " "
         }, null, 8, ["modelValue", "options", "error"])
       ]),
       t("div", B, [
-        n(o(i), {
+        a(o(i), {
           label: "Method",
           clearable: "",
           placeholder: "Choose",
@@ -66,7 +72,7 @@ const P = { class: "input-item" }, A = { class: "input-item" }, B = { class: "in
         }, null, 8, ["modelValue", "options"])
       ]),
       t("div", F, [
-        n(o(i), {
+        a(o(i), {
           label: "Correction method",
           placeholder: "Choose",
           modelValue: o(c),
@@ -75,17 +81,17 @@ const P = { class: "input-item" }, A = { class: "input-item" }, B = { class: "in
         }, null, 8, ["modelValue", "options"])
       ]),
       t("div", H, [
-        n(o(h), {
+        a(o(h), {
           label: "Show",
-          modelValue: a.value.referenceGroup.data.format,
-          "onUpdate:modelValue": e[4] || (e[4] = (l) => a.value.referenceGroup.data.format = l),
+          modelValue: r.value.referenceGroup.data.format,
+          "onUpdate:modelValue": e[4] || (e[4] = (l) => r.value.referenceGroup.data.format = l),
           options: o(T)
         }, null, 8, ["modelValue", "options"])
       ]),
       t("div", I, [
-        n(o(b), {
-          modelValue: a.value.referenceGroup.data.ns,
-          "onUpdate:modelValue": e[5] || (e[5] = (l) => a.value.referenceGroup.data.ns = l)
+        a(o(b), {
+          modelValue: r.value.referenceGroup.data.ns,
+          "onUpdate:modelValue": e[5] || (e[5] = (l) => r.value.referenceGroup.data.ns = l)
         }, null, 8, ["modelValue"]),
         e[10] || (e[10] = t("span", null, "Non-significant", -1))
       ]),
@@ -93,7 +99,7 @@ const P = { class: "input-item" }, A = { class: "input-item" }, B = { class: "in
         t("span", null, "pairwise p-value")
       ], -1)),
       t("div", _, [
-        n(o(i), {
+        a(o(i), {
           label: "Method",
           clearable: "",
           placeholder: "Choose",
@@ -103,7 +109,7 @@ const P = { class: "input-item" }, A = { class: "input-item" }, B = { class: "in
         }, null, 8, ["modelValue", "options"])
       ]),
       t("div", z, [
-        n(o(i), {
+        a(o(i), {
           label: "Correction method",
           placeholder: "Choose",
           modelValue: o(V),
@@ -112,17 +118,17 @@ const P = { class: "input-item" }, A = { class: "input-item" }, B = { class: "in
         }, null, 8, ["modelValue", "options"])
       ]),
       t("div", L, [
-        n(o(h), {
+        a(o(h), {
           label: "Show",
-          modelValue: a.value.pairwise.data.format,
-          "onUpdate:modelValue": e[8] || (e[8] = (l) => a.value.pairwise.data.format = l),
+          modelValue: r.value.pairwise.data.format,
+          "onUpdate:modelValue": e[8] || (e[8] = (l) => r.value.pairwise.data.format = l),
           options: o(T)
         }, null, 8, ["modelValue", "options"])
       ]),
       t("div", j, [
-        n(o(b), {
-          modelValue: a.value.pairwise.data.ns,
-          "onUpdate:modelValue": e[9] || (e[9] = (l) => a.value.pairwise.data.ns = l)
+        a(o(b), {
+          modelValue: r.value.pairwise.data.ns,
+          "onUpdate:modelValue": e[9] || (e[9] = (l) => r.value.pairwise.data.ns = l)
         }, null, 8, ["modelValue"]),
         e[11] || (e[11] = t("span", null, "Non-significant", -1))
       ])
@@ -130,6 +136,6 @@ const P = { class: "input-item" }, A = { class: "input-item" }, B = { class: "in
   }
 });
 export {
-  $ as default
+  ae as default
 };
 //# sourceMappingURL=DiscreteStatisticsForm.vue.js.map

package/dist/GraphMaker/forms/StatisticsForm/DiscreteStatisticsForm.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"DiscreteStatisticsForm.vue.js","sources":["../../../../src/GraphMaker/forms/StatisticsForm/DiscreteStatisticsForm.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport {useStore} from '../../store';\nimport {PlDropdown, PlBtnGroup, PlCheckbox} from \"@platforma-sdk/ui-vue\";\nimport { computed, watch } from 'vue';\nimport {\n  DiscreteStatisticsState,\n  FORMAT_P_VALUE_OPTIONS,\n  STAT_CORRECTION_METHOD,\n  STAT_TEST_METHOD\n} from '../../constantsCommon';\nimport {checkStatisticsInputsValidity, getOverallTestMethodOptions, getReferenceGroupOptions} from '../../utils';\n\nconst store = useStore();\nconst settings = computed(() => store.value.reactive.statisticsSettings as DiscreteStatisticsState);\n\nconst primaryGroups = computed(() => store.value.commonHelpersData.primaryGroups.value)\n\nconst referenceGroupOptions = computed(() => getReferenceGroupOptions(primaryGroups.value));\n\nconst overallTestMethodOptions = computed(() => getOverallTestMethodOptions(primaryGroups.value));\n\n\nconst withUndefined = (data:Record<string, string|null|boolean>, field:string) => {\n  return computed({\n    get() {\n      return data[field] ?? undefined;\n    },\n    set(newValue:string | undefined) {\n      data[field] = newValue ?? null;\n    },\n  })\n}\nconst overallTestMethod = withUndefined(settings.value.overall.data, 'testMethod');\n\nconst referenceGroupMethod = withUndefined(settings.value.referenceGroup.data, 'testMethod');\nconst referenceGroup = withUndefined(settings.value.referenceGroup.data, 'referenceGroup');\nconst referenceGroupCorrection = withUndefined(settings.value.referenceGroup.data, 'correctionMethod');\n\nconst pairwise = withUndefined(settings.value.pairwise.data, 'testMethod');\nconst pairwiseCorrection = withUndefined(settings.value.pairwise.data, 'correctionMethod');\n\ncheckStatisticsInputsValidity(store)();\nwatch([\n  () => settings.value.overall.data.testMethod,\n  () => settings.value.referenceGroup.data.referenceGroup\n], checkStatisticsInputsValidity(store));\n</script>\n<template>\n    <h3>\n      Statistics\n    </h3>\n    <!--Overall p-value settings-->\n    <div class=\"section-title\"><span>overall p-value</span></div>\n    <div class=\"input-item\">\n      <pl-dropdown\n          label=\"Method\"\n          clearable\n          placeholder=\"Choose\"\n          v-model=\"overallTestMethod\"\n          :options=\"overallTestMethodOptions\"\n          :error=\"settings.overall.validity.testMethod ? '' : ' '\"\n      />\n    </div>\n    <!--Reference group p-value settings-->\n    <div class=\"section-title\"><span>reference group</span></div>\n    <div class=\"input-item\">\n      <pl-dropdown\n          label=\"Reference from...\"\n          clearable\n          placeholder=\"Choose\"\n          v-model=\"referenceGroup\"\n          :options=\"referenceGroupOptions\"\n          :error=\"settings.referenceGroup.validity.referenceGroup ? '' : ' '\"\n      />\n    </div>\n    <div class=\"input-item\">\n      <pl-dropdown\n          label=\"Method\"\n          clearable\n          placeholder=\"Choose\"\n          v-model=\"referenceGroupMethod\"\n          :options=\"STAT_TEST_METHOD\"\n      />\n    </div>\n    <div class=\"input-item\">\n      <pl-dropdown\n          label=\"Correction method\"\n          placeholder=\"Choose\"\n          v-model=\"referenceGroupCorrection\"\n          :options=\"STAT_CORRECTION_METHOD\"\n      />\n    </div>\n    <div class=\"input-item\" style=\"z-index: 0\">\n      <pl-btn-group\n          label=\"Show\"\n          v-model=\"settings.referenceGroup.data.format\"\n          :options=\"FORMAT_P_VALUE_OPTIONS\"\n      />\n    </div>\n    <div class=\"checkbox-item\">\n      <pl-checkbox v-model=\"settings.referenceGroup.data.ns\"/>\n      <span>Non-significant</span>\n    </div>\n    <!--pairwise.data p-value settings-->\n    <div class=\"section-title\"><span>pairwise p-value</span></div>\n    <div class=\"input-item\">\n      <pl-dropdown\n          label=\"Method\"\n          clearable\n          placeholder=\"Choose\"\n          v-model=\"pairwise\"\n          :options=\"STAT_TEST_METHOD\"\n      />\n    </div>\n    <div class=\"input-item\">\n      <pl-dropdown\n          label=\"Correction method\"\n          placeholder=\"Choose\"\n          v-model=\"pairwiseCorrection\"\n          :options=\"STAT_CORRECTION_METHOD\"\n      />\n    </div>\n    <div class=\"input-item\" style=\"z-index: 0\">\n      <pl-btn-group\n          label=\"Show\"\n          v-model=\"settings.pairwise.data.format\"\n          :options=\"FORMAT_P_VALUE_OPTIONS\"\n      />\n    </div>\n    <div class=\"checkbox-item\">\n      <pl-checkbox v-model=\"settings.pairwise.data.ns\"/>\n      <span>Non-significant</span>\n    </div>\n</template>\n"],"names":["store","useStore","settings","computed","primaryGroups","referenceGroupOptions","getReferenceGroupOptions","overallTestMethodOptions","getOverallTestMethodOptions","withUndefined","data","field","newValue","overallTestMethod","referenceGroupMethod","referenceGroup","referenceGroupCorrection","pairwise","pairwiseCorrection","checkStatisticsInputsValidity","watch"],"mappings":";;;;;;;;;;;;;;;;AAYA,UAAMA,IAAQC,EAAA,GACRC,IAAWC,EAAS,MAAMH,EAAM,MAAM,SAAS,kBAA6C,GAE5FI,IAAgBD,EAAS,MAAMH,EAAM,MAAM,kBAAkB,cAAc,KAAK,GAEhFK,IAAwBF,EAAS,MAAMG,EAAyBF,EAAc,KAAK,CAAC,GAEpFG,IAA2BJ,EAAS,MAAMK,EAA4BJ,EAAc,KAAK,CAAC,GAG1FK,IAAgB,CAACC,GAA0CC,MACxDR,EAAS;AAAA,MACd,MAAM;AACJ,eAAOO,EAAKC,CAAK,KAAK;AAAA,MACxB;AAAA,MACA,IAAIC,GAA6B;AAC/B,QAAAF,EAAKC,CAAK,IAAIC,KAAY;AAAA,MAC5B;AAAA,IAAA,CACD,GAEGC,IAAoBJ,EAAcP,EAAS,MAAM,QAAQ,MAAM,YAAY,GAE3EY,IAAuBL,EAAcP,EAAS,MAAM,eAAe,MAAM,YAAY,GACrFa,IAAiBN,EAAcP,EAAS,MAAM,eAAe,MAAM,gBAAgB,GACnFc,IAA2BP,EAAcP,EAAS,MAAM,eAAe,MAAM,kBAAkB,GAE/Fe,IAAWR,EAAcP,EAAS,MAAM,SAAS,MAAM,YAAY,GACnEgB,IAAqBT,EAAcP,EAAS,MAAM,SAAS,MAAM,kBAAkB;AAEzF,WAAAiB,EAA8BnB,CAAK,EAAA,GACnCoB,EAAM;AAAA,MACJ,MAAMlB,EAAS,MAAM,QAAQ,KAAK;AAAA,MAClC,MAAMA,EAAS,MAAM,eAAe,KAAK;AAAA,IAAA,GACxCiB,EAA8BnB,CAAK,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"DiscreteStatisticsForm.vue.js","sources":["../../../../src/GraphMaker/forms/StatisticsForm/DiscreteStatisticsForm.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport {useStore} from '../../store';\nimport {PlDropdown, PlBtnGroup, PlCheckbox} from \"@platforma-sdk/ui-vue\";\nimport { computed, watch } from 'vue';\nimport {\n  DiscreteStatisticsState,\n  FORMAT_P_VALUE_OPTIONS,\n  STAT_CORRECTION_METHOD,\n  STAT_TEST_METHOD\n} from '../../constantsCommon';\nimport {checkStatisticsInputsValidity, getOverallTestMethodOptions, getReferenceGroupOptions} from '../../utils';\n\nconst store = useStore();\nconst settings = computed(() => store.value.reactive.statisticsSettings as DiscreteStatisticsState);\n\nconst primaryGroups = computed(() => store.value.commonHelpersData.primaryGroups.value)\n\nconst referenceGroupOptions = computed(() => getReferenceGroupOptions(primaryGroups.value));\n\nconst overallTestMethodOptions = computed(() => getOverallTestMethodOptions(primaryGroups.value));\n\n\nconst withUndefined = (data:Record<string, string|null|boolean>, field:string) => {\n  return computed({\n    get() {\n      return data[field] ?? undefined;\n    },\n    set(newValue:string | undefined) {\n      data[field] = newValue ?? null;\n    },\n  })\n}\nconst overallTestMethod = withUndefined(settings.value.overall.data, 'testMethod');\n\nconst referenceGroupMethod = withUndefined(settings.value.referenceGroup.data, 'testMethod');\nconst referenceGroup = withUndefined(settings.value.referenceGroup.data, 'referenceGroup');\nconst referenceGroupCorrection = withUndefined(settings.value.referenceGroup.data, 'correctionMethod');\n\nconst pairwise = withUndefined(settings.value.pairwise.data, 'testMethod');\nconst pairwiseCorrection = withUndefined(settings.value.pairwise.data, 'correctionMethod');\n\ncheckStatisticsInputsValidity(store)();\nwatch([\n  () => settings.value.overall.data.testMethod,\n  () => settings.value.referenceGroup.data.referenceGroup\n], checkStatisticsInputsValidity(store));\n</script>\n<template>\n    <h3>\n      Statistics\n    </h3>\n    <!--Overall p-value settings-->\n    <div class=\"section-title\"><span>overall p-value</span></div>\n    <div class=\"input-item\">\n      <pl-dropdown\n          label=\"Method\"\n          clearable\n          placeholder=\"Choose\"\n          v-model=\"overallTestMethod\"\n          :options=\"overallTestMethodOptions\"\n          :error=\"settings.overall.validity.testMethod ? '' : ' '\"\n      />\n    </div>\n    <!--Reference group p-value settings-->\n    <div class=\"section-title\"><span>reference group</span></div>\n    <div class=\"input-item\">\n      <pl-dropdown\n          label=\"Reference from...\"\n          clearable\n          placeholder=\"Choose\"\n          v-model=\"referenceGroup\"\n          :options=\"referenceGroupOptions\"\n          :error=\"settings.referenceGroup.validity.referenceGroup ? '' : ' '\"\n      />\n    </div>\n    <div class=\"input-item\">\n      <pl-dropdown\n          label=\"Method\"\n          clearable\n          placeholder=\"Choose\"\n          v-model=\"referenceGroupMethod\"\n          :options=\"STAT_TEST_METHOD\"\n      />\n    </div>\n    <div class=\"input-item\">\n      <pl-dropdown\n          label=\"Correction method\"\n          placeholder=\"Choose\"\n          v-model=\"referenceGroupCorrection\"\n          :options=\"STAT_CORRECTION_METHOD\"\n      />\n    </div>\n    <div class=\"input-item\" style=\"z-index: 0\">\n      <pl-btn-group\n          label=\"Show\"\n          v-model=\"settings.referenceGroup.data.format\"\n          :options=\"FORMAT_P_VALUE_OPTIONS\"\n      />\n    </div>\n    <div class=\"checkbox-item\">\n      <pl-checkbox v-model=\"settings.referenceGroup.data.ns\"/>\n      <span>Non-significant</span>\n    </div>\n    <!--pairwise.data p-value settings-->\n    <div class=\"section-title\"><span>pairwise p-value</span></div>\n    <div class=\"input-item\">\n      <pl-dropdown\n          label=\"Method\"\n          clearable\n          placeholder=\"Choose\"\n          v-model=\"pairwise\"\n          :options=\"STAT_TEST_METHOD\"\n      />\n    </div>\n    <div class=\"input-item\">\n      <pl-dropdown\n          label=\"Correction method\"\n          placeholder=\"Choose\"\n          v-model=\"pairwiseCorrection\"\n          :options=\"STAT_CORRECTION_METHOD\"\n      />\n    </div>\n    <div class=\"input-item\" style=\"z-index: 0\">\n      <pl-btn-group\n          label=\"Show\"\n          v-model=\"settings.pairwise.data.format\"\n          :options=\"FORMAT_P_VALUE_OPTIONS\"\n      />\n    </div>\n    <div class=\"checkbox-item\">\n      <pl-checkbox v-model=\"settings.pairwise.data.ns\"/>\n      <span>Non-significant</span>\n    </div>\n</template>\n"],"names":["store","useStore","settings","computed","primaryGroups","referenceGroupOptions","getReferenceGroupOptions","overallTestMethodOptions","getOverallTestMethodOptions","withUndefined","data","field","newValue","overallTestMethod","referenceGroupMethod","referenceGroup","referenceGroupCorrection","pairwise","pairwiseCorrection","checkStatisticsInputsValidity","watch"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAYA,UAAMA,IAAQC,EAAA,GACRC,IAAWC,EAAS,MAAMH,EAAM,MAAM,SAAS,kBAA6C,GAE5FI,IAAgBD,EAAS,MAAMH,EAAM,MAAM,kBAAkB,cAAc,KAAK,GAEhFK,IAAwBF,EAAS,MAAMG,EAAyBF,EAAc,KAAK,CAAC,GAEpFG,IAA2BJ,EAAS,MAAMK,EAA4BJ,EAAc,KAAK,CAAC,GAG1FK,IAAgB,CAACC,GAA0CC,MACxDR,EAAS;AAAA,MACd,MAAM;AACJ,eAAOO,EAAKC,CAAK,KAAK;AAAA,MACxB;AAAA,MACA,IAAIC,GAA6B;AAC/B,QAAAF,EAAKC,CAAK,IAAIC,KAAY;AAAA,MAC5B;AAAA,IAAA,CACD,GAEGC,IAAoBJ,EAAcP,EAAS,MAAM,QAAQ,MAAM,YAAY,GAE3EY,IAAuBL,EAAcP,EAAS,MAAM,eAAe,MAAM,YAAY,GACrFa,IAAiBN,EAAcP,EAAS,MAAM,eAAe,MAAM,gBAAgB,GACnFc,IAA2BP,EAAcP,EAAS,MAAM,eAAe,MAAM,kBAAkB,GAE/Fe,IAAWR,EAAcP,EAAS,MAAM,SAAS,MAAM,YAAY,GACnEgB,IAAqBT,EAAcP,EAAS,MAAM,SAAS,MAAM,kBAAkB;AAEzF,WAAAiB,EAA8BnB,CAAK,EAAA,GACnCoB,EAAM;AAAA,MACJ,MAAMlB,EAAS,MAAM,QAAQ,KAAK;AAAA,MAClC,MAAMA,EAAS,MAAM,eAAe,KAAK;AAAA,IAAA,GACxCiB,EAA8BnB,CAAK,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/GraphMaker/index.vue.js

@@ -17,9 +17,15 @@ import "./constantsAesthetic.js";
 import { composeChartSettings as A } from "./utils/createChartSettingsForRender/composeChartSettings.js";
 import { saveToFile as be } from "./utils/saveToFile.js";
 import { copyJSON as d } from "./utils/copyJSON.js";
+import "../node_modules/@milaboratories/pl-model-common/dist/drivers/blob.js";
+import "../node_modules/@milaboratories/pl-model-common/dist/drivers/pframe/spec/spec.js";
+import "../node_modules/@milaboratories/pl-model-common/dist/plid.js";
+import "../node_modules/@milaboratories/pl-model-common/dist/ref.js";
+import "../node_modules/@platforma-sdk/model/dist/render/util/label.js";
+import "../node_modules/@milaboratories/pl-error-like/dist/error_like_shape.js";
 import { DemoDataStore as De } from "../node_modules/@milaboratories/pf-plots/dist/demoStore.js";
 import { debouncedWatch as v } from "../node_modules/@vueuse/shared/index.js";
-const Te = { class: "graph-maker" }, Ce = { class: "graph-maker__main-pane" }, Ae = /* @__PURE__ */ le({
+const Te = { class: "graph-maker" }, Ce = { class: "graph-maker__main-pane" }, Qe = /* @__PURE__ */ le({
   __name: "index",
   props: /* @__PURE__ */ _({
     pFrame: {},
@@ -350,6 +356,6 @@ const Te = { class: "graph-maker" }, Ce = { class: "graph-maker__main-pane" }, A
   }
 });
 export {
-  Ae as default
+  Qe as default
 };
 //# sourceMappingURL=index.vue.js.map

package/dist/GraphMaker/index.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.vue.js","sources":["../../src/GraphMaker/index.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport {\n  ChartInterface,\n  DataByColumns,\n  LassoControlsState,\n  MiPlots,\n  Settings\n} from '@milaboratories/miplots4';\nimport {\n  ChartType,\n  DemoDataStore, getInitialStateByType,\n  PlotDataAndSettings\n} from '@milaboratories/pf-plots';\nimport type { AxisSpec, PFrameDriver, PlSelectionModel, PTableKey } from '@platforma-sdk/model';\nimport { watchDebounced } from '@vueuse/core';\nimport canonicalize from 'canonicalize';\nimport { computed, onMounted, onUnmounted, ref, shallowRef, toRaw, useSlots, watch } from 'vue';\nimport './assets/ui.scss';\nimport Chart from './components/Chart.vue';\nimport Loading from './components/Loading.vue';\nimport PanelModal from './components/PanelModal.vue';\nimport VTabs from './components/SettingsTabs/index.vue';\nimport TransitionSlidePanel from './components/TransitionSlidePanel.vue';\nimport { useSettingsForm } from './forms';\nimport { createReactiveState, provideStore } from './store';\nimport type { GraphMakerState, GraphStatus } from './types';\nimport { DendroNodeInfo, GraphMakerProps } from './types';\nimport { composeChartSettings, saveToFile } from './utils';\nimport { copyJSON } from './utils/copyJSON';\n\nconst emit = defineEmits(['delete-this-graph', 'tooltip-btn-click']);\n\nconst graphMakerState = defineModel<GraphMakerState>({ required: true });\nconst selectionState = defineModel<PlSelectionModel>('selection');\n\nconst props = defineProps<GraphMakerProps>();\n\ndefineExpose({\n  /**\n   reset() will update data-mapping, axis-settings, layers-settings with the state that is in v-model at the moment.\n   In other cases editing of v-model fields doesn't make any impact to graphs and interface.\n   Besides, after reset default-options will be applied again. You can use reset to apply new default-options.\n   */\n  reset,\n  /**\n   Apply new defaults without resetting all the state\n   */\n  resetDefaults\n});\n\nconst dataStore = ref<DemoDataStore | null>(null);\n\nwatch(() => props.pFrame, (pframeValue) => {\n  if (!pframeValue) {\n    return;\n  }\n  const driver = ('platforma' in window) ? window.platforma?.pFrameDriver as PFrameDriver : props.driver;\n  if (!driver) {\n    throw new Error('PFrame driver is missing');\n  }\n  dataStore.value = new DemoDataStore(\n    pframeValue,\n    driver,\n    props.labelsModifier\n  );\n}, { immediate: true });\n\n\n//fixed options can be updated outside, other settings only inside from chart settings interface, so we don't watching other settings\nconst fixedOptions = ref<typeof props.fixedOptions>(props.fixedOptions ?? []);\nwatch(() => props.fixedOptions, (value, oldValue) => {\n  if (\n    value && oldValue && JSON.stringify(value) !== JSON.stringify(oldValue) ||\n    value && !oldValue ||\n    oldValue && !value\n  ) {\n    fixedOptions.value = value;\n  }\n}, { deep: true });\nconst defaultOptions = ref<typeof props.defaultOptions>(props.defaultOptions);\n\nconst state = provideStore(\n  toRaw(graphMakerState.value),\n  dataStore,\n  props.chartType,\n  defaultOptions,\n  fixedOptions,\n  props.dataColumnPredicate,\n  props.readonlyInputs\n);\n\nfunction reset() {\n  const nextReactiveState = createReactiveState(\n    toRaw(graphMakerState.value),\n    props.chartType\n  );\n  Object.assign(state.value.reactive, nextReactiveState);\n  Object.assign(state.value.loading, {\n    initialInputGuide: true,\n    initialCharts: true,\n    initialDefaults: true,\n    inputGuide: false,\n    chartData: false,\n  });\n  defaultOptions.value = props.defaultOptions;\n}\n\nfunction resetDefaults() {\n  Object.assign(state.value.loading, {\n    initialInputGuide: true,\n    initialCharts: true,\n    initialDefaults: true,\n    inputGuide: false,\n    chartData: false,\n  });\n  defaultOptions.value = props.defaultOptions ? [...props.defaultOptions] as typeof props.defaultOptions : [];\n}\n\nconst prevDataKey = computed(() => state.value.reactive.dataStateKey);\nwatch(() => canonicalize(props.dataStateKey), (keyValue) => {\n  if ((keyValue !== undefined || prevDataKey.value !== undefined) && prevDataKey.value !== keyValue) {\n    graphMakerState.value.optionsState = copyJSON(getInitialStateByType(props.chartType));\n    const nextReactiveState = createReactiveState(toRaw(graphMakerState.value), props.chartType);\n    Object.assign(state.value.reactive, nextReactiveState);\n    Object.assign(state.value.loading, {\n      initialInputGuide: true,\n      initialCharts: true,\n      initialDefaults: true,\n      inputGuide: false,\n      chartData: false,\n    });\n    defaultOptions.value = props.defaultOptions ? [...props.defaultOptions] as typeof props.defaultOptions : []; // to trigger watch on defaults\n  }\n  state.value.reactive.dataStateKey = keyValue;\n}, { deep: true, immediate: true });\n\nconst currentForm = computed(() => useSettingsForm(state.value.reactive.currentTab));\n\nconst chartRef = shallowRef<ChartInterface | null>(null);\nconst chartCalculatedDataRef = ref<Record<string, unknown> | null>(null);\nconst chartError = ref(false);\n\nconst graphStatus = computed<GraphStatus>(() => {\n  const inputGuide = state.value.inputGuide.value;\n  const chartData = state.value.chartData.value;\n  if (!inputGuide.consistent) {\n    return 'inconsistent';\n  }\n  if (!inputGuide.ready) {\n    return 'notReady';\n  }\n  if (chartData && Object.values(chartData.data.byColumns.values)[0]?.length === 0) {\n    return 'empty';\n  }\n  if (chartError.value) {\n    return 'error';\n  }\n  return 'ready';\n});\nfunction onTreeNodeClick(d: DendroNodeInfo) {\n  state.value.reactive.dendroSelectedNodeId = d?.info[0]?.id as number;\n  state.value.reactive.dendroInfoByClick = d;\n}\n\nfunction onTooltipHintSwitch(v: boolean) {\n  state.value.reactive.showTooltipHint = v;\n}\n\nfunction onLassoPolygonUpdate(dotIndexes: number[], polygons: { points: [number, number][], closed: boolean }[]) {\n  graphMakerState.value = {\n    ...graphMakerState.value,\n    selectedPolygons: polygons\n  };\n\n  const axesData = state.value.chartData.value?.data?.axesData;\n  if (dotIndexes.length === 0 || !axesData) {\n    selectionState.value = { axesSpec: [], selectedKeys: [] };\n    return;\n  }\n\n  const axisKeys = Object.keys(axesData);\n  const inputGuide = state.value.inputGuide.value;\n  selectionState.value = {\n    axesSpec: axisKeys.map(axisKey => inputGuide.getSourceInfo(axisKey).spec as AxisSpec),\n    selectedKeys: dotIndexes.map((idx) => axisKeys.map((axisKey) => axesData[axisKey][idx]) as PTableKey)\n  };\n}\n\nfunction onLassoStateChange(v: LassoControlsState) {\n  state.value.reactive.lassoControlsState = v;\n}\nconst graphEventHandlers: Record<ChartType, unknown> = {\n  dendro: [onTreeNodeClick],\n  'scatterplot-umap': {\n    onPolygonUpdate: onLassoPolygonUpdate,\n    onTooltipHintSwitch,\n    onLassoControlsStateUpdate: onLassoStateChange\n  },\n  discrete: [onTooltipHintSwitch],\n  scatterplot: {\n    onPolygonUpdate: onLassoPolygonUpdate,\n    onTooltipHintSwitch,\n    onLassoControlsStateUpdate: onLassoStateChange\n  },\n  histogram: [onTooltipHintSwitch],\n  heatmap: [onTooltipHintSwitch],\n  bubble: [onTooltipHintSwitch]\n}\nfunction updateChart(value: { data: PlotDataAndSettings['data']['byColumns'], settings: PlotDataAndSettings['settings'] } | null) {\n  // if dataByColumns exists but columns has no data - show empty chart\n  if (value && Object.values(value.data.values)[0]?.length > 0) {\n    // console.log('value.dataByColumns', toRaw(value.data));\n    // console.log('value.settings', toRaw(value.settings));\n    if (chartRef.value) {\n      chartRef.value.updateSettingsAndData(toRaw(value.data), toRaw(value.settings) as Settings);\n    } else {\n      const htmlNode = document.getElementById('chartSvgContainer');\n      if (htmlNode) {\n        chartRef.value = MiPlots.newPlot(toRaw(value.data), toRaw(value.settings) as Settings, graphEventHandlers[value.settings.type as ChartType]);\n        if (value.settings.type === 'scatterplot-umap') {\n          // set default polygons (from props)\n          chartRef.value.updateChartState('polygon', graphMakerState.value.selectedPolygons ?? []);\n        }\n        chartRef.value.mount(htmlNode);\n      }\n    }\n    // calculated by chart renderer data, tree hierarchy for example\n    chartCalculatedDataRef.value = chartRef.value?.calculatedData ? { ...chartRef.value.calculatedData } : null;\n    chartError.value = chartRef.value?.hasError ?? false;\n  } else {\n    chartRef.value?.unmount();\n    chartRef.value = null;\n  }\n}\n\nwatch(() => graphStatus.value, (v) => {\n  if (v === 'notReady') {\n    chartRef.value?.unmount();\n    chartRef.value = null;\n  }\n});\n\nconst chartDataForRender = shallowRef<{ settings: Settings, data: DataByColumns } | null>(null);\nwatch([\n  () => state.value.chartData.value\n], ([chartData]) => {\n  chartDataForRender.value = composeChartSettings(\n    toRaw(chartData),\n    toRaw(state.value.inputGuide.value),\n    toRaw(state.value.uniqueValuesData.value),\n    toRaw(state.value.filterLabelsInfo.value),\n    toRaw(state.value.reactive)\n  );\n});\nwatch([\n  () => state.value.reactive.template,\n  () => state.value.reactive.layersSettings,\n  () => state.value.reactive.axesSettings,\n  () => state.value.reactive.statisticsSettings,\n  () => state.value.reactive.dataBindAes,\n  () => state.value.reactive.chartScale,\n], () => {\n  chartDataForRender.value = composeChartSettings(\n    toRaw(state.value.chartData.value),\n    toRaw(state.value.inputGuide.value),\n    toRaw(state.value.uniqueValuesData.value),\n    toRaw(state.value.filterLabelsInfo.value),\n    toRaw(state.value.reactive),\n  );\n}, { deep: true });\n\nwatch(() => chartDataForRender.value, (chartData) => {\n  updateChart(chartData);\n});\nonMounted(() => {\n  updateChart(null);\n});\nonUnmounted(() => {\n  chartRef.value?.unmount();\n});\n\nwatchDebounced(() => state.value.reactive.optionsState, (v) => {\n  graphMakerState.value = {\n    ...graphMakerState.value,\n    optionsState: copyJSON(v)\n  }\n}, { deep: true, debounce: 1000 });\nwatchDebounced(() => state.value.reactive.statisticsSettings, (v) => {\n  graphMakerState.value = {\n    ...graphMakerState.value,\n    statisticsSettings: copyJSON(v)\n  }\n}, { deep: true, debounce: 1000 });\nwatchDebounced(() => state.value.reactive.axesSettings, (v) => {\n  graphMakerState.value = {\n    ...graphMakerState.value,\n    axesSettings: copyJSON(v)\n  }\n}, { deep: true, debounce: 1000 });\nwatchDebounced(() => state.value.reactive.layersSettings, (v) => {\n  graphMakerState.value = {\n    ...graphMakerState.value,\n    layersSettings: copyJSON(v)\n  }\n}, { deep: true, debounce: 1000 });\nwatchDebounced(() => state.value.reactive.dataBindAes, (v) => {\n  graphMakerState.value = {\n    ...graphMakerState.value,\n    dataBindAes: copyJSON(v)\n  }\n}, { deep: true, debounce: 1000 });\n\nwatchDebounced([\n  () => state.value.reactive.chartScale,\n  () => state.value.reactive.template,\n  () => state.value.reactive.currentTab\n], ([zoomState, template, currentTab]) => {\n  graphMakerState.value = {\n    ...graphMakerState.value,\n    zoomState,\n    template,\n    currentTab\n  }\n}, { debounce: 1000 });\n\nwatch(() => state.value.reactive.dataStateKey, (dataStateKey) => {\n  graphMakerState.value = {\n    ...graphMakerState.value,\n    dataStateKey\n  }\n}, { immediate: true });\n\nwatch(() => graphMakerState.value.currentTab, (v) => {\n  state.value.reactive.currentTab = v === undefined ? 'dataMapping' : v;\n});\n\nwatch(() => graphMakerState.value?.layersSettings?.dendro?.showTable, (v) => {\n  state.value.reactive.layersSettings.dendro.showTable = v ?? false;\n});\n\nfunction onExport() {\n  saveToFile(\n    new Blob([\n      chartRef.value?.export() ?? ''\n    ]),\n    'chart.svg'\n  );\n}\n\nfunction updateGraphTitle(nextTitle: string) {\n  graphMakerState.value = {\n    ...graphMakerState.value,\n    title: nextTitle\n  };\n}\n\nfunction selectTreeNode(id: number | null) {\n  state.value.reactive.dendroSelectedNodeId = id;\n  chartRef.value?.updateChartState('selectedNode', id);\n}\n\nconst slots = useSlots();\n\nconst hasSettingsSlot = computed(() => Boolean(slots.settingsSlot));\nconst hasLogSlot = computed(() => Boolean(slots.logSlot));\n\n</script>\n\n<template>\n  <div class=\"graph-maker\">\n    <div class=\"graph-maker__main-pane\">\n      <chart :graph-status=\"graphStatus\" :graphTitle=\"graphMakerState.title\" :chartData=\"chartCalculatedDataRef\"\n        :chart-ref=\"chartRef\" :dendroTooltipButton=\"tooltipButton\" @graph-title-update=\"updateGraphTitle\"\n        @dendro-node-select=\"selectTreeNode\" @dendro-tooltip-btn-click=\"(id: string) => $emit('tooltip-btn-click', id)\">\n        <slot name=\"titleLineSlot\"></slot>\n      </chart>\n      <loading v-if=\"state.loading.initialInputGuide\" :top=\"67\" :left=\"12\" :right=\"12\" :bottom=\"12\" />\n      <TransitionSlidePanel id=\"graph-settings-modal\" v-if=\"!state.loading.initialInputGuide\">\n        <panel-modal v-if=\"state.reactive.currentTab\" @close=\"state.reactive.currentTab = null\">\n          <component :is=\"currentForm.value\">\n            <slot v-if=\"state.reactive.currentTab === 'settings'\" name=\"settingsSlot\"></slot>\n            <slot v-if=\"state.reactive.currentTab === 'log'\" name=\"logSlot\"></slot>\n          </component>\n        </panel-modal>\n      </TransitionSlidePanel>\n    </div>\n    <v-tabs :chart-type=\"state.reactive.chartType\" :graph-status=\"graphStatus\" :allowDeleting=\"allowChartDeleting\"\n      :hasSettingsSlot=\"hasSettingsSlot\" :hasLogSlot=\"hasLogSlot\" :initialLoading=\"state.loading.initialInputGuide\"\n      v-model=\"state.reactive.currentTab\" @export=\"onExport\" @delete=\"$emit('delete-this-graph')\" />\n  </div>\n</template>\n"],"names":["graphMakerState","_useModel","selectionState","__props","props","__expose","reset","resetDefaults","dataStore","ref","watch","pframeValue","driver","_a","DemoDataStore","fixedOptions","value","oldValue","defaultOptions","state","provideStore","toRaw","nextReactiveState","createReactiveState","prevDataKey","computed","canonicalize","keyValue","copyJSON","getInitialStateByType","currentForm","useSettingsForm","chartRef","shallowRef","chartCalculatedDataRef","chartError","graphStatus","inputGuide","chartData","onTreeNodeClick","d","onTooltipHintSwitch","v","onLassoPolygonUpdate","dotIndexes","polygons","axesData","_b","axisKeys","axisKey","idx","onLassoStateChange","graphEventHandlers","updateChart","htmlNode","MiPlots","_c","_d","chartDataForRender","composeChartSettings","onMounted","onUnmounted","watchDebounced","zoomState","template","currentTab","dataStateKey","onExport","saveToFile","updateGraphTitle","nextTitle","selectTreeNode","id","slots","useSlots","hasSettingsSlot","hasLogSlot"],"mappings":"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"}
+{"version":3,"file":"index.vue.js","sources":["../../src/GraphMaker/index.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport {\n  ChartInterface,\n  DataByColumns,\n  LassoControlsState,\n  MiPlots,\n  Settings\n} from '@milaboratories/miplots4';\nimport {\n  ChartType,\n  DemoDataStore, getInitialStateByType,\n  PlotDataAndSettings\n} from '@milaboratories/pf-plots';\nimport type { AxisSpec, PFrameDriver, PlSelectionModel, PTableKey } from '@platforma-sdk/model';\nimport { watchDebounced } from '@vueuse/core';\nimport canonicalize from 'canonicalize';\nimport { computed, onMounted, onUnmounted, ref, shallowRef, toRaw, useSlots, watch } from 'vue';\nimport './assets/ui.scss';\nimport Chart from './components/Chart.vue';\nimport Loading from './components/Loading.vue';\nimport PanelModal from './components/PanelModal.vue';\nimport VTabs from './components/SettingsTabs/index.vue';\nimport TransitionSlidePanel from './components/TransitionSlidePanel.vue';\nimport { useSettingsForm } from './forms';\nimport { createReactiveState, provideStore } from './store';\nimport type { GraphMakerState, GraphStatus } from './types';\nimport { DendroNodeInfo, GraphMakerProps } from './types';\nimport { composeChartSettings, saveToFile } from './utils';\nimport { copyJSON } from './utils/copyJSON';\n\nconst emit = defineEmits(['delete-this-graph', 'tooltip-btn-click']);\n\nconst graphMakerState = defineModel<GraphMakerState>({ required: true });\nconst selectionState = defineModel<PlSelectionModel>('selection');\n\nconst props = defineProps<GraphMakerProps>();\n\ndefineExpose({\n  /**\n   reset() will update data-mapping, axis-settings, layers-settings with the state that is in v-model at the moment.\n   In other cases editing of v-model fields doesn't make any impact to graphs and interface.\n   Besides, after reset default-options will be applied again. You can use reset to apply new default-options.\n   */\n  reset,\n  /**\n   Apply new defaults without resetting all the state\n   */\n  resetDefaults\n});\n\nconst dataStore = ref<DemoDataStore | null>(null);\n\nwatch(() => props.pFrame, (pframeValue) => {\n  if (!pframeValue) {\n    return;\n  }\n  const driver = ('platforma' in window) ? window.platforma?.pFrameDriver as PFrameDriver : props.driver;\n  if (!driver) {\n    throw new Error('PFrame driver is missing');\n  }\n  dataStore.value = new DemoDataStore(\n    pframeValue,\n    driver,\n    props.labelsModifier\n  );\n}, { immediate: true });\n\n\n//fixed options can be updated outside, other settings only inside from chart settings interface, so we don't watching other settings\nconst fixedOptions = ref<typeof props.fixedOptions>(props.fixedOptions ?? []);\nwatch(() => props.fixedOptions, (value, oldValue) => {\n  if (\n    value && oldValue && JSON.stringify(value) !== JSON.stringify(oldValue) ||\n    value && !oldValue ||\n    oldValue && !value\n  ) {\n    fixedOptions.value = value;\n  }\n}, { deep: true });\nconst defaultOptions = ref<typeof props.defaultOptions>(props.defaultOptions);\n\nconst state = provideStore(\n  toRaw(graphMakerState.value),\n  dataStore,\n  props.chartType,\n  defaultOptions,\n  fixedOptions,\n  props.dataColumnPredicate,\n  props.readonlyInputs\n);\n\nfunction reset() {\n  const nextReactiveState = createReactiveState(\n    toRaw(graphMakerState.value),\n    props.chartType\n  );\n  Object.assign(state.value.reactive, nextReactiveState);\n  Object.assign(state.value.loading, {\n    initialInputGuide: true,\n    initialCharts: true,\n    initialDefaults: true,\n    inputGuide: false,\n    chartData: false,\n  });\n  defaultOptions.value = props.defaultOptions;\n}\n\nfunction resetDefaults() {\n  Object.assign(state.value.loading, {\n    initialInputGuide: true,\n    initialCharts: true,\n    initialDefaults: true,\n    inputGuide: false,\n    chartData: false,\n  });\n  defaultOptions.value = props.defaultOptions ? [...props.defaultOptions] as typeof props.defaultOptions : [];\n}\n\nconst prevDataKey = computed(() => state.value.reactive.dataStateKey);\nwatch(() => canonicalize(props.dataStateKey), (keyValue) => {\n  if ((keyValue !== undefined || prevDataKey.value !== undefined) && prevDataKey.value !== keyValue) {\n    graphMakerState.value.optionsState = copyJSON(getInitialStateByType(props.chartType));\n    const nextReactiveState = createReactiveState(toRaw(graphMakerState.value), props.chartType);\n    Object.assign(state.value.reactive, nextReactiveState);\n    Object.assign(state.value.loading, {\n      initialInputGuide: true,\n      initialCharts: true,\n      initialDefaults: true,\n      inputGuide: false,\n      chartData: false,\n    });\n    defaultOptions.value = props.defaultOptions ? [...props.defaultOptions] as typeof props.defaultOptions : []; // to trigger watch on defaults\n  }\n  state.value.reactive.dataStateKey = keyValue;\n}, { deep: true, immediate: true });\n\nconst currentForm = computed(() => useSettingsForm(state.value.reactive.currentTab));\n\nconst chartRef = shallowRef<ChartInterface | null>(null);\nconst chartCalculatedDataRef = ref<Record<string, unknown> | null>(null);\nconst chartError = ref(false);\n\nconst graphStatus = computed<GraphStatus>(() => {\n  const inputGuide = state.value.inputGuide.value;\n  const chartData = state.value.chartData.value;\n  if (!inputGuide.consistent) {\n    return 'inconsistent';\n  }\n  if (!inputGuide.ready) {\n    return 'notReady';\n  }\n  if (chartData && Object.values(chartData.data.byColumns.values)[0]?.length === 0) {\n    return 'empty';\n  }\n  if (chartError.value) {\n    return 'error';\n  }\n  return 'ready';\n});\nfunction onTreeNodeClick(d: DendroNodeInfo) {\n  state.value.reactive.dendroSelectedNodeId = d?.info[0]?.id as number;\n  state.value.reactive.dendroInfoByClick = d;\n}\n\nfunction onTooltipHintSwitch(v: boolean) {\n  state.value.reactive.showTooltipHint = v;\n}\n\nfunction onLassoPolygonUpdate(dotIndexes: number[], polygons: { points: [number, number][], closed: boolean }[]) {\n  graphMakerState.value = {\n    ...graphMakerState.value,\n    selectedPolygons: polygons\n  };\n\n  const axesData = state.value.chartData.value?.data?.axesData;\n  if (dotIndexes.length === 0 || !axesData) {\n    selectionState.value = { axesSpec: [], selectedKeys: [] };\n    return;\n  }\n\n  const axisKeys = Object.keys(axesData);\n  const inputGuide = state.value.inputGuide.value;\n  selectionState.value = {\n    axesSpec: axisKeys.map(axisKey => inputGuide.getSourceInfo(axisKey).spec as AxisSpec),\n    selectedKeys: dotIndexes.map((idx) => axisKeys.map((axisKey) => axesData[axisKey][idx]) as PTableKey)\n  };\n}\n\nfunction onLassoStateChange(v: LassoControlsState) {\n  state.value.reactive.lassoControlsState = v;\n}\nconst graphEventHandlers: Record<ChartType, unknown> = {\n  dendro: [onTreeNodeClick],\n  'scatterplot-umap': {\n    onPolygonUpdate: onLassoPolygonUpdate,\n    onTooltipHintSwitch,\n    onLassoControlsStateUpdate: onLassoStateChange\n  },\n  discrete: [onTooltipHintSwitch],\n  scatterplot: {\n    onPolygonUpdate: onLassoPolygonUpdate,\n    onTooltipHintSwitch,\n    onLassoControlsStateUpdate: onLassoStateChange\n  },\n  histogram: [onTooltipHintSwitch],\n  heatmap: [onTooltipHintSwitch],\n  bubble: [onTooltipHintSwitch]\n}\nfunction updateChart(value: { data: PlotDataAndSettings['data']['byColumns'], settings: PlotDataAndSettings['settings'] } | null) {\n  // if dataByColumns exists but columns has no data - show empty chart\n  if (value && Object.values(value.data.values)[0]?.length > 0) {\n    // console.log('value.dataByColumns', toRaw(value.data));\n    // console.log('value.settings', toRaw(value.settings));\n    if (chartRef.value) {\n      chartRef.value.updateSettingsAndData(toRaw(value.data), toRaw(value.settings) as Settings);\n    } else {\n      const htmlNode = document.getElementById('chartSvgContainer');\n      if (htmlNode) {\n        chartRef.value = MiPlots.newPlot(toRaw(value.data), toRaw(value.settings) as Settings, graphEventHandlers[value.settings.type as ChartType]);\n        if (value.settings.type === 'scatterplot-umap') {\n          // set default polygons (from props)\n          chartRef.value.updateChartState('polygon', graphMakerState.value.selectedPolygons ?? []);\n        }\n        chartRef.value.mount(htmlNode);\n      }\n    }\n    // calculated by chart renderer data, tree hierarchy for example\n    chartCalculatedDataRef.value = chartRef.value?.calculatedData ? { ...chartRef.value.calculatedData } : null;\n    chartError.value = chartRef.value?.hasError ?? false;\n  } else {\n    chartRef.value?.unmount();\n    chartRef.value = null;\n  }\n}\n\nwatch(() => graphStatus.value, (v) => {\n  if (v === 'notReady') {\n    chartRef.value?.unmount();\n    chartRef.value = null;\n  }\n});\n\nconst chartDataForRender = shallowRef<{ settings: Settings, data: DataByColumns } | null>(null);\nwatch([\n  () => state.value.chartData.value\n], ([chartData]) => {\n  chartDataForRender.value = composeChartSettings(\n    toRaw(chartData),\n    toRaw(state.value.inputGuide.value),\n    toRaw(state.value.uniqueValuesData.value),\n    toRaw(state.value.filterLabelsInfo.value),\n    toRaw(state.value.reactive)\n  );\n});\nwatch([\n  () => state.value.reactive.template,\n  () => state.value.reactive.layersSettings,\n  () => state.value.reactive.axesSettings,\n  () => state.value.reactive.statisticsSettings,\n  () => state.value.reactive.dataBindAes,\n  () => state.value.reactive.chartScale,\n], () => {\n  chartDataForRender.value = composeChartSettings(\n    toRaw(state.value.chartData.value),\n    toRaw(state.value.inputGuide.value),\n    toRaw(state.value.uniqueValuesData.value),\n    toRaw(state.value.filterLabelsInfo.value),\n    toRaw(state.value.reactive),\n  );\n}, { deep: true });\n\nwatch(() => chartDataForRender.value, (chartData) => {\n  updateChart(chartData);\n});\nonMounted(() => {\n  updateChart(null);\n});\nonUnmounted(() => {\n  chartRef.value?.unmount();\n});\n\nwatchDebounced(() => state.value.reactive.optionsState, (v) => {\n  graphMakerState.value = {\n    ...graphMakerState.value,\n    optionsState: copyJSON(v)\n  }\n}, { deep: true, debounce: 1000 });\nwatchDebounced(() => state.value.reactive.statisticsSettings, (v) => {\n  graphMakerState.value = {\n    ...graphMakerState.value,\n    statisticsSettings: copyJSON(v)\n  }\n}, { deep: true, debounce: 1000 });\nwatchDebounced(() => state.value.reactive.axesSettings, (v) => {\n  graphMakerState.value = {\n    ...graphMakerState.value,\n    axesSettings: copyJSON(v)\n  }\n}, { deep: true, debounce: 1000 });\nwatchDebounced(() => state.value.reactive.layersSettings, (v) => {\n  graphMakerState.value = {\n    ...graphMakerState.value,\n    layersSettings: copyJSON(v)\n  }\n}, { deep: true, debounce: 1000 });\nwatchDebounced(() => state.value.reactive.dataBindAes, (v) => {\n  graphMakerState.value = {\n    ...graphMakerState.value,\n    dataBindAes: copyJSON(v)\n  }\n}, { deep: true, debounce: 1000 });\n\nwatchDebounced([\n  () => state.value.reactive.chartScale,\n  () => state.value.reactive.template,\n  () => state.value.reactive.currentTab\n], ([zoomState, template, currentTab]) => {\n  graphMakerState.value = {\n    ...graphMakerState.value,\n    zoomState,\n    template,\n    currentTab\n  }\n}, { debounce: 1000 });\n\nwatch(() => state.value.reactive.dataStateKey, (dataStateKey) => {\n  graphMakerState.value = {\n    ...graphMakerState.value,\n    dataStateKey\n  }\n}, { immediate: true });\n\nwatch(() => graphMakerState.value.currentTab, (v) => {\n  state.value.reactive.currentTab = v === undefined ? 'dataMapping' : v;\n});\n\nwatch(() => graphMakerState.value?.layersSettings?.dendro?.showTable, (v) => {\n  state.value.reactive.layersSettings.dendro.showTable = v ?? false;\n});\n\nfunction onExport() {\n  saveToFile(\n    new Blob([\n      chartRef.value?.export() ?? ''\n    ]),\n    'chart.svg'\n  );\n}\n\nfunction updateGraphTitle(nextTitle: string) {\n  graphMakerState.value = {\n    ...graphMakerState.value,\n    title: nextTitle\n  };\n}\n\nfunction selectTreeNode(id: number | null) {\n  state.value.reactive.dendroSelectedNodeId = id;\n  chartRef.value?.updateChartState('selectedNode', id);\n}\n\nconst slots = useSlots();\n\nconst hasSettingsSlot = computed(() => Boolean(slots.settingsSlot));\nconst hasLogSlot = computed(() => Boolean(slots.logSlot));\n\n</script>\n\n<template>\n  <div class=\"graph-maker\">\n    <div class=\"graph-maker__main-pane\">\n      <chart :graph-status=\"graphStatus\" :graphTitle=\"graphMakerState.title\" :chartData=\"chartCalculatedDataRef\"\n        :chart-ref=\"chartRef\" :dendroTooltipButton=\"tooltipButton\" @graph-title-update=\"updateGraphTitle\"\n        @dendro-node-select=\"selectTreeNode\" @dendro-tooltip-btn-click=\"(id: string) => $emit('tooltip-btn-click', id)\">\n        <slot name=\"titleLineSlot\"></slot>\n      </chart>\n      <loading v-if=\"state.loading.initialInputGuide\" :top=\"67\" :left=\"12\" :right=\"12\" :bottom=\"12\" />\n      <TransitionSlidePanel id=\"graph-settings-modal\" v-if=\"!state.loading.initialInputGuide\">\n        <panel-modal v-if=\"state.reactive.currentTab\" @close=\"state.reactive.currentTab = null\">\n          <component :is=\"currentForm.value\">\n            <slot v-if=\"state.reactive.currentTab === 'settings'\" name=\"settingsSlot\"></slot>\n            <slot v-if=\"state.reactive.currentTab === 'log'\" name=\"logSlot\"></slot>\n          </component>\n        </panel-modal>\n      </TransitionSlidePanel>\n    </div>\n    <v-tabs :chart-type=\"state.reactive.chartType\" :graph-status=\"graphStatus\" :allowDeleting=\"allowChartDeleting\"\n      :hasSettingsSlot=\"hasSettingsSlot\" :hasLogSlot=\"hasLogSlot\" :initialLoading=\"state.loading.initialInputGuide\"\n      v-model=\"state.reactive.currentTab\" @export=\"onExport\" @delete=\"$emit('delete-this-graph')\" />\n  </div>\n</template>\n"],"names":["graphMakerState","_useModel","selectionState","__props","props","__expose","reset","resetDefaults","dataStore","ref","watch","pframeValue","driver","_a","DemoDataStore","fixedOptions","value","oldValue","defaultOptions","state","provideStore","toRaw","nextReactiveState","createReactiveState","prevDataKey","computed","canonicalize","keyValue","copyJSON","getInitialStateByType","currentForm","useSettingsForm","chartRef","shallowRef","chartCalculatedDataRef","chartError","graphStatus","inputGuide","chartData","onTreeNodeClick","d","onTooltipHintSwitch","v","onLassoPolygonUpdate","dotIndexes","polygons","axesData","_b","axisKeys","axisKey","idx","onLassoStateChange","graphEventHandlers","updateChart","htmlNode","MiPlots","_c","_d","chartDataForRender","composeChartSettings","onMounted","onUnmounted","watchDebounced","zoomState","template","currentTab","dataStateKey","onExport","saveToFile","updateGraphTitle","nextTitle","selectTreeNode","id","slots","useSlots","hasSettingsSlot","hasLogSlot"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgCA,UAAMA,IAAkBC,iBAA+C,GACjEC,IAAiBD,EAA6BE,GAAC,WAAW,GAE1DC,IAAQD;AAEd,IAAAE,EAAa;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAMX,OAAAC;AAAA;AAAA;AAAA;AAAA,MAIA,eAAAC;AAAA,IAAA,CACD;AAED,UAAMC,IAAYC,EAA0B,IAAI;AAEhD,IAAAC,EAAM,MAAMN,EAAM,QAAQ,CAACO,MAAgB;;AACzC,UAAI,CAACA;AACH;AAEF,YAAMC,IAAU,eAAe,UAAUC,IAAA,OAAO,cAAP,gBAAAA,EAAkB,eAA+BT,EAAM;AAChG,UAAI,CAACQ;AACH,cAAM,IAAI,MAAM,0BAA0B;AAE5C,MAAAJ,EAAU,QAAQ,IAAIM;AAAAA,QACpBH;AAAA,QACAC;AAAA,QACAR,EAAM;AAAA,MAAA;AAAA,IAEV,GAAG,EAAE,WAAW,IAAM;AAItB,UAAMW,IAAeN,EAA+BL,EAAM,gBAAgB,CAAA,CAAE;AAC5E,IAAAM,EAAM,MAAMN,EAAM,cAAc,CAACY,GAAOC,MAAa;AACnD,OACED,KAASC,KAAY,KAAK,UAAUD,CAAK,MAAM,KAAK,UAAUC,CAAQ,KACtED,KAAS,CAACC,KACVA,KAAY,CAACD,OAEbD,EAAa,QAAQC;AAAA,IAEzB,GAAG,EAAE,MAAM,IAAM;AACjB,UAAME,IAAiBT,EAAiCL,EAAM,cAAc,GAEtEe,IAAQC;AAAA,MACZC,EAAMrB,EAAgB,KAAK;AAAA,MAC3BQ;AAAA,MACAJ,EAAM;AAAA,MACNc;AAAA,MACAH;AAAA,MACAX,EAAM;AAAA,MACNA,EAAM;AAAA,IAAA;AAGR,aAASE,IAAQ;AACf,YAAMgB,IAAoBC;AAAA,QACxBF,EAAMrB,EAAgB,KAAK;AAAA,QAC3BI,EAAM;AAAA,MAAA;AAER,aAAO,OAAOe,EAAM,MAAM,UAAUG,CAAiB,GACrD,OAAO,OAAOH,EAAM,MAAM,SAAS;AAAA,QACjC,mBAAmB;AAAA,QACnB,eAAe;AAAA,QACf,iBAAiB;AAAA,QACjB,YAAY;AAAA,QACZ,WAAW;AAAA,MAAA,CACZ,GACDD,EAAe,QAAQd,EAAM;AAAA,IAC/B;AAEA,aAASG,IAAgB;AACvB,aAAO,OAAOY,EAAM,MAAM,SAAS;AAAA,QACjC,mBAAmB;AAAA,QACnB,eAAe;AAAA,QACf,iBAAiB;AAAA,QACjB,YAAY;AAAA,QACZ,WAAW;AAAA,MAAA,CACZ,GACDD,EAAe,QAAQd,EAAM,iBAAiB,CAAC,GAAGA,EAAM,cAAc,IAAmC,CAAA;AAAA,IAC3G;AAEA,UAAMoB,IAAcC,EAAS,MAAMN,EAAM,MAAM,SAAS,YAAY;AACpE,IAAAT,EAAM,MAAMgB,GAAatB,EAAM,YAAY,GAAG,CAACuB,MAAa;AAC1D,WAAKA,MAAa,UAAaH,EAAY,UAAU,WAAcA,EAAY,UAAUG,GAAU;AACjG,QAAA3B,EAAgB,MAAM,eAAe4B,EAASC,GAAsBzB,EAAM,SAAS,CAAC;AACpF,cAAMkB,IAAoBC,EAAoBF,EAAMrB,EAAgB,KAAK,GAAGI,EAAM,SAAS;AAC3F,eAAO,OAAOe,EAAM,MAAM,UAAUG,CAAiB,GACrD,OAAO,OAAOH,EAAM,MAAM,SAAS;AAAA,UACjC,mBAAmB;AAAA,UACnB,eAAe;AAAA,UACf,iBAAiB;AAAA,UACjB,YAAY;AAAA,UACZ,WAAW;AAAA,QAAA,CACZ,GACDD,EAAe,QAAQd,EAAM,iBAAiB,CAAC,GAAGA,EAAM,cAAc,IAAmC,CAAA;AAAA,MAC3G;AACA,MAAAe,EAAM,MAAM,SAAS,eAAeQ;AAAA,IACtC,GAAG,EAAE,MAAM,IAAM,WAAW,IAAM;AAElC,UAAMG,IAAcL,EAAS,MAAMM,GAAgBZ,EAAM,MAAM,SAAS,UAAU,CAAC,GAE7Ea,IAAWC,EAAkC,IAAI,GACjDC,IAAyBzB,EAAoC,IAAI,GACjE0B,IAAa1B,EAAI,EAAK,GAEtB2B,IAAcX,EAAsB,MAAM;;AAC9C,YAAMY,IAAalB,EAAM,MAAM,WAAW,OACpCmB,IAAYnB,EAAM,MAAM,UAAU;AACxC,aAAKkB,EAAW,aAGXA,EAAW,QAGZC,OAAazB,IAAA,OAAO,OAAOyB,EAAU,KAAK,UAAU,MAAM,EAAE,CAAC,MAAhD,gBAAAzB,EAAmD,YAAW,IACtE,UAELsB,EAAW,QACN,UAEF,UARE,aAHA;AAAA,IAYX,CAAC;AACD,aAASI,EAAgBC,GAAmB;;AAC1C,MAAArB,EAAM,MAAM,SAAS,wBAAuBN,IAAA2B,KAAA,gBAAAA,EAAG,KAAK,OAAR,gBAAA3B,EAAY,IACxDM,EAAM,MAAM,SAAS,oBAAoBqB;AAAA,IAC3C;AAEA,aAASC,EAAoBC,GAAY;AACvC,MAAAvB,EAAM,MAAM,SAAS,kBAAkBuB;AAAA,IACzC;AAEA,aAASC,EAAqBC,GAAsBC,GAA6D;;AAC/G,MAAA7C,EAAgB,QAAQ;AAAA,QACtB,GAAGA,EAAgB;AAAA,QACnB,kBAAkB6C;AAAA,MAAA;AAGpB,YAAMC,KAAWC,KAAAlC,IAAAM,EAAM,MAAM,UAAU,UAAtB,gBAAAN,EAA6B,SAA7B,gBAAAkC,EAAmC;AACpD,UAAIH,EAAW,WAAW,KAAK,CAACE,GAAU;AACxC,QAAA5C,EAAe,QAAQ,EAAE,UAAU,CAAA,GAAI,cAAc,CAAA,EAAC;AACtD;AAAA,MACF;AAEA,YAAM8C,IAAW,OAAO,KAAKF,CAAQ,GAC/BT,IAAalB,EAAM,MAAM,WAAW;AAC1C,MAAAjB,EAAe,QAAQ;AAAA,QACrB,UAAU8C,EAAS,IAAI,CAAAC,MAAWZ,EAAW,cAAcY,CAAO,EAAE,IAAgB;AAAA,QACpF,cAAcL,EAAW,IAAI,CAACM,MAAQF,EAAS,IAAI,CAACC,OAAYH,EAASG,EAAO,EAAEC,CAAG,CAAC,CAAc;AAAA,MAAA;AAAA,IAExG;AAEA,aAASC,EAAmBT,GAAuB;AACjD,MAAAvB,EAAM,MAAM,SAAS,qBAAqBuB;AAAA,IAC5C;AACA,UAAMU,IAAiD;AAAA,MACrD,QAAQ,CAACb,CAAe;AAAA,MACxB,oBAAoB;AAAA,QAClB,iBAAiBI;AAAA,QACjB,qBAAAF;AAAA,QACA,4BAA4BU;AAAA,MAAA;AAAA,MAE9B,UAAU,CAACV,CAAmB;AAAA,MAC9B,aAAa;AAAA,QACX,iBAAiBE;AAAA,QACjB,qBAAAF;AAAA,QACA,4BAA4BU;AAAA,MAAA;AAAA,MAE9B,WAAW,CAACV,CAAmB;AAAA,MAC/B,SAAS,CAACA,CAAmB;AAAA,MAC7B,QAAQ,CAACA,CAAmB;AAAA,IAAA;AAE9B,aAASY,EAAYrC,GAA6G;;AAEhI,UAAIA,OAASH,IAAA,OAAO,OAAOG,EAAM,KAAK,MAAM,EAAE,CAAC,MAAlC,gBAAAH,EAAqC,UAAS,GAAG;AAG5D,YAAImB,EAAS;AACX,UAAAA,EAAS,MAAM,sBAAsBX,EAAML,EAAM,IAAI,GAAGK,EAAML,EAAM,QAAQ,CAAa;AAAA,aACpF;AACL,gBAAMsC,IAAW,SAAS,eAAe,mBAAmB;AAC5D,UAAIA,MACFtB,EAAS,QAAQuB,GAAQ,QAAQlC,EAAML,EAAM,IAAI,GAAGK,EAAML,EAAM,QAAQ,GAAeoC,EAAmBpC,EAAM,SAAS,IAAiB,CAAC,GACvIA,EAAM,SAAS,SAAS,sBAE1BgB,EAAS,MAAM,iBAAiB,WAAWhC,EAAgB,MAAM,oBAAoB,EAAE,GAEzFgC,EAAS,MAAM,MAAMsB,CAAQ;AAAA,QAEjC;AAEA,QAAApB,EAAuB,SAAQa,IAAAf,EAAS,UAAT,QAAAe,EAAgB,iBAAiB,EAAE,GAAGf,EAAS,MAAM,eAAA,IAAmB,MACvGG,EAAW,UAAQqB,IAAAxB,EAAS,UAAT,gBAAAwB,EAAgB,aAAY;AAAA,MACjD;AACE,SAAAC,IAAAzB,EAAS,UAAT,QAAAyB,EAAgB,WAChBzB,EAAS,QAAQ;AAAA,IAErB;AAEA,IAAAtB,EAAM,MAAM0B,EAAY,OAAO,CAACM,MAAM;;AACpC,MAAIA,MAAM,gBACR7B,IAAAmB,EAAS,UAAT,QAAAnB,EAAgB,WAChBmB,EAAS,QAAQ;AAAA,IAErB,CAAC;AAED,UAAM0B,IAAqBzB,EAA+D,IAAI;AAC9F,IAAAvB,EAAM;AAAA,MACJ,MAAMS,EAAM,MAAM,UAAU;AAAA,IAAA,GAC3B,CAAC,CAACmB,CAAS,MAAM;AAClB,MAAAoB,EAAmB,QAAQC;AAAA,QACzBtC,EAAMiB,CAAS;AAAA,QACfjB,EAAMF,EAAM,MAAM,WAAW,KAAK;AAAA,QAClCE,EAAMF,EAAM,MAAM,iBAAiB,KAAK;AAAA,QACxCE,EAAMF,EAAM,MAAM,iBAAiB,KAAK;AAAA,QACxCE,EAAMF,EAAM,MAAM,QAAQ;AAAA,MAAA;AAAA,IAE9B,CAAC,GACDT,EAAM;AAAA,MACJ,MAAMS,EAAM,MAAM,SAAS;AAAA,MAC3B,MAAMA,EAAM,MAAM,SAAS;AAAA,MAC3B,MAAMA,EAAM,MAAM,SAAS;AAAA,MAC3B,MAAMA,EAAM,MAAM,SAAS;AAAA,MAC3B,MAAMA,EAAM,MAAM,SAAS;AAAA,MAC3B,MAAMA,EAAM,MAAM,SAAS;AAAA,IAAA,GAC1B,MAAM;AACP,MAAAuC,EAAmB,QAAQC;AAAA,QACzBtC,EAAMF,EAAM,MAAM,UAAU,KAAK;AAAA,QACjCE,EAAMF,EAAM,MAAM,WAAW,KAAK;AAAA,QAClCE,EAAMF,EAAM,MAAM,iBAAiB,KAAK;AAAA,QACxCE,EAAMF,EAAM,MAAM,iBAAiB,KAAK;AAAA,QACxCE,EAAMF,EAAM,MAAM,QAAQ;AAAA,MAAA;AAAA,IAE9B,GAAG,EAAE,MAAM,IAAM,GAEjBT,EAAM,MAAMgD,EAAmB,OAAO,CAACpB,MAAc;AACnD,MAAAe,EAAYf,CAAS;AAAA,IACvB,CAAC,GACDsB,GAAU,MAAM;AACd,MAAAP,EAAY,IAAI;AAAA,IAClB,CAAC,GACDQ,GAAY,MAAM;;AAChB,OAAAhD,IAAAmB,EAAS,UAAT,QAAAnB,EAAgB;AAAA,IAClB,CAAC,GAEDiD,EAAe,MAAM3C,EAAM,MAAM,SAAS,cAAc,CAACuB,MAAM;AAC7D,MAAA1C,EAAgB,QAAQ;AAAA,QACtB,GAAGA,EAAgB;AAAA,QACnB,cAAc4B,EAASc,CAAC;AAAA,MAAA;AAAA,IAE5B,GAAG,EAAE,MAAM,IAAM,UAAU,KAAM,GACjCoB,EAAe,MAAM3C,EAAM,MAAM,SAAS,oBAAoB,CAACuB,MAAM;AACnE,MAAA1C,EAAgB,QAAQ;AAAA,QACtB,GAAGA,EAAgB;AAAA,QACnB,oBAAoB4B,EAASc,CAAC;AAAA,MAAA;AAAA,IAElC,GAAG,EAAE,MAAM,IAAM,UAAU,KAAM,GACjCoB,EAAe,MAAM3C,EAAM,MAAM,SAAS,cAAc,CAACuB,MAAM;AAC7D,MAAA1C,EAAgB,QAAQ;AAAA,QACtB,GAAGA,EAAgB;AAAA,QACnB,cAAc4B,EAASc,CAAC;AAAA,MAAA;AAAA,IAE5B,GAAG,EAAE,MAAM,IAAM,UAAU,KAAM,GACjCoB,EAAe,MAAM3C,EAAM,MAAM,SAAS,gBAAgB,CAACuB,MAAM;AAC/D,MAAA1C,EAAgB,QAAQ;AAAA,QACtB,GAAGA,EAAgB;AAAA,QACnB,gBAAgB4B,EAASc,CAAC;AAAA,MAAA;AAAA,IAE9B,GAAG,EAAE,MAAM,IAAM,UAAU,KAAM,GACjCoB,EAAe,MAAM3C,EAAM,MAAM,SAAS,aAAa,CAACuB,MAAM;AAC5D,MAAA1C,EAAgB,QAAQ;AAAA,QACtB,GAAGA,EAAgB;AAAA,QACnB,aAAa4B,EAASc,CAAC;AAAA,MAAA;AAAA,IAE3B,GAAG,EAAE,MAAM,IAAM,UAAU,KAAM,GAEjCoB,EAAe;AAAA,MACb,MAAM3C,EAAM,MAAM,SAAS;AAAA,MAC3B,MAAMA,EAAM,MAAM,SAAS;AAAA,MAC3B,MAAMA,EAAM,MAAM,SAAS;AAAA,IAAA,GAC1B,CAAC,CAAC4C,GAAWC,GAAUC,CAAU,MAAM;AACxC,MAAAjE,EAAgB,QAAQ;AAAA,QACtB,GAAGA,EAAgB;AAAA,QACnB,WAAA+D;AAAA,QACA,UAAAC;AAAA,QACA,YAAAC;AAAA,MAAA;AAAA,IAEJ,GAAG,EAAE,UAAU,KAAM,GAErBvD,EAAM,MAAMS,EAAM,MAAM,SAAS,cAAc,CAAC+C,MAAiB;AAC/D,MAAAlE,EAAgB,QAAQ;AAAA,QACtB,GAAGA,EAAgB;AAAA,QACnB,cAAAkE;AAAA,MAAA;AAAA,IAEJ,GAAG,EAAE,WAAW,IAAM,GAEtBxD,EAAM,MAAMV,EAAgB,MAAM,YAAY,CAAC0C,MAAM;AACnD,MAAAvB,EAAM,MAAM,SAAS,aAAauB,MAAM,SAAY,gBAAgBA;AAAA,IACtE,CAAC,GAEDhC,EAAM,MAAA;;AAAM,cAAA8C,KAAAT,KAAAlC,IAAAb,EAAgB,UAAhB,gBAAAa,EAAuB,mBAAvB,gBAAAkC,EAAuC,WAAvC,gBAAAS,EAA+C;AAAA,OAAW,CAACd,MAAM;AAC3E,MAAAvB,EAAM,MAAM,SAAS,eAAe,OAAO,YAAYuB,KAAK;AAAA,IAC9D,CAAC;AAED,aAASyB,IAAW;;AAClB,MAAAC;AAAA,QACE,IAAI,KAAK;AAAA,YACPvD,IAAAmB,EAAS,UAAT,gBAAAnB,EAAgB,aAAY;AAAA,QAAA,CAC7B;AAAA,QACD;AAAA,MAAA;AAAA,IAEJ;AAEA,aAASwD,EAAiBC,GAAmB;AAC3C,MAAAtE,EAAgB,QAAQ;AAAA,QACtB,GAAGA,EAAgB;AAAA,QACnB,OAAOsE;AAAA,MAAA;AAAA,IAEX;AAEA,aAASC,EAAeC,GAAmB;;AACzC,MAAArD,EAAM,MAAM,SAAS,uBAAuBqD,IAC5C3D,IAAAmB,EAAS,UAAT,QAAAnB,EAAgB,iBAAiB,gBAAgB2D;AAAA,IACnD;AAEA,UAAMC,IAAQC,GAAA,GAERC,KAAkBlD,EAAS,MAAM,EAAQgD,EAAM,YAAa,GAC5DG,KAAanD,EAAS,MAAM,EAAQgD,EAAM,OAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/GraphMaker/utils/createChartSettingsForRender/composeBubbleSettings.js

@@ -1,25 +1,31 @@
-import { PALETTE_MAP as m, DEFAULT_BLACK as t, DEFAULT_CONTINUOUS_PALETTE as s } from "../../constantsAesthetic.js";
+import { PALETTE_MAP as n, DEFAULT_BLACK as e, DEFAULT_CONTINUOUS_PALETTE as p } from "../../constantsAesthetic.js";
 import "vue";
-import { getAxesDataFromForms as A } from "./getAxesDataFromForms.js";
+import { getAxesDataFromForms as s } from "./getAxesDataFromForms.js";
 import "../../../node_modules/@milaboratories/pf-plots/dist/index.js";
-const n = 40, c = n / 2 - 2, p = 3;
-function u(o, l) {
-  var a;
-  const i = l.template, r = l.layersSettings[i], e = (a = l.dataBindAes[o.valueColor.value]) == null ? void 0 : a.palette;
+import "../../../node_modules/@milaboratories/pl-model-common/dist/drivers/blob.js";
+import "../../../node_modules/@milaboratories/pl-model-common/dist/drivers/pframe/spec/spec.js";
+import "../../../node_modules/@milaboratories/pl-model-common/dist/plid.js";
+import "../../../node_modules/@milaboratories/pl-model-common/dist/ref.js";
+import "../../../node_modules/@platforma-sdk/model/dist/render/util/label.js";
+import "../../../node_modules/@milaboratories/pl-error-like/dist/error_like_shape.js";
+const m = 40, A = m / 2 - 2, c = 3;
+function C(o, r) {
+  var l;
+  const t = r.template, i = r.layersSettings[t], a = (l = r.dataBindAes[o.valueColor.value]) == null ? void 0 : l.palette;
   return o.aes = {
-    cellStrokeColor: r.strokeColor ?? t,
-    colorsList: m[e ?? s].colors,
-    maxRadius: c * (l.chartScale / 100),
-    minRadius: p
-  }, o.size = { cellSize: n * (l.chartScale / 100) }, Object.assign(
+    cellStrokeColor: i.strokeColor ?? e,
+    colorsList: n[a ?? p].colors,
+    maxRadius: A * (r.chartScale / 100),
+    minRadius: c
+  }, o.size = { cellSize: m * (r.chartScale / 100) }, Object.assign(
     o,
-    A(l.axesSettings, l.chartType)
-  ), o.NAValueAs = r.NAValueAs, r.normalizationDirection && (o.normalization = {
-    method: r.normalizationMethod,
-    direction: r.normalizationDirection
+    s(r.axesSettings, r.chartType)
+  ), o.NAValueAs = i.NAValueAs, i.normalizationDirection && (o.normalization = {
+    method: i.normalizationMethod,
+    direction: i.normalizationDirection
   }), o;
 }
 export {
-  u as composeBubbleSettings
+  C as composeBubbleSettings
 };
 //# sourceMappingURL=composeBubbleSettings.js.map

package/dist/GraphMaker/utils/createChartSettingsForRender/composeBubbleSettings.js.map

@@ -1 +1 @@
-{"version":3,"file":"composeBubbleSettings.js","sources":["../../../../src/GraphMaker/utils/createChartSettingsForRender/composeBubbleSettings.ts"],"sourcesContent":["import { BubbleSettings } from '@milaboratories/miplots4';\nimport {\n  DEFAULT_BLACK,\n  DEFAULT_CONTINUOUS_PALETTE,\n  PALETTE_MAP\n} from '../../constantsAesthetic';\nimport { BubbleLayer, ReactiveState } from '../../types';\nimport { getAxesDataFromForms } from '../index';\n\nconst DEFAULT_CELL_SIZE = 40;\nconst DEFAULT_MAX_R = DEFAULT_CELL_SIZE / 2 - 2;\nconst DEFAULT_MIN_R = 3;\nexport function composeBubbleSettings(\n  settings: BubbleSettings,\n  reactiveState: ReactiveState\n) {\n  const template = reactiveState.template as BubbleLayer;\n  const layerSettings = reactiveState.layersSettings[template];\n  const palette = reactiveState.dataBindAes[settings.valueColor.value]?.palette;\n  settings.aes = {\n    cellStrokeColor: layerSettings.strokeColor ?? DEFAULT_BLACK,\n    colorsList: PALETTE_MAP[palette ?? DEFAULT_CONTINUOUS_PALETTE].colors,\n    maxRadius: DEFAULT_MAX_R * (reactiveState.chartScale / 100),\n    minRadius: DEFAULT_MIN_R\n  }\n\n  settings.size = {cellSize: DEFAULT_CELL_SIZE * (reactiveState.chartScale / 100)}\n\n  Object.assign(\n    settings,\n    getAxesDataFromForms(reactiveState.axesSettings, reactiveState.chartType)\n  );\n\n\n  settings.NAValueAs = layerSettings.NAValueAs;\n  if (layerSettings.normalizationDirection) {\n    settings.normalization = {\n      method: layerSettings.normalizationMethod,\n      direction: layerSettings.normalizationDirection\n    }\n  }\n  return settings;\n}"],"names":["DEFAULT_CELL_SIZE","DEFAULT_MAX_R","DEFAULT_MIN_R","composeBubbleSettings","settings","reactiveState","template","layerSettings","palette","_a","DEFAULT_BLACK","PALETTE_MAP","DEFAULT_CONTINUOUS_PALETTE","getAxesDataFromForms"],"mappings":";;;;AASA,MAAMA,IAAoB,IACpBC,IAAgBD,IAAoB,IAAI,GACxCE,IAAgB;AACf,SAASC,EACdC,GACAC,GACA;;AACA,QAAMC,IAAWD,EAAc,UACzBE,IAAgBF,EAAc,eAAeC,CAAQ,GACrDE,KAAUC,IAAAJ,EAAc,YAAYD,EAAS,WAAW,KAAK,MAAnD,gBAAAK,EAAsD;AACtE,SAAAL,EAAS,MAAM;AAAA,IACb,iBAAiBG,EAAc,eAAeG;AAAA,IAC9C,YAAYC,EAAYH,KAAWI,CAA0B,EAAE;AAAA,IAC/D,WAAWX,KAAiBI,EAAc,aAAa;AAAA,IACvD,WAAWH;AAAA,EAAA,GAGbE,EAAS,OAAO,EAAC,UAAUJ,KAAqBK,EAAc,aAAa,KAAA,GAE3E,OAAO;AAAA,IACLD;AAAA,IACAS,EAAqBR,EAAc,cAAcA,EAAc,SAAS;AAAA,EAAA,GAI1ED,EAAS,YAAYG,EAAc,WAC/BA,EAAc,2BAChBH,EAAS,gBAAgB;AAAA,IACvB,QAAQG,EAAc;AAAA,IACtB,WAAWA,EAAc;AAAA,EAAA,IAGtBH;AACT;"}
+{"version":3,"file":"composeBubbleSettings.js","sources":["../../../../src/GraphMaker/utils/createChartSettingsForRender/composeBubbleSettings.ts"],"sourcesContent":["import { BubbleSettings } from '@milaboratories/miplots4';\nimport {\n  DEFAULT_BLACK,\n  DEFAULT_CONTINUOUS_PALETTE,\n  PALETTE_MAP\n} from '../../constantsAesthetic';\nimport { BubbleLayer, ReactiveState } from '../../types';\nimport { getAxesDataFromForms } from '../index';\n\nconst DEFAULT_CELL_SIZE = 40;\nconst DEFAULT_MAX_R = DEFAULT_CELL_SIZE / 2 - 2;\nconst DEFAULT_MIN_R = 3;\nexport function composeBubbleSettings(\n  settings: BubbleSettings,\n  reactiveState: ReactiveState\n) {\n  const template = reactiveState.template as BubbleLayer;\n  const layerSettings = reactiveState.layersSettings[template];\n  const palette = reactiveState.dataBindAes[settings.valueColor.value]?.palette;\n  settings.aes = {\n    cellStrokeColor: layerSettings.strokeColor ?? DEFAULT_BLACK,\n    colorsList: PALETTE_MAP[palette ?? DEFAULT_CONTINUOUS_PALETTE].colors,\n    maxRadius: DEFAULT_MAX_R * (reactiveState.chartScale / 100),\n    minRadius: DEFAULT_MIN_R\n  }\n\n  settings.size = {cellSize: DEFAULT_CELL_SIZE * (reactiveState.chartScale / 100)}\n\n  Object.assign(\n    settings,\n    getAxesDataFromForms(reactiveState.axesSettings, reactiveState.chartType)\n  );\n\n\n  settings.NAValueAs = layerSettings.NAValueAs;\n  if (layerSettings.normalizationDirection) {\n    settings.normalization = {\n      method: layerSettings.normalizationMethod,\n      direction: layerSettings.normalizationDirection\n    }\n  }\n  return settings;\n}"],"names":["DEFAULT_CELL_SIZE","DEFAULT_MAX_R","DEFAULT_MIN_R","composeBubbleSettings","settings","reactiveState","template","layerSettings","palette","_a","DEFAULT_BLACK","PALETTE_MAP","DEFAULT_CONTINUOUS_PALETTE","getAxesDataFromForms"],"mappings":";;;;;;;;;;AASA,MAAMA,IAAoB,IACpBC,IAAgBD,IAAoB,IAAI,GACxCE,IAAgB;AACf,SAASC,EACdC,GACAC,GACA;;AACA,QAAMC,IAAWD,EAAc,UACzBE,IAAgBF,EAAc,eAAeC,CAAQ,GACrDE,KAAUC,IAAAJ,EAAc,YAAYD,EAAS,WAAW,KAAK,MAAnD,gBAAAK,EAAsD;AACtE,SAAAL,EAAS,MAAM;AAAA,IACb,iBAAiBG,EAAc,eAAeG;AAAA,IAC9C,YAAYC,EAAYH,KAAWI,CAA0B,EAAE;AAAA,IAC/D,WAAWX,KAAiBI,EAAc,aAAa;AAAA,IACvD,WAAWH;AAAA,EAAA,GAGbE,EAAS,OAAO,EAAC,UAAUJ,KAAqBK,EAAc,aAAa,KAAA,GAE3E,OAAO;AAAA,IACLD;AAAA,IACAS,EAAqBR,EAAc,cAAcA,EAAc,SAAS;AAAA,EAAA,GAI1ED,EAAS,YAAYG,EAAc,WAC/BA,EAAc,2BAChBH,EAAS,gBAAgB;AAAA,IACvB,QAAQG,EAAc;AAAA,IACtB,WAAWA,EAAc;AAAA,EAAA,IAGtBH;AACT;"}

package/dist/GraphMaker/utils/createChartSettingsForRender/composeDiscreteSettings.js

@@ -5,50 +5,56 @@ import { getUsedAesInMapping as c } from "../getUsedAesInMapping.js";
 import { getDiscreteLayersSettings as g } from "./getLayersDataFromForms.js";
 import { getAxesDataFromForms as f } from "./getAxesDataFromForms.js";
 import "../../../node_modules/@milaboratories/pf-plots/dist/index.js";
+import "../../../node_modules/@milaboratories/pl-model-common/dist/drivers/blob.js";
+import "../../../node_modules/@milaboratories/pl-model-common/dist/drivers/pframe/spec/spec.js";
+import "../../../node_modules/@milaboratories/pl-model-common/dist/plid.js";
+import "../../../node_modules/@milaboratories/pl-model-common/dist/ref.js";
+import "../../../node_modules/@platforma-sdk/model/dist/render/util/label.js";
+import "../../../node_modules/@milaboratories/pl-error-like/dist/error_like_shape.js";
 import "vue";
-function P(r, o, i, l) {
+function O(r, o, i, u) {
   var s;
   const d = g(
     e[o.template],
     o.layersSettings,
     o.statisticsSettings,
     o.optionsState,
-    l
-  ), m = c(
+    u
+  ), l = c(
     o.chartType,
     o.template,
     o.layersSettings,
     o.statisticsSettings,
     o.optionsState,
-    l
+    u
   );
   r.layers = d;
   const n = o.optionsState.components;
   if (n.primaryGrouping.selectorStates.length && r.primaryGrouping) {
     r.primaryGrouping = { ...r.primaryGrouping }, r.primaryGrouping.order && (r.primaryGrouping.order = [...r.primaryGrouping.order]);
-    const p = n.primaryGrouping.selectorStates[0].selectedSource, a = m[p];
+    const p = n.primaryGrouping.selectorStates[0].selectedSource, m = l[p];
     Object.assign(
       r.primaryGrouping,
       y(
         i,
         o.dataBindAes[p],
         p,
-        a
+        m
       )
-    ), r.primaryGrouping.allowNullGroup = o.axesSettings.axisX.allowNullPrimaryGroups, !o.axesSettings.axisX.allowNullPrimaryGroups && r.primaryGrouping.order && (r.primaryGrouping.order = r.primaryGrouping.order.filter((u) => u !== "null"));
+    ), r.primaryGrouping.allowNullGroup = o.axesSettings.axisX.allowNullPrimaryGroups, !o.axesSettings.axisX.allowNullPrimaryGroups && r.primaryGrouping.order && (r.primaryGrouping.order = r.primaryGrouping.order.filter((a) => a !== "null"));
   }
   if (n.secondaryGrouping.selectorStates && r.secondaryGrouping) {
     r.secondaryGrouping = { ...r.secondaryGrouping }, r.secondaryGrouping.order && (r.secondaryGrouping.order = [...r.secondaryGrouping.order]);
-    const p = n.secondaryGrouping.selectorStates[0].selectedSource, a = m[p];
+    const p = n.secondaryGrouping.selectorStates[0].selectedSource, m = l[p];
     Object.assign(
       r.secondaryGrouping,
       y(
         i,
         o.dataBindAes[p],
         p,
-        a
+        m
       )
-    ), r.secondaryGrouping.allowNullGroup = o.axesSettings.axisX.allowNullSecondaryGroups, !o.axesSettings.axisX.allowNullPrimaryGroups && r.secondaryGrouping.order && (r.secondaryGrouping.order = r.secondaryGrouping.order.filter((u) => u !== "null"));
+    ), r.secondaryGrouping.allowNullGroup = o.axesSettings.axisX.allowNullSecondaryGroups, !o.axesSettings.axisX.allowNullPrimaryGroups && r.secondaryGrouping.order && (r.secondaryGrouping.order = r.secondaryGrouping.order.filter((a) => a !== "null"));
   }
   const G = r.primaryGrouping ? (s = i[r.primaryGrouping.columnName.value]) == null ? void 0 : s.options : [];
   return Object.assign(
@@ -57,6 +63,6 @@ function P(r, o, i, l) {
   ), r;
 }
 export {
-  P as composeDiscreteSettings
+  O as composeDiscreteSettings
 };
 //# sourceMappingURL=composeDiscreteSettings.js.map

package/dist/GraphMaker/utils/createChartSettingsForRender/composeDiscreteSettings.js.map

@@ -1 +1 @@
-{"version":3,"file":"composeDiscreteSettings.js","sources":["../../../../src/GraphMaker/utils/createChartSettingsForRender/composeDiscreteSettings.ts"],"sourcesContent":["import { DiscreteSettings } from '@milaboratories/miplots4';\nimport { DiscreteUIState, InputGuide, InputState } from '@milaboratories/pf-plots';\nimport { DEFAULT_BLACK, DEFAULT_WHITE } from '../../constantsAesthetic';\nimport { DISCRETE_TEMPLATES_MAP, DiscreteStatisticsState } from '../../constantsCommon';\nimport {\n  DEFAULT_DOT_SHAPE,\n  DEFAULT_DOT_SIZE,\n  DEFAULT_LINE_WIDTH,\n  getChartSettingsInheritedAes\n} from '../../dataBindAes';\nimport {\n  DiscreteLayersTemplate,\n  ReactiveState,\n  UniqueValuesBySourceMap\n} from '../../types';\nimport { getUsedAesInMapping } from '../getUsedAesInMapping';\nimport { getAxesDataFromForms, getDiscreteLayersSettings } from '../index';\n\nconst NULL_DISCRETE_AES = {\n  fillColor: DEFAULT_WHITE,\n  lineColor: DEFAULT_BLACK,\n  dotFill: DEFAULT_WHITE,\n  dotShape: DEFAULT_DOT_SHAPE,\n  dotSize: DEFAULT_DOT_SIZE,\n  lineWidth: DEFAULT_LINE_WIDTH,\n}\nexport function composeDiscreteSettings(\n  settings: DiscreteSettings,\n  reactiveState: ReactiveState,\n  uniqueValuesData: UniqueValuesBySourceMap,\n  inputGuide: InputGuide<InputState>,\n) {\n  const layers = getDiscreteLayersSettings(\n    DISCRETE_TEMPLATES_MAP[reactiveState.template as DiscreteLayersTemplate],\n    reactiveState.layersSettings,\n    reactiveState.statisticsSettings as DiscreteStatisticsState,\n    reactiveState.optionsState as DiscreteUIState,\n    inputGuide\n  ) as DiscreteSettings['layers'];\n  const usedAesInMappingsMap = getUsedAesInMapping(\n    reactiveState.chartType,\n    reactiveState.template,\n    reactiveState.layersSettings,\n    reactiveState.statisticsSettings,\n    reactiveState.optionsState,\n    inputGuide\n  );\n  settings.layers = layers;\n\n  const inputStateMap = reactiveState.optionsState.components;\n\n  if (inputStateMap.primaryGrouping.selectorStates.length && settings.primaryGrouping) {\n    settings.primaryGrouping = {...settings.primaryGrouping}\n    if (settings.primaryGrouping.order) {\n      settings.primaryGrouping.order = [...settings.primaryGrouping.order]\n    }\n    const columnName = inputStateMap.primaryGrouping.selectorStates[0].selectedSource;\n    const usedAesInMapping = usedAesInMappingsMap[columnName];\n    Object.assign(\n      settings.primaryGrouping,\n      getChartSettingsInheritedAes(\n        uniqueValuesData,\n        reactiveState.dataBindAes[columnName],\n        columnName,\n        usedAesInMapping\n      )\n    );\n    settings.primaryGrouping.allowNullGroup = reactiveState.axesSettings.axisX.allowNullPrimaryGroups;\n    if (!reactiveState.axesSettings.axisX.allowNullPrimaryGroups && settings.primaryGrouping.order) {\n      settings.primaryGrouping.order = settings.primaryGrouping.order.filter(v => v !== 'null');\n    }\n  }\n  if (inputStateMap.secondaryGrouping.selectorStates && settings.secondaryGrouping) {\n    settings.secondaryGrouping = {...settings.secondaryGrouping}\n    if (settings.secondaryGrouping.order) {\n      settings.secondaryGrouping.order = [...settings.secondaryGrouping.order]\n    }\n    const columnName = inputStateMap.secondaryGrouping.selectorStates[0].selectedSource;\n    const usedAesInMapping = usedAesInMappingsMap[columnName];\n    Object.assign(\n      settings.secondaryGrouping,\n      getChartSettingsInheritedAes(\n        uniqueValuesData,\n        reactiveState.dataBindAes[columnName],\n        columnName,\n        usedAesInMapping\n      )\n    );\n    settings.secondaryGrouping.allowNullGroup = reactiveState.axesSettings.axisX.allowNullSecondaryGroups;\n    if (!reactiveState.axesSettings.axisX.allowNullPrimaryGroups && settings.secondaryGrouping.order) {\n      settings.secondaryGrouping.order = settings.secondaryGrouping.order.filter(v => v !== 'null');\n    }\n  }\n\n  const primaryGroups = settings.primaryGrouping ? uniqueValuesData[settings.primaryGrouping.columnName.value]?.options : [];\n\n  Object.assign(\n    settings,\n    getAxesDataFromForms(reactiveState.axesSettings, reactiveState.chartType, primaryGroups)\n  );\n\n  return settings;\n}"],"names":["composeDiscreteSettings","settings","reactiveState","uniqueValuesData","inputGuide","layers","getDiscreteLayersSettings","DISCRETE_TEMPLATES_MAP","usedAesInMappingsMap","getUsedAesInMapping","inputStateMap","columnName","usedAesInMapping","getChartSettingsInheritedAes","v","primaryGroups","_a","getAxesDataFromForms"],"mappings":";;;;;;;;AA0BO,SAASA,EACdC,GACAC,GACAC,GACAC,GACA;;AACA,QAAMC,IAASC;AAAA,IACbC,EAAuBL,EAAc,QAAkC;AAAA,IACvEA,EAAc;AAAA,IACdA,EAAc;AAAA,IACdA,EAAc;AAAA,IACdE;AAAA,EAAA,GAEII,IAAuBC;AAAA,IAC3BP,EAAc;AAAA,IACdA,EAAc;AAAA,IACdA,EAAc;AAAA,IACdA,EAAc;AAAA,IACdA,EAAc;AAAA,IACdE;AAAA,EAAA;AAEF,EAAAH,EAAS,SAASI;AAElB,QAAMK,IAAgBR,EAAc,aAAa;AAEjD,MAAIQ,EAAc,gBAAgB,eAAe,UAAUT,EAAS,iBAAiB;AACnF,IAAAA,EAAS,kBAAkB,EAAC,GAAGA,EAAS,gBAAA,GACpCA,EAAS,gBAAgB,UAC3BA,EAAS,gBAAgB,QAAQ,CAAC,GAAGA,EAAS,gBAAgB,KAAK;AAErE,UAAMU,IAAaD,EAAc,gBAAgB,eAAe,CAAC,EAAE,gBAC7DE,IAAmBJ,EAAqBG,CAAU;AACxD,WAAO;AAAA,MACLV,EAAS;AAAA,MACTY;AAAA,QACEV;AAAA,QACAD,EAAc,YAAYS,CAAU;AAAA,QACpCA;AAAA,QACAC;AAAA,MAAA;AAAA,IACF,GAEFX,EAAS,gBAAgB,iBAAiBC,EAAc,aAAa,MAAM,wBACvE,CAACA,EAAc,aAAa,MAAM,0BAA0BD,EAAS,gBAAgB,UACvFA,EAAS,gBAAgB,QAAQA,EAAS,gBAAgB,MAAM,OAAO,CAAAa,MAAKA,MAAM,MAAM;AAAA,EAE5F;AACA,MAAIJ,EAAc,kBAAkB,kBAAkBT,EAAS,mBAAmB;AAChF,IAAAA,EAAS,oBAAoB,EAAC,GAAGA,EAAS,kBAAA,GACtCA,EAAS,kBAAkB,UAC7BA,EAAS,kBAAkB,QAAQ,CAAC,GAAGA,EAAS,kBAAkB,KAAK;AAEzE,UAAMU,IAAaD,EAAc,kBAAkB,eAAe,CAAC,EAAE,gBAC/DE,IAAmBJ,EAAqBG,CAAU;AACxD,WAAO;AAAA,MACLV,EAAS;AAAA,MACTY;AAAA,QACEV;AAAA,QACAD,EAAc,YAAYS,CAAU;AAAA,QACpCA;AAAA,QACAC;AAAA,MAAA;AAAA,IACF,GAEFX,EAAS,kBAAkB,iBAAiBC,EAAc,aAAa,MAAM,0BACzE,CAACA,EAAc,aAAa,MAAM,0BAA0BD,EAAS,kBAAkB,UACzFA,EAAS,kBAAkB,QAAQA,EAAS,kBAAkB,MAAM,OAAO,CAAAa,MAAKA,MAAM,MAAM;AAAA,EAEhG;AAEA,QAAMC,IAAgBd,EAAS,mBAAkBe,IAAAb,EAAiBF,EAAS,gBAAgB,WAAW,KAAK,MAA1D,gBAAAe,EAA6D,UAAU,CAAA;AAExH,gBAAO;AAAA,IACLf;AAAA,IACAgB,EAAqBf,EAAc,cAAcA,EAAc,WAAWa,CAAa;AAAA,EAAA,GAGlFd;AACT;"}
+{"version":3,"file":"composeDiscreteSettings.js","sources":["../../../../src/GraphMaker/utils/createChartSettingsForRender/composeDiscreteSettings.ts"],"sourcesContent":["import { DiscreteSettings } from '@milaboratories/miplots4';\nimport { DiscreteUIState, InputGuide, InputState } from '@milaboratories/pf-plots';\nimport { DEFAULT_BLACK, DEFAULT_WHITE } from '../../constantsAesthetic';\nimport { DISCRETE_TEMPLATES_MAP, DiscreteStatisticsState } from '../../constantsCommon';\nimport {\n  DEFAULT_DOT_SHAPE,\n  DEFAULT_DOT_SIZE,\n  DEFAULT_LINE_WIDTH,\n  getChartSettingsInheritedAes\n} from '../../dataBindAes';\nimport {\n  DiscreteLayersTemplate,\n  ReactiveState,\n  UniqueValuesBySourceMap\n} from '../../types';\nimport { getUsedAesInMapping } from '../getUsedAesInMapping';\nimport { getAxesDataFromForms, getDiscreteLayersSettings } from '../index';\n\nconst NULL_DISCRETE_AES = {\n  fillColor: DEFAULT_WHITE,\n  lineColor: DEFAULT_BLACK,\n  dotFill: DEFAULT_WHITE,\n  dotShape: DEFAULT_DOT_SHAPE,\n  dotSize: DEFAULT_DOT_SIZE,\n  lineWidth: DEFAULT_LINE_WIDTH,\n}\nexport function composeDiscreteSettings(\n  settings: DiscreteSettings,\n  reactiveState: ReactiveState,\n  uniqueValuesData: UniqueValuesBySourceMap,\n  inputGuide: InputGuide<InputState>,\n) {\n  const layers = getDiscreteLayersSettings(\n    DISCRETE_TEMPLATES_MAP[reactiveState.template as DiscreteLayersTemplate],\n    reactiveState.layersSettings,\n    reactiveState.statisticsSettings as DiscreteStatisticsState,\n    reactiveState.optionsState as DiscreteUIState,\n    inputGuide\n  ) as DiscreteSettings['layers'];\n  const usedAesInMappingsMap = getUsedAesInMapping(\n    reactiveState.chartType,\n    reactiveState.template,\n    reactiveState.layersSettings,\n    reactiveState.statisticsSettings,\n    reactiveState.optionsState,\n    inputGuide\n  );\n  settings.layers = layers;\n\n  const inputStateMap = reactiveState.optionsState.components;\n\n  if (inputStateMap.primaryGrouping.selectorStates.length && settings.primaryGrouping) {\n    settings.primaryGrouping = {...settings.primaryGrouping}\n    if (settings.primaryGrouping.order) {\n      settings.primaryGrouping.order = [...settings.primaryGrouping.order]\n    }\n    const columnName = inputStateMap.primaryGrouping.selectorStates[0].selectedSource;\n    const usedAesInMapping = usedAesInMappingsMap[columnName];\n    Object.assign(\n      settings.primaryGrouping,\n      getChartSettingsInheritedAes(\n        uniqueValuesData,\n        reactiveState.dataBindAes[columnName],\n        columnName,\n        usedAesInMapping\n      )\n    );\n    settings.primaryGrouping.allowNullGroup = reactiveState.axesSettings.axisX.allowNullPrimaryGroups;\n    if (!reactiveState.axesSettings.axisX.allowNullPrimaryGroups && settings.primaryGrouping.order) {\n      settings.primaryGrouping.order = settings.primaryGrouping.order.filter(v => v !== 'null');\n    }\n  }\n  if (inputStateMap.secondaryGrouping.selectorStates && settings.secondaryGrouping) {\n    settings.secondaryGrouping = {...settings.secondaryGrouping}\n    if (settings.secondaryGrouping.order) {\n      settings.secondaryGrouping.order = [...settings.secondaryGrouping.order]\n    }\n    const columnName = inputStateMap.secondaryGrouping.selectorStates[0].selectedSource;\n    const usedAesInMapping = usedAesInMappingsMap[columnName];\n    Object.assign(\n      settings.secondaryGrouping,\n      getChartSettingsInheritedAes(\n        uniqueValuesData,\n        reactiveState.dataBindAes[columnName],\n        columnName,\n        usedAesInMapping\n      )\n    );\n    settings.secondaryGrouping.allowNullGroup = reactiveState.axesSettings.axisX.allowNullSecondaryGroups;\n    if (!reactiveState.axesSettings.axisX.allowNullPrimaryGroups && settings.secondaryGrouping.order) {\n      settings.secondaryGrouping.order = settings.secondaryGrouping.order.filter(v => v !== 'null');\n    }\n  }\n\n  const primaryGroups = settings.primaryGrouping ? uniqueValuesData[settings.primaryGrouping.columnName.value]?.options : [];\n\n  Object.assign(\n    settings,\n    getAxesDataFromForms(reactiveState.axesSettings, reactiveState.chartType, primaryGroups)\n  );\n\n  return settings;\n}"],"names":["composeDiscreteSettings","settings","reactiveState","uniqueValuesData","inputGuide","layers","getDiscreteLayersSettings","DISCRETE_TEMPLATES_MAP","usedAesInMappingsMap","getUsedAesInMapping","inputStateMap","columnName","usedAesInMapping","getChartSettingsInheritedAes","v","primaryGroups","_a","getAxesDataFromForms"],"mappings":";;;;;;;;;;;;;;AA0BO,SAASA,EACdC,GACAC,GACAC,GACAC,GACA;;AACA,QAAMC,IAASC;AAAA,IACbC,EAAuBL,EAAc,QAAkC;AAAA,IACvEA,EAAc;AAAA,IACdA,EAAc;AAAA,IACdA,EAAc;AAAA,IACdE;AAAA,EAAA,GAEII,IAAuBC;AAAA,IAC3BP,EAAc;AAAA,IACdA,EAAc;AAAA,IACdA,EAAc;AAAA,IACdA,EAAc;AAAA,IACdA,EAAc;AAAA,IACdE;AAAA,EAAA;AAEF,EAAAH,EAAS,SAASI;AAElB,QAAMK,IAAgBR,EAAc,aAAa;AAEjD,MAAIQ,EAAc,gBAAgB,eAAe,UAAUT,EAAS,iBAAiB;AACnF,IAAAA,EAAS,kBAAkB,EAAC,GAAGA,EAAS,gBAAA,GACpCA,EAAS,gBAAgB,UAC3BA,EAAS,gBAAgB,QAAQ,CAAC,GAAGA,EAAS,gBAAgB,KAAK;AAErE,UAAMU,IAAaD,EAAc,gBAAgB,eAAe,CAAC,EAAE,gBAC7DE,IAAmBJ,EAAqBG,CAAU;AACxD,WAAO;AAAA,MACLV,EAAS;AAAA,MACTY;AAAA,QACEV;AAAA,QACAD,EAAc,YAAYS,CAAU;AAAA,QACpCA;AAAA,QACAC;AAAA,MAAA;AAAA,IACF,GAEFX,EAAS,gBAAgB,iBAAiBC,EAAc,aAAa,MAAM,wBACvE,CAACA,EAAc,aAAa,MAAM,0BAA0BD,EAAS,gBAAgB,UACvFA,EAAS,gBAAgB,QAAQA,EAAS,gBAAgB,MAAM,OAAO,CAAAa,MAAKA,MAAM,MAAM;AAAA,EAE5F;AACA,MAAIJ,EAAc,kBAAkB,kBAAkBT,EAAS,mBAAmB;AAChF,IAAAA,EAAS,oBAAoB,EAAC,GAAGA,EAAS,kBAAA,GACtCA,EAAS,kBAAkB,UAC7BA,EAAS,kBAAkB,QAAQ,CAAC,GAAGA,EAAS,kBAAkB,KAAK;AAEzE,UAAMU,IAAaD,EAAc,kBAAkB,eAAe,CAAC,EAAE,gBAC/DE,IAAmBJ,EAAqBG,CAAU;AACxD,WAAO;AAAA,MACLV,EAAS;AAAA,MACTY;AAAA,QACEV;AAAA,QACAD,EAAc,YAAYS,CAAU;AAAA,QACpCA;AAAA,QACAC;AAAA,MAAA;AAAA,IACF,GAEFX,EAAS,kBAAkB,iBAAiBC,EAAc,aAAa,MAAM,0BACzE,CAACA,EAAc,aAAa,MAAM,0BAA0BD,EAAS,kBAAkB,UACzFA,EAAS,kBAAkB,QAAQA,EAAS,kBAAkB,MAAM,OAAO,CAAAa,MAAKA,MAAM,MAAM;AAAA,EAEhG;AAEA,QAAMC,IAAgBd,EAAS,mBAAkBe,IAAAb,EAAiBF,EAAS,gBAAgB,WAAW,KAAK,MAA1D,gBAAAe,EAA6D,UAAU,CAAA;AAExH,gBAAO;AAAA,IACLf;AAAA,IACAgB,EAAqBf,EAAc,cAAcA,EAAc,WAAWa,CAAa;AAAA,EAAA,GAGlFd;AACT;"}

package/dist/GraphMaker/utils/createChartSettingsForRender/composeHeatmapSettings.js

@@ -2,12 +2,18 @@ import { PALETTE_MAP as d, DEFAULT_PALETTE as y, DEFAULT_CATEGORICAL_PALETTE as
 import "vue";
 import { getAxesDataFromForms as T } from "./getAxesDataFromForms.js";
 import "../../../node_modules/@milaboratories/pf-plots/dist/index.js";
-function B(e, l) {
-  var n, u;
-  const r = {}, i = (n = l.dataBindAes[e.valueColumn.value]) == null ? void 0 : n.palette;
+import "../../../node_modules/@milaboratories/pl-model-common/dist/drivers/blob.js";
+import "../../../node_modules/@milaboratories/pl-model-common/dist/drivers/pframe/spec/spec.js";
+import "../../../node_modules/@milaboratories/pl-model-common/dist/plid.js";
+import "../../../node_modules/@milaboratories/pl-model-common/dist/ref.js";
+import "../../../node_modules/@platforma-sdk/model/dist/render/util/label.js";
+import "../../../node_modules/@milaboratories/pl-error-like/dist/error_like_shape.js";
+function Y(e, o) {
+  var p, m;
+  const r = {}, i = (p = o.dataBindAes[e.valueColumn.value]) == null ? void 0 : p.palette;
   if ((e == null ? void 0 : e.valueType) !== "discrete") {
-    if (l.template === "heatmapClustered") {
-      const a = l.layersSettings.heatmapClustered;
+    if (o.template === "heatmapClustered") {
+      const a = o.layersSettings.heatmapClustered;
       a.disableClusteringX || (e.dendrogramX = {
         fillNA: 0,
         showNodes: !1,
@@ -22,25 +28,25 @@ function B(e, l) {
     r.colorsList = d[i ?? y].colors;
   } else
     r.colorsList = d[i ?? "bright"].colors;
-  e.aes = r, (u = e.annotations) == null || u.forEach((a) => {
-    var p;
-    const m = a.valueColumn.value, f = (p = l.dataBindAes[m]) == null ? void 0 : p.palette, s = a.type === "discrete" ? h : A;
+  e.aes = r, (m = e.annotations) == null || m.forEach((a) => {
+    var n;
+    const c = a.valueColumn.value, f = (n = o.dataBindAes[c]) == null ? void 0 : n.palette, s = a.type === "discrete" ? h : A;
     a.colors = d[f ?? s].colors;
   }), Object.assign(
     e,
-    T(l.axesSettings, l.chartType)
-  ), l.axesSettings.axisX.cellSize !== null && e.size && (e.size.cellWidth = l.axesSettings.axisX.cellSize), l.axesSettings.axisY.cellSize !== null && e.size && (e.size.cellHeight = l.axesSettings.axisY.cellSize), l.template === "heatmapClustered" && (e == null ? void 0 : e.valueType) !== "discrete" && (e.facetSettings.sharedX = !1, e.facetSettings.sharedY = !1);
-  const c = l.template, o = l.layersSettings[c];
-  return e.NAValueAs = o.NAValueAs, e.valueType === "continuous" && o.normalizationDirection && (e.normalization = {
-    method: o.normalizationMethod,
-    direction: o.normalizationDirection
-  }), e.valueType === "continuous" && (o.aggregateByX || o.aggregateByY) && (e.aggregation = {
-    x: o.aggregateByX && e.xGroupBy && e.xGroupBy.length > 0,
-    y: o.aggregateByY && e.yGroupBy && e.yGroupBy.length > 0,
-    method: o.aggregationMethod
-  }), l.axesSettings.other.canvasRenderMode && (e.cellsRenderingMode = "canvas"), console.log("settings.cellsRenderingMode", e.cellsRenderingMode), e;
+    T(o.axesSettings, o.chartType)
+  ), o.axesSettings.axisX.cellSize !== null && e.size && (e.size.cellWidth = o.axesSettings.axisX.cellSize), o.axesSettings.axisY.cellSize !== null && e.size && (e.size.cellHeight = o.axesSettings.axisY.cellSize), o.template === "heatmapClustered" && (e == null ? void 0 : e.valueType) !== "discrete" && (e.facetSettings.sharedX = !1, e.facetSettings.sharedY = !1);
+  const u = o.template, l = o.layersSettings[u];
+  return e.NAValueAs = l.NAValueAs, e.valueType === "continuous" && l.normalizationDirection && (e.normalization = {
+    method: l.normalizationMethod,
+    direction: l.normalizationDirection
+  }), e.valueType === "continuous" && (l.aggregateByX || l.aggregateByY) && (e.aggregation = {
+    x: l.aggregateByX && e.xGroupBy && e.xGroupBy.length > 0,
+    y: l.aggregateByY && e.yGroupBy && e.yGroupBy.length > 0,
+    method: l.aggregationMethod
+  }), o.axesSettings.other.canvasRenderMode && (e.cellsRenderingMode = "canvas"), console.log("settings.cellsRenderingMode", e.cellsRenderingMode), e;
 }
 export {
-  B as composeHeatmapSettings
+  Y as composeHeatmapSettings
 };
 //# sourceMappingURL=composeHeatmapSettings.js.map