@milaboratories/graph-maker 1.1.132 → 1.1.133

package/dist/GraphMaker/forms/LayersForm/Layer/scatterplot/Scatter.vue.js

@@ -0,0 +1,84 @@
+(function(){"use strict";try{if(typeof document<"u"){var e=document.createElement("style");e.appendChild(document.createTextNode(".dot-size-selector{margin-top:24px}.dot-size-selector__row{margin:12px 0}")),document.head.appendChild(e)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}})();
+import { defineComponent as F, computed as n, createElementBlock as E, openBlock as U, Fragment as T, createVNode as c } from "vue";
+import { useStore as C } from "../../../../store.js";
+import g from "../../AesSelector.vue.js";
+import { DEFAULT_BLACK as f, DEFAULT_DOT_SHAPE as m } from "../../../../constantsAesthetic.js";
+import { DEFAULT_DOT_RANGE as L, DEFAULT_DOT_SIZE as S, isAestheticMapping as x } from "../../../../dataBindAes.js";
+import { isContinuousDataMapping as v, PALETTE_KEY as z } from "../../../../constantsCommon.js";
+import B from "../../DotSizeSelector.vue.js";
+
+const a = "dots", $ = /* @__PURE__ */ F({
+  __name: "Scatter",
+  setup(k) {
+    const s = C(), i = s.value.reactive.optionsState, y = n(
+      () => s.value.inputGuide.value
+    ), l = n(() => s.value.reactive.layersSettings[a]);
+    function r(e) {
+      return e !== null && typeof e == "object" && "type" in e;
+    }
+    const p = n(() => {
+      const e = l.value.dotFill, t = i.components.grouping.selectorStates.map((o) => o.selectedSource);
+      return r(e) && t.length ? t.includes(e.value) ? e : { type: "grouping", value: t[0] } : t.length ? { type: "grouping", value: t[0] } : r(e) ? f : e ?? f;
+    }), d = n(() => {
+      const e = l.value.dotShape, t = i.components.shape.selectorStates.map((o) => o.selectedSource);
+      return r(e) && t.length ? e.value === t[0] ? e : { type: "shape", value: t[0] } : t.length ? { type: "shape", value: t[0] } : r(e) ? m : e ?? m;
+    }), h = n(() => {
+      const e = l.value.dotSize, t = i.components.size.selectorStates.map((o) => o.selectedSource);
+      return t.length ? { column: t[0], range: v(e) ? e.range : L } : v(e) ? S : e ?? S;
+    });
+    function _(e, t, o) {
+      typeof e == "string" ? s.value.reactive.layersSettings[a][o] = e : (t.type === "dataCategorical" || t.type === "dataContinuous") && (s.value.reactive.layersSettings[a][o] = {
+        type: "grouping",
+        value: t.selectedSource
+      }), x(e) && t.type !== "fix" && (s.value.reactive.dataBindAes[t.selectedSource] = e);
+    }
+    function A(e, t, o) {
+      typeof e == "string" ? s.value.reactive.layersSettings[a][o] = e : t.type === "dataCategorical" && (s.value.reactive.layersSettings[a][o] = {
+        type: "grouping",
+        value: t.selectedSource
+      }), t.type === "dataCategorical" && typeof e != "string" && (s.value.reactive.dataBindAes[t.selectedSource] = e);
+    }
+    function D(e) {
+      s.value.reactive.layersSettings[a].dotSize = e;
+    }
+    const b = n(() => {
+      if (i.components.grouping.selectorStates.length) {
+        const e = i.components.grouping.selectorStates[0].selectedSource, t = y.value.getSourceInfo(e).annotations;
+        if (t != null && t[z])
+          return !0;
+      }
+      return !1;
+    });
+    return (e, t) => (U(), E(T, null, [
+      c(g, {
+        label: "Dot color",
+        "form-title": "Dot color Settings",
+        "form-back-title": "Layers",
+        type: "fill",
+        selected: p.value,
+        "possible-aes-source-inputs": ["grouping"],
+        disabled: b.value,
+        withoutFixed: typeof p.value == "object",
+        onAesUpdate: t[0] || (t[0] = (o, u) => _(o, u, "dotFill"))
+      }, null, 8, ["selected", "disabled", "withoutFixed"]),
+      c(g, {
+        label: "Dot shape",
+        "form-title": "Dot shape Settings",
+        "form-back-title": "Layers",
+        type: "dotShape",
+        "possible-aes-source-inputs": ["shape"],
+        selected: d.value,
+        withoutFixed: typeof d.value == "object",
+        onAesUpdate: t[1] || (t[1] = (o, u) => A(o, u, "dotShape"))
+      }, null, 8, ["selected", "withoutFixed"]),
+      c(B, {
+        selected: h.value,
+        onAesUpdate: D
+      }, null, 8, ["selected"])
+    ], 64));
+  }
+});
+export {
+  $ as default
+};
+//# sourceMappingURL=Scatter.vue.js.map

package/dist/GraphMaker/forms/LayersForm/Layer/scatterplot/Scatter.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Scatter.vue.js","sources":["../../../../../../src/GraphMaker/forms/LayersForm/Layer/scatterplot/Scatter.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { useStore } from '../../../../store';\nimport AesSelector from '../../AesSelector.vue';\nimport { computed, Ref } from 'vue';\nimport { DEFAULT_BLACK, DEFAULT_DOT_SHAPE } from '../../../../constantsAesthetic';\nimport {\n  AestheticMappingCategorical,\n  AestheticMappingContinuous,\n  DEFAULT_DOT_RANGE,\n  DEFAULT_DOT_SIZE, isAestheticMapping\n} from '../../../../dataBindAes';\nimport { AesMappingOption, AesOption, DotShape } from '../../../../components/AesSettings/types';\nimport { ContinuousDataMappingSize, isContinuousDataMapping, MappingLink, PALETTE_KEY } from '../../../../constantsCommon';\nimport DotSizeSelector from '../../DotSizeSelector.vue';\nimport { InputGuide, ScatterplotUIState } from '@milaboratories/pf-plots';\n\nconst store = useStore();\nconst layer = 'dots';\nconst state = store.value.reactive.optionsState as ScatterplotUIState;\nconst inputGuide = computed(\n  () => store.value.inputGuide.value\n) as unknown as Ref<InputGuide<ScatterplotUIState>>;\n\nconst settings = computed(() => store.value.reactive.layersSettings[layer]);\n\nfunction isMapping(value:MappingLink|string|null): value is MappingLink {\n  return value !== null && typeof value === 'object' && 'type' in value;\n}\nconst dotFill = computed(() => {\n  const value = settings.value.dotFill;\n  const columns = state.components.grouping.selectorStates.map((s) => s.selectedSource);\n  if (isMapping(value) && columns.length) {\n    return columns.includes(value.value as string) ? value : { type: 'grouping', value: columns[0] };\n  }\n  return columns.length ? { type: 'grouping', value: columns[0] } : isMapping(value) ? DEFAULT_BLACK : value ?? DEFAULT_BLACK\n});\n\nconst dotShape = computed(() => {\n  const value = settings.value.dotShape;\n  const columns = state.components.shape.selectorStates.map((s) => s.selectedSource);\n  if (isMapping(value) && columns.length) {\n    return value.value === columns[0] ? value : { type: 'shape', value: columns[0] };\n  }\n  return columns.length ? { type: 'shape', value: columns[0] } : isMapping(value) ? DEFAULT_DOT_SHAPE : value ?? DEFAULT_DOT_SHAPE\n});\n\nconst dotSize = computed(() => {\n  const value = settings.value.dotSize;\n  const columns = state.components.size.selectorStates.map((s) => s.selectedSource);\n\n  if (columns.length) {\n    return {column: columns[0], range: isContinuousDataMapping(value) ? value.range : DEFAULT_DOT_RANGE};\n  }\n  return isContinuousDataMapping(value) ? DEFAULT_DOT_SIZE : value ?? DEFAULT_DOT_SIZE;\n});\n\nfunction onUpdate(\n  value: string | AestheticMappingCategorical | AestheticMappingContinuous,\n  colorOption: AesOption,\n  field: 'dotFill'\n) {\n  if (typeof value === 'string') {\n    store.value.reactive.layersSettings[layer][field] = value;\n  } else if (colorOption.type === 'dataCategorical' || colorOption.type === 'dataContinuous') {\n    store.value.reactive.layersSettings[layer][field] = {\n      type: 'grouping',\n      value: colorOption.selectedSource\n    };\n  }\n  if (isAestheticMapping(value) && colorOption.type !== 'fix') {\n    store.value.reactive.dataBindAes[colorOption.selectedSource] = value;\n  }\n}\n\nfunction onUpdateDot(\n  value: DotShape | AestheticMappingCategorical,\n  colorOption: AesMappingOption,\n  field: 'dotShape'\n) {\n  if (typeof value === 'string') {\n    store.value.reactive.layersSettings[layer][field] = value;\n  } else if (colorOption.type === 'dataCategorical') {\n    store.value.reactive.layersSettings[layer][field] = {\n      type: 'grouping',\n      value: colorOption.selectedSource\n    };\n  }\n  if (colorOption.type === 'dataCategorical' && typeof value !== 'string') {\n    store.value.reactive.dataBindAes[colorOption.selectedSource] = value;\n  }\n}\n\nfunction onUpdateDotSize(value: number | ContinuousDataMappingSize) {\n  store.value.reactive.layersSettings[layer].dotSize = value;\n}\n\nconst disabledColor = computed(() => {\n  if (state.components.grouping.selectorStates.length) {\n    const groupingSource = state.components.grouping.selectorStates[0].selectedSource;\n    const annotations = inputGuide.value.getSourceInfo(groupingSource).annotations;\n    if (annotations?.[PALETTE_KEY]) {\n      return true;\n    }\n  }\n  return false;\n})\n</script>\n\n<template>\n  <aes-selector\n    label=\"Dot color\"\n    form-title=\"Dot color Settings\"\n    form-back-title=\"Layers\"\n    type=\"fill\"\n    :selected=\"dotFill\"\n    :possible-aes-source-inputs=\"['grouping']\"\n    :disabled=\"disabledColor\"\n    :withoutFixed=\"typeof dotFill === 'object'\"\n    @aes-update=\"(v, c) => onUpdate(v, c, 'dotFill')\"\n  />\n  <aes-selector\n    label=\"Dot shape\"\n    form-title=\"Dot shape Settings\"\n    form-back-title=\"Layers\"\n    type=\"dotShape\"\n    :possible-aes-source-inputs=\"['shape']\"\n    :selected=\"dotShape\"\n    :withoutFixed=\"typeof dotShape === 'object'\"\n    @aes-update=\"(v, c) => onUpdateDot(v, c, 'dotShape')\"\n  />\n  <dot-size-selector :selected=\"dotSize\" @aes-update=\"onUpdateDotSize\" />\n</template>\n"],"names":["layer","store","useStore","state","inputGuide","computed","settings","isMapping","value","dotFill","columns","s","DEFAULT_BLACK","dotShape","DEFAULT_DOT_SHAPE","dotSize","isContinuousDataMapping","DEFAULT_DOT_RANGE","DEFAULT_DOT_SIZE","onUpdate","colorOption","field","isAestheticMapping","onUpdateDot","onUpdateDotSize","disabledColor","groupingSource","annotations","PALETTE_KEY"],"mappings":"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"}

