@milaboratories/graph-maker 1.1.132 → 1.1.134

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

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

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

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

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

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

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

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

package/dist/GraphMaker/forms/LayersForm/Layer/heatmap/HeatmapAnnotations.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=HeatmapAnnotations.vue.d.ts.map

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

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

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

@@ -0,0 +1,59 @@
+import { defineComponent as g, computed as r, reactive as P, ref as f, createElementBlock as _, openBlock as s, Fragment as S, renderList as y, createElementVNode as C, createVNode as T, createBlock as B, createCommentVNode as k, toDisplayString as L, unref as x, withCtx as F } from "vue";
+import { useStore as N } from "../../../../store.js";
+import { DEFAULT_CATEGORICAL_PALETTE as $, DEFAULT_CONTINUOUS_PALETTE as I, PALETTE_MAP as O } from "../../../../constantsAesthetic.js";
+import { createContinuousMappingFromPalette as U } from "../../../../dataBindAes.js";
+import b from "../../../../components/MultiselectButton.vue.js";
+import D from "../../../../components/AesSettings/PalettesForm.vue.js";
+import G from "../../../../components/AesSettings/FormWrapper.vue.js";
+const V = { class: "section-title" }, q = /* @__PURE__ */ g({
+  __name: "HeatmapAnnotations",
+  setup(M) {
+    const o = N(), p = r(() => o.value.reactive.optionsState), A = r(
+      () => o.value.inputGuide.value
+    ), i = r(() => {
+      const n = p.value.components.annotationsX.selectorStates.map((t) => t.selectedSource), e = p.value.components.annotationsY.selectorStates.map((t) => t.selectedSource);
+      return [...n, ...e];
+    }), c = r(() => i.value.reduce((n, e) => (n[e] = A.value.getSourceInfo(e), n), {})), a = P(i.value.reduce((n, e) => {
+      var v, d;
+      const u = ((v = c.value[e]) == null ? void 0 : v.type) === "String" ? $ : I;
+      return n[e] = ((d = o.value.reactive.dataBindAes[e]) == null ? void 0 : d.palette) ?? u, n;
+    }, {})), l = f(null), m = f(null);
+    function E(n) {
+      const e = m.value;
+      e && (a[e] = n, o.value.reactive.dataBindAes[e] = U(n)), l.value = e;
+    }
+    return (n, e) => (s(!0), _(S, null, y(i.value, (t) => (s(), _(S, null, [
+      C("div", V, [
+        C("span", null, L(c.value[t].label), 1)
+      ]),
+      T(b, {
+        label: "Color Palette ",
+        title: x(O)[a[t]].title,
+        palette: a[t],
+        style: { marginBottom: "24px" },
+        onButtonClick: (u) => {
+          l.value = t, m.value = t;
+        }
+      }, null, 8, ["title", "palette", "onButtonClick"]),
+      l.value === t ? (s(), B(G, {
+        key: 0,
+        title: "Color Palette",
+        "back-title": "Color mapping",
+        "onForm:close": e[0] || (e[0] = (u) => l.value = null)
+      }, {
+        default: F(() => [
+          T(D, {
+            selected: a[t],
+            categorical: c.value[t].type === "String",
+            onSelect: E
+          }, null, 8, ["selected", "categorical"])
+        ]),
+        _: 2
+      }, 1024)) : k("", !0)
+    ], 64))), 256));
+  }
+});
+export {
+  q as default
+};
+//# sourceMappingURL=HeatmapAnnotations.vue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"HeatmapAnnotations.vue.js","sources":["../../../../../../src/GraphMaker/forms/LayersForm/Layer/heatmap/HeatmapAnnotations.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { useStore } from '../../../../store';\nimport { computed, reactive, ref } from 'vue';\nimport {\n  DEFAULT_CATEGORICAL_PALETTE,\n  DEFAULT_CONTINUOUS_PALETTE,\n  PALETTE_MAP\n} from '../../../../constantsAesthetic';\nimport { ContinuousPalette, Palette } from '../../../../components/AesSettings/types';\nimport { createContinuousMappingFromPalette } from '../../../../dataBindAes';\nimport MultiselectButton from '../../../../components/MultiselectButton.vue';\nimport PalettesForm from '../../../../components/AesSettings/PalettesForm.vue';\nimport FormWrapper from '../../../../components/AesSettings/FormWrapper.vue';\nimport { AxisData, ColumnData, HeatmapUIState, InputGuide } from '@milaboratories/pf-plots';\n\nconst store = useStore();\nconst optionsState = computed(() => store.value.reactive.optionsState as HeatmapUIState);\nconst inputGuide = computed(\n  () => store.value.inputGuide.value as InputGuide<HeatmapUIState>\n);\n\nconst annotationSources = computed(() => {\n  const x = optionsState.value.components.annotationsX.selectorStates.map((s) => s.selectedSource);\n  const y = optionsState.value.components.annotationsY.selectorStates.map((s) => s.selectedSource);\n  return [...x, ...y];\n});\n\nconst annotationsInfo = computed(() => annotationSources.value.reduce((res: Record<string, AxisData | ColumnData>, source) => {\n  res[source] = inputGuide.value.getSourceInfo(source);\n  return res;\n}, {}));\n\nconst palettes = reactive(annotationSources.value.reduce((res: Record<string, Palette>, source) => {\n  const valueType = annotationsInfo.value[source]?.type;\n  const defaultPalette = valueType === 'String' ? DEFAULT_CATEGORICAL_PALETTE : DEFAULT_CONTINUOUS_PALETTE;\n  res[source] = store.value.reactive.dataBindAes[source]?.palette ?? defaultPalette;\n  return res;\n}, {}));\n\nconst palettesOpen = ref<string | null>(null);\nconst currentSource = ref<string | null>(null); // use the same palette form for all the annotations; current is last clicked\nfunction onPaletteSelect(value: Palette) {\n  const source = currentSource.value;\n  if (source) {\n    palettes[source] = value;\n    // TODO: categorical mapping, detailed continuous mapping (with range), log continuous mapping\n    store.value.reactive.dataBindAes[source] = createContinuousMappingFromPalette(value as ContinuousPalette);\n  }\n  palettesOpen.value = source;\n}\n</script>\n\n<template>\n  <template v-for=\"source of annotationSources\">\n    <div class=\"section-title\"><span>{{ annotationsInfo[source].label }}</span></div>\n    <multiselect-button\n      label=\"Color Palette \"\n      :title=\"PALETTE_MAP[palettes[source]].title\"\n      :palette=\"palettes[source]\"\n      :style=\"{marginBottom:'24px'}\"\n      @button-click=\"palettesOpen = source; currentSource = source;\"\n    />\n    <form-wrapper\n      v-if=\"palettesOpen === source\"\n      title=\"Color Palette\"\n      back-title=\"Color mapping\"\n      @form:close=\"palettesOpen = null\"\n    >\n      <palettes-form :selected=\"palettes[source]\" :categorical=\"annotationsInfo[source].type === 'String'\"\n                     @select=\"onPaletteSelect\" />\n    </form-wrapper>\n  </template>\n</template>\n"],"names":["store","useStore","optionsState","computed","inputGuide","annotationSources","x","s","y","annotationsInfo","res","source","palettes","reactive","defaultPalette","_a","DEFAULT_CATEGORICAL_PALETTE","DEFAULT_CONTINUOUS_PALETTE","_b","palettesOpen","ref","currentSource","onPaletteSelect","value","createContinuousMappingFromPalette"],"mappings":";;;;;;;;;;AAeA,UAAMA,IAAQC,EAAA,GACRC,IAAeC,EAAS,MAAMH,EAAM,MAAM,SAAS,YAA8B,GACjFI,IAAaD;AAAA,MACjB,MAAMH,EAAM,MAAM,WAAW;AAAA,IAAA,GAGzBK,IAAoBF,EAAS,MAAM;AACvC,YAAMG,IAAIJ,EAAa,MAAM,WAAW,aAAa,eAAe,IAAI,CAACK,MAAMA,EAAE,cAAc,GACzFC,IAAIN,EAAa,MAAM,WAAW,aAAa,eAAe,IAAI,CAACK,MAAMA,EAAE,cAAc;AAC/F,aAAO,CAAC,GAAGD,GAAG,GAAGE,CAAC;AAAA,IACpB,CAAC,GAEKC,IAAkBN,EAAS,MAAME,EAAkB,MAAM,OAAO,CAACK,GAA4CC,OACjHD,EAAIC,CAAM,IAAIP,EAAW,MAAM,cAAcO,CAAM,GAC5CD,IACN,CAAA,CAAE,CAAC,GAEAE,IAAWC,EAASR,EAAkB,MAAM,OAAO,CAACK,GAA8BC,MAAW;;AAEjG,YAAMG,MADYC,IAAAN,EAAgB,MAAME,CAAM,MAA5B,gBAAAI,EAA+B,UACZ,WAAWC,IAA8BC;AAC9E,aAAAP,EAAIC,CAAM,MAAIO,IAAAlB,EAAM,MAAM,SAAS,YAAYW,CAAM,MAAvC,gBAAAO,EAA0C,YAAWJ,GAC5DJ;AAAA,IACT,GAAG,CAAA,CAAE,CAAC,GAEAS,IAAeC,EAAmB,IAAI,GACtCC,IAAgBD,EAAmB,IAAI;AAC7C,aAASE,EAAgBC,GAAgB;AACvC,YAAMZ,IAASU,EAAc;AAC7B,MAAIV,MACFC,EAASD,CAAM,IAAIY,GAEnBvB,EAAM,MAAM,SAAS,YAAYW,CAAM,IAAIa,EAAmCD,CAA0B,IAE1GJ,EAAa,QAAQR;AAAA,IACvB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/GraphMaker/forms/LayersForm/Layer/heatmap/HeatmapAnnotations.vue2.js

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

