@milaboratories/graph-maker 1.1.177 → 1.1.178

package/dist/forms/LayersForm/Layer/discrete/StackedBar.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"StackedBar.vue.js","sources":["../../../../../src/forms/LayersForm/Layer/discrete/StackedBar.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { useStore } from '../../../../store';\nimport { computed } from \"vue\";\nimport type { AesOption } from '../../../../components/AesSettings/types';\nimport type { AestheticMappingCategorical } from '../../../../dataBindAes';\nimport { useDefaultAes } from './utils';\nimport { DiscreteUIState } from \"@milaboratories/pf-plots\";\nimport {\n  DEFAULT_BLACK,\n  DEFAULT_WHITE,\n} from '../../../../constantsAesthetic';\nimport AesSelector from '../../AesSelector.vue';\nimport { PlCheckbox, Slider, PlDropdown } from '@platforma-sdk/ui-vue';\n\nconst store = useStore();\nconst layer = \"stackedBar\";\nconst settings = computed(() => store.value.reactive.layersSettings[layer]);\nconst optionsState = computed(\n  () => store.value.reactive.optionsState as DiscreteUIState,\n);\n\nconst fillColor = computed(() =>\n  useDefaultAes(settings.value.fillColor, optionsState.value, DEFAULT_WHITE),\n);\nconst lineColor = computed(() =>\n  useDefaultAes(settings.value.lineColor, optionsState.value, DEFAULT_BLACK),\n);\n\nfunction onUpdate(\n  value: string | AestheticMappingCategorical,\n  colorOption: AesOption,\n  field: \"fillColor\" | \"lineColor\",\n) {\n  if (colorOption.type === \"dataCategorical\") {\n    store.value.reactive.layersSettings[layer][field] = {\n      type: colorOption.inputName,\n    };\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 HEIGHT_OPTIONS: { text:string, value:string }[] = [\n  { text: \"Sum\", value: \"sum\" },\n  { text: \"Min\", value: \"min\" },\n  { text: \"Max\", value: \"max\" },\n  { text: \"Mean\", value: \"mean\" },\n  { text: \"Median\", value: \"median\" },\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    @aes-update=\"(v, c) => onUpdate(v, c, 'fillColor')\"\n  />\n  <aes-selector\n    label=\"Stroke color\"\n    form-title=\"Stroke Color Settings\"\n    form-back-title=\"Layers\"\n    type=\"stroke\"\n    :selected=\"lineColor\"\n    @aes-update=\"(v, c) => onUpdate(v, c, 'lineColor')\"\n  />\n  <div class=\"input-item\" @click.stop>\n    <pl-dropdown\n      label=\"Height\"\n      :options=\"HEIGHT_OPTIONS\"\n      v-model=\"settings.height\"\n    />\n  </div>\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  <div class=\"checkbox-item\">\n    <pl-checkbox v-model=\"settings.normalize\" />\n    <span>Normalize</span>\n  </div>\n</template>\n"],"names":["layer","store","useStore","settings","computed","optionsState","fillColor","useDefaultAes","DEFAULT_WHITE","lineColor","DEFAULT_BLACK","onUpdate","value","colorOption","field","HEIGHT_OPTIONS","opacity","newValue","_createVNode","AesSelector","_cache","v","c","_createElementVNode","_unref","PlDropdown","$event","Slider","_hoisted_1","PlCheckbox"],"mappings":"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"}
+{"version":3,"file":"StackedBar.vue.js","sources":["../../../../../src/forms/LayersForm/Layer/discrete/StackedBar.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { useStore } from '../../../../store';\nimport { computed } from 'vue';\nimport type { AesOption } from '../../../../components/AesSettings/types';\nimport type { AestheticMappingCategorical } from '../../../../dataBindAes';\nimport { useDefaultAes } from './utils';\nimport type { DiscreteUIState } from '@milaboratories/pf-plots';\nimport {\n  DEFAULT_BLACK,\n  DEFAULT_WHITE,\n} from '../../../../constantsAesthetic';\nimport AesSelector from '../../AesSelector.vue';\nimport { PlCheckbox, Slider, PlDropdown } from '@platforma-sdk/ui-vue';\n\nconst store = useStore();\nconst layer = 'stackedBar';\nconst settings = computed(() => store.value.reactive.layersSettings[layer]);\nconst optionsState = computed(\n  () => store.value.reactive.optionsState as DiscreteUIState,\n);\n\nconst fillColor = computed(() =>\n  useDefaultAes(settings.value.fillColor, optionsState.value, DEFAULT_WHITE),\n);\nconst lineColor = computed(() =>\n  useDefaultAes(settings.value.lineColor, optionsState.value, DEFAULT_BLACK),\n);\n\nfunction onUpdate(\n  value: string | AestheticMappingCategorical,\n  colorOption: AesOption,\n  field: 'fillColor' | 'lineColor',\n) {\n  if (colorOption.type === 'dataCategorical') {\n    store.value.reactive.layersSettings[layer][field] = {\n      type: colorOption.inputName,\n    };\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 HEIGHT_OPTIONS: { text: string; value: string }[] = [\n  { text: 'Sum', value: 'sum' },\n  { text: 'Min', value: 'min' },\n  { text: 'Max', value: 'max' },\n  { text: 'Mean', value: 'mean' },\n  { text: 'Median', value: 'median' },\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  <AesSelector\n    label=\"Fill color\"\n    form-title=\"Fill Color Settings\"\n    form-back-title=\"Layers\"\n    type=\"fill\"\n    :selected=\"fillColor\"\n    @aes-update=\"(v, c) => onUpdate(v, c, 'fillColor')\"\n  />\n  <AesSelector\n    label=\"Stroke color\"\n    form-title=\"Stroke Color Settings\"\n    form-back-title=\"Layers\"\n    type=\"stroke\"\n    :selected=\"lineColor\"\n    @aes-update=\"(v, c) => onUpdate(v, c, 'lineColor')\"\n  />\n  <div class=\"input-item\" @click.stop>\n    <PlDropdown\n      v-model=\"settings.height\"\n      label=\"Height\"\n      :options=\"HEIGHT_OPTIONS\"\n    />\n  </div>\n  <Slider\n    v-model=\"opacity\"\n    label=\"Opacity\"\n    :min=\"0\"\n    :max=\"100\"\n    :step=\"1\"\n    :breakpoints=\"false\"\n    measure=\"%\"\n  />\n  <div class=\"checkbox-item\">\n    <PlCheckbox v-model=\"settings.normalize\" />\n    <span>Normalize</span>\n  </div>\n</template>\n"],"names":["layer","store","useStore","settings","computed","optionsState","fillColor","useDefaultAes","DEFAULT_WHITE","lineColor","DEFAULT_BLACK","onUpdate","value","colorOption","field","HEIGHT_OPTIONS","opacity","newValue","_createVNode","AesSelector","_cache","v","c","_createElementVNode","_unref","PlDropdown","$event","Slider","_hoisted_1","PlCheckbox"],"mappings":"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"}

package/dist/forms/LayersForm/Layer/discrete/Violin.vue.js

@@ -89,14 +89,14 @@ const w = { class: "checkbox-item" }, N = { class: "checkbox-item" }, Q = { key:
         }, null, 8, ["selected"])
       ])) : x("", !0),
       s(u(E), {
+        modelValue: v.value,
+        "onUpdate:modelValue": e[7] || (e[7] = (t) => v.value = t),
         label: "Opacity",
         min: 0,
         max: 100,
         step: 1,
         breakpoints: !1,
-        measure: "%",
-        modelValue: v.value,
-        "onUpdate:modelValue": e[7] || (e[7] = (t) => v.value = t)
+        measure: "%"
       }, null, 8, ["modelValue"])
     ], 64));
   }

