@milaboratories/graph-maker 1.1.139 → 1.1.140

package/dist/GraphMaker/components/Chart.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Chart.vue.d.ts","sourceRoot":"","sources":["../../../src/GraphMaker/components/Chart.vue"],"names":[],"mappings":"AA+LA,OAAO,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAY1D,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AAMxD,KAAK,WAAW,GAAG;IACjB,WAAW,EAAE,WAAW,CAAC;IACzB,UAAU,EAAE,MAAM,CAAC;IACnB,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,SAAS,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI,CAAC;IAC1C,QAAQ,EAAE,cAAc,GAAG,IAAI,CAAA;CAChC,CAAC;AA+FF,iBAAS,cAAc;WAsNT,OAAO,IAA6B;;yBAXrB,GAAG;;;;;;EAgB/B;AA6BD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;kBASnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAQpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"Chart.vue.d.ts","sourceRoot":"","sources":["../../../src/GraphMaker/components/Chart.vue"],"names":[],"mappings":"AAgMA,OAAO,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAY1D,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AAMxD,KAAK,WAAW,GAAG;IACjB,WAAW,EAAE,WAAW,CAAC;IACzB,UAAU,EAAE,MAAM,CAAC;IACnB,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,SAAS,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI,CAAC;IAC1C,QAAQ,EAAE,cAAc,GAAG,IAAI,CAAA;CAChC,CAAC;AA+FF,iBAAS,cAAc;WAuNT,OAAO,IAA6B;;yBAXrB,GAAG;;;;;;EAgB/B;AA6BD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;kBASnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAQpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/GraphMaker/components/Chart.vue.js

@@ -144,6 +144,7 @@ const Y = { class: "chart_container" }, Z = { class: "chart_header" }, x = ["val
               chart_noDataMapping: e.graphStatus === "notReady",
               chart_emptyData: e.graphStatus === "empty",
               chart_inconsistent: e.graphStatus === "inconsistent",
+              chart_error: e.graphStatus === "error",
               chart_activeLassoSelection: ((u = l(a).reactive.lassoControlsState) == null ? void 0 : u.mode) === "selection"
             })
           }, [

package/dist/GraphMaker/components/Chart.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"Chart.vue.js","sources":["../../../src/GraphMaker/components/Chart.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { ChartInterface } from '@milaboratories/miplots4';\nimport { SelectorStateFilter } from '@milaboratories/pf-plots';\nimport { ListOption, PlAutocomplete, PlDropdown, PlNotificationAlert } from '@platforma-sdk/ui-vue';\nimport { computed, ref, watch } from 'vue';\nimport DendroTable from '../../GraphMaker/components/DendroTable.vue';\nimport DendroTooltip from '../../GraphMaker/components/DendroTooltip.vue';\nimport LassoControls from '../../GraphMaker/components/LassoControls/index.vue';\nimport Loading from '../../GraphMaker/components/Loading.vue';\nimport Zoom from '../../GraphMaker/components/Zoom/index.vue';\nimport { MAX_SEARCH_OPTIONS_LIST_LENGTH } from '../../GraphMaker/constantsCommon.ts';\nimport EditIcon from '../../GraphMaker/icons/EditIcon.vue';\nimport { useStore } from '../../GraphMaker/store.ts';\nimport { GraphStatus } from '../../GraphMaker/types.ts';\n\nconst emit = defineEmits(['graph-title-update', 'dendro-node-select', 'dendro-tooltip-btn-click']);\n\nconst store = useStore();\n\nconst props = defineProps<{\n  graphStatus: GraphStatus,\n  graphTitle: string,\n  dendroTooltipButton?: string,\n  chartData: Record<string, unknown> | null,\n  chartRef: ChartInterface | null\n}>();\n\nconst title = ref(props.graphTitle);\n// title can be updated from graph-maker settings\nwatch(() => props.graphTitle, (graphTitle) => {\n  title.value = graphTitle;\n});\n\nconst tabByState = computed(() => store.value.reactive.optionsState.components.tabBy?.selectorStates[0] as SelectorStateFilter | undefined);\nconst tabBySource = computed(() => tabByState.value?.selectedSource);\nconst tabByFilterValue = computed(() => tabByState.value?.selectedFilterValue);\n\nconst tabByLocalValue = ref(tabByFilterValue.value);\nwatch(() => tabBySource.value, (value, prevValue) => { // tabBy column changed, needs to update selected value\n  if (value !== prevValue) {\n    tabByLocalValue.value = tabByFilterValue.value;\n  }\n}, { immediate: true });\n\nasync function loadOptions(sourceId:string) {\n  if (!store.value.columnsDataStore) {\n    return Promise.resolve([]);\n  }\n  const response = await store.value.controller.getUniqueSourceValuesWithLabels(store.value.columnsDataStore, store.value.inputGuide.value, sourceId, MAX_SEARCH_OPTIONS_LIST_LENGTH);\n  return response.overflow ? null : response.values;\n}\nconst preloadedOptions = ref<ListOption[]|null|undefined>();\nwatch(() => tabBySource.value, async (v) => {\n  if (v === undefined) {\n    return undefined;\n  }\n  preloadedOptions.value = await loadOptions(v);\n});\n\nwatch(() => preloadedOptions.value, async (opts) => {\n  if (\n    tabBySource.value === undefined || // no tabBy selected\n    tabByLocalValue.value !== undefined || // tabBy selected and has selected value\n    opts === undefined // options not loaded yet\n  ) {\n    return;\n  }\n  let availableOptions = opts;\n  if (opts === null) { // options loaded but too many unique values\n    availableOptions = await searchFilterOptions(tabBySource.value, '');\n  }\n  if (availableOptions?.length) {\n    const nextFilterValue = availableOptions[0].value as string;\n    tabByLocalValue.value = nextFilterValue;\n    onFilterValueUpdate(nextFilterValue);\n  }\n}, { immediate: true });\n\n\nfunction onFilterValueUpdate(value:string) {\n  const prevSelectorStates = store.value.reactive.optionsState.components.tabBy.selectorStates;\n  if (prevSelectorStates.length) {\n    store.value.reactive.optionsState.components.tabBy.selectorStates = [{\n      ...prevSelectorStates[0],\n      type: 'equals',\n      selectedFilterValue: value\n    }];\n  }\n}\n\nfunction onTitleChange(e: Event) {\n  const target = e.currentTarget as HTMLInputElement;\n  title.value = target.value;\n  emit('graph-title-update', target.value);\n}\n\nfunction onTableRowSelect(id: number) {\n  emit('dendro-node-select', id);\n}\n\nasync function searchFilterOptions(sourceId:string, searchStr:string):Promise<ListOption[]> {\n  if (!store.value.columnsDataStore) {\n    return Promise.resolve([]);\n  }\n  return (await store.value.controller.getUniqueSourceValuesWithLabels(store.value.columnsDataStore, store.value.inputGuide.value, sourceId, MAX_SEARCH_OPTIONS_LIST_LENGTH, searchStr || undefined)).values;\n}\n\nasync function searchSelectedFilterValueOptions(sourceId:string, selectedValue:string):Promise<ListOption> {\n  if (!store.value.columnsDataStore) {\n    return Promise.resolve({ value: selectedValue, label: selectedValue });\n  }\n  const r = (await store.value.controller.getUniqueSourceValuesWithLabels(store.value.columnsDataStore, store.value.inputGuide.value, sourceId, 1, undefined, selectedValue)).values;\n  return r[0];\n}\n\nconst chartContainerRef = ref();\n</script>\n\n<template>\n  <div class=\"chart_container\">\n    <div class=\"chart_header\">\n      <input class=\"chart_title\" :value=\"title\" @change=\"onTitleChange\"\n             @keyup.enter=\"(e) => {(e.target as HTMLInputElement)?.blur()}\" />\n      <component class=\"chart_titleEdit\" :is=\"EditIcon\" />\n      <div class=\"chart_titleLineSlot\">\n        <slot></slot>\n      </div>\n    </div>\n    <PlNotificationAlert\n      type=\"success\"\n      v-model=\"store.reactive.showTooltipHint\"\n      class=\"chart_tooltipHint\"\n      width=\"170px\"\n    >\n      Hit enter to pin tooltip\n    </PlNotificationAlert>\n    <div class=\"chart_tabBy\" v-if=\"tabBySource\">\n      <pl-dropdown\n        v-if=\"preloadedOptions\"\n        label=\"Show for\"\n        v-model=\"tabByLocalValue\"\n        @update:modelValue=\"(v) => onFilterValueUpdate(v as string)\"\n        :options=\"preloadedOptions\"\n      />\n      <pl-autocomplete\n        v-else\n        v-model=\"tabByLocalValue\"\n        @update:modelValue=\"(v) => onFilterValueUpdate(v as string)\"\n        :options-search=\"(str) => searchFilterOptions(tabBySource as string, str)\"\n        :model-search=\"(v) => searchSelectedFilterValueOptions(tabBySource as string, v as string)\"\n      />\n    </div>\n    <div class=\"chart_main-content\" ref=\"chartContainerRef\"\n         :class=\"[{'chart_main-content__dendro': store.reactive.chartType === 'dendro'}, 'pl-scrollable']\">\n      <div\n        id=\"chartSvgContainer\"\n        :class=\"{\n          'chart_loading': store.loading.initialCharts && graphStatus === 'ready',\n          'chart_noDataMapping': graphStatus === 'notReady',\n          'chart_emptyData': graphStatus === 'empty',\n          'chart_inconsistent': graphStatus === 'inconsistent',\n          'chart_activeLassoSelection': store.reactive.lassoControlsState?.mode === 'selection'\n        }\"\n      >\n        <loading v-if=\"store.loading.initialCharts && graphStatus === 'ready'\" />\n      </div>\n      <dendro-table\n        v-if=\"store.reactive.chartType === 'dendro' && chartData && store.reactive.layersSettings.dendro.showTable\"\n        :chartData=\"chartData\"\n        @row-select=\"onTableRowSelect\"\n      />\n      <dendro-tooltip\n        v-if=\"store.reactive.dendroInfoByClick\"\n        :info=\"store.reactive.dendroInfoByClick\"\n        :containerRef=\"chartContainerRef\"\n        :tooltipBtn=\"dendroTooltipButton\"\n        @tooltip-btn-click=\"(id:string) => $emit('dendro-tooltip-btn-click', id)\"\n        @close=\"\n          store.reactive.dendroInfoByClick = null;\n          $emit('dendro-node-select', null);\n        \"\n      />\n    </div>\n    <div class=\"chart_controls\">\n      <zoom v-if=\"graphStatus !== 'empty'\" />\n      <lasso-controls v-if=\"graphStatus !== 'empty' && store.reactive.chartType === 'scatterplot-umap'\" :chart-ref=\"chartRef\"/>\n    </div>\n  </div>\n</template>\n"],"names":["emit","__emit","store","useStore","props","__props","title","ref","watch","graphTitle","tabByState","computed","_a","tabBySource","tabByFilterValue","tabByLocalValue","value","prevValue","loadOptions","sourceId","response","MAX_SEARCH_OPTIONS_LIST_LENGTH","preloadedOptions","v","opts","availableOptions","searchFilterOptions","nextFilterValue","onFilterValueUpdate","prevSelectorStates","onTitleChange","target","onTableRowSelect","id","searchStr","searchSelectedFilterValueOptions","selectedValue","chartContainerRef"],"mappings":"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"}
+{"version":3,"file":"Chart.vue.js","sources":["../../../src/GraphMaker/components/Chart.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { ChartInterface } from '@milaboratories/miplots4';\nimport { SelectorStateFilter } from '@milaboratories/pf-plots';\nimport { ListOption, PlAutocomplete, PlDropdown, PlNotificationAlert } from '@platforma-sdk/ui-vue';\nimport { computed, ref, watch } from 'vue';\nimport DendroTable from '../../GraphMaker/components/DendroTable.vue';\nimport DendroTooltip from '../../GraphMaker/components/DendroTooltip.vue';\nimport LassoControls from '../../GraphMaker/components/LassoControls/index.vue';\nimport Loading from '../../GraphMaker/components/Loading.vue';\nimport Zoom from '../../GraphMaker/components/Zoom/index.vue';\nimport { MAX_SEARCH_OPTIONS_LIST_LENGTH } from '../../GraphMaker/constantsCommon.ts';\nimport EditIcon from '../../GraphMaker/icons/EditIcon.vue';\nimport { useStore } from '../../GraphMaker/store.ts';\nimport { GraphStatus } from '../../GraphMaker/types.ts';\n\nconst emit = defineEmits(['graph-title-update', 'dendro-node-select', 'dendro-tooltip-btn-click']);\n\nconst store = useStore();\n\nconst props = defineProps<{\n  graphStatus: GraphStatus,\n  graphTitle: string,\n  dendroTooltipButton?: string,\n  chartData: Record<string, unknown> | null,\n  chartRef: ChartInterface | null\n}>();\n\nconst title = ref(props.graphTitle);\n// title can be updated from graph-maker settings\nwatch(() => props.graphTitle, (graphTitle) => {\n  title.value = graphTitle;\n});\n\nconst tabByState = computed(() => store.value.reactive.optionsState.components.tabBy?.selectorStates[0] as SelectorStateFilter | undefined);\nconst tabBySource = computed(() => tabByState.value?.selectedSource);\nconst tabByFilterValue = computed(() => tabByState.value?.selectedFilterValue);\n\nconst tabByLocalValue = ref(tabByFilterValue.value);\nwatch(() => tabBySource.value, (value, prevValue) => { // tabBy column changed, needs to update selected value\n  if (value !== prevValue) {\n    tabByLocalValue.value = tabByFilterValue.value;\n  }\n}, { immediate: true });\n\nasync function loadOptions(sourceId:string) {\n  if (!store.value.columnsDataStore) {\n    return Promise.resolve([]);\n  }\n  const response = await store.value.controller.getUniqueSourceValuesWithLabels(store.value.columnsDataStore, store.value.inputGuide.value, sourceId, MAX_SEARCH_OPTIONS_LIST_LENGTH);\n  return response.overflow ? null : response.values;\n}\nconst preloadedOptions = ref<ListOption[]|null|undefined>();\nwatch(() => tabBySource.value, async (v) => {\n  if (v === undefined) {\n    return undefined;\n  }\n  preloadedOptions.value = await loadOptions(v);\n});\n\nwatch(() => preloadedOptions.value, async (opts) => {\n  if (\n    tabBySource.value === undefined || // no tabBy selected\n    tabByLocalValue.value !== undefined || // tabBy selected and has selected value\n    opts === undefined // options not loaded yet\n  ) {\n    return;\n  }\n  let availableOptions = opts;\n  if (opts === null) { // options loaded but too many unique values\n    availableOptions = await searchFilterOptions(tabBySource.value, '');\n  }\n  if (availableOptions?.length) {\n    const nextFilterValue = availableOptions[0].value as string;\n    tabByLocalValue.value = nextFilterValue;\n    onFilterValueUpdate(nextFilterValue);\n  }\n}, { immediate: true });\n\n\nfunction onFilterValueUpdate(value:string) {\n  const prevSelectorStates = store.value.reactive.optionsState.components.tabBy.selectorStates;\n  if (prevSelectorStates.length) {\n    store.value.reactive.optionsState.components.tabBy.selectorStates = [{\n      ...prevSelectorStates[0],\n      type: 'equals',\n      selectedFilterValue: value\n    }];\n  }\n}\n\nfunction onTitleChange(e: Event) {\n  const target = e.currentTarget as HTMLInputElement;\n  title.value = target.value;\n  emit('graph-title-update', target.value);\n}\n\nfunction onTableRowSelect(id: number) {\n  emit('dendro-node-select', id);\n}\n\nasync function searchFilterOptions(sourceId:string, searchStr:string):Promise<ListOption[]> {\n  if (!store.value.columnsDataStore) {\n    return Promise.resolve([]);\n  }\n  return (await store.value.controller.getUniqueSourceValuesWithLabels(store.value.columnsDataStore, store.value.inputGuide.value, sourceId, MAX_SEARCH_OPTIONS_LIST_LENGTH, searchStr || undefined)).values;\n}\n\nasync function searchSelectedFilterValueOptions(sourceId:string, selectedValue:string):Promise<ListOption> {\n  if (!store.value.columnsDataStore) {\n    return Promise.resolve({ value: selectedValue, label: selectedValue });\n  }\n  const r = (await store.value.controller.getUniqueSourceValuesWithLabels(store.value.columnsDataStore, store.value.inputGuide.value, sourceId, 1, undefined, selectedValue)).values;\n  return r[0];\n}\n\nconst chartContainerRef = ref();\n</script>\n\n<template>\n  <div class=\"chart_container\">\n    <div class=\"chart_header\">\n      <input class=\"chart_title\" :value=\"title\" @change=\"onTitleChange\"\n             @keyup.enter=\"(e) => {(e.target as HTMLInputElement)?.blur()}\" />\n      <component class=\"chart_titleEdit\" :is=\"EditIcon\" />\n      <div class=\"chart_titleLineSlot\">\n        <slot></slot>\n      </div>\n    </div>\n    <PlNotificationAlert\n      type=\"success\"\n      v-model=\"store.reactive.showTooltipHint\"\n      class=\"chart_tooltipHint\"\n      width=\"170px\"\n    >\n      Hit enter to pin tooltip\n    </PlNotificationAlert>\n    <div class=\"chart_tabBy\" v-if=\"tabBySource\">\n      <pl-dropdown\n        v-if=\"preloadedOptions\"\n        label=\"Show for\"\n        v-model=\"tabByLocalValue\"\n        @update:modelValue=\"(v) => onFilterValueUpdate(v as string)\"\n        :options=\"preloadedOptions\"\n      />\n      <pl-autocomplete\n        v-else\n        v-model=\"tabByLocalValue\"\n        @update:modelValue=\"(v) => onFilterValueUpdate(v as string)\"\n        :options-search=\"(str) => searchFilterOptions(tabBySource as string, str)\"\n        :model-search=\"(v) => searchSelectedFilterValueOptions(tabBySource as string, v as string)\"\n      />\n    </div>\n    <div class=\"chart_main-content\" ref=\"chartContainerRef\"\n         :class=\"[{'chart_main-content__dendro': store.reactive.chartType === 'dendro'}, 'pl-scrollable']\">\n      <div\n        id=\"chartSvgContainer\"\n        :class=\"{\n          'chart_loading': store.loading.initialCharts && graphStatus === 'ready',\n          'chart_noDataMapping': graphStatus === 'notReady',\n          'chart_emptyData': graphStatus === 'empty',\n          'chart_inconsistent': graphStatus === 'inconsistent',\n          'chart_error': graphStatus === 'error',\n          'chart_activeLassoSelection': store.reactive.lassoControlsState?.mode === 'selection'\n        }\"\n      >\n        <loading v-if=\"store.loading.initialCharts && graphStatus === 'ready'\" />\n      </div>\n      <dendro-table\n        v-if=\"store.reactive.chartType === 'dendro' && chartData && store.reactive.layersSettings.dendro.showTable\"\n        :chartData=\"chartData\"\n        @row-select=\"onTableRowSelect\"\n      />\n      <dendro-tooltip\n        v-if=\"store.reactive.dendroInfoByClick\"\n        :info=\"store.reactive.dendroInfoByClick\"\n        :containerRef=\"chartContainerRef\"\n        :tooltipBtn=\"dendroTooltipButton\"\n        @tooltip-btn-click=\"(id:string) => $emit('dendro-tooltip-btn-click', id)\"\n        @close=\"\n          store.reactive.dendroInfoByClick = null;\n          $emit('dendro-node-select', null);\n        \"\n      />\n    </div>\n    <div class=\"chart_controls\">\n      <zoom v-if=\"graphStatus !== 'empty'\" />\n      <lasso-controls v-if=\"graphStatus !== 'empty' && store.reactive.chartType === 'scatterplot-umap'\" :chart-ref=\"chartRef\"/>\n    </div>\n  </div>\n</template>\n"],"names":["emit","__emit","store","useStore","props","__props","title","ref","watch","graphTitle","tabByState","computed","_a","tabBySource","tabByFilterValue","tabByLocalValue","value","prevValue","loadOptions","sourceId","response","MAX_SEARCH_OPTIONS_LIST_LENGTH","preloadedOptions","v","opts","availableOptions","searchFilterOptions","nextFilterValue","onFilterValueUpdate","prevSelectorStates","onTitleChange","target","onTableRowSelect","id","searchStr","searchSelectedFilterValueOptions","selectedValue","chartContainerRef"],"mappings":"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"}