package/dist/GraphMaker/forms/LayersForm/Layer/heatmap/HeatmapAnnotations.vue2.js.map

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

package/dist/GraphMaker/forms/LayersForm/Layer/heatmap/HeatmapClustered.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=HeatmapClustered.vue.d.ts.map

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

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

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

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

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

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

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

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

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

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

package/dist/GraphMaker/forms/LayersForm/Layer/histogram/Bins.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=Bins.vue.d.ts.map

package/dist/GraphMaker/forms/LayersForm/Layer/histogram/Bins.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Bins.vue.d.ts","sourceRoot":"","sources":["../../../../../../src/GraphMaker/forms/LayersForm/Layer/histogram/Bins.vue"],"names":[],"mappings":";AA+NA,wBAKG"}

package/dist/GraphMaker/forms/LayersForm/Layer/histogram/Bins.vue.js

@@ -0,0 +1,54 @@
+import { defineComponent as f, computed as n, createElementBlock as d, openBlock as g, Fragment as y, createVNode as c, unref as v } from "vue";
+import { useStore as S } from "../../../../store.js";
+import { Slider as C } from "@platforma-sdk/ui-vue";
+import { DEFAULT_WHITE as _ } from "../../../../constantsAesthetic.js";
+import b from "../../AesSelector.vue.js";
+const i = "bins", V = /* @__PURE__ */ f({
+  __name: "Bins",
+  setup(F) {
+    const o = S(), a = n(() => o.value.reactive.layersSettings[i]);
+    function p(t, e, l) {
+      const r = e.components.grouping.selectorStates.length > 0;
+      return t === null ? r ? { type: "grouping", value: e.components.grouping.selectorStates[0].selectedSource } : l : t;
+    }
+    const s = n(() => p(
+      a.value.fillColor,
+      o.value.reactive.optionsState,
+      _
+    ));
+    function m(t, e, l) {
+      e.type === "dataCategorical" ? o.value.reactive.layersSettings[i][l] = { type: e.inputName } : o.value.reactive.layersSettings[i][l] = t, e.type === "dataCategorical" && typeof t != "string" && (o.value.reactive.dataBindAes[e.selectedSource] = t);
+    }
+    const u = n({
+      get: () => a.value.opacity * 100,
+      set: (t) => {
+        a.value.opacity = t / 100;
+      }
+    });
+    return (t, e) => (g(), d(y, null, [
+      c(b, {
+        label: "Fill color",
+        "form-title": "Fill Color Settings",
+        "form-back-title": "Layers",
+        type: "fill",
+        selected: s.value,
+        withoutFixed: typeof s.value == "object",
+        onAesUpdate: e[0] || (e[0] = (l, r) => m(l, r, "fillColor"))
+      }, null, 8, ["selected", "withoutFixed"]),
+      c(v(C), {
+        label: "Opacity",
+        min: 0,
+        max: 100,
+        step: 1,
+        breakpoints: !1,
+        measure: "%",
+        modelValue: u.value,
+        "onUpdate:modelValue": e[1] || (e[1] = (l) => u.value = l)
+      }, null, 8, ["modelValue"])
+    ], 64));
+  }
+});
+export {
+  V as default
+};
+//# sourceMappingURL=Bins.vue.js.map