package/dist/forms/LayersForm/Layer/discrete/Violin.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"Violin.vue.js","sources":["../../../../../src/forms/LayersForm/Layer/discrete/Violin.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { useStore } from '../../../../store';\nimport {Slider, PlCheckbox} from \"@platforma-sdk/ui-vue\";\nimport { computed } from \"vue\";\nimport type { AesOption } from '../../../../components/AesSettings/types';\nimport type { AestheticMappingCategorical } from '../../../../dataBindAes';\nimport { useDefaultAes } from './utils';\nimport { DiscreteUIState } from \"@milaboratories/pf-plots\";\nimport {\n  DEFAULT_BLACK,\n  DEFAULT_WHITE,\n} from '../../../../constantsAesthetic';\nimport AesSelector from '../../AesSelector.vue';\nimport {LineType} from '../../../../components/AesSettings/types';\n\nconst store = useStore();\nconst layer = \"violin\";\nconst settings = computed(() => store.value.reactive.layersSettings[layer]);\nconst optionsState = computed(\n  () => store.value.reactive.optionsState as DiscreteUIState,\n);\n\nconst fillColor = computed(() =>\n  useDefaultAes(settings.value.fillColor, optionsState.value, DEFAULT_WHITE),\n);\nconst lineColor = computed(() =>\n  useDefaultAes(settings.value.lineColor, optionsState.value, DEFAULT_BLACK),\n);\nconst lineType = computed(() => settings.value.lineType);\nconst medianLineType = computed(() => settings.value.medianLineStyle);\nconst quartilesLineType = computed(() => settings.value.quartilesLineStyle);\n\nfunction onUpdate(\n  value: string | AestheticMappingCategorical,\n  colorOption: AesOption,\n  field: \"fillColor\" | \"lineColor\",\n) {\n  if (colorOption.type === \"dataCategorical\") {\n    store.value.reactive.layersSettings[layer][field] = {\n      type: colorOption.inputName,\n    };\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}\nfunction onUpdateLineType(\n    value: LineType | AestheticMappingCategorical,\n    colorOption: AesOption,\n    field: \"lineType\",\n) {\n  store.value.reactive.layersSettings[layer][field] =\n      typeof value === \"object\" ? { type: colorOption.value } : value;\n  if (colorOption.type === \"dataCategorical\" && typeof value === \"object\") {\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    @aes-update=\"(v, c) => onUpdate(v, c, 'fillColor')\"\n  />\n  <aes-selector\n    label=\"Stroke color\"\n    form-title=\"Stroke Color Settings\"\n    form-back-title=\"Layers\"\n    type=\"stroke\"\n    :selected=\"lineColor\"\n    @aes-update=\"(v, c) => onUpdate(v, c, 'lineColor')\"\n  />\n  <aes-selector\n      label=\"Line Type\"\n      form-title=\"Line Type Settings\"\n      form-back-title=\"Layers\"\n      type=\"lineType\"\n      :possible-aes-source-inputs=\"[]\"\n      :selected=\"lineType\"\n      @aes-update=\"(v, c) => onUpdateLineType(v, c, 'lineType')\"\n  />\n  <div class=\"checkbox-item\">\n    <pl-checkbox v-model=\"settings.trim\" />\n    <span>Trim</span>\n  </div>\n  <div class=\"checkbox-item\">\n    <pl-checkbox v-model=\"settings.showQuartiles\" />\n    <span>Show median and quartiles</span>\n  </div>\n  <div v-if=\"settings.showQuartiles\">\n    <aes-selector\n      label=\"Madian Line Type\"\n      form-title=\"Line Type Settings\"\n      form-back-title=\"Layers\"\n      type=\"lineType\"\n      :possible-aes-source-inputs=\"[]\"\n      :selected=\"medianLineType\"\n      @aes-update=\"(v) => store.reactive.layersSettings[layer].medianLineStyle = v\"\n  />\n  <aes-selector\n      label=\"Quartiles Line Type\"\n      form-title=\"Line Type Settings\"\n      form-back-title=\"Layers\"\n      type=\"lineType\"\n      :possible-aes-source-inputs=\"[]\"\n      :selected=\"quartilesLineType\"\n      @aes-update=\"(v) => store.reactive.layersSettings[layer].quartilesLineStyle = v\"\n  />\n  </div>\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","optionsState","fillColor","useDefaultAes","DEFAULT_WHITE","lineColor","DEFAULT_BLACK","lineType","medianLineType","quartilesLineType","onUpdate","value","colorOption","field","onUpdateLineType","opacity","newValue","_createVNode","AesSelector","_cache","v","c","_createElementVNode","_hoisted_1","_unref","PlCheckbox","$event","_hoisted_2","_createElementBlock","_hoisted_3","Slider"],"mappings":"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"}
+{"version":3,"file":"Violin.vue.js","sources":["../../../../../src/forms/LayersForm/Layer/discrete/Violin.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { useStore } from '../../../../store';\nimport { Slider, PlCheckbox } from '@platforma-sdk/ui-vue';\nimport { computed } from 'vue';\nimport type { AesOption } from '../../../../components/AesSettings/types';\nimport type { AestheticMappingCategorical } from '../../../../dataBindAes';\nimport { useDefaultAes } from './utils';\nimport type { DiscreteUIState } from '@milaboratories/pf-plots';\nimport {\n  DEFAULT_BLACK,\n  DEFAULT_WHITE,\n} from '../../../../constantsAesthetic';\nimport AesSelector from '../../AesSelector.vue';\nimport type { LineType } from '../../../../components/AesSettings/types';\n\nconst store = useStore();\nconst layer = 'violin';\nconst settings = computed(() => store.value.reactive.layersSettings[layer]);\nconst optionsState = computed(\n  () => store.value.reactive.optionsState as DiscreteUIState,\n);\n\nconst fillColor = computed(() =>\n  useDefaultAes(settings.value.fillColor, optionsState.value, DEFAULT_WHITE),\n);\nconst lineColor = computed(() =>\n  useDefaultAes(settings.value.lineColor, optionsState.value, DEFAULT_BLACK),\n);\nconst lineType = computed(() => settings.value.lineType);\nconst medianLineType = computed(() => settings.value.medianLineStyle);\nconst quartilesLineType = computed(() => settings.value.quartilesLineStyle);\n\nfunction onUpdate(\n  value: string | AestheticMappingCategorical,\n  colorOption: AesOption,\n  field: 'fillColor' | 'lineColor',\n) {\n  if (colorOption.type === 'dataCategorical') {\n    store.value.reactive.layersSettings[layer][field] = {\n      type: colorOption.inputName,\n    };\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}\nfunction onUpdateLineType(\n  value: LineType | AestheticMappingCategorical,\n  colorOption: AesOption,\n  field: 'lineType',\n) {\n  store.value.reactive.layersSettings[layer][field]\n      = typeof value === 'object' ? { type: colorOption.value } : value;\n  if (colorOption.type === 'dataCategorical' && typeof value === 'object') {\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  <AesSelector\n    label=\"Fill color\"\n    form-title=\"Fill Color Settings\"\n    form-back-title=\"Layers\"\n    type=\"fill\"\n    :selected=\"fillColor\"\n    @aes-update=\"(v, c) => onUpdate(v, c, 'fillColor')\"\n  />\n  <AesSelector\n    label=\"Stroke color\"\n    form-title=\"Stroke Color Settings\"\n    form-back-title=\"Layers\"\n    type=\"stroke\"\n    :selected=\"lineColor\"\n    @aes-update=\"(v, c) => onUpdate(v, c, 'lineColor')\"\n  />\n  <AesSelector\n    label=\"Line Type\"\n    form-title=\"Line Type Settings\"\n    form-back-title=\"Layers\"\n    type=\"lineType\"\n    :possible-aes-source-inputs=\"[]\"\n    :selected=\"lineType\"\n    @aes-update=\"(v, c) => onUpdateLineType(v, c, 'lineType')\"\n  />\n  <div class=\"checkbox-item\">\n    <PlCheckbox v-model=\"settings.trim\" />\n    <span>Trim</span>\n  </div>\n  <div class=\"checkbox-item\">\n    <PlCheckbox v-model=\"settings.showQuartiles\" />\n    <span>Show median and quartiles</span>\n  </div>\n  <div v-if=\"settings.showQuartiles\">\n    <AesSelector\n      label=\"Madian Line Type\"\n      form-title=\"Line Type Settings\"\n      form-back-title=\"Layers\"\n      type=\"lineType\"\n      :possible-aes-source-inputs=\"[]\"\n      :selected=\"medianLineType\"\n      @aes-update=\"(v) => store.reactive.layersSettings[layer].medianLineStyle = v\"\n    />\n    <AesSelector\n      label=\"Quartiles Line Type\"\n      form-title=\"Line Type Settings\"\n      form-back-title=\"Layers\"\n      type=\"lineType\"\n      :possible-aes-source-inputs=\"[]\"\n      :selected=\"quartilesLineType\"\n      @aes-update=\"(v) => store.reactive.layersSettings[layer].quartilesLineStyle = v\"\n    />\n  </div>\n  <Slider\n    v-model=\"opacity\"\n    label=\"Opacity\"\n    :min=\"0\"\n    :max=\"100\"\n    :step=\"1\"\n    :breakpoints=\"false\"\n    measure=\"%\"\n  />\n</template>\n"],"names":["layer","store","useStore","settings","computed","optionsState","fillColor","useDefaultAes","DEFAULT_WHITE","lineColor","DEFAULT_BLACK","lineType","medianLineType","quartilesLineType","onUpdate","value","colorOption","field","onUpdateLineType","opacity","newValue","_createVNode","AesSelector","_cache","v","c","_createElementVNode","_hoisted_1","_unref","PlCheckbox","$event","_hoisted_2","_createElementBlock","_hoisted_3","Slider"],"mappings":"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"}