package/dist/GraphMaker/forms/LayersForm/Layer/scatterplot/Scatter.vue2.js

@@ -0,0 +1,5 @@
+import f from "./Scatter.vue.js";
+export {
+  f as default
+};
+//# sourceMappingURL=Scatter.vue2.js.map

package/dist/GraphMaker/forms/LayersForm/Layer/scatterplot/Scatter.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Scatter.vue2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/GraphMaker/forms/LayersForm/Layer/scatterplot-umap/Scatter.vue.d.ts

@@ -1,2 +1,3 @@
 declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;
+//# sourceMappingURL=Scatter.vue.d.ts.map

package/dist/GraphMaker/forms/LayersForm/Layer/scatterplot-umap/Scatter.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Scatter.vue.d.ts","sourceRoot":"","sources":["../../../../../../src/GraphMaker/forms/LayersForm/Layer/scatterplot-umap/Scatter.vue"],"names":[],"mappings":";AAiRA,wBAKG"}

package/dist/GraphMaker/forms/LayersForm/Layer/scatterplot-umap/Scatter.vue.js

@@ -0,0 +1,66 @@
+(function(){"use strict";try{if(typeof document<"u"){var e=document.createElement("style");e.appendChild(document.createTextNode(".dot-size-selector{margin-top:24px}.dot-size-selector__row{margin:12px 0}")),document.head.appendChild(e)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}})();
+import { defineComponent as A, computed as s, createElementBlock as D, openBlock as E, Fragment as F, createVNode as c } from "vue";
+import { useStore as b } from "../../../../store.js";
+import C from "../../AesSelector.vue.js";
+import { DEFAULT_BLACK as p } from "../../../../constantsAesthetic.js";
+import { DEFAULT_DOT_RANGE as T, DEFAULT_DOT_SIZE_CANVAS as d, isAestheticMapping as U } from "../../../../dataBindAes.js";
+import { PALETTE_KEY as h, isContinuousDataMapping as g } from "../../../../constantsCommon.js";
+import L from "../../DotSizeSelector.vue.js";
+
+const i = "dots", I = /* @__PURE__ */ A({
+  __name: "Scatter",
+  setup(x) {
+    const n = b(), r = n.value.reactive.optionsState, m = s(
+      () => n.value.inputGuide.value
+    ), a = s(() => n.value.reactive.layersSettings[i]);
+    function l(e) {
+      return e !== null && typeof e == "object" && "type" in e;
+    }
+    const u = s(() => {
+      const e = a.value.dotFill, t = r.components.grouping.selectorStates.map((o) => o.selectedSource);
+      return l(e) && t.length ? t.includes(e.value) ? e : { type: "grouping", value: t[0] } : t.length ? { type: "grouping", value: t[0] } : l(e) ? p : e ?? p;
+    });
+    function f(e, t, o) {
+      typeof e == "string" ? n.value.reactive.layersSettings[i][o] = e : (t.type === "dataCategorical" || t.type === "dataContinuous") && (n.value.reactive.layersSettings[i][o] = {
+        type: "grouping",
+        value: t.selectedSource
+      }), U(e) && t.type !== "fix" && (n.value.reactive.dataBindAes[t.selectedSource] = e);
+    }
+    const S = s(() => {
+      if (r.components.grouping.selectorStates.length) {
+        const e = r.components.grouping.selectorStates[0].selectedSource, t = m.value.getSourceInfo(e).annotations;
+        if (t != null && t[h])
+          return !0;
+      }
+      return !1;
+    }), v = s(() => {
+      const e = a.value.dotSize, t = r.components.size.selectorStates.map((o) => o.selectedSource);
+      return t.length ? { column: t[0], range: g(e) ? e.range : T } : g(e) ? d : e ?? d;
+    });
+    function y(e) {
+      n.value.reactive.layersSettings[i].dotSize = e;
+    }
+    return (e, t) => (E(), D(F, null, [
+      c(C, {
+        label: "Dot color",
+        "form-title": "Dot color Settings",
+        "form-back-title": "Layers",
+        type: "fill",
+        selected: u.value,
+        "possible-aes-source-inputs": ["grouping"],
+        disabled: S.value,
+        withoutFixed: typeof u.value == "object",
+        onAesUpdate: t[0] || (t[0] = (o, _) => f(o, _, "dotFill"))
+      }, null, 8, ["selected", "disabled", "withoutFixed"]),
+      c(L, {
+        selected: v.value,
+        onAesUpdate: y,
+        min: 2
+      }, null, 8, ["selected"])
+    ], 64));
+  }
+});
+export {
+  I as default
+};
+//# sourceMappingURL=Scatter.vue.js.map

package/dist/GraphMaker/forms/LayersForm/Layer/scatterplot-umap/Scatter.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Scatter.vue.js","sources":["../../../../../../src/GraphMaker/forms/LayersForm/Layer/scatterplot-umap/Scatter.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { useStore } from '../../../../store';\nimport AesSelector from '../../AesSelector.vue';\nimport { computed, Ref } from 'vue';\nimport { DEFAULT_BLACK } from '../../../../constantsAesthetic';\nimport {\n  AestheticMappingCategorical,\n  DEFAULT_DOT_RANGE, DEFAULT_DOT_SIZE_CANVAS,\n  isAestheticMapping\n} from '../../../../dataBindAes';\nimport { AesOption } from '../../../../components/AesSettings/types';\nimport {\n  ContinuousDataMappingSize,\n  isContinuousDataMapping,\n  MappingLink,\n  PALETTE_KEY\n} from '../../../../constantsCommon';\nimport { InputGuide, ScatterplotUIState } from '@milaboratories/pf-plots';\nimport DotSizeSelector from '../../DotSizeSelector.vue';\n\nconst store = useStore();\nconst layer = 'dots';\nconst state = store.value.reactive.optionsState as ScatterplotUIState;\nconst inputGuide = computed(\n  () => store.value.inputGuide.value\n) as unknown as Ref<InputGuide<ScatterplotUIState>>;\n\nconst settings = computed(() => store.value.reactive.layersSettings[layer]);\n\nfunction isMapping(value:MappingLink|string|null): value is MappingLink {\n  return value !== null && typeof value === 'object' && 'type' in value;\n}\nconst dotFill = computed(() => {\n  const value = settings.value.dotFill;\n  const columns = state.components.grouping.selectorStates.map((s) => s.selectedSource);\n  if (isMapping(value) && columns.length) {\n    return columns.includes(value.value as string) ? value : { type: 'grouping', value: columns[0] };\n  }\n  return columns.length ? { type: 'grouping', value: columns[0] } : isMapping(value) ? DEFAULT_BLACK : value ?? DEFAULT_BLACK\n});\n\nfunction onUpdate(\n  value: string | AestheticMappingCategorical,\n  colorOption: AesOption,\n  field: 'dotFill'\n) {\n  if (typeof value === 'string') {\n    store.value.reactive.layersSettings[layer][field] = value;\n  } else if (colorOption.type === 'dataCategorical' || colorOption.type === 'dataContinuous') {\n    store.value.reactive.layersSettings[layer][field] = {\n      type: 'grouping',\n      value: colorOption.selectedSource\n    };\n  }\n  if (isAestheticMapping(value) && colorOption.type !== 'fix') {\n    store.value.reactive.dataBindAes[colorOption.selectedSource] = value;\n  }\n}\n\nconst disabledColor = computed(() => {\n  if (state.components.grouping.selectorStates.length) {\n    const groupingSource = state.components.grouping.selectorStates[0].selectedSource;\n    const annotations = inputGuide.value.getSourceInfo(groupingSource).annotations;\n    if (annotations?.[PALETTE_KEY]) {\n      return true;\n    }\n  }\n  return false;\n})\n\nconst dotSize = computed(() => {\n  const value = settings.value.dotSize;\n  const columns = state.components.size.selectorStates.map((s) => s.selectedSource);\n\n  if (columns.length) {\n    return  {column: columns[0], range: isContinuousDataMapping(value) ? value.range : DEFAULT_DOT_RANGE};\n  }\n  return isContinuousDataMapping(value) ? DEFAULT_DOT_SIZE_CANVAS : value ?? DEFAULT_DOT_SIZE_CANVAS;\n});\n\nfunction onUpdateDotSize(value: number | ContinuousDataMappingSize) {\n  store.value.reactive.layersSettings[layer].dotSize = value;\n}\n</script>\n\n<template>\n  <aes-selector\n    label=\"Dot color\"\n    form-title=\"Dot color Settings\"\n    form-back-title=\"Layers\"\n    type=\"fill\"\n    :selected=\"dotFill\"\n    :possible-aes-source-inputs=\"['grouping']\"\n    :disabled=\"disabledColor\"\n    :withoutFixed=\"typeof dotFill === 'object'\"\n    @aes-update=\"(v, c) => onUpdate(v, c, 'dotFill')\"\n  />\n  <dot-size-selector :selected=\"dotSize\" @aes-update=\"onUpdateDotSize\" :min=\"2\" />\n</template>\n"],"names":["layer","store","useStore","state","inputGuide","computed","settings","isMapping","value","dotFill","columns","s","DEFAULT_BLACK","onUpdate","colorOption","field","isAestheticMapping","disabledColor","groupingSource","annotations","PALETTE_KEY","dotSize","isContinuousDataMapping","DEFAULT_DOT_RANGE","DEFAULT_DOT_SIZE_CANVAS","onUpdateDotSize"],"mappings":";;;;;;;;AAqBA,MAAMA,IAAQ;;;AADd,UAAMC,IAAQC,EAAA,GAERC,IAAQF,EAAM,MAAM,SAAS,cAC7BG,IAAaC;AAAA,MACjB,MAAMJ,EAAM,MAAM,WAAW;AAAA,IAAA,GAGzBK,IAAWD,EAAS,MAAMJ,EAAM,MAAM,SAAS,eAAeD,CAAK,CAAC;AAE1E,aAASO,EAAUC,GAAqD;AACtE,aAAOA,MAAU,QAAQ,OAAOA,KAAU,YAAY,UAAUA;AAAA,IAClE;AACA,UAAMC,IAAUJ,EAAS,MAAM;AAC7B,YAAMG,IAAQF,EAAS,MAAM,SACvBI,IAAUP,EAAM,WAAW,SAAS,eAAe,IAAI,CAACQ,MAAMA,EAAE,cAAc;AACpF,aAAIJ,EAAUC,CAAK,KAAKE,EAAQ,SACvBA,EAAQ,SAASF,EAAM,KAAe,IAAIA,IAAQ,EAAE,MAAM,YAAY,OAAOE,EAAQ,CAAC,EAAA,IAExFA,EAAQ,SAAS,EAAE,MAAM,YAAY,OAAOA,EAAQ,CAAC,EAAA,IAAMH,EAAUC,CAAK,IAAII,IAAgBJ,KAASI;AAAA,IAChH,CAAC;AAED,aAASC,EACPL,GACAM,GACAC,GACA;AACA,MAAI,OAAOP,KAAU,WACnBP,EAAM,MAAM,SAAS,eAAeD,CAAK,EAAEe,CAAK,IAAIP,KAC3CM,EAAY,SAAS,qBAAqBA,EAAY,SAAS,sBACxEb,EAAM,MAAM,SAAS,eAAeD,CAAK,EAAEe,CAAK,IAAI;AAAA,QAClD,MAAM;AAAA,QACN,OAAOD,EAAY;AAAA,MAAA,IAGnBE,EAAmBR,CAAK,KAAKM,EAAY,SAAS,UACpDb,EAAM,MAAM,SAAS,YAAYa,EAAY,cAAc,IAAIN;AAAA,IAEnE;AAEA,UAAMS,IAAgBZ,EAAS,MAAM;AACnC,UAAIF,EAAM,WAAW,SAAS,eAAe,QAAQ;AACnD,cAAMe,IAAiBf,EAAM,WAAW,SAAS,eAAe,CAAC,EAAE,gBAC7DgB,IAAcf,EAAW,MAAM,cAAcc,CAAc,EAAE;AACnE,YAAIC,KAAA,QAAAA,EAAcC;AAChB,iBAAO;AAAA,MAEX;AACA,aAAO;AAAA,IACT,CAAC,GAEKC,IAAUhB,EAAS,MAAM;AAC7B,YAAMG,IAAQF,EAAS,MAAM,SACvBI,IAAUP,EAAM,WAAW,KAAK,eAAe,IAAI,CAACQ,MAAMA,EAAE,cAAc;AAEhF,aAAID,EAAQ,SACF,EAAC,QAAQA,EAAQ,CAAC,GAAG,OAAOY,EAAwBd,CAAK,IAAIA,EAAM,QAAQe,EAAA,IAE9ED,EAAwBd,CAAK,IAAIgB,IAA0BhB,KAASgB;AAAA,IAC7E,CAAC;AAED,aAASC,EAAgBjB,GAA2C;AAClE,MAAAP,EAAM,MAAM,SAAS,eAAeD,CAAK,EAAE,UAAUQ;AAAA,IACvD;;;;;;;;;;;;;;;;;;;;;"}