package/dist/GraphMaker/dataBindAes.d.ts

@@ -63,13 +63,13 @@ export declare function getChartSettingsInheritedAes(uniqueValuesData: UniqueVal
     order: string[];
     inheritedAes: Record<string, any>;
 };
-export declare function getScatterplotAes(selectedSource: string, uniqueValuesData: UniqueValuesBySourceMap, dataBindAes: AestheticMappingState): Record<string, any>;
+export declare function getScatterplotAes(selectedSource: string, uniqueValuesData: UniqueValuesBySourceMap, dataBindAes: AestheticMappingState): {
+    order: string[];
+    inheritedAes: Record<string, any>;
+};
 export declare function getHistogramAes(selectedSource: string, uniqueValuesData: UniqueValuesBySourceMap, dataBindAes: AestheticMappingState): {
-    inheritedAes?: undefined;
-    order?: undefined;
-} | {
-    inheritedAes: {};
     order?: undefined;
+    inheritedAes?: undefined;
 } | {
     order: string[];
     inheritedAes: Record<string, any>;

package/dist/GraphMaker/dataBindAes.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dataBindAes.d.ts","sourceRoot":"","sources":["../../src/GraphMaker/dataBindAes.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"dataBindAes.d.ts","sourceRoot":"","sources":["../../src/GraphMaker/dataBindAes.ts"],"names":[],"mappings":"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"}

package/dist/GraphMaker/dataBindAes.js

@@ -1,13 +1,13 @@
-import { PALETTE_MAP as _, FIXES_DOT_SHAPES as g, FIXED_LINE_TYPES as f, isCategorical as F, DEFAULT_BLACK as S } from "./constantsAesthetic.js";
+import { PALETTE_MAP as _, FIXES_DOT_SHAPES as g, FIXED_LINE_TYPES as d, isCategorical as F, DEFAULT_BLACK as S } from "./constantsAesthetic.js";
 import y from "../node_modules/d3-scale/src/linear.js";
 function P(t) {
   return t !== null && typeof t == "object" && "palette" in t && "type" in t && t.type === "continuous";
 }