package/dist/forms/LayersForm/Layer/discrete/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sources":["../../../../../src/forms/LayersForm/Layer/discrete/utils.ts"],"sourcesContent":["import { DiscreteUIState } from \"@milaboratories/pf-plots\";\nimport {FixedOrMappedAes} from '../../../../constantsCommon';\n\nexport function useDefaultAes<T extends FixedOrMappedAes>(\n  value: T | null,\n  optionsState: DiscreteUIState,\n  defaultValue: T,\n  onlySecondaryAvailable = false,\n):T {\n  const hasPrimaryGrouping =\n    optionsState.components.primaryGrouping.selectorStates.length > 0;\n  const hasSecondaryGrouping =\n    optionsState.components.secondaryGrouping.selectorStates.length > 0;\n  if (value === null) {\n    // not selected by user\n    if (hasSecondaryGrouping) {\n      return { type: \"secondaryGrouping\" } as T;\n    }\n    if (hasPrimaryGrouping && !onlySecondaryAvailable) {\n      return { type: \"primaryGrouping\" } as T;\n    }\n    return defaultValue;\n  }\n  return value;\n}\n"],"names":["useDefaultAes","value","optionsState","defaultValue","onlySecondaryAvailable","hasPrimaryGrouping","hasSecondaryGrouping"],"mappings":"AAGO,SAASA,EACdC,GACAC,GACAC,GACAC,IAAyB,IACvB;AACF,QAAMC,IACJH,EAAa,WAAW,gBAAgB,eAAe,SAAS,GAC5DI,IACJJ,EAAa,WAAW,kBAAkB,eAAe,SAAS;AACpE,SAAID,MAAU,OAERK,IACK,EAAE,MAAM,oBAAA,IAEbD,KAAsB,CAACD,IAClB,EAAE,MAAM,kBAAA,IAEVD,IAEFF;AACT;"}
+{"version":3,"file":"utils.js","sources":["../../../../../src/forms/LayersForm/Layer/discrete/utils.ts"],"sourcesContent":["import type { DiscreteUIState } from '@milaboratories/pf-plots';\nimport type { FixedOrMappedAes } from '../../../../constantsCommon';\n\nexport function useDefaultAes<T extends FixedOrMappedAes>(\n  value: T | null,\n  optionsState: DiscreteUIState,\n  defaultValue: T,\n  onlySecondaryAvailable = false,\n): T {\n  const hasPrimaryGrouping\n    = optionsState.components.primaryGrouping.selectorStates.length > 0;\n  const hasSecondaryGrouping\n    = optionsState.components.secondaryGrouping.selectorStates.length > 0;\n  if (value === null) {\n    // not selected by user\n    if (hasSecondaryGrouping) {\n      return { type: 'secondaryGrouping' } as T;\n    }\n    if (hasPrimaryGrouping && !onlySecondaryAvailable) {\n      return { type: 'primaryGrouping' } as T;\n    }\n    return defaultValue;\n  }\n  return value;\n}\n"],"names":["useDefaultAes","value","optionsState","defaultValue","onlySecondaryAvailable","hasPrimaryGrouping","hasSecondaryGrouping"],"mappings":"AAGO,SAASA,EACdC,GACAC,GACAC,GACAC,IAAyB,IACtB;AACH,QAAMC,IACFH,EAAa,WAAW,gBAAgB,eAAe,SAAS,GAC9DI,IACFJ,EAAa,WAAW,kBAAkB,eAAe,SAAS;AACtE,SAAID,MAAU,OAERK,IACK,EAAE,MAAM,oBAAA,IAEbD,KAAsB,CAACD,IAClB,EAAE,MAAM,kBAAA,IAEVD,IAEFF;AACT;"}

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

@@ -9,10 +9,10 @@ import { PlBtnGroup as p, PlCheckbox as A, PlNumberField as F } from "@platforma
 const R = { class: "button-group-item" }, $ = { class: "button-group-item" }, w = { class: "checkbox-item" }, H = { class: "checkbox-item" }, X = { class: "button-group-item" }, Y = {
   class: "button-group-item",
   style: { display: "flex", alignItems: "end" }
-}, le = /* @__PURE__ */ y({
+}, Z = "heatmap", te = /* @__PURE__ */ y({
   __name: "Heatmap",
-  setup(Z) {
-    const s = U(), t = m(() => s.value.reactive.layersSettings.heatmap), b = m(() => s.value.reactive.optionsState), f = m(() => s.value.inputGuide.value), i = m(() => {
+  setup(j) {
+    const s = U(), t = m(() => s.value.reactive.layersSettings[Z]), b = m(() => s.value.reactive.optionsState), f = m(() => s.value.inputGuide.value), i = m(() => {
       var a;
       return (a = b.value.components.value.selectorStates[0]) == null ? void 0 : a.selectedSource;
     }), N = m(() => {
@@ -64,20 +64,20 @@ const R = { class: "button-group-item" }, $ = { class: "button-group-item" }, w
       })) : I("", !0),
       u("div", R, [
         o(n(p), {
+          modelValue: t.value.normalizationDirection,
+          "onUpdate:modelValue": e[2] || (e[2] = (l) => t.value.normalizationDirection = l),
           label: "Normalize by",
           options: S,
-          compact: !0,
-          modelValue: t.value.normalizationDirection,
-          "onUpdate:modelValue": e[2] || (e[2] = (l) => t.value.normalizationDirection = l)
+          compact: !0
         }, null, 8, ["modelValue"])
       ]),
       u("div", $, [
         o(n(p), {
+          modelValue: t.value.normalizationMethod,
+          "onUpdate:modelValue": e[3] || (e[3] = (l) => t.value.normalizationMethod = l),
           label: "Normalization method",
           options: O,
-          compact: !0,
-          modelValue: t.value.normalizationMethod,
-          "onUpdate:modelValue": e[3] || (e[3] = (l) => t.value.normalizationMethod = l)
+          compact: !0
         }, null, 8, ["modelValue"])
       ]),
       u("div", w, [
@@ -96,44 +96,44 @@ const R = { class: "button-group-item" }, $ = { class: "button-group-item" }, w
       ]),
       u("div", X, [
         o(n(p), {
+          modelValue: t.value.aggregationMethod,
+          "onUpdate:modelValue": e[6] || (e[6] = (l) => t.value.aggregationMethod = l),
           label: "Aggregation method",
           options: x,
-          compact: !0,
-          modelValue: t.value.aggregationMethod,
-          "onUpdate:modelValue": e[6] || (e[6] = (l) => t.value.aggregationMethod = l)
+          compact: !0
         }, null, 8, ["modelValue"])
       ]),
       u("div", Y, [
         o(n(p), {
-          label: "Treat NA value as:",
-          options: T,
-          compact: !0,
           modelValue: g.value,
           "onUpdate:modelValue": [
             e[7] || (e[7] = (l) => g.value = l),
             e[8] || (e[8] = (l) => {
               l === "custom" ? t.value.NAValueAs = c.value : t.value.NAValueAs = l;
             })
-          ]
+          ],
+          label: "Treat NA value as:",
+          options: T,
+          compact: !0
         }, null, 8, ["modelValue"]),
         o(n(F), {
-          style: { height: "33px", marginLeft: "16px", width: "75px" },
-          disabled: g.value !== "custom",
-          label: "NA value",
-          useIncrementButtons: !1,
           modelValue: c.value,
           "onUpdate:modelValue": [
             e[9] || (e[9] = (l) => c.value = l),
             e[10] || (e[10] = (l) => {
               l !== void 0 && (t.value.NAValueAs = l);
             })
-          ]
-        }, null, 8, ["disabled", "modelValue"])
+          ],
+          style: { height: "33px", marginLeft: "16px", width: "75px" },
+          disabled: g.value !== "custom",
+          label: "NA value",
+          useIncrementButtons: !1
+        }, null, 8, ["modelValue", "disabled"])
       ])
     ], 64));
   }
 });
 export {
-  le as default
+  te as default
 };
 //# sourceMappingURL=Heatmap.vue.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Heatmap.vue.js","sources":["../../../../../src/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, PlCheckbox, PlNumberField, SimpleOption } from '@platforma-sdk/ui-vue';\n\nconst store = useStore();\nconst layer: HeatmapLayer = 'heatmap';\nconst settings = computed(() => store.value.reactive.layersSettings.heatmap);\nconst optionsState = computed(() => store.value.reactive.optionsState as HeatmapUIState);\nconst inputGuide = computed(() => store.value.inputGuide.value as InputGuide<HeatmapUIState>);\n\nconst dataSource = computed(() => optionsState.value.components.value.selectorStates[0]?.selectedSource);\nconst savedDataValuePalette = computed(() => dataSource.value ? store.value.reactive.dataBindAes[dataSource.value]?.palette : undefined);\n\nconst palettesOpen = ref(false);\nconst palette = ref<ContinuousPalette>(savedDataValuePalette.value as ContinuousPalette ?? DEFAULT_CONTINUOUS_PALETTE);\n\nfunction onPaletteSelect(value: ContinuousPalette) {\n  palette.value = value;\n  palettesOpen.value = false;\n  if (dataSource.value) {\n    store.value.reactive.dataBindAes[dataSource.value] = createContinuousMappingFromPalette(value);\n  }\n}\n\nconst NORMALIZATION_DIRECTION: SimpleOption[] = [\n  { label: 'None', value: null },\n  { label: 'Columns', value: 'column' },\n  { label: 'Rows', value: 'row' }\n];\nconst NORMALIZATION_METHOD: SimpleOption[] = [\n  { label: 'z-score', value: 'standardScaling' },\n  { label: 'Min-max', value: 'meanNormalization' }\n];\nconst NA_VALUE_OPTIONS: SimpleOption[] = [\n  { label: 'empty', value: null },\n  { label: 'Special value', value: 'custom' }\n];\nconst AGGREGATION_METHOD: SimpleOption[] = [\n  {label: 'Mean', value: 'mean'},\n  {label: 'Min', value: 'min'},\n  {label: 'Max', value: 'max'},\n  {label: 'Median', value: 'median'},\n];\n\nconst NAValueOption = ref(settings.value.NAValueAs === null ? null : 'custom');\nconst customNA = ref(settings.value.NAValueAs ?? 0);\n</script>\n\n<template>\n  <multiselect-button\n    label=\"Color Palette \"\n    :title=\"PALETTE_MAP[palette].title\"\n    :palette=\"palette\"\n    @button-click=\"palettesOpen = true;\"\n  />\n  <form-wrapper\n    v-if=\"palettesOpen\"\n    title=\"Color Palette\"\n    back-title=\"Color mapping\"\n    @form:close=\"palettesOpen = false\"\n  >\n    <palettes-form :selected=\"palette\"\n                   :categorical=\"dataSource ? inputGuide.getSourceInfo(dataSource).type === 'String' : false\"\n                   @select=\"onPaletteSelect\" />\n  </form-wrapper>\n  <div class=\"button-group-item\">\n    <pl-btn-group\n      label=\"Normalize by\"\n      :options=\"NORMALIZATION_DIRECTION\"\n      :compact=\"true\"\n      v-model=\"settings.normalizationDirection\"\n    />\n  </div>\n  <div class=\"button-group-item\">\n    <pl-btn-group\n      label=\"Normalization method\"\n      :options=\"NORMALIZATION_METHOD\"\n      :compact=\"true\"\n      v-model=\"settings.normalizationMethod\"\n    />\n  </div>\n  <div class=\"checkbox-item\">\n    <pl-checkbox v-model=\"settings.aggregateByX\"/>\n    <span>Aggregate X groups</span>\n  </div>\n  <div class=\"checkbox-item\">\n    <pl-checkbox v-model=\"settings.aggregateByY\"/>\n    <span>Aggregate Y groups</span>\n  </div>\n  <div class=\"button-group-item\">\n    <pl-btn-group\n      label=\"Aggregation method\"\n      :options=\"AGGREGATION_METHOD\"\n      :compact=\"true\"\n      v-model=\"settings.aggregationMethod\"\n    />\n  </div>\n  <div class=\"button-group-item\" :style=\"{display: 'flex', alignItems: 'end'}\">\n    <pl-btn-group\n      label=\"Treat NA value as:\"\n      :options=\"NA_VALUE_OPTIONS\"\n      :compact=\"true\"\n      v-model=\"NAValueOption\"\n      @update:modelValue=\"(value:unknown) => {\n                if (value === 'custom') {\n          settings.NAValueAs = customNA;\n        } else {\n          settings.NAValueAs = value as number|null;\n        }\n          }\"\n    />\n    <pl-number-field\n      :style=\"{height: '33px', marginLeft: '16px', width: '75px'}\"\n      :disabled=\"NAValueOption !== 'custom'\"\n      label=\"NA value\"\n      :useIncrementButtons=\"false\"\n      v-model=\"customNA\"\n      @update:modelValue=\"(value:unknown) => {\n        if (value !== undefined) {\n          settings.NAValueAs = value as number;\n        }\n      }\"\n    />\n  </div>\n</template>\n"],"names":["store","useStore","settings","computed","optionsState","inputGuide","dataSource","_a","savedDataValuePalette","palettesOpen","ref","palette","DEFAULT_CONTINUOUS_PALETTE","onPaletteSelect","value","createContinuousMappingFromPalette","NORMALIZATION_DIRECTION","NORMALIZATION_METHOD","NA_VALUE_OPTIONS","AGGREGATION_METHOD","NAValueOption","customNA","_createVNode","MultiselectButton","_unref","PALETTE_MAP","_createBlock","FormWrapper","PalettesForm","_createElementVNode","_hoisted_1","PlBtnGroup","_cache","$event","_hoisted_2","_hoisted_3","PlCheckbox","_hoisted_4","_hoisted_5","_hoisted_6","PlNumberField"],"mappings":"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"}