package/dist/GraphMaker/forms/LayersForm/Layer/scatterplot-umap/Scatter.vue2.js

@@ -0,0 +1,5 @@
+import f from "./Scatter.vue.js";
+export {
+  f as default
+};
+//# sourceMappingURL=Scatter.vue2.js.map

package/dist/GraphMaker/forms/LayersForm/Layer/scatterplot-umap/Scatter.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Scatter.vue2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/GraphMaker/forms/LayersForm/index.vue.d.ts

@@ -1,2 +1,3 @@
-declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
 export default _default;
+//# sourceMappingURL=index.vue.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.vue.d.ts","sourceRoot":"","sources":["../../../../src/GraphMaker/forms/LayersForm/index.vue"],"names":[],"mappings":";AAucA,wBAMG"}

package/dist/GraphMaker/forms/LayersForm/index.vue.js

@@ -0,0 +1,148 @@
+import { defineComponent as L, createElementBlock as _, openBlock as e, createElementVNode as u, createCommentVNode as a, createBlock as o, unref as t, Fragment as l, renderList as p, withCtx as n, resolveDynamicComponent as f, createVNode as d } from "vue";
+import { useStore as b } from "../../store.js";
+import { DISCRETE_TEMPLATES_MAP as A, LAYER_TITLES as c, LAYER_ICONS as s, SCATTERPLOT_TEMPLATES_MAP as T, SCATTERPLOT_UMAP_TEMPLATES_MAP as M, HEATMAP_TEMPLATES_MAP as P } from "../../constantsCommon.js";
+import m from "../../components/CollapsableBlock.vue.js";
+import R from "./Layer/discrete/Boxplot.vue.js";
+import y from "./Layer/discrete/BinnedDots.vue.js";
+import k from "./Layer/discrete/JitteredDots.vue.js";
+import C from "./Layer/discrete/Violin.vue.js";
+import O from "./Layer/discrete/Bar.vue.js";
+import Y from "./Layer/discrete/StackedBar.vue.js";
+import x from "./Layer/discrete/Line.vue.js";
+import D from "./Layer/discrete/Errorbar.vue.js";
+import F from "./Layer/discrete/Sina.vue.js";
+import I from "./Layer/discrete/Logo.vue.js";
+import B from "./Layer/heatmap/Heatmap.vue.js";
+import N from "./Layer/Dendro.vue.js";
+import H from "./Layer/scatterplot/Scatter.vue.js";
+import V from "./Layer/scatterplot-umap/Scatter.vue.js";
+import S from "./Layer/scatterplot/Curve.vue.js";
+import j from "./Layer/heatmap/HeatmapClustered.vue.js";
+import U from "./Layer/heatmap/HeatmapAnnotations.vue.js";
+import w from "../../icons/HeatmapAnnotation.vue.js";
+import q from "./Layer/histogram/Bins.vue.js";
+import z from "./Layer/Bubble.vue.js";
+const G = {
+  class: "layers-form",
+  id: "layers-form"
+}, J = { class: "layers-list" }, ht = /* @__PURE__ */ L({
+  __name: "index",
+  setup(K) {
+    const i = b(), v = {
+      box: R,
+      binnedDots: y,
+      jitteredDots: k,
+      violin: C,
+      bar: O,
+      stackedBar: Y,
+      line: x,
+      errorbar: D,
+      sina: F,
+      logo: I
+    }, h = {
+      dots: H,
+      curve: S
+    }, $ = {
+      dots: V,
+      curve: S
+    }, g = {
+      heatmap: B,
+      heatmapClustered: j
+    };
+    return (Q, E) => (e(), _("div", G, [
+      E[0] || (E[0] = u("div", { class: "layers-title" }, [
+        u("h3", null, " Layers ")
+      ], -1)),
+      u("div", J, [
+        t(i).reactive.chartType === "discrete" ? (e(!0), _(l, { key: 0 }, p(t(A)[t(i).reactive.template], (r) => (e(), o(m, {
+          icon: t(s)[r],
+          title: t(c)[r],
+          settings: { defaultState: t(A)[t(i).reactive.template].length > 1 ? "close" : "open" }
+        }, {
+          default: n(() => [
+            (e(), o(f(v[r])))
+          ]),
+          _: 2
+        }, 1032, ["icon", "title", "settings"]))), 256)) : a("", !0),
+        t(i).reactive.chartType === "scatterplot" ? (e(!0), _(l, { key: 1 }, p(t(T)[t(i).reactive.template], (r) => (e(), o(m, {
+          icon: t(s)[r],
+          title: t(c)[r],
+          settings: { defaultState: t(T)[t(i).reactive.template].length > 1 ? "close" : "open" }
+        }, {
+          default: n(() => [
+            (e(), o(f(h[r])))
+          ]),
+          _: 2
+        }, 1032, ["icon", "title", "settings"]))), 256)) : a("", !0),
+        t(i).reactive.chartType === "scatterplot-umap" ? (e(!0), _(l, { key: 2 }, p(t(M)[t(i).reactive.template], (r) => (e(), o(m, {
+          icon: t(s)[r],
+          title: t(c)[r],
+          settings: { defaultState: t(T)[t(i).reactive.template].length > 1 ? "close" : "open" }
+        }, {
+          default: n(() => [
+            (e(), o(f($[r])))
+          ]),
+          _: 2
+        }, 1032, ["icon", "title", "settings"]))), 256)) : a("", !0),
+        t(i).reactive.chartType === "heatmap" ? (e(!0), _(l, { key: 3 }, p(t(P)[t(i).reactive.template], (r) => (e(), o(m, {
+          icon: t(s)[r],
+          title: t(c)[r],
+          settings: { defaultState: "open" }
+        }, {
+          default: n(() => [
+            (e(), o(f(g[r])))
+          ]),
+          _: 2
+        }, 1032, ["icon", "title"]))), 256)) : a("", !0),
+        t(i).reactive.chartType === "heatmap" ? (e(), o(m, {
+          key: 4,
+          icon: w,
+          title: "Annotations",
+          settings: { defaultState: "open" }
+        }, {
+          default: n(() => [
+            (e(), o(f(U)))
+          ]),
+          _: 1
+        })) : a("", !0),
+        t(i).reactive.chartType === "dendro" ? (e(), o(m, {
+          key: 5,
+          icon: t(s).dendro,
+          title: t(c).dendro,
+          settings: { defaultState: "open" }
+        }, {
+          default: n(() => [
+            d(N)
+          ]),
+          _: 1
+        }, 8, ["icon", "title"])) : a("", !0),
+        t(i).reactive.chartType === "histogram" ? (e(), o(m, {
+          key: 6,
+          icon: t(s).bins,
+          title: t(c).bins,
+          settings: { defaultState: "open" }
+        }, {
+          default: n(() => [
+            d(q)
+          ]),
+          _: 1
+        }, 8, ["icon", "title"])) : a("", !0),
+        t(i).reactive.chartType === "bubble" ? (e(), o(m, {
+          key: 7,
+          icon: t(s).bubble,
+          title: t(c).bubble,
+          settings: { defaultState: "open" }
+        }, {
+          default: n(() => [
+            d(z)
+          ]),
+          _: 1
+        }, 8, ["icon", "title"])) : a("", !0)
+      ])
+    ]));
+  }
+});
+export {
+  ht as default
+};
+//# sourceMappingURL=index.vue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.vue.js","sources":["../../../../src/GraphMaker/forms/LayersForm/index.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { useStore } from '../../store';\nimport {\n  DISCRETE_TEMPLATES_MAP,\n  HEATMAP_TEMPLATES_MAP,\n  LAYER_ICONS,\n  LAYER_TITLES,\n  SCATTERPLOT_TEMPLATES_MAP, SCATTERPLOT_UMAP_TEMPLATES_MAP\n} from '../../constantsCommon';\nimport type { Component } from 'vue';\nimport CollapsableBlock from '../../components/CollapsableBlock.vue';\nimport Boxplot from './Layer/discrete/Boxplot.vue';\nimport BinnedDots from './Layer/discrete/BinnedDots.vue';\nimport JitteredDots from './Layer/discrete/JitteredDots.vue';\nimport Violin from './Layer/discrete/Violin.vue';\nimport Bar from './Layer/discrete/Bar.vue';\nimport StackedBar from './Layer/discrete/StackedBar.vue';\nimport Line from './Layer/discrete/Line.vue';\nimport Errorbar from './Layer/discrete/Errorbar.vue';\nimport Sina from './Layer/discrete/Sina.vue';\nimport Logo from './Layer/discrete/Logo.vue';\nimport Heatmap from './Layer/heatmap/Heatmap.vue';\nimport Dendro from './Layer/Dendro.vue';\nimport Scatterplot from './Layer/scatterplot/Scatter.vue';\nimport ScatterplotUmap from './Layer/scatterplot-umap/Scatter.vue';\nimport Curve from './Layer/scatterplot/Curve.vue';\nimport {\n  DiscreteLayer,\n  DiscreteLayersTemplate,\n  HeatmapLayer, HeatmapLayerTemplate,\n  ScatterplotLayer,\n  ScatterplotLayersTemplate\n} from '../../types';\nimport HeatmapClustered from './Layer/heatmap/HeatmapClustered.vue';\nimport HeatmapAnnotations from './Layer/heatmap/HeatmapAnnotations.vue';\nimport HeatmapAnnotationIcon from '../../icons/HeatmapAnnotation.vue';\nimport Bins from './Layer/histogram/Bins.vue';\nimport Bubble from './Layer/Bubble.vue';\n\nconst store = useStore();\nconst DISCRETE_LAYERS_FORMS: Record<DiscreteLayer, Component> = {\n  box: Boxplot,\n  binnedDots: BinnedDots,\n  jitteredDots: JitteredDots,\n  violin: Violin,\n  bar: Bar,\n  stackedBar: StackedBar,\n  line: Line,\n  errorbar: Errorbar,\n  sina: Sina,\n  logo: Logo\n};\nconst SCATTERPLOT_LAYER_FORMS: Record<ScatterplotLayer, Component> = {\n  dots: Scatterplot,\n  curve: Curve\n};\nconst SCATTERPLOT_UMAP_LAYER_FORMS: Record<ScatterplotLayer, Component> = {\n  dots: ScatterplotUmap,\n  curve: Curve\n};\nconst HEATMAP_LAYER_FORMS: Record<HeatmapLayer, Component> = {\n  heatmap: Heatmap,\n  heatmapClustered: HeatmapClustered\n};\n\n</script>\n\n<template>\n  <div class=\"layers-form\" id=\"layers-form\">\n    <div class=\"layers-title\">\n      <h3>\n        Layers\n      </h3>\n    </div>\n    <div class=\"layers-list\">\n      <template v-if=\"store.reactive.chartType === 'discrete'\"\n                v-for=\"layer of DISCRETE_TEMPLATES_MAP[store.reactive.template as DiscreteLayersTemplate]\">\n        <collapsable-block :icon=\"LAYER_ICONS[layer]\" :title=\"LAYER_TITLES[layer]\"\n                           :settings=\"{defaultState: DISCRETE_TEMPLATES_MAP[store.reactive.template as DiscreteLayersTemplate].length > 1 ? 'close' : 'open'}\">\n          <component :is=\"DISCRETE_LAYERS_FORMS[layer]\" />\n        </collapsable-block>\n      </template>\n\n      <template v-if=\"store.reactive.chartType === 'scatterplot'\"\n                v-for=\"layer of SCATTERPLOT_TEMPLATES_MAP[store.reactive.template as ScatterplotLayersTemplate]\">\n        <collapsable-block :icon=\"LAYER_ICONS[layer]\" :title=\"LAYER_TITLES[layer]\"\n                           :settings=\"{defaultState: SCATTERPLOT_TEMPLATES_MAP[store.reactive.template as ScatterplotLayersTemplate].length > 1 ? 'close' : 'open'}\">\n          <component :is=\"SCATTERPLOT_LAYER_FORMS[layer]\" />\n        </collapsable-block>\n      </template>\n      <template v-if=\"store.reactive.chartType === 'scatterplot-umap'\"\n                v-for=\"layer of SCATTERPLOT_UMAP_TEMPLATES_MAP[store.reactive.template as ScatterplotLayersTemplate]\">\n        <collapsable-block :icon=\"LAYER_ICONS[layer]\" :title=\"LAYER_TITLES[layer]\"\n                           :settings=\"{defaultState: SCATTERPLOT_TEMPLATES_MAP[store.reactive.template as ScatterplotLayersTemplate].length > 1 ? 'close' : 'open'}\">\n          <component :is=\"SCATTERPLOT_UMAP_LAYER_FORMS[layer]\" />\n        </collapsable-block>\n      </template>\n\n      <template v-if=\"store.reactive.chartType === 'heatmap'\"\n                v-for=\"layer of HEATMAP_TEMPLATES_MAP[store.reactive.template as HeatmapLayerTemplate]\">\n        <collapsable-block :icon=\"LAYER_ICONS[layer]\" :title=\"LAYER_TITLES[layer]\" :settings=\"{defaultState: 'open'}\">\n          <component :is=\"HEATMAP_LAYER_FORMS[layer]\" />\n        </collapsable-block>\n      </template>\n      <!-- Not a layer - part of aesthetic mapping for heatmap annotations -->\n      <template v-if=\"store.reactive.chartType === 'heatmap'\">\n        <collapsable-block :icon=\"HeatmapAnnotationIcon\" title=\"Annotations\" :settings=\"{defaultState: 'open'}\">\n          <component :is=\"HeatmapAnnotations\" />\n        </collapsable-block>\n      </template>\n\n      <template v-if=\"store.reactive.chartType === 'dendro'\">\n        <collapsable-block :icon=\"LAYER_ICONS.dendro\" :title=\"LAYER_TITLES.dendro\" :settings=\"{defaultState: 'open'}\">\n          <Dendro />\n        </collapsable-block>\n      </template>\n\n      <template v-if=\"store.reactive.chartType === 'histogram'\">\n        <collapsable-block :icon=\"LAYER_ICONS.bins\" :title=\"LAYER_TITLES.bins\" :settings=\"{defaultState: 'open'}\">\n          <Bins />\n        </collapsable-block>\n      </template>\n\n      <template v-if=\"store.reactive.chartType === 'bubble'\">\n        <collapsable-block :icon=\"LAYER_ICONS.bubble\" :title=\"LAYER_TITLES.bubble\" :settings=\"{defaultState: 'open'}\">\n          <Bubble />\n        </collapsable-block>\n      </template>\n    </div>\n  </div>\n</template>\n"],"names":["store","useStore","DISCRETE_LAYERS_FORMS","Boxplot","BinnedDots","JitteredDots","Violin","Bar","StackedBar","Line","Errorbar","Sina","Logo","SCATTERPLOT_LAYER_FORMS","Scatterplot","Curve","SCATTERPLOT_UMAP_LAYER_FORMS","ScatterplotUmap","HEATMAP_LAYER_FORMS","Heatmap","HeatmapClustered"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuCA,UAAMA,IAAQC,EAAA,GACRC,IAA0D;AAAA,MAC9D,KAAKC;AAAAA,MACL,YAAYC;AAAAA,MACZ,cAAcC;AAAAA,MACd,QAAQC;AAAAA,MACR,KAAKC;AAAAA,MACL,YAAYC;AAAAA,MACZ,MAAMC;AAAAA,MACN,UAAUC;AAAAA,MACV,MAAMC;AAAAA,MACN,MAAMC;AAAAA,IAAA,GAEFC,IAA+D;AAAA,MACnE,MAAMC;AAAAA,MACN,OAAOC;AAAAA,IAAA,GAEHC,IAAoE;AAAA,MACxE,MAAMC;AAAAA,MACN,OAAOF;AAAAA,IAAA,GAEHG,IAAuD;AAAA,MAC3D,SAASC;AAAAA,MACT,kBAAkBC;AAAAA,IAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/GraphMaker/forms/LayersForm/index.vue2.js

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