package/dist/GraphMaker/forms/LayersForm/Layer/histogram/Bins.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Bins.vue.js","sources":["../../../../../../src/GraphMaker/forms/LayersForm/Layer/histogram/Bins.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { useStore } from '../../../../store';\nimport {Slider} from \"@platforma-sdk/ui-vue\";\nimport { computed } from \"vue\";\nimport type { AestheticMappingCategorical } from '../../../../dataBindAes';\nimport { DEFAULT_WHITE } from '../../../../constantsAesthetic';\nimport AesSelector from '../../AesSelector.vue';\nimport {AesOption} from '../../../../components/AesSettings/types';\nimport { MappingLink } from '../../../../constantsCommon';\nimport {HistogramUIState} from '@milaboratories/pf-plots';\n\nconst store = useStore();\nconst layer = \"bins\";\nconst settings = computed(() => store.value.reactive.layersSettings[layer]);\n\nfunction useDefaultAes<T extends string | MappingLink>(\n  value: T | null,\n  optionsState: HistogramUIState,\n  defaultValue: T,\n):T {\n  const hasGrouping = optionsState.components.grouping.selectorStates.length > 0;\n  if (value === null) {\n    // not selected by user\n    if (hasGrouping) {\n      return { type: 'grouping', value: optionsState.components.grouping.selectorStates[0].selectedSource} as T;\n    }\n    return defaultValue;\n  }\n  return value;\n}\nconst fillColor = computed(() => useDefaultAes(\n  settings.value.fillColor,\n  store.value.reactive.optionsState as HistogramUIState,\n  DEFAULT_WHITE\n));\n\nfunction onUpdate(\n  value: string | AestheticMappingCategorical,\n  colorOption: AesOption,\n  field: \"fillColor\"\n) {\n  if (colorOption.type === 'dataCategorical') {\n    store.value.reactive.layersSettings[layer][field] = { type: colorOption.inputName };\n  } else {\n    store.value.reactive.layersSettings[layer][field] = value;\n  }\n  if (colorOption.type === \"dataCategorical\" && typeof value !== \"string\") {\n    store.value.reactive.dataBindAes[colorOption.selectedSource] = value;\n  }\n}\n\nconst opacity = computed({\n  get: () => settings.value.opacity * 100,\n  set: (newValue: number) => {\n    settings.value.opacity = newValue / 100;\n  }\n})\n</script>\n\n<template>\n  <aes-selector\n    label=\"Fill color\"\n    form-title=\"Fill Color Settings\"\n    form-back-title=\"Layers\"\n    type=\"fill\"\n    :selected=\"fillColor\"\n    :withoutFixed=\"typeof fillColor === 'object'\"\n    @aes-update=\"(v:any, c:any) => onUpdate(v, c, 'fillColor')\"\n  />\n  <Slider\n    label=\"Opacity\"\n    :min=\"0\"\n    :max=\"100\"\n    :step=\"1\"\n    :breakpoints=\"false\"\n    measure=\"%\"\n    v-model=\"opacity\"\n  />\n</template>\n"],"names":["layer","store","useStore","settings","computed","useDefaultAes","value","optionsState","defaultValue","hasGrouping","fillColor","DEFAULT_WHITE","onUpdate","colorOption","field","opacity","newValue"],"mappings":";;;;;AAYA,MAAMA,IAAQ;;;AADd,UAAMC,IAAQC,EAAA,GAERC,IAAWC,EAAS,MAAMH,EAAM,MAAM,SAAS,eAAeD,CAAK,CAAC;AAE1E,aAASK,EACPC,GACAC,GACAC,GACE;AACF,YAAMC,IAAcF,EAAa,WAAW,SAAS,eAAe,SAAS;AAC7E,aAAID,MAAU,OAERG,IACK,EAAE,MAAM,YAAY,OAAOF,EAAa,WAAW,SAAS,eAAe,CAAC,EAAE,eAAA,IAEhFC,IAEFF;AAAA,IACT;AACA,UAAMI,IAAYN,EAAS,MAAMC;AAAA,MAC/BF,EAAS,MAAM;AAAA,MACfF,EAAM,MAAM,SAAS;AAAA,MACrBU;AAAA,IAAA,CACD;AAED,aAASC,EACPN,GACAO,GACAC,GACA;AACA,MAAID,EAAY,SAAS,oBACvBZ,EAAM,MAAM,SAAS,eAAeD,CAAK,EAAEc,CAAK,IAAI,EAAE,MAAMD,EAAY,UAAA,IAExEZ,EAAM,MAAM,SAAS,eAAeD,CAAK,EAAEc,CAAK,IAAIR,GAElDO,EAAY,SAAS,qBAAqB,OAAOP,KAAU,aAC7DL,EAAM,MAAM,SAAS,YAAYY,EAAY,cAAc,IAAIP;AAAA,IAEnE;AAEA,UAAMS,IAAUX,EAAS;AAAA,MACvB,KAAK,MAAMD,EAAS,MAAM,UAAU;AAAA,MACpC,KAAK,CAACa,MAAqB;AACzB,QAAAb,EAAS,MAAM,UAAUa,IAAW;AAAA,MACtC;AAAA,IAAA,CACD;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/GraphMaker/forms/LayersForm/Layer/histogram/Bins.vue2.js

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