+{"version":3,"file":"Heatmap.vue.js","sources":["../../../../../src/forms/LayersForm/Layer/heatmap/Heatmap.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { useStore } from '../../../../store';\nimport type { HeatmapLayer } from '../../../../types';\nimport { computed, ref } from 'vue';\nimport {\n  DEFAULT_CONTINUOUS_PALETTE,\n  PALETTE_MAP,\n} from '../../../../constantsAesthetic';\nimport type { ContinuousPalette } from '../../../../components/AesSettings/types';\nimport { createContinuousMappingFromPalette } from '../../../../dataBindAes';\nimport MultiselectButton from '../../../../components/MultiselectButton.vue';\nimport PalettesForm from '../../../../components/AesSettings/PalettesForm.vue';\nimport FormWrapper from '../../../../components/AesSettings/FormWrapper.vue';\nimport type { HeatmapUIState, InputGuide } from '@milaboratories/pf-plots';\nimport type { SimpleOption } from '@platforma-sdk/ui-vue';\nimport { PlBtnGroup, PlCheckbox, PlNumberField } from '@platforma-sdk/ui-vue';\n\nconst store = useStore();\nconst layer: HeatmapLayer = 'heatmap';\nconst settings = computed(() => store.value.reactive.layersSettings[layer]);\nconst optionsState = computed(() => store.value.reactive.optionsState as HeatmapUIState);\nconst inputGuide = computed(() => store.value.inputGuide.value as InputGuide<HeatmapUIState>);\n\nconst dataSource = computed(() => optionsState.value.components.value.selectorStates[0]?.selectedSource);\nconst savedDataValuePalette = computed(() => dataSource.value ? store.value.reactive.dataBindAes[dataSource.value]?.palette : undefined);\n\nconst palettesOpen = ref(false);\nconst palette = ref<ContinuousPalette>(savedDataValuePalette.value as ContinuousPalette ?? DEFAULT_CONTINUOUS_PALETTE);\n\nfunction onPaletteSelect(value: ContinuousPalette) {\n  palette.value = value;\n  palettesOpen.value = false;\n  if (dataSource.value) {\n    store.value.reactive.dataBindAes[dataSource.value] = createContinuousMappingFromPalette(value);\n  }\n}\n\nconst NORMALIZATION_DIRECTION: SimpleOption[] = [\n  { label: 'None', value: null },\n  { label: 'Columns', value: 'column' },\n  { label: 'Rows', value: 'row' },\n];\nconst NORMALIZATION_METHOD: SimpleOption[] = [\n  { label: 'z-score', value: 'standardScaling' },\n  { label: 'Min-max', value: 'meanNormalization' },\n];\nconst NA_VALUE_OPTIONS: SimpleOption[] = [\n  { label: 'empty', value: null },\n  { label: 'Special value', value: 'custom' },\n];\nconst AGGREGATION_METHOD: SimpleOption[] = [\n  { label: 'Mean', value: 'mean' },\n  { label: 'Min', value: 'min' },\n  { label: 'Max', value: 'max' },\n  { label: 'Median', value: 'median' },\n];\n\nconst NAValueOption = ref(settings.value.NAValueAs === null ? null : 'custom');\nconst customNA = ref(settings.value.NAValueAs ?? 0);\n</script>\n\n<template>\n  <MultiselectButton\n    label=\"Color Palette \"\n    :title=\"PALETTE_MAP[palette].title\"\n    :palette=\"palette\"\n    @button-click=\"palettesOpen = true;\"\n  />\n  <FormWrapper\n    v-if=\"palettesOpen\"\n    title=\"Color Palette\"\n    back-title=\"Color mapping\"\n    @form:close=\"palettesOpen = false\"\n  >\n    <PalettesForm\n      :selected=\"palette\"\n      :categorical=\"dataSource ? inputGuide.getSourceInfo(dataSource).type === 'String' : false\"\n      @select=\"onPaletteSelect\"\n    />\n  </FormWrapper>\n  <div class=\"button-group-item\">\n    <PlBtnGroup\n      v-model=\"settings.normalizationDirection\"\n      label=\"Normalize by\"\n      :options=\"NORMALIZATION_DIRECTION\"\n      :compact=\"true\"\n    />\n  </div>\n  <div class=\"button-group-item\">\n    <PlBtnGroup\n      v-model=\"settings.normalizationMethod\"\n      label=\"Normalization method\"\n      :options=\"NORMALIZATION_METHOD\"\n      :compact=\"true\"\n    />\n  </div>\n  <div class=\"checkbox-item\">\n    <PlCheckbox v-model=\"settings.aggregateByX\"/>\n    <span>Aggregate X groups</span>\n  </div>\n  <div class=\"checkbox-item\">\n    <PlCheckbox v-model=\"settings.aggregateByY\"/>\n    <span>Aggregate Y groups</span>\n  </div>\n  <div class=\"button-group-item\">\n    <PlBtnGroup\n      v-model=\"settings.aggregationMethod\"\n      label=\"Aggregation method\"\n      :options=\"AGGREGATION_METHOD\"\n      :compact=\"true\"\n    />\n  </div>\n  <div class=\"button-group-item\" :style=\"{display: 'flex', alignItems: 'end'}\">\n    <PlBtnGroup\n      v-model=\"NAValueOption\"\n      label=\"Treat NA value as:\"\n      :options=\"NA_VALUE_OPTIONS\"\n      :compact=\"true\"\n      @update:modelValue=\"(value:unknown) => {\n        if (value === 'custom') {\n          settings.NAValueAs = customNA;\n        } else {\n          settings.NAValueAs = value as number|null;\n        }\n      }\"\n    />\n    <PlNumberField\n      v-model=\"customNA\"\n      :style=\"{height: '33px', marginLeft: '16px', width: '75px'}\"\n      :disabled=\"NAValueOption !== 'custom'\"\n      label=\"NA value\"\n      :useIncrementButtons=\"false\"\n      @update:modelValue=\"(value:unknown) => {\n        if (value !== undefined) {\n          settings.NAValueAs = value as number;\n        }\n      }\"\n    />\n  </div>\n</template>\n"],"names":["layer","store","useStore","settings","computed","optionsState","inputGuide","dataSource","_a","savedDataValuePalette","palettesOpen","ref","palette","DEFAULT_CONTINUOUS_PALETTE","onPaletteSelect","value","createContinuousMappingFromPalette","NORMALIZATION_DIRECTION","NORMALIZATION_METHOD","NA_VALUE_OPTIONS","AGGREGATION_METHOD","NAValueOption","customNA","_createVNode","MultiselectButton","_unref","PALETTE_MAP","_createBlock","FormWrapper","PalettesForm","_createElementVNode","_hoisted_1","PlBtnGroup","_cache","$event","_hoisted_2","_hoisted_3","PlCheckbox","_hoisted_4","_hoisted_5","_hoisted_6","PlNumberField"],"mappings":"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"}

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