package/dist/GraphMaker/forms/LayersForm/index.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.vue2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/GraphMaker/forms/SettingsForm.vue.d.ts

@@ -1,12 +1,19 @@
 declare function __VLS_template(): {
-    default?(_: {}): any;
-    settingsSlot?(_: {}): any;
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+        settingsSlot?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
 };
-declare const __VLS_component: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {
         $slots: S;
     };
 };
+//# sourceMappingURL=SettingsForm.vue.d.ts.map

package/dist/GraphMaker/forms/SettingsForm.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SettingsForm.vue.d.ts","sourceRoot":"","sources":["../../../src/GraphMaker/forms/SettingsForm.vue"],"names":[],"mappings":"AAyBA,iBAAS,cAAc;WAoCT,OAAO,IAA6B;;yBAXrB,GAAG;8BACE,GAAG;;;;EAepC;AAOD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe,0RAMnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAEpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/GraphMaker/forms/SettingsForm.vue.js

@@ -0,0 +1,22 @@
+import { createElementBlock as r, openBlock as i, createElementVNode as s, renderSlot as o } from "vue";
+import l from "../../_virtual/_plugin-vue_export-helper.js";
+const d = {}, f = { class: "settings-list" };
+function m(e, t) {
+  return i(), r("div", {
+    class: "settings-form",
+    onClick: t[0] || (t[0] = (n) => n.stopPropagation())
+  }, [
+    t[1] || (t[1] = s("div", { class: "settings-title" }, [
+      s("h3", null, " Settings ")
+    ], -1)),
+    s("div", f, [
+      o(e.$slots, "default"),
+      o(e.$slots, "settingsSlot")
+    ])
+  ]);
+}
+const g = /* @__PURE__ */ l(d, [["render", m]]);
+export {
+  g as default
+};
+//# sourceMappingURL=SettingsForm.vue.js.map