package/dist/GraphMaker/forms/LayersForm/Layer/histogram/Bins.vue2.js.map

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

package/dist/GraphMaker/forms/LayersForm/Layer/scatterplot/Curve.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=Curve.vue.d.ts.map

package/dist/GraphMaker/forms/LayersForm/Layer/scatterplot/Curve.vue.d.ts.map

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

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

@@ -0,0 +1,47 @@
+import { defineComponent as y, computed as a, createElementBlock as v, openBlock as S, Fragment as C, createVNode as u, createElementVNode as c, unref as r } from "vue";
+import { PlToggleSwitch as _ } from "@platforma-sdk/ui-vue";
+import { useStore as b } from "../../../../store.js";
+import x from "../../AesSelector.vue.js";
+import { DEFAULT_BLACK as p } from "../../../../constantsAesthetic.js";
+const V = {
+  class: "input-item",
+  style: { display: "flex", "justify-content": "space-between", "align-items": "center" }
+}, s = "curve", U = /* @__PURE__ */ y({
+  __name: "Curve",
+  setup(h) {
+    const n = b(), m = n.value.reactive.optionsState, g = a(() => n.value.reactive.layersSettings[s]);
+    function l(t) {
+      return t !== null && typeof t == "object" && "type" in t;
+    }
+    const i = a(() => {
+      const t = g.value.lineColor, e = m.components.grouping.selectorStates.map((o) => o.selectedSource);
+      return l(t) && e.length ? e.includes(t.value) ? t : { type: "grouping", value: e[0] } : e.length ? { type: "grouping", value: e[0] } : l(t) ? p : t ?? p;
+    });
+    function d(t, e, o) {
+      typeof t == "string" ? n.value.reactive.layersSettings[s][o] = t : e.type === "dataCategorical" && (n.value.reactive.layersSettings[s][o] = { type: e.inputName, value: e.selectedSource }), e.type === "dataCategorical" && typeof t != "string" && (n.value.reactive.dataBindAes[e.selectedSource] = t);
+    }
+    return (t, e) => (S(), v(C, null, [
+      u(x, {
+        label: "Color",
+        "form-title": "Color Settings",
+        "form-back-title": "Layers",
+        type: "stroke",
+        selected: i.value,
+        withoutFixed: typeof i.value == "object",
+        "possible-aes-source-inputs": ["grouping"],
+        onAesUpdate: e[0] || (e[0] = (o, f) => d(o, f, "lineColor"))
+      }, null, 8, ["selected", "withoutFixed"]),
+      c("div", V, [
+        e[2] || (e[2] = c("span", null, "Smoothing", -1)),
+        u(r(_), {
+          modelValue: r(n).reactive.layersSettings.curve.smoothing,
+          "onUpdate:modelValue": e[1] || (e[1] = (o) => r(n).reactive.layersSettings.curve.smoothing = o)
+        }, null, 8, ["modelValue"])
+      ])
+    ], 64));
+  }
+});
+export {
+  U as default
+};
+//# sourceMappingURL=Curve.vue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Curve.vue.js","sources":["../../../../../../src/GraphMaker/forms/LayersForm/Layer/scatterplot/Curve.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { PlToggleSwitch } from '@platforma-sdk/ui-vue';\nimport {useStore} from '../../../../store';\nimport AesSelector from '../../AesSelector.vue';\nimport {computed} from \"vue\";\nimport {DEFAULT_BLACK} from '../../../../constantsAesthetic';\nimport {AestheticMappingCategorical} from '../../../../dataBindAes';\nimport {AesOption} from '../../../../components/AesSettings/types';\nimport { MappingLink } from '../../../../constantsCommon';\nimport { ScatterplotUIState } from '@milaboratories/pf-plots';\n\nconst store = useStore();\nconst layer = 'curve';\nconst state = store.value.reactive.optionsState as ScatterplotUIState;\n\nconst settings = computed(() => store.value.reactive.layersSettings[layer]);\nfunction isMapping(value:MappingLink|string|null): value is MappingLink {\n  return value !== null && typeof value === 'object' && 'type' in value;\n}\nconst lineColor = computed(() => {\n  const value = settings.value.lineColor;\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});\nfunction onUpdate(\n    value: string | AestheticMappingCategorical,\n    colorOption: AesOption,\n    field: \"lineColor\"\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] = { type: colorOption.inputName, value: colorOption.selectedSource }\n  }\n  if (colorOption.type === \"dataCategorical\" && typeof value !== \"string\") {\n    store.value.reactive.dataBindAes[colorOption.selectedSource] = value;\n  }\n}\n</script>\n\n<template>\n  <aes-selector\n      label=\"Color\"\n      form-title=\"Color Settings\"\n      form-back-title=\"Layers\"\n      type=\"stroke\"\n      :selected=\"lineColor\"\n      :withoutFixed=\"typeof lineColor === 'object'\"\n      :possible-aes-source-inputs=\"['grouping']\"\n      @aes-update=\"(v, c) => onUpdate(v, c, 'lineColor')\"\n  />\n  <div class=\"input-item\" style=\"display: flex; justify-content: space-between; align-items: center\">\n    <span>Smoothing</span>\n    <pl-toggle-switch v-model=\"store.reactive.layersSettings.curve.smoothing\"/>\n  </div>\n</template>\n"],"names":["layer","store","useStore","state","settings","computed","isMapping","value","lineColor","columns","s","DEFAULT_BLACK","onUpdate","colorOption","field"],"mappings":";;;;;;;;GAYMA,IAAQ;;;AADd,UAAMC,IAAQC,EAAA,GAERC,IAAQF,EAAM,MAAM,SAAS,cAE7BG,IAAWC,EAAS,MAAMJ,EAAM,MAAM,SAAS,eAAeD,CAAK,CAAC;AAC1E,aAASM,EAAUC,GAAqD;AACtE,aAAOA,MAAU,QAAQ,OAAOA,KAAU,YAAY,UAAUA;AAAA,IAClE;AACA,UAAMC,IAAYH,EAAS,MAAM;AAC/B,YAAME,IAAQH,EAAS,MAAM,WACvBK,IAAUN,EAAM,WAAW,SAAS,eAAe,IAAI,CAACO,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;AACD,aAASC,EACLL,GACAM,GACAC,GACF;AACA,MAAI,OAAOP,KAAU,WACnBN,EAAM,MAAM,SAAS,eAAeD,CAAK,EAAEc,CAAK,IAAIP,IAC3CM,EAAY,SAAS,sBAC9BZ,EAAM,MAAM,SAAS,eAAeD,CAAK,EAAEc,CAAK,IAAI,EAAE,MAAMD,EAAY,WAAW,OAAOA,EAAY,eAAA,IAEpGA,EAAY,SAAS,qBAAqB,OAAON,KAAU,aAC7DN,EAAM,MAAM,SAAS,YAAYY,EAAY,cAAc,IAAIN;AAAA,IAEnE;;;;;;;;;;;;;;;;;;;;;;"}

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

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

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

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

package/dist/GraphMaker/forms/LayersForm/Layer/scatterplot/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/Scatter.vue.d.ts.map

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