@@ -1,4 +1,4 @@
-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 { defineComponent as g, computed as r, reactive as y, ref as f, createElementBlock as _, openBlock as s, Fragment as S, renderList as P, createElementVNode as C, createVNode as T, createBlock as k, createCommentVNode as B, 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";
@@ -13,7 +13,7 @@ const V = { class: "section-title" }, q = /* @__PURE__ */ g({
     ), 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) => {
+    }), c = r(() => i.value.reduce((n, e) => (n[e] = A.value.getSourceInfo(e), n), {})), a = y(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;
@@ -22,7 +22,7 @@ const V = { class: "section-title" }, q = /* @__PURE__ */ g({
       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, [
+    return (n, e) => (s(!0), _(S, null, P(i.value, (t) => (s(), _(S, { key: t }, [
       C("div", V, [
         C("span", null, L(c.value[t].label), 1)
       ]),
@@ -35,7 +35,7 @@ const V = { class: "section-title" }, q = /* @__PURE__ */ g({
           l.value = t, m.value = t;
         }
       }, null, 8, ["title", "palette", "onButtonClick"]),
-      l.value === t ? (s(), B(G, {
+      l.value === t ? (s(), k(G, {
         key: 0,
         title: "Color Palette",
         "back-title": "Color mapping",
@@ -49,8 +49,8 @@ const V = { class: "section-title" }, q = /* @__PURE__ */ g({
           }, null, 8, ["selected", "categorical"])
         ]),
         _: 2
-      }, 1024)) : k("", !0)
-    ], 64))), 256));
+      }, 1024)) : B("", !0)
+    ], 64))), 128));
   }
 });
 export {

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

@@ -1 +1 @@
-{"version":3,"file":"HeatmapAnnotations.vue.js","sources":["../../../../../src/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","_createElementBlock","_Fragment","_renderList","_createElementVNode","_hoisted_1","_toDisplayString","_createVNode","MultiselectButton","_unref","PALETTE_MAP","_createBlock","FormWrapper","PalettesForm"],"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;6BAIEc,EAkBWC,GAAA,MAAAC,EAlBgBtB,EAAA,OAAiB,CAA3BM;MACfiB,EAAiF,OAAjFC,GAAiF;AAAA,QAAtDD,EAAgD,QAAA,MAAAE,EAAvCrB,EAAA,MAAgBE,CAAM,EAAE,KAAK,GAAA,CAAA;AAAA,MAAA;MACjEoB,EAMEC,GAAA;AAAA,QALA,OAAM;AAAA,QACL,OAAOC,EAAAC,CAAA,EAAYtB,EAASD,CAAM,GAAG;AAAA,QACrC,SAASC,EAASD,CAAM;AAAA,QACxB,OAAO,EAAA,cAAA,OAAA;AAAA,QACP;AAAc,UAAAQ,EAAA,QAAeR,GAAQU,EAAA,QAAgBV;AAAA,QAAM;AAAA,MAAA;MAGtDQ,EAAA,UAAiBR,UADzBwB,EAQeC,GAAA;AAAA;QANb,OAAM;AAAA,QACN,cAAW;AAAA,QACV,uCAAYjB,EAAA,QAAY;AAAA,MAAA;mBAEzB,MAC2C;AAAA,UAD3CY,EAC2CM,GAAA;AAAA,YAD3B,UAAUzB,EAASD,CAAM;AAAA,YAAI,aAAaF,EAAA,MAAgBE,CAAM,EAAE,SAAI;AAAA,YACtE,UAAQW;AAAA,UAAA;;;;;;;"}
+{"version":3,"file":"HeatmapAnnotations.vue.js","sources":["../../../../../src/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 type { 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 type { 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\" :key=\"source\">\n    <div class=\"section-title\"><span>{{ annotationsInfo[source].label }}</span></div>\n    <MultiselectButton\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    <FormWrapper\n      v-if=\"palettesOpen === source\"\n      title=\"Color Palette\"\n      back-title=\"Color mapping\"\n      @form:close=\"palettesOpen = null\"\n    >\n      <PalettesForm\n        :selected=\"palettes[source]\" :categorical=\"annotationsInfo[source].type === 'String'\"\n        @select=\"onPaletteSelect\"\n      />\n    </FormWrapper>\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","_createElementBlock","_Fragment","_renderList","_createElementVNode","_hoisted_1","_toDisplayString","_createVNode","MultiselectButton","_unref","PALETTE_MAP","_createBlock","FormWrapper","PalettesForm"],"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;6BAIEc,EAoBWC,GAAA,MAAAC,EApBgBtB,EAAA,OAAiB,CAA3BM,wBAAmCA,KAAM;AAAA,MACxDiB,EAAiF,OAAjFC,GAAiF;AAAA,QAAtDD,EAAgD,QAAA,MAAAE,EAAvCrB,EAAA,MAAgBE,CAAM,EAAE,KAAK,GAAA,CAAA;AAAA,MAAA;MACjEoB,EAMEC,GAAA;AAAA,QALA,OAAM;AAAA,QACL,OAAOC,EAAAC,CAAA,EAAYtB,EAASD,CAAM,GAAG;AAAA,QACrC,SAASC,EAASD,CAAM;AAAA,QACxB,OAAO,EAAA,cAAA,OAAA;AAAA,QACP;AAAc,UAAAQ,EAAA,QAAeR,GAAQU,EAAA,QAAgBV;AAAA,QAAM;AAAA,MAAA;MAGtDQ,EAAA,UAAiBR,UADzBwB,EAUcC,GAAA;AAAA;QARZ,OAAM;AAAA,QACN,cAAW;AAAA,QACV,uCAAYjB,EAAA,QAAY;AAAA,MAAA;mBAEzB,MAGE;AAAA,UAHFY,EAGEM,GAAA;AAAA,YAFC,UAAUzB,EAASD,CAAM;AAAA,YAAI,aAAaF,EAAA,MAAgBE,CAAM,EAAE,SAAI;AAAA,YACtE,UAAQW;AAAA,UAAA;;;;;;;"}

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

@@ -15,10 +15,10 @@ const G = { class: "checkbox-item" }, F = {
 }, H = { class: "button-group-item" }, Z = { class: "button-group-item" }, _ = { class: "checkbox-item" }, j = { class: "checkbox-item" }, q = { class: "button-group-item" }, J = {
   class: "button-group-item",
   style: { display: "flex", alignItems: "end" }
-}, ue = /* @__PURE__ */ O({
+}, K = "heatmapClustered", ne = /* @__PURE__ */ O({
   __name: "HeatmapClustered",
-  setup(K) {
-    const d = I(), a = r(() => d.value.reactive.layersSettings.heatmapClustered), c = r(() => d.value.reactive.optionsState), x = r(() => d.value.inputGuide.value), s = r(() => {
+  setup(Q) {
+    const d = I(), a = r(() => d.value.reactive.layersSettings[K]), c = r(() => d.value.reactive.optionsState), x = r(() => d.value.inputGuide.value), s = r(() => {
       var n;
       return (n = c.value.components.value.selectorStates[0]) == null ? void 0 : n.selectedSource;
     }), C = r(() => {
@@ -32,13 +32,13 @@ const G = { class: "checkbox-item" }, F = {
       { label: "None", value: null },
       { label: "Columns", value: "column" },
       { label: "Rows", value: "row" }
-    ], M = [
+    ], y = [
       { label: "z-score", value: "standardScaling" },
       { label: "Min-max", value: "meanNormalization" }
-    ], U = [
+    ], M = [
       { label: "empty", value: null },
       { label: "Special value", value: "custom" }
-    ], y = [
+    ], U = [
       { label: "Mean", value: "mean" },
       { label: "Min", value: "min" },
       { label: "Max", value: "max" },
@@ -98,20 +98,20 @@ const G = { class: "checkbox-item" }, F = {
       ])),
       t("div", H, [
         o(u(V), {
+          modelValue: a.value.normalizationDirection,
+          "onUpdate:modelValue": e[6] || (e[6] = (l) => a.value.normalizationDirection = l),
           label: "Normalize by",
           options: k,
-          compact: !0,
-          modelValue: a.value.normalizationDirection,
-          "onUpdate:modelValue": e[6] || (e[6] = (l) => a.value.normalizationDirection = l)
+          compact: !0
         }, null, 8, ["modelValue"])
       ]),
       t("div", Z, [
         o(u(V), {
-          label: "Normalization method",
-          options: M,
-          compact: !0,
           modelValue: a.value.normalizationMethod,
-          "onUpdate:modelValue": e[7] || (e[7] = (l) => a.value.normalizationMethod = l)
+          "onUpdate:modelValue": e[7] || (e[7] = (l) => a.value.normalizationMethod = l),
+          label: "Normalization method",
+          options: y,
+          compact: !0
         }, null, 8, ["modelValue"])
       ]),
       t("div", _, [
@@ -130,44 +130,44 @@ const G = { class: "checkbox-item" }, F = {
       ]),
       t("div", q, [
         o(u(V), {
-          label: "Aggregation method",
-          options: y,
-          compact: !0,
           modelValue: a.value.aggregationMethod,
-          "onUpdate:modelValue": e[10] || (e[10] = (l) => a.value.aggregationMethod = l)
+          "onUpdate:modelValue": e[10] || (e[10] = (l) => a.value.aggregationMethod = l),
+          label: "Aggregation method",
+          options: U,
+          compact: !0
         }, null, 8, ["modelValue"])
       ]),
       t("div", J, [
         o(u(V), {
-          label: "Treat NA value as:",
-          options: U,
-          compact: !0,
           modelValue: b.value,
           "onUpdate:modelValue": [
             e[11] || (e[11] = (l) => b.value = l),
             e[12] || (e[12] = (l) => {
               l === "custom" ? a.value.NAValueAs = f.value : a.value.NAValueAs = l;
             })
-          ]
+          ],
+          label: "Treat NA value as:",
+          options: M,
+          compact: !0
         }, null, 8, ["modelValue"]),
         o(u(P), {
-          style: { height: "33px", marginLeft: "16px", width: "75px" },
-          disabled: b.value !== "custom",
-          label: "NA value",
-          useIncrementButtons: !1,
           modelValue: f.value,
           "onUpdate:modelValue": [
             e[13] || (e[13] = (l) => f.value = l),
             e[14] || (e[14] = (l) => {
               l !== void 0 && (a.value.NAValueAs = l);
             })
-          ]
-        }, null, 8, ["disabled", "modelValue"])
+          ],
+          style: { height: "33px", marginLeft: "16px", width: "75px" },
+          disabled: b.value !== "custom",
+          label: "NA value",
+          useIncrementButtons: !1
+        }, null, 8, ["modelValue", "disabled"])
       ])
     ], 64));
   }
 });
 export {
-  ue as default
+  ne as default
 };
 //# sourceMappingURL=HeatmapClustered.vue.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"HeatmapClustered.vue.js","sources":["../../../../../src/forms/LayersForm/Layer/heatmap/HeatmapClustered.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport {useStore} from '../../../../store';\nimport {HeatmapLayer} from '../../../../types';\nimport { PlBtnGroup, PlCheckbox, PlNumberField, SimpleOption } from '@platforma-sdk/ui-vue';\nimport { computed, ref } from 'vue';\nimport { DEFAULT_CONTINUOUS_PALETTE, PALETTE_MAP } from '../../../../constantsAesthetic';\nimport { HeatmapUIState, InputGuide } from '@milaboratories/pf-plots';\nimport { ContinuousPalette } from '../../../../components/AesSettings/types';\nimport { createContinuousMappingFromPalette } from '../../../../dataBindAes';\nimport MultiselectButton from '../../../../components/MultiselectButton.vue';\nimport PalettesForm from '../../../../components/AesSettings/PalettesForm.vue';\nimport FormWrapper from '../../../../components/AesSettings/FormWrapper.vue';\n\nconst store = useStore();\nconst layer:HeatmapLayer = 'heatmapClustered';\nconst settings = computed(() => store.value.reactive.layersSettings.heatmapClustered)\n\nconst optionsState = computed(() => store.value.reactive.optionsState as HeatmapUIState);\nconst inputGuide = computed(() => store.value.inputGuide.value as InputGuide<HeatmapUIState>);\n\nconst dataSource = computed(() => optionsState.value.components.value.selectorStates[0]?.selectedSource);\nconst savedDataValuePalette = computed(() => dataSource.value ? store.value.reactive.dataBindAes[dataSource.value]?.palette : undefined);\n\nconst palettesOpen = ref(false);\nconst palette = ref<ContinuousPalette>(savedDataValuePalette.value as ContinuousPalette ?? DEFAULT_CONTINUOUS_PALETTE);\n\nfunction onPaletteSelect(value: ContinuousPalette) {\n  palette.value = value;\n  palettesOpen.value = false;\n  if (dataSource.value) {\n    store.value.reactive.dataBindAes[dataSource.value] = createContinuousMappingFromPalette(value);\n  }\n}\nconst NORMALIZATION_DIRECTION:SimpleOption[] = [\n  {label: 'None', value: null},\n  {label: 'Columns', value: 'column'},\n  {label: 'Rows', value: 'row'},\n];\nconst NORMALIZATION_METHOD:SimpleOption[] = [\n  {label: 'z-score', value: 'standardScaling'},\n  {label: 'Min-max', value: 'meanNormalization'},\n];\nconst NA_VALUE_OPTIONS: SimpleOption[] = [\n  { label: 'empty', value: null },\n  { label: 'Special value', value: 'custom' }\n];\nconst AGGREGATION_METHOD: SimpleOption[] = [\n  {label: 'Mean', value: 'mean'},\n  {label: 'Min', value: 'min'},\n  {label: 'Max', value: 'max'},\n  {label: 'Median', value: 'median'},\n];\n\nconst NAValueOption = ref(settings.value.NAValueAs !== null ? 'custom' : settings.value.NAValueAs);\nconst customNA = ref(settings.value.NAValueAs ?? 0);\n</script>\n\n<template>\n  <multiselect-button\n    label=\"Color Palette \"\n    :title=\"PALETTE_MAP[palette].title\"\n    :palette=\"palette\"\n    @button-click=\"palettesOpen = true;\"\n  />\n  <form-wrapper\n    v-if=\"palettesOpen\"\n    title=\"Color Palette\"\n    back-title=\"Color mapping\"\n    @form:close=\"palettesOpen = false\"\n  >\n    <palettes-form :selected=\"palette\" :categorical=\"dataSource ? inputGuide.getSourceInfo(dataSource).type === 'String' : false\" @select=\"onPaletteSelect\" />\n  </form-wrapper>\n  <div class=\"checkbox-item\">\n    <pl-checkbox v-model=\"settings.disableClusteringX\"/>\n    <span>Disable clustering for X axis</span>\n  </div>\n  <div class=\"checkbox-item\" v-if=\"!settings.disableClusteringX\">\n    <pl-checkbox v-model=\"settings.dendrogramX\" />\n    <span>Show dendrogram for X axis</span>\n  </div>\n  <div class=\"checkbox-item\">\n    <pl-checkbox v-model=\"settings.disableClusteringY\"/>\n    <span>Disable clustering for Y axis</span>\n  </div>\n  <div class=\"checkbox-item\" v-if=\"!settings.disableClusteringY\">\n    <pl-checkbox v-model=\"settings.dendrogramY\"/>\n    <span>Show dendrogram for Y axis</span>\n  </div>\n  <div class=\"button-group-item\">\n    <pl-btn-group\n      label=\"Normalize by\"\n      :options=\"NORMALIZATION_DIRECTION\"\n      :compact=\"true\"\n      v-model=\"settings.normalizationDirection\"\n    />\n  </div>\n  <div class=\"button-group-item\">\n    <pl-btn-group\n      label=\"Normalization method\"\n      :options=\"NORMALIZATION_METHOD\"\n      :compact=\"true\"\n      v-model=\"settings.normalizationMethod\"\n    />\n  </div>\n  <div class=\"checkbox-item\">\n    <pl-checkbox v-model=\"settings.aggregateByX\"/>\n    <span>Aggregate X groups</span>\n  </div>\n  <div class=\"checkbox-item\">\n    <pl-checkbox v-model=\"settings.aggregateByY\"/>\n    <span>Aggregate Y groups</span>\n  </div>\n  <div class=\"button-group-item\">\n    <pl-btn-group\n      label=\"Aggregation method\"\n      :options=\"AGGREGATION_METHOD\"\n      :compact=\"true\"\n      v-model=\"settings.aggregationMethod\"\n    />\n  </div>\n  <div class=\"button-group-item\" :style=\"{display: 'flex', alignItems: 'end'}\">\n    <pl-btn-group\n      label=\"Treat NA value as:\"\n      :options=\"NA_VALUE_OPTIONS\"\n      :compact=\"true\"\n      v-model=\"NAValueOption\"\n      @update:modelValue=\"(value:unknown) => {\n                if (value === 'custom') {\n          settings.NAValueAs = customNA;\n        } else {\n          settings.NAValueAs = value as number|null;\n        }\n          }\"\n    />\n    <pl-number-field\n      :style=\"{height: '33px', marginLeft: '16px', width: '75px'}\"\n      :disabled=\"NAValueOption !== 'custom'\"\n      label=\"NA value\"\n      :useIncrementButtons=\"false\"\n      v-model=\"customNA\"\n      @update:modelValue=\"(value:unknown) => {\n        if (value !== undefined) {\n          settings.NAValueAs = value as number;\n        }\n      }\"\n    />\n  </div>\n</template>\n"],"names":["store","useStore","settings","computed","optionsState","inputGuide","dataSource","_a","savedDataValuePalette","palettesOpen","ref","palette","DEFAULT_CONTINUOUS_PALETTE","onPaletteSelect","value","createContinuousMappingFromPalette","NORMALIZATION_DIRECTION","NORMALIZATION_METHOD","NA_VALUE_OPTIONS","AGGREGATION_METHOD","NAValueOption","customNA","_createVNode","MultiselectButton","_unref","PALETTE_MAP","_createBlock","FormWrapper","PalettesForm","_createElementVNode","_hoisted_1","PlCheckbox","_cache","$event","_openBlock","_createElementBlock","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","PlBtnGroup","_hoisted_6","_hoisted_7","_hoisted_8","_hoisted_9","_hoisted_10","PlNumberField"],"mappings":"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"}