package/dist/GraphMaker/forms/SettingsForm.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SettingsForm.vue.js","sources":["../../../src/GraphMaker/forms/SettingsForm.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n\n\n</script>\n\n<template>\n  <div class=\"settings-form\" @click=\"(e) => e.stopPropagation()\">\n    <div class=\"settings-title\">\n      <h3>\n        Settings\n      </h3>\n    </div>\n    <div class=\"settings-list\">\n        <slot></slot>\n        <slot name=\"settingsSlot\"></slot>\n    </div>\n  </div>\n</template>\n"],"names":["_hoisted_1","_createElementBlock","_cache","e","_createElementVNode","_renderSlot","_ctx"],"mappings":";;cAYSA,IAAA,EAAA,OAAM,gBAAe;;cAN5BC,EAUM,OAAA;AAAA,IAVD,OAAM;AAAA,IAAiB,SAAKC,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAGC,MAAMA,EAAE,gBAAe;AAAA;oBACzDC,EAIM,OAAA,EAJD,OAAM,oBAAgB;AAAA,MACzBA,EAEK,YAFD,YAEJ;AAAA;IAEFA,EAGM,OAHNJ,GAGM;AAAA,MAFFK,EAAaC,EAAA,QAAA,SAAA;AAAA,MACbD,EAAiCC,EAAA,QAAA,cAAA;AAAA;;;;"}