-function d(t) {
+function f(t) {
   return t !== null && typeof t == "object" && "palette" in t && "type" in t && t.type === "categorical";
 }
 function b(t) {
-  return d(t) || P(t);
+  return f(t) || P(t);
 }
 const j = "#110529", I = "solid", m = 1, T = "21", D = 3, q = 2, k = { min: 3, max: 10 }, C = {
   color: "#ccc",
@@ -19,11 +19,11 @@ function O(t) {
   return y().domain(t.map((a, o) => o * n)).range(t);
 }
 function U(t, n) {
-  const a = _[t].colors, o = n.length > 1 ? 1 / (n.length - 1) : 0, s = O(a), c = F(t), l = n.reduce((e, i, r) => (e[i] = {
-    colorIdx: c ? r : r * o,
+  const a = _[t].colors, o = n.length > 1 ? 1 / (n.length - 1) : 0, s = O(a), i = F(t), l = n.reduce((e, c, r) => (e[c] = {
+    colorIdx: i ? r : r * o,
     aes: {
-      color: c ? a[r % a.length] : s(r * o),
-      lineShape: f[r % f.length],
+      color: i ? a[r % a.length] : s(r * o),
+      lineShape: d[r % d.length],
       dotShape: g[r % g.length]
     }
   }, e), {});
@@ -50,20 +50,20 @@ const V = [
 ];
 function w(t, n, a) {
   V.forEach((o) => {
-    var c;
-    const s = (c = t.components[o]) == null ? void 0 : c.selectorStates;
+    var i;
+    const s = (i = t.components[o]) == null ? void 0 : i.selectorStates;
     s == null || s.forEach(({ selectedSource: l }) => {
       var r;
-      const e = n[l], i = (r = a[l]) == null ? void 0 : r.list;
-      e && i && d(e) && (n[l] = H(i, e));
+      const e = n[l], c = (r = a[l]) == null ? void 0 : r.list;
+      e && c && f(e) && (n[l] = H(c, e));
     });
   }), Object.keys(n).forEach((o) => {
     a[o] || delete n[o];
   });
 }
 function H(t, n) {
-  const { palette: a, order: o, mapping: s } = n, c = new Set(t), l = new Set(o), e = t.filter((p) => !l.has(p)), i = o.filter((p) => !c.has(p));
-  if (!e.length && !i.length)
+  const { palette: a, order: o, mapping: s } = n, i = new Set(t), l = new Set(o), e = t.filter((p) => !l.has(p)), c = o.filter((p) => !i.has(p));
+  if (!e.length && !c.length)
     return n;
   let r = [...t];
   const h = { ...s }, E = _[a].colors;
@@ -73,11 +73,11 @@ function H(t, n) {
       colorIdx: u,
       aes: {
         color: E[u % E.length],
-        lineShape: f[u % f.length],
+        lineShape: d[u % d.length],
         dotShape: g[u % g.length]
       }
     };
-  }), i.forEach((p) => {
+  }), c.forEach((p) => {
     h[p] && delete h[p];
   }), { ...n, order: r, mapping: h };
 }
@@ -98,44 +98,47 @@ function M(t, n, a, o) {
   var l;
   if ((n == null ? void 0 : n.type) === "continuous")
     return { inheritedAes: {} };
-  const s = a ? ((l = t[a]) == null ? void 0 : l.list) ?? [] : [], c = n ?? A(s);
-  return c.order.length ? {
-    order: c.order,
-    inheritedAes: c.order.reduce((e, i) => {
-      const r = c.mapping[i].aes;
-      return e[i] = {}, o.fill && (e[i].fillColor = r.color, e[i].dotFill = r.color), o.stroke && (e[i].lineColor = r.color), o.dotShape && (e[i].dotShape = r.dotShape), o.lineType && (e[i].lineShape = r.lineShape), e;
+  const s = a ? ((l = t[a]) == null ? void 0 : l.list) ?? [] : [], i = n ?? A(s);
+  return i.order.length ? {
+    order: i.order,
+    inheritedAes: i.order.reduce((e, c) => {
+      const r = i.mapping[c].aes;
+      return e[c] = {}, o.fill && (e[c].fillColor = r.color, e[c].dotFill = r.color), o.stroke && (e[c].lineColor = r.color), o.dotShape && (e[c].dotShape = r.dotShape), o.lineType && (e[c].lineShape = r.lineShape), e;
     }, {})
   } : { inheritedAes: {} };
 }
 function R(t, n, a) {
   var l;
   const o = a[t];
-  if (o && !d(o))
-    return {};
-  const s = ((l = n[t]) == null ? void 0 : l.list) ?? [], c = o ?? A(s);
-  return c.order.reduce((e, i) => {
-    const r = c.mapping[i].aes;
-    return e[i] = {
-      fillColor: r.color,
-      lineColor: r.color,
-      dotFill: r.color,
-      dotShape: r.dotShape,
-      dotSize: D,
-      lineWidth: m
-    }, e;
-  }, {});
+  if (o && !f(o))
+    return { order: [], inheritedAes: {} };
+  const s = ((l = n[t]) == null ? void 0 : l.list) ?? [], i = o ?? A(s);
+  return {
+    order: i.order,
+    inheritedAes: i.order.reduce((e, c) => {
+      const r = i.mapping[c].aes;
+      return e[c] = {
+        fillColor: r.color,
+        lineColor: r.color,
+        dotFill: r.color,
+        dotShape: r.dotShape,
+        dotSize: D,
+        lineWidth: m
+      }, e;
+    }, {})
+  };
 }
 function X(t, n, a) {
   var l;
   const o = a[t];
-  if (o && !d(o))
+  if (o && !f(o))
     return {};
-  const s = ((l = n[t]) == null ? void 0 : l.list) ?? [], c = o ?? A(s);
-  return c.order.length ? {
-    order: c.order,
-    inheritedAes: c.order.reduce((e, i) => {
-      const r = c.mapping[i].aes;
-      return e[i] = {
+  const s = ((l = n[t]) == null ? void 0 : l.list) ?? [], i = o ?? A(s);
+  return i.order.length ? {
+    order: i.order,
+    inheritedAes: i.order.reduce((e, c) => {
+      const r = i.mapping[c].aes;
+      return e[c] = {
         fillColor: r.color,
         lineColor: S,
         dotFill: S,
@@ -144,15 +147,15 @@ function X(t, n, a) {
         lineWidth: m
       }, e;
     }, {})
-  } : { inheritedAes: {} };
+  } : { order: [], inheritedAes: {} };
 }
 function Z(t, n, a, o) {
   var l;
-  const s = ((l = n[t]) == null ? void 0 : l.list) ?? [], c = a[t] ?? A(s);
-  return c.order.reduce(
-    (e, i) => {
-      const r = c.mapping[i].aes;
-      return e[i] = r[o], e;
+  const s = ((l = n[t]) == null ? void 0 : l.list) ?? [], i = a[t] ?? A(s);
+  return i.order.reduce(
+    (e, c) => {
+      const r = i.mapping[c].aes;
+      return e[c] = r[o], e;
     },
     {}
   );
@@ -174,7 +177,7 @@ export {
   X as getHistogramAes,
   R as getScatterplotAes,
   b as isAestheticMapping,
-  d as isAestheticMappingCategorical,
+  f as isAestheticMappingCategorical,
   P as isAestheticMappingContinuous,
   H as updateCategoricalMapping,
   w as updateDataBindAes

package/dist/GraphMaker/dataBindAes.js.map

@@ -1 +1 @@
-{"version":3,"file":"dataBindAes.js","sources":["../../src/GraphMaker/dataBindAes.ts"],"sourcesContent":["import { InputState } from '@milaboratories/pf-plots';\nimport { scaleLinear } from 'd3-scale';\nimport {\n  ContinuousPalette,\n  DotShape,\n  LineType,\n  Palette,\n} from './components/AesSettings/types';\nimport {\n  DEFAULT_BLACK,\n  FIXED_LINE_TYPES,\n  FIXES_DOT_SHAPES,\n  isCategorical,\n  PALETTE_MAP\n} from './constantsAesthetic';\nimport { AesType, ContinuousDataMappingSize, NumberRange } from './constantsCommon';\nimport { UniqueValuesBySourceMap } from './types';\n\nexport type AestheticMappingState = Record<string, AestheticMapping>;\nexport type AestheticMapping =\n  | AestheticMappingContinuous\n  | AestheticMappingCategorical;\n\ninterface MappingRange {\n  maxValue: number | null;\n  minValue: number | null;\n}\n\n/** Mapping for continuous axes (numerical axes) */\nexport interface AestheticMappingContinuous {\n  type: 'continuous';\n  palette: ContinuousPalette;\n  range: MappingRange | null;\n  midPoint: number | null;\n  log: boolean;\n  naAes: AestheticValues;\n}\n\nexport function isAestheticMappingContinuous(v:unknown | AestheticMappingContinuous): v is AestheticMappingContinuous {\n  return v !== null && typeof v === 'object' && 'palette' in v && 'type' in v && v.type === 'continuous';\n}\n\n/** Mapping for categorical axes (string axes) */\nexport interface AestheticMappingCategorical {\n  type: 'categorical';\n  palette: Palette;\n  naAes: AestheticValues;\n  order: string[];\n  mapping: AestheticMappingRecord;\n}\n\nexport function isAestheticMappingCategorical(v:unknown | AestheticMappingCategorical): v is AestheticMappingCategorical {\n  return v !== null && typeof v === 'object' && 'palette' in v && 'type' in v && v.type === 'categorical';\n}\n\nexport function isAestheticMapping(v:unknown | AestheticMappingContinuous | AestheticMappingCategorical):v is AestheticMapping {\n  return isAestheticMappingCategorical(v) || isAestheticMappingContinuous(v);\n}\n\n// key - column value, colorIdx - idx of color (if palette is categorical) of percent value of colors gradient (if palette is continuous)\ntype AestheticMappingRecord = Record<\n  string | number,\n  {\n    aes: Partial<AestheticValues>;\n    colorIdx: number;\n  }\n>;\n\ninterface AestheticValues {\n  /** Number to retrieve the color from pallet, string to represent specific color as hex */\n  color: string;\n  lineShape: LineType;\n  dotShape: DotShape;\n}\n\nexport const DEFAULT_LINE_COLOR = '#110529';\nexport const DEFAULT_LINE_SHAPE:LineType = 'solid';\nexport const DEFAULT_LINE_WIDTH = 1;\nexport const DEFAULT_DOT_SHAPE:DotShape = '21'; // colored circle, shape number as in R\nexport const DEFAULT_DOT_SIZE = 3; // radius;\nexport const DEFAULT_DOT_SIZE_CANVAS = 2;\nexport const DEFAULT_DOT_RANGE:NumberRange = { min: 3, max: 10 }; // radius;\n\nexport const DEFAULT_NA_AES = {\n  color: '#ccc',\n  lineShape: DEFAULT_LINE_SHAPE as LineType,\n  dotShape: DEFAULT_DOT_SHAPE as DotShape,\n};\nconst DEFAULT_PALETTE: Palette = 'light';\n\nfunction getColorScale(colors: string[]) {\n  const colorStep = 1 / (colors.length - 1);\n  return scaleLinear<string, string>()\n    .domain(colors.map((_c, idx) => idx * colorStep))\n    .range(colors);\n}\n\nexport function createCategoricalMappingFromPalette(\n  palette: Palette,\n  values: string[],\n): AestheticMappingCategorical {\n  const colors = PALETTE_MAP[palette].colors;\n  const step = values.length > 1 ? 1 / (values.length - 1) : 0;\n  const colorScale = getColorScale(colors);\n\n  const categorical = isCategorical(palette);\n  const mapping = values.reduce((res: AestheticMappingRecord, value, idx) => {\n    res[value] = {\n      colorIdx: categorical ? idx : idx * step,\n      aes: {\n        color: categorical\n          ? colors[idx % colors.length]\n          : colorScale(idx * step),\n        lineShape: FIXED_LINE_TYPES[idx % FIXED_LINE_TYPES.length],\n        dotShape: FIXES_DOT_SHAPES[idx % FIXES_DOT_SHAPES.length],\n      },\n    };\n    return res;\n  }, {});\n  return {\n    type: 'categorical',\n    palette: palette,\n    naAes: DEFAULT_NA_AES,\n    order: values,\n    mapping,\n  };\n}\n\nconst INPUTS_WITH_AES_MAPPINGS = [\n  'primaryGrouping', 'secondaryGrouping', // discrete charts\n  'grouping', 'shape', // scatterplot\n  'nodeColor', 'nodeShape', 'lineColor', 'heatmapAnnotation', // dendro\n];\nexport function updateDataBindAes(\n  optionsState: InputState,\n  dataBindAes: Record<string, AestheticMapping>,\n  uniqueValuesMap: UniqueValuesBySourceMap\n) {\n  INPUTS_WITH_AES_MAPPINGS.forEach((inputName) => {\n    const selectorStates = optionsState.components[inputName as keyof InputState]?.selectorStates;\n    selectorStates?.forEach(({selectedSource}) => {\n      const savedMapping = dataBindAes[selectedSource];\n      const uniqueValues = uniqueValuesMap[selectedSource]?.list;\n      if (savedMapping && uniqueValues && isAestheticMappingCategorical(savedMapping)) {\n        dataBindAes[selectedSource] = updateCategoricalMapping(uniqueValues, savedMapping);\n      }\n    })\n  });\n  Object.keys(dataBindAes).forEach((selectedSource) => {\n    if (!uniqueValuesMap[selectedSource]) {\n      delete dataBindAes[selectedSource];\n    }\n  })\n}\n\nexport function updateCategoricalMapping(\n  newUniqueValues: string[],\n  currentMapping: AestheticMappingCategorical,\n): AestheticMappingCategorical {\n  const {palette, order, mapping} = currentMapping;\n  const uniqueValuesSet = new Set(newUniqueValues);\n  const orderValuesSet = new Set(order);\n  const addedValues:string[] = newUniqueValues.filter(v => !orderValuesSet.has(v));\n  const removedValues:string[] = order.filter(v => !uniqueValuesSet.has(v as string));\n  if (!addedValues.length && !removedValues.length) {\n    return currentMapping;\n  }\n  let newOrder = [...newUniqueValues];\n  const newMapping = {...mapping};\n  const colors = PALETTE_MAP[palette].colors;\n  addedValues.forEach((v, idx) => {\n    const index = idx + mapping[order[order.length - 1]].colorIdx + 1;\n    newMapping[v] = {\n      colorIdx: index,\n      aes: {\n        color: colors[index % colors.length],\n        lineShape: FIXED_LINE_TYPES[index % FIXED_LINE_TYPES.length],\n        dotShape: FIXES_DOT_SHAPES[index % FIXES_DOT_SHAPES.length],\n      }\n    }\n  });\n  removedValues.forEach((v) => {\n    if (newMapping[v]) {\n      delete newMapping[v];\n    }\n  });\n\n  return {...currentMapping, order: newOrder, mapping: newMapping} as AestheticMappingCategorical;\n}\nexport function createContinuousMappingFromPalette(palette: ContinuousPalette):AestheticMappingContinuous {\n  return {\n    type: 'continuous',\n    palette: palette,\n    naAes: DEFAULT_NA_AES,\n    range: null,\n    midPoint: null,\n    log: false\n  }\n}\n\nexport function createDefaultMapping(\n  values: string[],\n): AestheticMappingCategorical {\n  return createCategoricalMappingFromPalette(DEFAULT_PALETTE, values);\n}\n\nexport function createDefaultContinuousMapping(columnId: string):ContinuousDataMappingSize {\n  return {\n    column: columnId,\n    range: DEFAULT_DOT_RANGE\n  }\n}\n\nexport function getChartSettingsInheritedAes(\n  uniqueValuesData: UniqueValuesBySourceMap,\n  savedMapping: AestheticMapping | undefined,\n  sourceId: string | null,\n  usedAesInMapping: Record<AesType, boolean>,\n) {\n  if (savedMapping?.type === 'continuous') {\n    return { inheritedAes: {} };\n  }\n  const uniqueValues = sourceId ? uniqueValuesData[sourceId]?.list ?? [] : [];\n  const mapping = savedMapping ?? createDefaultMapping(uniqueValues);\n  if (!mapping.order.length) {\n    return {inheritedAes: {}};\n  }\n  return {\n    order: mapping.order,\n    inheritedAes: mapping.order.reduce((res: Record<string, any>, value) => {\n      const aes = mapping.mapping[value].aes;\n      res[value] = {};\n      if (usedAesInMapping.fill) {\n        res[value].fillColor = aes.color;\n        res[value].dotFill = aes.color;\n      }\n      if (usedAesInMapping.stroke) {\n        res[value].lineColor = aes.color;\n      }\n      if (usedAesInMapping.dotShape) {\n        res[value].dotShape = aes.dotShape;\n      }\n      if (usedAesInMapping.lineType) {\n        res[value].lineShape = aes.lineShape;\n      }\n      return res;\n    }, {}),\n  };\n}\n\nexport function getScatterplotAes(\n  selectedSource: string,\n  uniqueValuesData: UniqueValuesBySourceMap,\n  dataBindAes: AestheticMappingState,\n) {\n  const savedMapping = dataBindAes[selectedSource];\n  if (savedMapping && !isAestheticMappingCategorical(savedMapping)) {\n    return {};\n  }\n  const uniqueValues = uniqueValuesData[selectedSource]?.list ?? [];\n  const mapping = savedMapping ?? createDefaultMapping(uniqueValues);\n\n  return mapping.order.reduce((res: Record<string, any>, value) => {\n    const aes = mapping.mapping[value].aes;\n    res[value] = {\n      fillColor: aes.color,\n      lineColor: aes.color,\n      dotFill: aes.color,\n      dotShape: aes.dotShape,\n      dotSize: DEFAULT_DOT_SIZE,\n      lineWidth: DEFAULT_LINE_WIDTH,\n    };\n    return res;\n  }, {});\n}\n\nexport function getHistogramAes(\n  selectedSource: string,\n  uniqueValuesData: UniqueValuesBySourceMap,\n  dataBindAes: AestheticMappingState,\n) {\n  const savedMapping = dataBindAes[selectedSource];\n  if (savedMapping && !isAestheticMappingCategorical(savedMapping)) {\n    return {};\n  }\n  const uniqueValues = uniqueValuesData[selectedSource]?.list ?? [];\n  const mapping = savedMapping ?? createDefaultMapping(uniqueValues);\n  if (!mapping.order.length) {\n    return {inheritedAes: {}};\n  }\n  return {\n    order: mapping.order,\n    inheritedAes: mapping.order.reduce((res: Record<string, any>, value) => {\n      const aes = mapping.mapping[value].aes;\n      res[value] = {\n        fillColor: aes.color,\n        lineColor: DEFAULT_BLACK,\n        dotFill: DEFAULT_BLACK,\n        dotShape: DEFAULT_DOT_SHAPE,\n        dotSize: DEFAULT_DOT_SIZE,\n        lineWidth: DEFAULT_LINE_WIDTH,\n      };\n      return res;\n    }, {})\n  };\n}\n\nexport function getDendroAes(\n  selectedSource: string,\n  uniqueValuesData: UniqueValuesBySourceMap,\n  dataBindAes: AestheticMappingState,\n  field: keyof AestheticValues,\n): Record<string, AestheticValues[keyof AestheticValues]> {\n  const uniqueValues = uniqueValuesData[selectedSource]?.list ?? [];\n  const mapping =\n    dataBindAes[selectedSource] as AestheticMappingCategorical ??\n    createDefaultMapping(uniqueValues);\n  return mapping.order.reduce(\n    (res: Record<string, AestheticValues[keyof AestheticValues]>, value) => {\n      const aes = mapping.mapping[value].aes;\n      res[value] = aes[field] as string;\n      return res;\n    },\n    {},\n  );\n}\n"],"names":["isAestheticMappingContinuous","v","isAestheticMappingCategorical","isAestheticMapping","DEFAULT_LINE_COLOR","DEFAULT_LINE_SHAPE","DEFAULT_LINE_WIDTH","DEFAULT_DOT_SHAPE","DEFAULT_DOT_SIZE","DEFAULT_DOT_SIZE_CANVAS","DEFAULT_DOT_RANGE","DEFAULT_NA_AES","DEFAULT_PALETTE","getColorScale","colors","colorStep","scaleLinear","_c","idx","createCategoricalMappingFromPalette","palette","values","PALETTE_MAP","step","colorScale","categorical","isCategorical","mapping","res","value","FIXED_LINE_TYPES","FIXES_DOT_SHAPES","INPUTS_WITH_AES_MAPPINGS","updateDataBindAes","optionsState","dataBindAes","uniqueValuesMap","inputName","selectorStates","_a","selectedSource","savedMapping","uniqueValues","updateCategoricalMapping","newUniqueValues","currentMapping","order","uniqueValuesSet","orderValuesSet","addedValues","removedValues","newOrder","newMapping","index","createContinuousMappingFromPalette","createDefaultMapping","getChartSettingsInheritedAes","uniqueValuesData","sourceId","usedAesInMapping","aes","getScatterplotAes","getHistogramAes","DEFAULT_BLACK","getDendroAes","field"],"mappings":";;AAsCO,SAASA,EAA6BC,GAAyE;AACpH,SAAOA,MAAM,QAAQ,OAAOA,KAAM,YAAY,aAAaA,KAAK,UAAUA,KAAKA,EAAE,SAAS;AAC5F;AAWO,SAASC,EAA8BD,GAA2E;AACvH,SAAOA,MAAM,QAAQ,OAAOA,KAAM,YAAY,aAAaA,KAAK,UAAUA,KAAKA,EAAE,SAAS;AAC5F;AAEO,SAASE,EAAmBF,GAA4F;AAC7H,SAAOC,EAA8BD,CAAC,KAAKD,EAA6BC,CAAC;AAC3E;AAkBO,MAAMG,IAAqB,WACrBC,IAA8B,SAC9BC,IAAqB,GACrBC,IAA6B,MAC7BC,IAAmB,GACnBC,IAA0B,GAC1BC,IAAgC,EAAE,KAAK,GAAG,KAAK,GAAA,GAE/CC,IAAiB;AAAA,EAC5B,OAAO;AAAA,EACP,WAAWN;AAAA,EACX,UAAUE;AACZ,GACMK,IAA2B;AAEjC,SAASC,EAAcC,GAAkB;AACvC,QAAMC,IAAY,KAAKD,EAAO,SAAS;AACvC,SAAOE,EAAA,EACJ,OAAOF,EAAO,IAAI,CAACG,GAAIC,MAAQA,IAAMH,CAAS,CAAC,EAC/C,MAAMD,CAAM;AACjB;AAEO,SAASK,EACdC,GACAC,GAC6B;AAC7B,QAAMP,IAASQ,EAAYF,CAAO,EAAE,QAC9BG,IAAOF,EAAO,SAAS,IAAI,KAAKA,EAAO,SAAS,KAAK,GACrDG,IAAaX,EAAcC,CAAM,GAEjCW,IAAcC,EAAcN,CAAO,GACnCO,IAAUN,EAAO,OAAO,CAACO,GAA6BC,GAAOX,OACjEU,EAAIC,CAAK,IAAI;AAAA,IACX,UAAUJ,IAAcP,IAAMA,IAAMK;AAAA,IACpC,KAAK;AAAA,MACH,OAAOE,IACHX,EAAOI,IAAMJ,EAAO,MAAM,IAC1BU,EAAWN,IAAMK,CAAI;AAAA,MACzB,WAAWO,EAAiBZ,IAAMY,EAAiB,MAAM;AAAA,MACzD,UAAUC,EAAiBb,IAAMa,EAAiB,MAAM;AAAA,IAAA;AAAA,EAC1D,GAEKH,IACN,CAAA,CAAE;AACL,SAAO;AAAA,IACL,MAAM;AAAA,IACN,SAAAR;AAAA,IACA,OAAOT;AAAA,IACP,OAAOU;AAAA,IACP,SAAAM;AAAA,EAAA;AAEJ;AAEA,MAAMK,IAA2B;AAAA,EAC/B;AAAA,EAAmB;AAAA;AAAA,EACnB;AAAA,EAAY;AAAA;AAAA,EACZ;AAAA,EAAa;AAAA,EAAa;AAAA,EAAa;AAAA;AACzC;AACO,SAASC,EACdC,GACAC,GACAC,GACA;AACA,EAAAJ,EAAyB,QAAQ,CAACK,MAAc;;AAC9C,UAAMC,KAAiBC,IAAAL,EAAa,WAAWG,CAA6B,MAArD,gBAAAE,EAAwD;AAC/E,IAAAD,KAAA,QAAAA,EAAgB,QAAQ,CAAC,EAAC,gBAAAE,QAAoB;;AAC5C,YAAMC,IAAeN,EAAYK,CAAc,GACzCE,KAAeH,IAAAH,EAAgBI,CAAc,MAA9B,gBAAAD,EAAiC;AACtD,MAAIE,KAAgBC,KAAgBxC,EAA8BuC,CAAY,MAC5EN,EAAYK,CAAc,IAAIG,EAAyBD,GAAcD,CAAY;AAAA,IAErF;AAAA,EACF,CAAC,GACD,OAAO,KAAKN,CAAW,EAAE,QAAQ,CAACK,MAAmB;AACnD,IAAKJ,EAAgBI,CAAc,KACjC,OAAOL,EAAYK,CAAc;AAAA,EAErC,CAAC;AACH;AAEO,SAASG,EACdC,GACAC,GAC6B;AAC7B,QAAM,EAAC,SAAAzB,GAAS,OAAA0B,GAAO,SAAAnB,EAAA,IAAWkB,GAC5BE,IAAkB,IAAI,IAAIH,CAAe,GACzCI,IAAiB,IAAI,IAAIF,CAAK,GAC9BG,IAAuBL,EAAgB,OAAO,CAAA3C,MAAK,CAAC+C,EAAe,IAAI/C,CAAC,CAAC,GACzEiD,IAAyBJ,EAAM,OAAO,CAAA7C,MAAK,CAAC8C,EAAgB,IAAI9C,CAAW,CAAC;AAClF,MAAI,CAACgD,EAAY,UAAU,CAACC,EAAc;AACxC,WAAOL;AAET,MAAIM,IAAW,CAAC,GAAGP,CAAe;AAClC,QAAMQ,IAAa,EAAC,GAAGzB,EAAA,GACjBb,IAASQ,EAAYF,CAAO,EAAE;AACpC,SAAA6B,EAAY,QAAQ,CAAChD,GAAGiB,MAAQ;AAC9B,UAAMmC,IAAQnC,IAAMS,EAAQmB,EAAMA,EAAM,SAAS,CAAC,CAAC,EAAE,WAAW;AAChE,IAAAM,EAAWnD,CAAC,IAAI;AAAA,MACd,UAAUoD;AAAA,MACV,KAAK;AAAA,QACH,OAAOvC,EAAOuC,IAAQvC,EAAO,MAAM;AAAA,QACnC,WAAWgB,EAAiBuB,IAAQvB,EAAiB,MAAM;AAAA,QAC3D,UAAUC,EAAiBsB,IAAQtB,EAAiB,MAAM;AAAA,MAAA;AAAA,IAC5D;AAAA,EAEJ,CAAC,GACDmB,EAAc,QAAQ,CAACjD,MAAM;AAC3B,IAAImD,EAAWnD,CAAC,KACd,OAAOmD,EAAWnD,CAAC;AAAA,EAEvB,CAAC,GAEM,EAAC,GAAG4C,GAAgB,OAAOM,GAAU,SAASC,EAAA;AACvD;AACO,SAASE,EAAmClC,GAAuD;AACxG,SAAO;AAAA,IACL,MAAM;AAAA,IACN,SAAAA;AAAA,IACA,OAAOT;AAAA,IACP,OAAO;AAAA,IACP,UAAU;AAAA,IACV,KAAK;AAAA,EAAA;AAET;AAEO,SAAS4C,EACdlC,GAC6B;AAC7B,SAAOF,EAAoCP,GAAiBS,CAAM;AACpE;AASO,SAASmC,EACdC,GACAhB,GACAiB,GACAC,GACA;;AACA,OAAIlB,KAAA,gBAAAA,EAAc,UAAS;AACzB,WAAO,EAAE,cAAc,GAAC;AAE1B,QAAMC,IAAegB,MAAWnB,IAAAkB,EAAiBC,CAAQ,MAAzB,gBAAAnB,EAA4B,SAAQ,CAAA,IAAK,CAAA,GACnEZ,IAAUc,KAAgBc,EAAqBb,CAAY;AACjE,SAAKf,EAAQ,MAAM,SAGZ;AAAA,IACL,OAAOA,EAAQ;AAAA,IACf,cAAcA,EAAQ,MAAM,OAAO,CAACC,GAA0BC,MAAU;AACtE,YAAM+B,IAAMjC,EAAQ,QAAQE,CAAK,EAAE;AACnC,aAAAD,EAAIC,CAAK,IAAI,CAAA,GACT8B,EAAiB,SACnB/B,EAAIC,CAAK,EAAE,YAAY+B,EAAI,OAC3BhC,EAAIC,CAAK,EAAE,UAAU+B,EAAI,QAEvBD,EAAiB,WACnB/B,EAAIC,CAAK,EAAE,YAAY+B,EAAI,QAEzBD,EAAiB,aACnB/B,EAAIC,CAAK,EAAE,WAAW+B,EAAI,WAExBD,EAAiB,aACnB/B,EAAIC,CAAK,EAAE,YAAY+B,EAAI,YAEtBhC;AAAA,IACT,GAAG,CAAA,CAAE;AAAA,EAAA,IArBE,EAAC,cAAc,GAAC;AAuB3B;AAEO,SAASiC,EACdrB,GACAiB,GACAtB,GACA;;AACA,QAAMM,IAAeN,EAAYK,CAAc;AAC/C,MAAIC,KAAgB,CAACvC,EAA8BuC,CAAY;AAC7D,WAAO,CAAA;AAET,QAAMC,MAAeH,IAAAkB,EAAiBjB,CAAc,MAA/B,gBAAAD,EAAkC,SAAQ,CAAA,GACzDZ,IAAUc,KAAgBc,EAAqBb,CAAY;AAEjE,SAAOf,EAAQ,MAAM,OAAO,CAACC,GAA0BC,MAAU;AAC/D,UAAM+B,IAAMjC,EAAQ,QAAQE,CAAK,EAAE;AACnC,WAAAD,EAAIC,CAAK,IAAI;AAAA,MACX,WAAW+B,EAAI;AAAA,MACf,WAAWA,EAAI;AAAA,MACf,SAASA,EAAI;AAAA,MACb,UAAUA,EAAI;AAAA,MACd,SAASpD;AAAA,MACT,WAAWF;AAAA,IAAA,GAENsB;AAAA,EACT,GAAG,CAAA,CAAE;AACP;AAEO,SAASkC,EACdtB,GACAiB,GACAtB,GACA;;AACA,QAAMM,IAAeN,EAAYK,CAAc;AAC/C,MAAIC,KAAgB,CAACvC,EAA8BuC,CAAY;AAC7D,WAAO,CAAA;AAET,QAAMC,MAAeH,IAAAkB,EAAiBjB,CAAc,MAA/B,gBAAAD,EAAkC,SAAQ,CAAA,GACzDZ,IAAUc,KAAgBc,EAAqBb,CAAY;AACjE,SAAKf,EAAQ,MAAM,SAGZ;AAAA,IACL,OAAOA,EAAQ;AAAA,IACf,cAAcA,EAAQ,MAAM,OAAO,CAACC,GAA0BC,MAAU;AACtE,YAAM+B,IAAMjC,EAAQ,QAAQE,CAAK,EAAE;AACnC,aAAAD,EAAIC,CAAK,IAAI;AAAA,QACX,WAAW+B,EAAI;AAAA,QACf,WAAWG;AAAA,QACX,SAASA;AAAA,QACT,UAAUxD;AAAA,QACV,SAASC;AAAA,QACT,WAAWF;AAAA,MAAA,GAENsB;AAAA,IACT,GAAG,CAAA,CAAE;AAAA,EAAA,IAfE,EAAC,cAAc,GAAC;AAiB3B;AAEO,SAASoC,EACdxB,GACAiB,GACAtB,GACA8B,GACwD;;AACxD,QAAMvB,MAAeH,IAAAkB,EAAiBjB,CAAc,MAA/B,gBAAAD,EAAkC,SAAQ,CAAA,GACzDZ,IACJQ,EAAYK,CAAc,KAC1Be,EAAqBb,CAAY;AACnC,SAAOf,EAAQ,MAAM;AAAA,IACnB,CAACC,GAA6DC,MAAU;AACtE,YAAM+B,IAAMjC,EAAQ,QAAQE,CAAK,EAAE;AACnC,aAAAD,EAAIC,CAAK,IAAI+B,EAAIK,CAAK,GACfrC;AAAA,IACT;AAAA,IACA,CAAA;AAAA,EAAC;AAEL;"}
+{"version":3,"file":"dataBindAes.js","sources":["../../src/GraphMaker/dataBindAes.ts"],"sourcesContent":["import { InputState } from '@milaboratories/pf-plots';\nimport { scaleLinear } from 'd3-scale';\nimport {\n  ContinuousPalette,\n  DotShape,\n  LineType,\n  Palette,\n} from './components/AesSettings/types';\nimport {\n  DEFAULT_BLACK,\n  FIXED_LINE_TYPES,\n  FIXES_DOT_SHAPES,\n  isCategorical,\n  PALETTE_MAP\n} from './constantsAesthetic';\nimport { AesType, ContinuousDataMappingSize, NumberRange } from './constantsCommon';\nimport { UniqueValuesBySourceMap } from './types';\n\nexport type AestheticMappingState = Record<string, AestheticMapping>;\nexport type AestheticMapping =\n  | AestheticMappingContinuous\n  | AestheticMappingCategorical;\n\ninterface MappingRange {\n  maxValue: number | null;\n  minValue: number | null;\n}\n\n/** Mapping for continuous axes (numerical axes) */\nexport interface AestheticMappingContinuous {\n  type: 'continuous';\n  palette: ContinuousPalette;\n  range: MappingRange | null;\n  midPoint: number | null;\n  log: boolean;\n  naAes: AestheticValues;\n}\n\nexport function isAestheticMappingContinuous(v:unknown | AestheticMappingContinuous): v is AestheticMappingContinuous {\n  return v !== null && typeof v === 'object' && 'palette' in v && 'type' in v && v.type === 'continuous';\n}\n\n/** Mapping for categorical axes (string axes) */\nexport interface AestheticMappingCategorical {\n  type: 'categorical';\n  palette: Palette;\n  naAes: AestheticValues;\n  order: string[];\n  mapping: AestheticMappingRecord;\n}\n\nexport function isAestheticMappingCategorical(v:unknown | AestheticMappingCategorical): v is AestheticMappingCategorical {\n  return v !== null && typeof v === 'object' && 'palette' in v && 'type' in v && v.type === 'categorical';\n}\n\nexport function isAestheticMapping(v:unknown | AestheticMappingContinuous | AestheticMappingCategorical):v is AestheticMapping {\n  return isAestheticMappingCategorical(v) || isAestheticMappingContinuous(v);\n}\n\n// key - column value, colorIdx - idx of color (if palette is categorical) of percent value of colors gradient (if palette is continuous)\ntype AestheticMappingRecord = Record<\n  string | number,\n  {\n    aes: Partial<AestheticValues>;\n    colorIdx: number;\n  }\n>;\n\ninterface AestheticValues {\n  /** Number to retrieve the color from pallet, string to represent specific color as hex */\n  color: string;\n  lineShape: LineType;\n  dotShape: DotShape;\n}\n\nexport const DEFAULT_LINE_COLOR = '#110529';\nexport const DEFAULT_LINE_SHAPE:LineType = 'solid';\nexport const DEFAULT_LINE_WIDTH = 1;\nexport const DEFAULT_DOT_SHAPE:DotShape = '21'; // colored circle, shape number as in R\nexport const DEFAULT_DOT_SIZE = 3; // radius;\nexport const DEFAULT_DOT_SIZE_CANVAS = 2;\nexport const DEFAULT_DOT_RANGE:NumberRange = { min: 3, max: 10 }; // radius;\n\nexport const DEFAULT_NA_AES = {\n  color: '#ccc',\n  lineShape: DEFAULT_LINE_SHAPE as LineType,\n  dotShape: DEFAULT_DOT_SHAPE as DotShape,\n};\nconst DEFAULT_PALETTE: Palette = 'light';\n\nfunction getColorScale(colors: string[]) {\n  const colorStep = 1 / (colors.length - 1);\n  return scaleLinear<string, string>()\n    .domain(colors.map((_c, idx) => idx * colorStep))\n    .range(colors);\n}\n\nexport function createCategoricalMappingFromPalette(\n  palette: Palette,\n  values: string[],\n): AestheticMappingCategorical {\n  const colors = PALETTE_MAP[palette].colors;\n  const step = values.length > 1 ? 1 / (values.length - 1) : 0;\n  const colorScale = getColorScale(colors);\n\n  const categorical = isCategorical(palette);\n  const mapping = values.reduce((res: AestheticMappingRecord, value, idx) => {\n    res[value] = {\n      colorIdx: categorical ? idx : idx * step,\n      aes: {\n        color: categorical\n          ? colors[idx % colors.length]\n          : colorScale(idx * step),\n        lineShape: FIXED_LINE_TYPES[idx % FIXED_LINE_TYPES.length],\n        dotShape: FIXES_DOT_SHAPES[idx % FIXES_DOT_SHAPES.length],\n      },\n    };\n    return res;\n  }, {});\n  return {\n    type: 'categorical',\n    palette: palette,\n    naAes: DEFAULT_NA_AES,\n    order: values,\n    mapping,\n  };\n}\n\nconst INPUTS_WITH_AES_MAPPINGS = [\n  'primaryGrouping', 'secondaryGrouping', // discrete charts\n  'grouping', 'shape', // scatterplot\n  'nodeColor', 'nodeShape', 'lineColor', 'heatmapAnnotation', // dendro\n];\nexport function updateDataBindAes(\n  optionsState: InputState,\n  dataBindAes: Record<string, AestheticMapping>,\n  uniqueValuesMap: UniqueValuesBySourceMap\n) {\n  INPUTS_WITH_AES_MAPPINGS.forEach((inputName) => {\n    const selectorStates = optionsState.components[inputName as keyof InputState]?.selectorStates;\n    selectorStates?.forEach(({selectedSource}) => {\n      const savedMapping = dataBindAes[selectedSource];\n      const uniqueValues = uniqueValuesMap[selectedSource]?.list;\n      if (savedMapping && uniqueValues && isAestheticMappingCategorical(savedMapping)) {\n        dataBindAes[selectedSource] = updateCategoricalMapping(uniqueValues, savedMapping);\n      }\n    })\n  });\n  Object.keys(dataBindAes).forEach((selectedSource) => {\n    if (!uniqueValuesMap[selectedSource]) {\n      delete dataBindAes[selectedSource];\n    }\n  })\n}\n\nexport function updateCategoricalMapping(\n  newUniqueValues: string[],\n  currentMapping: AestheticMappingCategorical,\n): AestheticMappingCategorical {\n  const {palette, order, mapping} = currentMapping;\n  const uniqueValuesSet = new Set(newUniqueValues);\n  const orderValuesSet = new Set(order);\n  const addedValues:string[] = newUniqueValues.filter(v => !orderValuesSet.has(v));\n  const removedValues:string[] = order.filter(v => !uniqueValuesSet.has(v as string));\n  if (!addedValues.length && !removedValues.length) {\n    return currentMapping;\n  }\n  let newOrder = [...newUniqueValues];\n  const newMapping = {...mapping};\n  const colors = PALETTE_MAP[palette].colors;\n  addedValues.forEach((v, idx) => {\n    const index = idx + mapping[order[order.length - 1]].colorIdx + 1;\n    newMapping[v] = {\n      colorIdx: index,\n      aes: {\n        color: colors[index % colors.length],\n        lineShape: FIXED_LINE_TYPES[index % FIXED_LINE_TYPES.length],\n        dotShape: FIXES_DOT_SHAPES[index % FIXES_DOT_SHAPES.length],\n      }\n    }\n  });\n  removedValues.forEach((v) => {\n    if (newMapping[v]) {\n      delete newMapping[v];\n    }\n  });\n\n  return {...currentMapping, order: newOrder, mapping: newMapping} as AestheticMappingCategorical;\n}\nexport function createContinuousMappingFromPalette(palette: ContinuousPalette):AestheticMappingContinuous {\n  return {\n    type: 'continuous',\n    palette: palette,\n    naAes: DEFAULT_NA_AES,\n    range: null,\n    midPoint: null,\n    log: false\n  }\n}\n\nexport function createDefaultMapping(\n  values: string[],\n): AestheticMappingCategorical {\n  return createCategoricalMappingFromPalette(DEFAULT_PALETTE, values);\n}\n\nexport function createDefaultContinuousMapping(columnId: string):ContinuousDataMappingSize {\n  return {\n    column: columnId,\n    range: DEFAULT_DOT_RANGE\n  }\n}\n\nexport function getChartSettingsInheritedAes(\n  uniqueValuesData: UniqueValuesBySourceMap,\n  savedMapping: AestheticMapping | undefined,\n  sourceId: string | null,\n  usedAesInMapping: Record<AesType, boolean>,\n) {\n  if (savedMapping?.type === 'continuous') {\n    return { inheritedAes: {} };\n  }\n  const uniqueValues = sourceId ? uniqueValuesData[sourceId]?.list ?? [] : [];\n  const mapping = savedMapping ?? createDefaultMapping(uniqueValues);\n  if (!mapping.order.length) {\n    return {inheritedAes: {}};\n  }\n  return {\n    order: mapping.order,\n    inheritedAes: mapping.order.reduce((res: Record<string, any>, value) => {\n      const aes = mapping.mapping[value].aes;\n      res[value] = {};\n      if (usedAesInMapping.fill) {\n        res[value].fillColor = aes.color;\n        res[value].dotFill = aes.color;\n      }\n      if (usedAesInMapping.stroke) {\n        res[value].lineColor = aes.color;\n      }\n      if (usedAesInMapping.dotShape) {\n        res[value].dotShape = aes.dotShape;\n      }\n      if (usedAesInMapping.lineType) {\n        res[value].lineShape = aes.lineShape;\n      }\n      return res;\n    }, {}),\n  };\n}\n\nexport function getScatterplotAes(\n  selectedSource: string,\n  uniqueValuesData: UniqueValuesBySourceMap,\n  dataBindAes: AestheticMappingState,\n) {\n  const savedMapping = dataBindAes[selectedSource];\n  if (savedMapping && !isAestheticMappingCategorical(savedMapping)) {\n    return {order: [], inheritedAes: {}};\n  }\n  const uniqueValues = uniqueValuesData[selectedSource]?.list ?? [];\n  const mapping = savedMapping ?? createDefaultMapping(uniqueValues);\n  return {\n    order: mapping.order,\n    inheritedAes: mapping.order.reduce((res: Record<string, any>, value) => {\n      const aes = mapping.mapping[value].aes;\n      res[value] = {\n        fillColor: aes.color,\n        lineColor: aes.color,\n        dotFill: aes.color,\n        dotShape: aes.dotShape,\n        dotSize: DEFAULT_DOT_SIZE,\n        lineWidth: DEFAULT_LINE_WIDTH,\n      };\n      return res;\n    }, {})\n  }\n}\n\nexport function getHistogramAes(\n  selectedSource: string,\n  uniqueValuesData: UniqueValuesBySourceMap,\n  dataBindAes: AestheticMappingState,\n) {\n  const savedMapping = dataBindAes[selectedSource];\n  if (savedMapping && !isAestheticMappingCategorical(savedMapping)) {\n    return {};\n  }\n  const uniqueValues = uniqueValuesData[selectedSource]?.list ?? [];\n  const mapping = savedMapping ?? createDefaultMapping(uniqueValues);\n  if (!mapping.order.length) {\n    return {order: [], inheritedAes: {}};\n  }\n  return {\n    order: mapping.order,\n    inheritedAes: mapping.order.reduce((res: Record<string, any>, value) => {\n      const aes = mapping.mapping[value].aes;\n      res[value] = {\n        fillColor: aes.color,\n        lineColor: DEFAULT_BLACK,\n        dotFill: DEFAULT_BLACK,\n        dotShape: DEFAULT_DOT_SHAPE,\n        dotSize: DEFAULT_DOT_SIZE,\n        lineWidth: DEFAULT_LINE_WIDTH,\n      };\n      return res;\n    }, {})\n  };\n}\n\nexport function getDendroAes(\n  selectedSource: string,\n  uniqueValuesData: UniqueValuesBySourceMap,\n  dataBindAes: AestheticMappingState,\n  field: keyof AestheticValues,\n): Record<string, AestheticValues[keyof AestheticValues]> {\n  const uniqueValues = uniqueValuesData[selectedSource]?.list ?? [];\n  const mapping =\n    dataBindAes[selectedSource] as AestheticMappingCategorical ??\n    createDefaultMapping(uniqueValues);\n  return mapping.order.reduce(\n    (res: Record<string, AestheticValues[keyof AestheticValues]>, value) => {\n      const aes = mapping.mapping[value].aes;\n      res[value] = aes[field] as string;\n      return res;\n    },\n    {},\n  );\n}\n"],"names":["isAestheticMappingContinuous","v","isAestheticMappingCategorical","isAestheticMapping","DEFAULT_LINE_COLOR","DEFAULT_LINE_SHAPE","DEFAULT_LINE_WIDTH","DEFAULT_DOT_SHAPE","DEFAULT_DOT_SIZE","DEFAULT_DOT_SIZE_CANVAS","DEFAULT_DOT_RANGE","DEFAULT_NA_AES","DEFAULT_PALETTE","getColorScale","colors","colorStep","scaleLinear","_c","idx","createCategoricalMappingFromPalette","palette","values","PALETTE_MAP","step","colorScale","categorical","isCategorical","mapping","res","value","FIXED_LINE_TYPES","FIXES_DOT_SHAPES","INPUTS_WITH_AES_MAPPINGS","updateDataBindAes","optionsState","dataBindAes","uniqueValuesMap","inputName","selectorStates","_a","selectedSource","savedMapping","uniqueValues","updateCategoricalMapping","newUniqueValues","currentMapping","order","uniqueValuesSet","orderValuesSet","addedValues","removedValues","newOrder","newMapping","index","createContinuousMappingFromPalette","createDefaultMapping","getChartSettingsInheritedAes","uniqueValuesData","sourceId","usedAesInMapping","aes","getScatterplotAes","getHistogramAes","DEFAULT_BLACK","getDendroAes","field"],"mappings":"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"}

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

@@ -27,7 +27,7 @@ const Ee = { class: "aes-input-row" }, Ne = /* @__PURE__ */ Q({
   emits: ["aes-update", "aes-selector-close"],
   setup(L, { emit: M }) {
     var N, P;
-    const i = L, f = ve(), n = c(() => f.value.reactive.chartType), D = M, W = {
+    const n = L, f = ve(), i = c(() => f.value.reactive.chartType), D = M, W = {
       discrete: ["primaryGrouping", "secondaryGrouping"],
       scatterplot: ["grouping"],
       "scatterplot-umap": ["grouping"],
@@ -35,14 +35,14 @@ const Ee = { class: "aes-input-row" }, Ne = /* @__PURE__ */ Q({
       heatmap: [],
       histogram: ["grouping"],
       bubble: []
-    }, H = i.possibleAesSourceInputs ?? W[n.value], Y = c(
+    }, H = n.possibleAesSourceInputs ?? W[i.value], Y = c(
       () => f.value.commonHelpersData.usedAesInMapping.value
     );
     function V(t) {
-      return typeof t == "string" ? t : n.value === "scatterplot" ? `grouping_${t.value}` : n.value === "dendro" ? `${t.type}_${t.value}` : t.type;
+      return typeof t == "string" ? t : i.value === "scatterplot" ? `grouping_${t.value}` : i.value === "dendro" ? `${t.type}_${t.value}` : t.type;
     }
     const s = b(
-      x(i.selected) ? V(i.selected) : "fix"
+      x(n.selected) ? V(n.selected) : "fix"
     ), z = {
       fill: A[0].color,
       stroke: A[0].color,
@@ -58,7 +58,7 @@ const Ee = { class: "aes-input-row" }, Ne = /* @__PURE__ */ Q({
       const t = {}, e = f.value.reactive.optionsState.components;
       function p(a, l) {
         const o = X.value.getSourceInfo(l), d = K.value[l], E = (d == null ? void 0 : d.list) ?? [], v = (d == null ? void 0 : d.labels) ?? {}, $ = V({ type: a, value: l });
-        if (U.has(n.value) && o.type === "String" || !U.has(n.value)) {
+        if (U.has(i.value) && o.type === "String" || !U.has(i.value)) {
           const C = f.value.reactive.dataBindAes[l] ?? oe(E);
           t[$] = {
             type: "dataCategorical",
@@ -91,17 +91,17 @@ const Ee = { class: "aes-input-row" }, Ne = /* @__PURE__ */ Q({
         (l = e == null ? void 0 : e[a]) != null && l.selectorStates.length && e[a].selectorStates.forEach(({ selectedSource: o }) => {
           p(a, o);
         });
-      }), i.withoutFixed || (t.fix = {
+      }), n.withoutFixed || (t.fix = {
         type: "fix",
         value: "fix",
-        initialData: x(i.selected) ? z[i.type] : i.selected
+        initialData: x(n.selected) ? z[n.type] : n.selected
       }), t;
     }), u = c(
       () => r.value[s.value] ?? null
     );
     function j(t, e) {
       var p, a, l, o;
-      return t.type === "fix" ? "Fixed" : e === t.value ? `${(p = t.selectedSourceInfo) == null ? void 0 : p.label}` : n.value === "discrete" ? `${t.value === "primaryGrouping" ? "Primary" : "Secondary"} grouping: ${(a = t.selectedSourceInfo) == null ? void 0 : a.label}` : n.value === "scatterplot" || n.value === "dendro" ? `Grouping: ${(l = t.selectedSourceInfo) == null ? void 0 : l.label}` : ((o = t.selectedSourceInfo) == null ? void 0 : o.label) ?? "";
+      return t.type === "fix" ? "Fixed" : e === t.value ? `${(p = t.selectedSourceInfo) == null ? void 0 : p.label}` : i.value === "discrete" ? `${t.value === "primaryGrouping" ? "Primary" : "Secondary"} grouping: ${(a = t.selectedSourceInfo) == null ? void 0 : a.label}` : i.value === "scatterplot" || i.value === "dendro" ? `Grouping: ${(l = t.selectedSourceInfo) == null ? void 0 : l.label}` : ((o = t.selectedSourceInfo) == null ? void 0 : o.label) ?? "";
     }
     const G = c(() => {
       const t = [], e = f.value.reactive.optionsState.components;
@@ -122,9 +122,9 @@ const Ee = { class: "aes-input-row" }, Ne = /* @__PURE__ */ Q({
         });
       }), !r.value[s.value]) {
         let a = "Not consistent (grouping)";
-        n.value === "discrete" && (a = `${s.value === "primaryGrouping" ? "Primary" : "Secondary"} grouping (not selected)`), t.push({ text: a, value: s.value });
+        i.value === "discrete" && (a = `${s.value === "primaryGrouping" ? "Primary" : "Secondary"} grouping (not selected)`), t.push({ text: a, value: s.value });
       }
-      return i.withoutFixed || t.push({ text: "Fixed", value: "fix" }), t;
+      return n.withoutFixed || t.push({ text: "Fixed", value: "fix" }), t;
     }), T = b(!1), m = b(
       r.value.fix ? r.value.fix.initialData : null
     ), F = b(
@@ -140,11 +140,11 @@ const Ee = { class: "aes-input-row" }, Ne = /* @__PURE__ */ Q({
       }
     );
     const w = b(), J = c(() => {
-      if (i.type === "lineType")
+      if (n.type === "lineType")
         return se.length * 32 + 16 * 2;
-      if (i.type === "dotShape")
+      if (n.type === "dotShape")
         return Math.ceil(re.length / 6) * 36 + 20 * 2;
-      if (i.type === "fill" || i.type === "stroke")
+      if (n.type === "fill" || n.type === "stroke")
         return Math.ceil(A.length / 6) * 36 + 20 * 2;
     });
     return (t, e) => {
@@ -226,7 +226,7 @@ const Ee = { class: "aes-input-row" }, Ne = /* @__PURE__ */ Q({
                 "column-value-labels": u.value.labels,
                 "data-column-label": ((o = u.value.selectedSourceInfo) == null ? void 0 : o.label) ?? "",
                 "used-aes-in-mapping": Y.value[u.value.selectedSource],
-                "allow-reordering": n.value === "discrete" || n.value === "histogram",
+                "allow-reordering": i.value === "discrete" || i.value === "histogram" || i.value === "scatterplot" || i.value === "scatterplot-umap",
                 modelValue: F.value,
                 "onUpdate:modelValue": [
                   e[11] || (e[11] = (v) => F.value = v),

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

@@ -1 +1 @@
-{"version":3,"file":"AesSelector.vue.js","sources":["../../../../src/GraphMaker/forms/LayersForm/AesSelector.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { ref, computed, watch } from 'vue';\nimport { PlDropdown } from '@platforma-sdk/ui-vue';\nimport {\n  AestheticMappingCategorical, AestheticMappingContinuous, createContinuousMappingFromPalette,\n  createDefaultMapping\n} from '../../dataBindAes';\nimport {\n  AesOption,\n  DotShape,\n  LineType\n} from '../../components/AesSettings/types';\nimport {\n  DEFAULT_CONTINUOUS_PALETTE,\n  DEFAULT_DOT_SHAPE,\n  DEFAULT_LINE_TYPE,\n  FIXED_COLORS,\n  FIXED_LINE_TYPES,\n  FIXES_DOT_SHAPES\n} from '../../constantsAesthetic';\nimport AesButton, { type AesButtonProps } from '../../components/AesButton.vue';\nimport { useStore } from '../../store';\nimport { AesType, isMappedAes, MappingLink } from '../../constantsCommon';\nimport Popup from '../../components/Popup.vue';\nimport FixedColorsList from '../../components/AesSettings/FixedColorsList.vue';\nimport FixedDotShapeList from '../../components/AesSettings/FixedDotShapeList.vue';\nimport FixedLineTypeList from '../../components/AesSettings/FixedLineTypeList.vue';\nimport FormWrapper from '../../components/AesSettings/FormWrapper.vue';\nimport AesDataMappingDiscrete from '../../components/AesSettings/AesDataMappingDiscrete.vue';\nimport AesDataMappingContinuous from '../../components/AesSettings/AesDataMappingContinuous.vue';\nimport { ChartType } from '@milaboratories/pf-plots';\n\nconst props = defineProps<{\n  label: string;\n  type: AesType;\n  selected: string | MappingLink;\n  formTitle: string;\n  formBackTitle: string;\n  possibleAesSourceInputs?: string[];\n  withoutFixed?: boolean;\n  disabled?: boolean;\n}>();\n\nconst store = useStore();\nconst chartType = computed(() => store.value.reactive.chartType);\nconst emit = defineEmits(['aes-update', 'aes-selector-close']);\n\nconst DEFAULT_AES_INPUTS: Record<ChartType, string[]> = {\n  discrete: ['primaryGrouping', 'secondaryGrouping'],\n  scatterplot: ['grouping'],\n  'scatterplot-umap': ['grouping'],\n  dendro: [],\n  heatmap: [],\n  histogram: ['grouping'],\n  bubble: []\n};\nconst possibleAesSourceInputs = props.possibleAesSourceInputs ?? DEFAULT_AES_INPUTS[chartType.value];\nconst usedAesInMapping = computed(\n  () => {\n    const v = store.value.commonHelpersData.usedAesInMapping.value;\n    return v;\n  }\n);\n\nfunction getKeyFromSelectedType(value: MappingLink | string) {\n  if (typeof value === 'string') {\n    return value;\n  }\n  if (chartType.value === 'scatterplot') {\n    return `grouping_${value.value}`;\n  }\n  if (chartType.value === 'dendro') {\n    return `${value.type}_${value.value}`;\n  }\n  return value.type;\n}\n\nconst selectedType = ref(\n  isMappedAes(props.selected) ? getKeyFromSelectedType(props.selected) : 'fix'\n);\nconst DEFAULT_BY_TYPES: Record<AesType, string | DotShape | LineType> = {\n  fill: FIXED_COLORS[0].color,\n  stroke: FIXED_COLORS[0].color,\n  dotShape: DEFAULT_DOT_SHAPE,\n  lineType: DEFAULT_LINE_TYPE,\n  size: '' // temporary\n};\n\nconst inputGuide = computed(() => store.value.inputGuide.value);\nconst labelsInfo = computed(() => store.value.uniqueValuesData.value);\n\nconst chartTypesWithContinuousColors = new Set<ChartType>([\n  'scatterplot', 'scatterplot-umap', 'heatmap'\n]);\n\nconst optionsInfo = computed(() => {\n  const res: Record<string, AesOption> = {};\n  const inputStateMap = store.value.reactive.optionsState.components;\n\n  function addInfo(name: string, source: string) {\n    const selectedSourceInfo = inputGuide.value.getSourceInfo(source);\n    const uniqueValuesItem = labelsInfo.value[source];\n    const uniqueValues = uniqueValuesItem?.list ?? [];\n    const valueLabels = uniqueValuesItem?.labels ?? {};\n    const key = getKeyFromSelectedType({ type: name, value: source });\n    if (\n      chartTypesWithContinuousColors.has(chartType.value) && selectedSourceInfo.type === 'String' ||\n      !chartTypesWithContinuousColors.has(chartType.value)\n    ) {\n      const mapping = (store.value.reactive.dataBindAes[source] ?? createDefaultMapping(uniqueValues)) as AestheticMappingCategorical;\n      res[key] = {\n        type: 'dataCategorical',\n        value: key,\n        initialData: mapping,\n        inputName: name,\n        selectedSource: source,\n        selectedSourceInfo,\n        selectedSourceValues: uniqueValues,\n        labels: mapping.order.reduce(\n          (res: Record<string, string>, v: string | number) => {\n            res[v] = valueLabels[v] ?? String(v);\n            return res;\n          },\n          {}\n        )\n      };\n    } else {\n      const mapping = (store.value.reactive.dataBindAes[source] ?? createContinuousMappingFromPalette(DEFAULT_CONTINUOUS_PALETTE)) as AestheticMappingContinuous;\n      res[key] = {\n        type: 'dataContinuous',\n        value: key,\n        initialData: mapping,\n        inputName: name,\n        selectedSource: source,\n        selectedSourceInfo,\n        selectedSourceValues: uniqueValues\n      };\n    }\n  }\n\n  possibleAesSourceInputs.forEach((name) => {\n    if (inputStateMap?.[name]?.selectorStates.length) {\n      inputStateMap[name].selectorStates.forEach(({ selectedSource }) => {\n        addInfo(name, selectedSource);\n      });\n    }\n  });\n\n  if (!props.withoutFixed) {\n    res['fix'] = {\n      type: 'fix',\n      value: 'fix',\n      initialData: isMappedAes(props.selected)\n        ? DEFAULT_BY_TYPES[props.type]\n        : props.selected\n    };\n  }\n  return res;\n});\n\nconst option = computed<AesOption | null>(\n  () => optionsInfo.value[selectedType.value] ?? null\n);\n\nfunction getTitle(option: AesOption, selected: string) {\n  if (option.type === 'fix') {\n    return 'Fixed';\n  }\n  if (selected === option.value) {\n    return `${option.selectedSourceInfo?.label}`;\n  }\n  if (chartType.value === 'discrete') {\n    return `${\n      option.value === 'primaryGrouping' ? 'Primary' : 'Secondary'\n    } grouping: ${option.selectedSourceInfo?.label}`;\n  }\n  if (chartType.value === 'scatterplot' || chartType.value === 'dendro') {\n    return `Grouping: ${option.selectedSourceInfo?.label}`;\n  }\n  return option.selectedSourceInfo?.label ?? '';\n}\n\nconst typeOptions = computed(() => {\n  const options = [];\n  const inputStateMap = store.value.reactive.optionsState.components;\n\n  function addOption(name: string, source: string) {\n    const key = getKeyFromSelectedType({\n      type: name === 'shape' ? 'grouping' : name,\n      value: source\n    });\n    if (optionsInfo.value[key]) {\n      options.push({\n        text: getTitle(optionsInfo.value[key], selectedType.value),\n        value: key\n      });\n    }\n  }\n\n  possibleAesSourceInputs.forEach((name) => {\n    if (inputStateMap?.[name]?.selectorStates.length) {\n      inputStateMap[name].selectorStates.forEach(({ selectedSource }) => {\n        addOption(name, selectedSource);\n      });\n    }\n  });\n  if (!optionsInfo.value[selectedType.value]) {\n    let text = 'Not consistent (grouping)';\n    if (chartType.value === 'discrete') {\n      text = `${\n        selectedType.value === 'primaryGrouping' ? 'Primary' : 'Secondary'\n      } grouping (not selected)`;\n    }\n    options.push({ text, value: selectedType.value });\n  }\n  if (!props.withoutFixed) {\n    options.push({ text: 'Fixed', value: 'fix' });\n  }\n  return options;\n});\n\nconst openForm = ref(false);\n\nconst defaultFixed = ref(\n  optionsInfo.value['fix']\n    ? (optionsInfo.value['fix'].initialData as string)\n    : null\n);\nconst defaultMappingCategorical = ref(\n  option.value?.type === 'dataCategorical'\n    ? (option.value.initialData as AestheticMappingCategorical)\n    : null\n);\n\nconst defaultMappingContinuous = ref(\n  option.value?.type === 'dataContinuous'\n    ? (option.value.initialData as AestheticMappingContinuous)\n    : null\n);\nwatch(\n  () => selectedType.value,\n  (value) => {\n    const option = optionsInfo.value[value];\n    if (option.type === 'fix') {\n      emit('aes-update', defaultFixed.value, option);\n    } else if (option.type === 'dataCategorical') {\n      defaultMappingCategorical.value = option.initialData;\n      emit('aes-update', option.initialData, option);\n    } else if (option.type === 'dataContinuous') {\n      defaultMappingContinuous.value = option.initialData;\n      emit('aes-update', option.initialData, option);\n    }\n  }\n);\n\nconst aesButtonRef = ref();\n\n//TODO: move to utils\nconst popupHeight = computed(() => {\n  if (props.type === 'lineType') {\n    const ROW_HEIGHT = 32;\n    const OFFSET = 16;\n    return FIXED_LINE_TYPES.length * ROW_HEIGHT + OFFSET * 2;\n  }\n  if (props.type === 'dotShape') {\n    const ROW_HEIGHT = 36;\n    const OFFSET = 20;\n    return Math.ceil(FIXES_DOT_SHAPES.length / 6) * ROW_HEIGHT + OFFSET * 2;\n  }\n  if (props.type === 'fill' || props.type === 'stroke') {\n    const ROW_HEIGHT = 36;\n    const OFFSET = 20;\n    return Math.ceil(FIXED_COLORS.length / 6) * ROW_HEIGHT + OFFSET * 2;\n  }\n});\n\n</script>\n\n<template>\n  <div class=\"aes-input-row\">\n    <div class=\"aes-input-select\" @click.stop>\n      <pl-dropdown\n        :disabled=\"disabled || typeOptions.length < 2\"\n        :label=\"label\"\n        :options=\"typeOptions\"\n        v-model=\"selectedType\"\n      />\n    </div>\n    <aes-button\n      :data=\"{\n        type: selectedType === 'fix' ? type : 'data',\n        value: selectedType === 'fix' ? type === 'size' ? Number(selected) : selected as string : null\n      } as AesButtonProps['data']\"\n      @click=\"openForm = !openForm\"\n      @ref=\"(el:Element) => (aesButtonRef = el)\"\n    />\n    <popup\n      v-if=\"selectedType === 'fix' && openForm && defaultFixed\"\n      :height=\"popupHeight\"\n      :targetRef=\"aesButtonRef\"\n      @popup:close=\"openForm = false\"\n    >\n      <div\n        class=\"fixed-aes-list\"\n        :class=\"{ 'fixed-aes-list__rows': type === 'lineType' }\"\n      >\n        <fixed-colors-list\n          v-if=\"type === 'fill' || type === 'stroke'\"\n          :color-using=\"type\"\n          v-model=\"defaultFixed\"\n          @update:modelValue=\"\n            (value:string) => $emit('aes-update', value, optionsInfo['fix'])\n          \"\n        />\n        <fixed-dot-shape-list\n          v-if=\"type === 'dotShape'\"\n          v-model=\"defaultFixed\"\n          @update:modelValue=\"\n            (value:DotShape) => $emit('aes-update', value, optionsInfo['fix'])\n          \"\n        />\n        <fixed-line-type-list\n          v-if=\"type === 'lineType'\"\n          v-model=\"defaultFixed\"\n          @update:modelValue=\"\n            (value:LineType) => $emit('aes-update', value, optionsInfo['fix'])\n          \"\n        />\n      </div>\n    </popup>\n  </div>\n  <template v-if=\"(\n    (option?.type === 'dataCategorical' && defaultMappingCategorical) ||\n    (option?.type === 'dataContinuous' && defaultMappingContinuous)) && openForm\">\n    <form-wrapper\n      :title=\"formTitle\"\n      :back-title=\"formBackTitle\"\n      @form:close=\"openForm = false\"\n    >\n      <aes-data-mapping-discrete\n        v-if=\"option?.type === 'dataCategorical' && defaultMappingCategorical\"\n        :column-value-labels=\"option.labels\"\n        :data-column-label=\"option.selectedSourceInfo?.label ?? ''\"\n        :used-aes-in-mapping=\"usedAesInMapping[option.selectedSource]\"\n        :allow-reordering=\"chartType === 'discrete' || chartType === 'histogram'\"\n        v-model=\"defaultMappingCategorical\"\n        @update:modelValue=\"(value:AestheticMappingCategorical) => $emit('aes-update', value, option)\"\n      />\n      <aes-data-mapping-continuous\n        v-if=\"option?.type === 'dataContinuous' && defaultMappingContinuous\"\n        :data-column-label=\"option.selectedSourceInfo?.label ?? ''\"\n        v-model=\"defaultMappingContinuous\"\n        @update:modelValue=\"(value:AestheticMappingContinuous) => $emit('aes-update', value, option)\"\n      />\n    </form-wrapper>\n  </template>\n</template>\n"],"names":["props","__props","store","useStore","chartType","computed","emit","__emit","DEFAULT_AES_INPUTS","possibleAesSourceInputs","usedAesInMapping","getKeyFromSelectedType","value","selectedType","ref","isMappedAes","DEFAULT_BY_TYPES","FIXED_COLORS","DEFAULT_DOT_SHAPE","DEFAULT_LINE_TYPE","inputGuide","labelsInfo","chartTypesWithContinuousColors","optionsInfo","res","inputStateMap","addInfo","name","source","selectedSourceInfo","uniqueValuesItem","uniqueValues","valueLabels","key","mapping","createDefaultMapping","v","createContinuousMappingFromPalette","DEFAULT_CONTINUOUS_PALETTE","_a","selectedSource","option","getTitle","selected","typeOptions","options","addOption","text","openForm","defaultFixed","defaultMappingCategorical","defaultMappingContinuous","_b","watch","aesButtonRef","popupHeight","FIXED_LINE_TYPES","FIXES_DOT_SHAPES"],"mappings":"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"}
+{"version":3,"file":"AesSelector.vue.js","sources":["../../../../src/GraphMaker/forms/LayersForm/AesSelector.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { ref, computed, watch } from 'vue';\nimport { PlDropdown } from '@platforma-sdk/ui-vue';\nimport {\n  AestheticMappingCategorical, AestheticMappingContinuous, createContinuousMappingFromPalette,\n  createDefaultMapping\n} from '../../dataBindAes';\nimport {\n  AesOption,\n  DotShape,\n  LineType\n} from '../../components/AesSettings/types';\nimport {\n  DEFAULT_CONTINUOUS_PALETTE,\n  DEFAULT_DOT_SHAPE,\n  DEFAULT_LINE_TYPE,\n  FIXED_COLORS,\n  FIXED_LINE_TYPES,\n  FIXES_DOT_SHAPES\n} from '../../constantsAesthetic';\nimport AesButton, { type AesButtonProps } from '../../components/AesButton.vue';\nimport { useStore } from '../../store';\nimport { AesType, isMappedAes, MappingLink } from '../../constantsCommon';\nimport Popup from '../../components/Popup.vue';\nimport FixedColorsList from '../../components/AesSettings/FixedColorsList.vue';\nimport FixedDotShapeList from '../../components/AesSettings/FixedDotShapeList.vue';\nimport FixedLineTypeList from '../../components/AesSettings/FixedLineTypeList.vue';\nimport FormWrapper from '../../components/AesSettings/FormWrapper.vue';\nimport AesDataMappingDiscrete from '../../components/AesSettings/AesDataMappingDiscrete.vue';\nimport AesDataMappingContinuous from '../../components/AesSettings/AesDataMappingContinuous.vue';\nimport { ChartType } from '@milaboratories/pf-plots';\n\nconst props = defineProps<{\n  label: string;\n  type: AesType;\n  selected: string | MappingLink;\n  formTitle: string;\n  formBackTitle: string;\n  possibleAesSourceInputs?: string[];\n  withoutFixed?: boolean;\n  disabled?: boolean;\n}>();\n\nconst store = useStore();\nconst chartType = computed(() => store.value.reactive.chartType);\nconst emit = defineEmits(['aes-update', 'aes-selector-close']);\n\nconst DEFAULT_AES_INPUTS: Record<ChartType, string[]> = {\n  discrete: ['primaryGrouping', 'secondaryGrouping'],\n  scatterplot: ['grouping'],\n  'scatterplot-umap': ['grouping'],\n  dendro: [],\n  heatmap: [],\n  histogram: ['grouping'],\n  bubble: []\n};\nconst possibleAesSourceInputs = props.possibleAesSourceInputs ?? DEFAULT_AES_INPUTS[chartType.value];\nconst usedAesInMapping = computed(\n  () => {\n    const v = store.value.commonHelpersData.usedAesInMapping.value;\n    return v;\n  }\n);\n\nfunction getKeyFromSelectedType(value: MappingLink | string) {\n  if (typeof value === 'string') {\n    return value;\n  }\n  if (chartType.value === 'scatterplot') {\n    return `grouping_${value.value}`;\n  }\n  if (chartType.value === 'dendro') {\n    return `${value.type}_${value.value}`;\n  }\n  return value.type;\n}\n\nconst selectedType = ref(\n  isMappedAes(props.selected) ? getKeyFromSelectedType(props.selected) : 'fix'\n);\nconst DEFAULT_BY_TYPES: Record<AesType, string | DotShape | LineType> = {\n  fill: FIXED_COLORS[0].color,\n  stroke: FIXED_COLORS[0].color,\n  dotShape: DEFAULT_DOT_SHAPE,\n  lineType: DEFAULT_LINE_TYPE,\n  size: '' // temporary\n};\n\nconst inputGuide = computed(() => store.value.inputGuide.value);\nconst labelsInfo = computed(() => store.value.uniqueValuesData.value);\n\nconst chartTypesWithContinuousColors = new Set<ChartType>([\n  'scatterplot', 'scatterplot-umap', 'heatmap'\n]);\n\nconst optionsInfo = computed(() => {\n  const res: Record<string, AesOption> = {};\n  const inputStateMap = store.value.reactive.optionsState.components;\n\n  function addInfo(name: string, source: string) {\n    const selectedSourceInfo = inputGuide.value.getSourceInfo(source);\n    const uniqueValuesItem = labelsInfo.value[source];\n    const uniqueValues = uniqueValuesItem?.list ?? [];\n    const valueLabels = uniqueValuesItem?.labels ?? {};\n    const key = getKeyFromSelectedType({ type: name, value: source });\n    if (\n      chartTypesWithContinuousColors.has(chartType.value) && selectedSourceInfo.type === 'String' ||\n      !chartTypesWithContinuousColors.has(chartType.value)\n    ) {\n      const mapping = (store.value.reactive.dataBindAes[source] ?? createDefaultMapping(uniqueValues)) as AestheticMappingCategorical;\n      res[key] = {\n        type: 'dataCategorical',\n        value: key,\n        initialData: mapping,\n        inputName: name,\n        selectedSource: source,\n        selectedSourceInfo,\n        selectedSourceValues: uniqueValues,\n        labels: mapping.order.reduce(\n          (res: Record<string, string>, v: string | number) => {\n            res[v] = valueLabels[v] ?? String(v);\n            return res;\n          },\n          {}\n        )\n      };\n    } else {\n      const mapping = (store.value.reactive.dataBindAes[source] ?? createContinuousMappingFromPalette(DEFAULT_CONTINUOUS_PALETTE)) as AestheticMappingContinuous;\n      res[key] = {\n        type: 'dataContinuous',\n        value: key,\n        initialData: mapping,\n        inputName: name,\n        selectedSource: source,\n        selectedSourceInfo,\n        selectedSourceValues: uniqueValues\n      };\n    }\n  }\n\n  possibleAesSourceInputs.forEach((name) => {\n    if (inputStateMap?.[name]?.selectorStates.length) {\n      inputStateMap[name].selectorStates.forEach(({ selectedSource }) => {\n        addInfo(name, selectedSource);\n      });\n    }\n  });\n\n  if (!props.withoutFixed) {\n    res['fix'] = {\n      type: 'fix',\n      value: 'fix',\n      initialData: isMappedAes(props.selected)\n        ? DEFAULT_BY_TYPES[props.type]\n        : props.selected\n    };\n  }\n  return res;\n});\n\nconst option = computed<AesOption | null>(\n  () => optionsInfo.value[selectedType.value] ?? null\n);\n\nfunction getTitle(option: AesOption, selected: string) {\n  if (option.type === 'fix') {\n    return 'Fixed';\n  }\n  if (selected === option.value) {\n    return `${option.selectedSourceInfo?.label}`;\n  }\n  if (chartType.value === 'discrete') {\n    return `${\n      option.value === 'primaryGrouping' ? 'Primary' : 'Secondary'\n    } grouping: ${option.selectedSourceInfo?.label}`;\n  }\n  if (chartType.value === 'scatterplot' || chartType.value === 'dendro') {\n    return `Grouping: ${option.selectedSourceInfo?.label}`;\n  }\n  return option.selectedSourceInfo?.label ?? '';\n}\n\nconst typeOptions = computed(() => {\n  const options = [];\n  const inputStateMap = store.value.reactive.optionsState.components;\n\n  function addOption(name: string, source: string) {\n    const key = getKeyFromSelectedType({\n      type: name === 'shape' ? 'grouping' : name,\n      value: source\n    });\n    if (optionsInfo.value[key]) {\n      options.push({\n        text: getTitle(optionsInfo.value[key], selectedType.value),\n        value: key\n      });\n    }\n  }\n\n  possibleAesSourceInputs.forEach((name) => {\n    if (inputStateMap?.[name]?.selectorStates.length) {\n      inputStateMap[name].selectorStates.forEach(({ selectedSource }) => {\n        addOption(name, selectedSource);\n      });\n    }\n  });\n  if (!optionsInfo.value[selectedType.value]) {\n    let text = 'Not consistent (grouping)';\n    if (chartType.value === 'discrete') {\n      text = `${\n        selectedType.value === 'primaryGrouping' ? 'Primary' : 'Secondary'\n      } grouping (not selected)`;\n    }\n    options.push({ text, value: selectedType.value });\n  }\n  if (!props.withoutFixed) {\n    options.push({ text: 'Fixed', value: 'fix' });\n  }\n  return options;\n});\n\nconst openForm = ref(false);\n\nconst defaultFixed = ref(\n  optionsInfo.value['fix']\n    ? (optionsInfo.value['fix'].initialData as string)\n    : null\n);\nconst defaultMappingCategorical = ref(\n  option.value?.type === 'dataCategorical'\n    ? (option.value.initialData as AestheticMappingCategorical)\n    : null\n);\n\nconst defaultMappingContinuous = ref(\n  option.value?.type === 'dataContinuous'\n    ? (option.value.initialData as AestheticMappingContinuous)\n    : null\n);\nwatch(\n  () => selectedType.value,\n  (value) => {\n    const option = optionsInfo.value[value];\n    if (option.type === 'fix') {\n      emit('aes-update', defaultFixed.value, option);\n    } else if (option.type === 'dataCategorical') {\n      defaultMappingCategorical.value = option.initialData;\n      emit('aes-update', option.initialData, option);\n    } else if (option.type === 'dataContinuous') {\n      defaultMappingContinuous.value = option.initialData;\n      emit('aes-update', option.initialData, option);\n    }\n  }\n);\n\nconst aesButtonRef = ref();\n\n//TODO: move to utils\nconst popupHeight = computed(() => {\n  if (props.type === 'lineType') {\n    const ROW_HEIGHT = 32;\n    const OFFSET = 16;\n    return FIXED_LINE_TYPES.length * ROW_HEIGHT + OFFSET * 2;\n  }\n  if (props.type === 'dotShape') {\n    const ROW_HEIGHT = 36;\n    const OFFSET = 20;\n    return Math.ceil(FIXES_DOT_SHAPES.length / 6) * ROW_HEIGHT + OFFSET * 2;\n  }\n  if (props.type === 'fill' || props.type === 'stroke') {\n    const ROW_HEIGHT = 36;\n    const OFFSET = 20;\n    return Math.ceil(FIXED_COLORS.length / 6) * ROW_HEIGHT + OFFSET * 2;\n  }\n});\n\n</script>\n\n<template>\n  <div class=\"aes-input-row\">\n    <div class=\"aes-input-select\" @click.stop>\n      <pl-dropdown\n        :disabled=\"disabled || typeOptions.length < 2\"\n        :label=\"label\"\n        :options=\"typeOptions\"\n        v-model=\"selectedType\"\n      />\n    </div>\n    <aes-button\n      :data=\"{\n        type: selectedType === 'fix' ? type : 'data',\n        value: selectedType === 'fix' ? type === 'size' ? Number(selected) : selected as string : null\n      } as AesButtonProps['data']\"\n      @click=\"openForm = !openForm\"\n      @ref=\"(el:Element) => (aesButtonRef = el)\"\n    />\n    <popup\n      v-if=\"selectedType === 'fix' && openForm && defaultFixed\"\n      :height=\"popupHeight\"\n      :targetRef=\"aesButtonRef\"\n      @popup:close=\"openForm = false\"\n    >\n      <div\n        class=\"fixed-aes-list\"\n        :class=\"{ 'fixed-aes-list__rows': type === 'lineType' }\"\n      >\n        <fixed-colors-list\n          v-if=\"type === 'fill' || type === 'stroke'\"\n          :color-using=\"type\"\n          v-model=\"defaultFixed\"\n          @update:modelValue=\"\n            (value:string) => $emit('aes-update', value, optionsInfo['fix'])\n          \"\n        />\n        <fixed-dot-shape-list\n          v-if=\"type === 'dotShape'\"\n          v-model=\"defaultFixed\"\n          @update:modelValue=\"\n            (value:DotShape) => $emit('aes-update', value, optionsInfo['fix'])\n          \"\n        />\n        <fixed-line-type-list\n          v-if=\"type === 'lineType'\"\n          v-model=\"defaultFixed\"\n          @update:modelValue=\"\n            (value:LineType) => $emit('aes-update', value, optionsInfo['fix'])\n          \"\n        />\n      </div>\n    </popup>\n  </div>\n  <template v-if=\"(\n    (option?.type === 'dataCategorical' && defaultMappingCategorical) ||\n    (option?.type === 'dataContinuous' && defaultMappingContinuous)) && openForm\">\n    <form-wrapper\n      :title=\"formTitle\"\n      :back-title=\"formBackTitle\"\n      @form:close=\"openForm = false\"\n    >\n      <aes-data-mapping-discrete\n        v-if=\"option?.type === 'dataCategorical' && defaultMappingCategorical\"\n        :column-value-labels=\"option.labels\"\n        :data-column-label=\"option.selectedSourceInfo?.label ?? ''\"\n        :used-aes-in-mapping=\"usedAesInMapping[option.selectedSource]\"\n        :allow-reordering=\"chartType === 'discrete' || chartType === 'histogram' || chartType === 'scatterplot' || chartType === 'scatterplot-umap'\"\n        v-model=\"defaultMappingCategorical\"\n        @update:modelValue=\"(value:AestheticMappingCategorical) => $emit('aes-update', value, option)\"\n      />\n      <aes-data-mapping-continuous\n        v-if=\"option?.type === 'dataContinuous' && defaultMappingContinuous\"\n        :data-column-label=\"option.selectedSourceInfo?.label ?? ''\"\n        v-model=\"defaultMappingContinuous\"\n        @update:modelValue=\"(value:AestheticMappingContinuous) => $emit('aes-update', value, option)\"\n      />\n    </form-wrapper>\n  </template>\n</template>\n"],"names":["props","__props","store","useStore","chartType","computed","emit","__emit","DEFAULT_AES_INPUTS","possibleAesSourceInputs","usedAesInMapping","getKeyFromSelectedType","value","selectedType","ref","isMappedAes","DEFAULT_BY_TYPES","FIXED_COLORS","DEFAULT_DOT_SHAPE","DEFAULT_LINE_TYPE","inputGuide","labelsInfo","chartTypesWithContinuousColors","optionsInfo","res","inputStateMap","addInfo","name","source","selectedSourceInfo","uniqueValuesItem","uniqueValues","valueLabels","key","mapping","createDefaultMapping","v","createContinuousMappingFromPalette","DEFAULT_CONTINUOUS_PALETTE","_a","selectedSource","option","getTitle","selected","typeOptions","options","addOption","text","openForm","defaultFixed","defaultMappingCategorical","defaultMappingContinuous","_b","watch","aesButtonRef","popupHeight","FIXED_LINE_TYPES","FIXES_DOT_SHAPES"],"mappings":"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"}

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

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