+{"version":3,"file":"HeatmapClustered.vue.js","sources":["../../../../../src/forms/LayersForm/Layer/heatmap/HeatmapClustered.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { useStore } from '../../../../store';\nimport type { HeatmapLayer } from '../../../../types';\nimport type { SimpleOption } from '@platforma-sdk/ui-vue';\nimport { PlBtnGroup, PlCheckbox, PlNumberField } from '@platforma-sdk/ui-vue';\nimport { computed, ref } from 'vue';\nimport { DEFAULT_CONTINUOUS_PALETTE, PALETTE_MAP } from '../../../../constantsAesthetic';\nimport type { HeatmapUIState, InputGuide } from '@milaboratories/pf-plots';\nimport type { ContinuousPalette } from '../../../../components/AesSettings/types';\nimport { createContinuousMappingFromPalette } from '../../../../dataBindAes';\nimport MultiselectButton from '../../../../components/MultiselectButton.vue';\nimport PalettesForm from '../../../../components/AesSettings/PalettesForm.vue';\nimport FormWrapper from '../../../../components/AesSettings/FormWrapper.vue';\n\nconst store = useStore();\nconst layer: HeatmapLayer = 'heatmapClustered';\nconst settings = computed(() => store.value.reactive.layersSettings[layer]);\n\nconst optionsState = computed(() => store.value.reactive.optionsState as HeatmapUIState);\nconst inputGuide = computed(() => store.value.inputGuide.value as InputGuide<HeatmapUIState>);\n\nconst dataSource = computed(() => optionsState.value.components.value.selectorStates[0]?.selectedSource);\nconst savedDataValuePalette = computed(() => dataSource.value ? store.value.reactive.dataBindAes[dataSource.value]?.palette : undefined);\n\nconst palettesOpen = ref(false);\nconst palette = ref<ContinuousPalette>(savedDataValuePalette.value as ContinuousPalette ?? DEFAULT_CONTINUOUS_PALETTE);\n\nfunction onPaletteSelect(value: ContinuousPalette) {\n  palette.value = value;\n  palettesOpen.value = false;\n  if (dataSource.value) {\n    store.value.reactive.dataBindAes[dataSource.value] = createContinuousMappingFromPalette(value);\n  }\n}\nconst NORMALIZATION_DIRECTION: SimpleOption[] = [\n  { label: 'None', value: null },\n  { label: 'Columns', value: 'column' },\n  { label: 'Rows', value: 'row' },\n];\nconst NORMALIZATION_METHOD: SimpleOption[] = [\n  { label: 'z-score', value: 'standardScaling' },\n  { label: 'Min-max', value: 'meanNormalization' },\n];\nconst NA_VALUE_OPTIONS: SimpleOption[] = [\n  { label: 'empty', value: null },\n  { label: 'Special value', value: 'custom' },\n];\nconst AGGREGATION_METHOD: SimpleOption[] = [\n  { label: 'Mean', value: 'mean' },\n  { label: 'Min', value: 'min' },\n  { label: 'Max', value: 'max' },\n  { label: 'Median', value: 'median' },\n];\n\nconst NAValueOption = ref(settings.value.NAValueAs !== null ? 'custom' : settings.value.NAValueAs);\nconst customNA = ref(settings.value.NAValueAs ?? 0);\n</script>\n\n<template>\n  <MultiselectButton\n    label=\"Color Palette \"\n    :title=\"PALETTE_MAP[palette].title\"\n    :palette=\"palette\"\n    @button-click=\"palettesOpen = true;\"\n  />\n  <FormWrapper\n    v-if=\"palettesOpen\"\n    title=\"Color Palette\"\n    back-title=\"Color mapping\"\n    @form:close=\"palettesOpen = false\"\n  >\n    <PalettesForm :selected=\"palette\" :categorical=\"dataSource ? inputGuide.getSourceInfo(dataSource).type === 'String' : false\" @select=\"onPaletteSelect\" />\n  </FormWrapper>\n  <div class=\"checkbox-item\">\n    <PlCheckbox v-model=\"settings.disableClusteringX\"/>\n    <span>Disable clustering for X axis</span>\n  </div>\n  <div v-if=\"!settings.disableClusteringX\" class=\"checkbox-item\">\n    <PlCheckbox v-model=\"settings.dendrogramX\" />\n    <span>Show dendrogram for X axis</span>\n  </div>\n  <div class=\"checkbox-item\">\n    <PlCheckbox v-model=\"settings.disableClusteringY\"/>\n    <span>Disable clustering for Y axis</span>\n  </div>\n  <div v-if=\"!settings.disableClusteringY\" class=\"checkbox-item\">\n    <PlCheckbox v-model=\"settings.dendrogramY\"/>\n    <span>Show dendrogram for Y axis</span>\n  </div>\n  <div class=\"button-group-item\">\n    <PlBtnGroup\n      v-model=\"settings.normalizationDirection\"\n      label=\"Normalize by\"\n      :options=\"NORMALIZATION_DIRECTION\"\n      :compact=\"true\"\n    />\n  </div>\n  <div class=\"button-group-item\">\n    <PlBtnGroup\n      v-model=\"settings.normalizationMethod\"\n      label=\"Normalization method\"\n      :options=\"NORMALIZATION_METHOD\"\n      :compact=\"true\"\n    />\n  </div>\n  <div class=\"checkbox-item\">\n    <PlCheckbox v-model=\"settings.aggregateByX\"/>\n    <span>Aggregate X groups</span>\n  </div>\n  <div class=\"checkbox-item\">\n    <PlCheckbox v-model=\"settings.aggregateByY\"/>\n    <span>Aggregate Y groups</span>\n  </div>\n  <div class=\"button-group-item\">\n    <PlBtnGroup\n      v-model=\"settings.aggregationMethod\"\n      label=\"Aggregation method\"\n      :options=\"AGGREGATION_METHOD\"\n      :compact=\"true\"\n    />\n  </div>\n  <div class=\"button-group-item\" :style=\"{display: 'flex', alignItems: 'end'}\">\n    <PlBtnGroup\n      v-model=\"NAValueOption\"\n      label=\"Treat NA value as:\"\n      :options=\"NA_VALUE_OPTIONS\"\n      :compact=\"true\"\n      @update:modelValue=\"(value:unknown) => {\n        if (value === 'custom') {\n          settings.NAValueAs = customNA;\n        } else {\n          settings.NAValueAs = value as number|null;\n        }\n      }\"\n    />\n    <PlNumberField\n      v-model=\"customNA\"\n      :style=\"{height: '33px', marginLeft: '16px', width: '75px'}\"\n      :disabled=\"NAValueOption !== 'custom'\"\n      label=\"NA value\"\n      :useIncrementButtons=\"false\"\n      @update:modelValue=\"(value:unknown) => {\n        if (value !== undefined) {\n          settings.NAValueAs = value as number;\n        }\n      }\"\n    />\n  </div>\n</template>\n"],"names":["layer","store","useStore","settings","computed","optionsState","inputGuide","dataSource","_a","savedDataValuePalette","palettesOpen","ref","palette","DEFAULT_CONTINUOUS_PALETTE","onPaletteSelect","value","createContinuousMappingFromPalette","NORMALIZATION_DIRECTION","NORMALIZATION_METHOD","NA_VALUE_OPTIONS","AGGREGATION_METHOD","NAValueOption","customNA","_createVNode","MultiselectButton","_unref","PALETTE_MAP","_createBlock","FormWrapper","PalettesForm","_createElementVNode","_hoisted_1","PlCheckbox","_cache","$event","_openBlock","_createElementBlock","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","PlBtnGroup","_hoisted_6","_hoisted_7","_hoisted_8","_hoisted_9","_hoisted_10","PlNumberField"],"mappings":"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"}

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