package/dist/GraphMaker/forms/StatisticsForm/DiscreteStatisticsForm.vue.d.ts

@@ -1,2 +1,3 @@
 declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;
+//# sourceMappingURL=DiscreteStatisticsForm.vue.d.ts.map

package/dist/GraphMaker/forms/StatisticsForm/DiscreteStatisticsForm.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DiscreteStatisticsForm.vue.d.ts","sourceRoot":"","sources":["../../../../src/GraphMaker/forms/StatisticsForm/DiscreteStatisticsForm.vue"],"names":[],"mappings":";AA6aA,wBAKG"}

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

@@ -0,0 +1,135 @@
+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 { 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 { 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",
+  style: { "z-index": "0" }
+}, 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({
+  __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({
+      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");
+    return O(d)(), x([
+      () => a.value.overall.data.testMethod,
+      () => a.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), {
+          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 ? "" : " "
+        }, 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), {
+          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 ? "" : " "
+        }, null, 8, ["modelValue", "options", "error"])
+      ]),
+      t("div", B, [
+        n(o(i), {
+          label: "Method",
+          clearable: "",
+          placeholder: "Choose",
+          modelValue: o(m),
+          "onUpdate:modelValue": e[2] || (e[2] = (l) => s(m) ? m.value = l : null),
+          options: o(w)
+        }, null, 8, ["modelValue", "options"])
+      ]),
+      t("div", F, [
+        n(o(i), {
+          label: "Correction method",
+          placeholder: "Choose",
+          modelValue: o(c),
+          "onUpdate:modelValue": e[3] || (e[3] = (l) => s(c) ? c.value = l : null),
+          options: o(C)
+        }, null, 8, ["modelValue", "options"])
+      ]),
+      t("div", H, [
+        n(o(h), {
+          label: "Show",
+          modelValue: a.value.referenceGroup.data.format,
+          "onUpdate:modelValue": e[4] || (e[4] = (l) => a.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)
+        }, null, 8, ["modelValue"]),
+        e[10] || (e[10] = t("span", null, "Non-significant", -1))
+      ]),
+      e[15] || (e[15] = t("div", { class: "section-title" }, [
+        t("span", null, "pairwise p-value")
+      ], -1)),
+      t("div", _, [
+        n(o(i), {
+          label: "Method",
+          clearable: "",
+          placeholder: "Choose",
+          modelValue: o(f),
+          "onUpdate:modelValue": e[6] || (e[6] = (l) => s(f) ? f.value = l : null),
+          options: o(w)
+        }, null, 8, ["modelValue", "options"])
+      ]),
+      t("div", z, [
+        n(o(i), {
+          label: "Correction method",
+          placeholder: "Choose",
+          modelValue: o(V),
+          "onUpdate:modelValue": e[7] || (e[7] = (l) => s(V) ? V.value = l : null),
+          options: o(C)
+        }, null, 8, ["modelValue", "options"])
+      ]),
+      t("div", L, [
+        n(o(h), {
+          label: "Show",
+          modelValue: a.value.pairwise.data.format,
+          "onUpdate:modelValue": e[8] || (e[8] = (l) => a.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)
+        }, null, 8, ["modelValue"]),
+        e[11] || (e[11] = t("span", null, "Non-significant", -1))
+      ])
+    ], 64));
+  }
+});
+export {
+  $ as default
+};
+//# sourceMappingURL=DiscreteStatisticsForm.vue.js.map

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

@@ -0,0 +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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}