@@ -36,14 +36,14 @@ const i = "bins", V = /* @__PURE__ */ f({
         onAesUpdate: e[0] || (e[0] = (l, r) => m(l, r, "fillColor"))
       }, null, 8, ["selected", "withoutFixed"]),
       c(v(C), {
+        modelValue: u.value,
+        "onUpdate:modelValue": e[1] || (e[1] = (l) => u.value = l),
         label: "Opacity",
         min: 0,
         max: 100,
         step: 1,
         breakpoints: !1,
-        measure: "%",
-        modelValue: u.value,
-        "onUpdate:modelValue": e[1] || (e[1] = (l) => u.value = l)
+        measure: "%"
       }, null, 8, ["modelValue"])
     ], 64));
   }

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

@@ -1 +1 @@
-{"version":3,"file":"Bins.vue.js","sources":["../../../../../src/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","_createVNode","AesSelector","_cache","v","c","_unref","Slider","$event"],"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;;MAICC,EAQEC,GAAA;AAAA,QAPA,OAAM;AAAA,QACN,cAAW;AAAA,QACX,mBAAgB;AAAA,QAChB,MAAK;AAAA,QACJ,UAAUR,EAAA;AAAA,QACV,qBAAqBA,EAAA,SAAS;AAAA,QAC9B,aAAUS,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAGC,GAAOC,MAAUT,EAASQ,GAAGC,GAAC,WAAA;AAAA,MAAA;MAE9CJ,EAQEK,EAAAC,CAAA,GAAA;AAAA,QAPA,OAAM;AAAA,QACL,KAAK;AAAA,QACL,KAAK;AAAA,QACL,MAAM;AAAA,QACN,aAAa;AAAA,QACd,SAAQ;AAAA,oBACCR,EAAA;AAAA,sDAAAA,EAAO,QAAAS;AAAA,MAAA;;;;"}
+{"version":3,"file":"Bins.vue.js","sources":["../../../../../src/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 type { AesOption } from '../../../../components/AesSettings/types';\nimport type { MappingLink } from '../../../../constantsCommon';\nimport type { 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  <AesSelector\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    v-model=\"opacity\"\n    label=\"Opacity\"\n    :min=\"0\"\n    :max=\"100\"\n    :step=\"1\"\n    :breakpoints=\"false\"\n    measure=\"%\"\n  />\n</template>\n"],"names":["layer","store","useStore","settings","computed","useDefaultAes","value","optionsState","defaultValue","hasGrouping","fillColor","DEFAULT_WHITE","onUpdate","colorOption","field","opacity","newValue","_createVNode","AesSelector","_cache","v","c","_unref","Slider","$event"],"mappings":";;;;;AAYA,MAAMA,IAAQ;;;AADd,UAAMC,IAAQC,EAAA,GAERC,IAAWC,EAAS,MAAMH,EAAM,MAAM,SAAS,eAAeD,CAAK,CAAC;AAE1E,aAASK,EACPC,GACAC,GACAC,GACG;AACH,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;;MAICC,EAQEC,GAAA;AAAA,QAPA,OAAM;AAAA,QACN,cAAW;AAAA,QACX,mBAAgB;AAAA,QAChB,MAAK;AAAA,QACJ,UAAUR,EAAA;AAAA,QACV,qBAAqBA,EAAA,SAAS;AAAA,QAC9B,aAAUS,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAGC,GAAOC,MAAUT,EAASQ,GAAGC,GAAC,WAAA;AAAA,MAAA;MAE9CJ,EAQEK,EAAAC,CAAA,GAAA;AAAA,oBAPSR,EAAA;AAAA,sDAAAA,EAAO,QAAAS;AAAA,QAChB,OAAM;AAAA,QACL,KAAK;AAAA,QACL,KAAK;AAAA,QACL,MAAM;AAAA,QACN,aAAa;AAAA,QACd,SAAQ;AAAA,MAAA;;;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"Curve.vue.js","sources":["../../../../../src/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","_createVNode","AesSelector","_cache","v","c","_createElementVNode","_hoisted_1","_unref","PlToggleSwitch","$event"],"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;;MAIEQ,EASEC,GAAA;AAAA,QARE,OAAM;AAAA,QACN,cAAW;AAAA,QACX,mBAAgB;AAAA,QAChB,MAAK;AAAA,QACJ,UAAUR,EAAA;AAAA,QACV,qBAAqBA,EAAA,SAAS;AAAA,QAC9B,8BAA4B,CAAA,UAAA;AAAA,QAC5B,aAAUS,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAGC,GAAGC,MAAMP,EAASM,GAAGC,GAAC,WAAA;AAAA,MAAA;MAExCC,EAGM,OAHNC,GAGM;AAAA,QAFJJ,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAAG,EAAsB,cAAhB,aAAS,EAAA;AAAA,QACfL,EAA2EO,EAAAC,CAAA,GAAA;AAAA,UAAhD,YAAAD,EAAArB,CAAA,EAAM,SAAS,eAAe,MAAM;AAAA,UAApC,uBAAAgB,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAAO,MAAAF,EAAArB,CAAA,EAAM,SAAS,eAAe,MAAM,YAASuB;AAAA,QAAA;;;;;"}
+{"version":3,"file":"Curve.vue.js","sources":["../../../../../src/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 type { AestheticMappingCategorical } from '../../../../dataBindAes';\nimport type { AesOption } from '../../../../components/AesSettings/types';\nimport type { MappingLink } from '../../../../constantsCommon';\nimport type { 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  <AesSelector\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    <PlToggleSwitch 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","_createVNode","AesSelector","_cache","v","c","_createElementVNode","_hoisted_1","_unref","PlToggleSwitch","$event"],"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,GAA0D;AAC3E,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,EACPL,GACAM,GACAC,GACA;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;;MAIEQ,EASEC,GAAA;AAAA,QARA,OAAM;AAAA,QACN,cAAW;AAAA,QACX,mBAAgB;AAAA,QAChB,MAAK;AAAA,QACJ,UAAUR,EAAA;AAAA,QACV,qBAAqBA,EAAA,SAAS;AAAA,QAC9B,8BAA4B,CAAA,UAAA;AAAA,QAC5B,aAAUS,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAGC,GAAGC,MAAMP,EAASM,GAAGC,GAAC,WAAA;AAAA,MAAA;MAEtCC,EAGM,OAHNC,GAGM;AAAA,QAFJJ,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAAG,EAAsB,cAAhB,aAAS,EAAA;AAAA,QACfL,EAAyEO,EAAAC,CAAA,GAAA;AAAA,UAAhD,YAAAD,EAAArB,CAAA,EAAM,SAAS,eAAe,MAAM;AAAA,UAApC,uBAAAgB,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAAO,MAAAF,EAAArB,CAAA,EAAM,SAAS,eAAe,MAAM,YAASuB;AAAA,QAAA;;;;;"}