@milaboratories/graph-maker 1.1.138 → 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/components/LassoControls/index.vue.js

@@ -1,9 +1,9 @@
 import { defineComponent as R, computed as P, onMounted as _, onUnmounted as x, createElementBlock as L, openBlock as M, createElementVNode as a, createVNode as r, unref as i, normalizeClass as h, withCtx as T } from "vue";
 import "../../../node_modules/@milaboratories/miplots4/dist/node_modules/lodash/lodash.js";
-import "../../../node_modules/@milaboratories/miplots4/dist/node_modules/d3-hierarchy/src/hierarchy/index.js";
 import "../../../node_modules/@milaboratories/miplots4/dist/node_modules/react-dom/server.browser.js";
 import "../../../node_modules/@milaboratories/miplots4/dist/node_modules/zod/lib/index.js";
 import "../../../node_modules/@milaboratories/miplots4/dist/node_modules/react/jsx-runtime.js";
+import "../../../node_modules/@milaboratories/miplots4/dist/node_modules/react-dom/client.js";
 import "../../../node_modules/@milaboratories/miplots4/dist/types/common.js";
 import "../../../node_modules/@milaboratories/miplots4/dist/types/discrete.js";
 import "../../../node_modules/@milaboratories/miplots4/dist/types/scatterplot.js";
@@ -12,7 +12,7 @@ import "../../../node_modules/@milaboratories/miplots4/dist/types/dendro.js";
 import "../../../node_modules/@milaboratories/miplots4/dist/types/histogram.js";
 import "../../../node_modules/@milaboratories/miplots4/dist/types/bubble.js";
 import "../../../node_modules/@milaboratories/miplots4/dist/utils/getLegendWidth.js";
-import "../../../node_modules/@milaboratories/miplots4/dist/node_modules/react-dom/client.js";
+import "../../../node_modules/@milaboratories/miplots4/dist/utils/TextMeasurer/TextMeasurer.js";
 import "../../../node_modules/@milaboratories/miplots4/dist/_virtual/index.js";
 import "../../../node_modules/@milaboratories/miplots4/dist/node_modules/react-dom/index.js";
 import "../../../node_modules/@milaboratories/miplots4/dist/node_modules/d3-interpolate/src/rgb.js";
@@ -20,8 +20,11 @@ import "../../../node_modules/@milaboratories/miplots4/dist/node_modules/d3-colo
 import "../../../node_modules/@milaboratories/miplots4/dist/node_modules/d3-array/src/bisect.js";
 import "../../../node_modules/@milaboratories/miplots4/dist/node_modules/d3-format/src/formatSpecifier.js";
 import "../../../node_modules/@milaboratories/miplots4/dist/node_modules/d3-format/src/defaultLocale.js";
-import "../../../node_modules/@milaboratories/miplots4/dist/common/ErrorBoundary.js";
+import "../../../node_modules/@milaboratories/miplots4/dist/node_modules/d3-hierarchy/src/hierarchy/index.js";
+import "../../../node_modules/@milaboratories/miplots4/dist/DataFrame.js";
+import "../../../node_modules/@milaboratories/miplots4/dist/common/useDataFrame.js";
 import "../../../node_modules/@milaboratories/miplots4/dist/utils/arrangeLegendParts.js";
+import "../../../node_modules/@milaboratories/miplots4/dist/common/ErrorBoundary.js";
 import "../../../node_modules/@milaboratories/miplots4/dist/node_modules/d3-shape/src/curve/linear.js";
 import "../../../node_modules/@milaboratories/miplots4/dist/node_modules/d3-shape/src/curve/basis.js";
 import "../../../node_modules/@milaboratories/miplots4/dist/node_modules/@stdlib/stats-anova1/lib/main.js";
@@ -50,23 +53,22 @@ import "../../../node_modules/@milaboratories/miplots4/dist/heatmap/utils/calcul
 import "../../../node_modules/@milaboratories/miplots4/dist/scatterplot/components/Chart.js";
 import "../../../node_modules/@milaboratories/miplots4/dist/scatterplot/components/ChartTooltip.js";
 import "../../../node_modules/@milaboratories/miplots4/dist/node_modules/@stdlib/stats-base-dists-f-cdf/lib/index.js";
-import "../../../node_modules/@milaboratories/miplots4/dist/scatterplot-umap/components/LowerSVG.js";
-import { SCATTERPLOT_LASSO_EVENTS as s } from "../../../node_modules/@milaboratories/miplots4/dist/scatterplot-umap/constants.js";
 import "../../../node_modules/@milaboratories/miplots4/dist/node_modules/d3-selection/src/selection/index.js";
-import "../../../node_modules/@milaboratories/miplots4/dist/node_modules/d3-drag/src/event.js";
-import "../../../node_modules/@milaboratories/miplots4/dist/node_modules/d3-dispatch/src/dispatch.js";
+import "../../../node_modules/@milaboratories/miplots4/dist/node_modules/@d3fc/d3fc-element/index.js";
+import "../../../node_modules/@milaboratories/miplots4/dist/node_modules/@d3fc/d3fc-chart/src/css.js";
+import "../../../node_modules/@milaboratories/miplots4/dist/node_modules/@d3fc/d3fc-webgl/src/scale/scaleMapper.js";
 import "../../../node_modules/@milaboratories/miplots4/dist/node_modules/d3-transition/src/selection/index.js";
 import "../../../node_modules/@milaboratories/miplots4/dist/node_modules/d3-transition/src/transition/schedule.js";
 import "../../../node_modules/@milaboratories/miplots4/dist/node_modules/d3-zoom/src/transform.js";
+import "../../../node_modules/@milaboratories/miplots4/dist/node_modules/d3-dispatch/src/dispatch.js";
 import "../../../node_modules/@milaboratories/miplots4/dist/node_modules/d3-interpolate/src/zoom.js";
-import "../../../node_modules/@milaboratories/miplots4/dist/node_modules/@d3fc/d3fc-element/index.js";
-import "../../../node_modules/@milaboratories/miplots4/dist/node_modules/@d3fc/d3fc-chart/src/css.js";
-import "../../../node_modules/@milaboratories/miplots4/dist/node_modules/@d3fc/d3fc-webgl/src/scale/scaleMapper.js";
-import "../../../node_modules/@milaboratories/miplots4/dist/node_modules/d3-quadtree/src/quadtree.js";
+import "../../../node_modules/@milaboratories/miplots4/dist/scatterplot-umap/components/LowerSVG.js";
+import { SCATTERPLOT_LASSO_EVENTS as s } from "../../../node_modules/@milaboratories/miplots4/dist/scatterplot-umap/constants.js";
+import "../../../node_modules/@milaboratories/miplots4/dist/node_modules/d3-drag/src/event.js";
 import "../../../node_modules/@milaboratories/miplots4/dist/types/scatterplot-umap.js";
 import { PlBtnGhost as m, PlMaskIcon24 as z } from "@platforma-sdk/ui-vue";
 import { useStore as B } from "../../store.js";
-const N = { class: "lasso-controls-container" }, O = { class: "lasso-buttons-group" }, Xt = /* @__PURE__ */ R({
+const N = { class: "lasso-controls-container" }, O = { class: "lasso-buttons-group" }, Zt = /* @__PURE__ */ R({
   __name: "index",
   props: {
     chartRef: {}
@@ -153,6 +155,6 @@ const N = { class: "lasso-controls-container" }, O = { class: "lasso-buttons-gro
   }
 });
 export {
-  Xt as default
+  Zt as default
 };
 //# sourceMappingURL=index.vue.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.vue.js","sources":["../../../../src/GraphMaker/components/LassoControls/index.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ChartInterface, SCATTERPLOT_LASSO_EVENTS } from '@milaboratories/miplots4';\nimport { PlBtnGhost, PlMaskIcon24 } from '@platforma-sdk/ui-vue';\nimport { computed, onMounted, onUnmounted } from 'vue';\nimport { useStore } from '../../../GraphMaker/store.ts';\n\nconst props = defineProps<{\n  chartRef: ChartInterface | null\n}>();\n\nconst store = useStore();\nconst controlsState = computed(() => store.value.reactive.lassoControlsState);\n\nfunction setPen() {\n  props.chartRef?.updateChartState(SCATTERPLOT_LASSO_EVENTS.selectMode, 'pen')\n}\nfunction setSelection() {\n  props.chartRef?.updateChartState(SCATTERPLOT_LASSO_EVENTS.selectMode, 'selection')\n}\nfunction back() {\n  props.chartRef?.updateChartState(SCATTERPLOT_LASSO_EVENTS.back, null);\n}\nfunction forward() {\n  props.chartRef?.updateChartState(SCATTERPLOT_LASSO_EVENTS.forward, null);\n}\nfunction deletePolygon() {\n  props.chartRef?.updateChartState(SCATTERPLOT_LASSO_EVENTS.delete, null)\n}\n\nfunction onKeyDown(e:KeyboardEvent) {\n  if (e.key === 'p') {\n    setPen();\n  }\n  if (e.key === 'v') {\n    setSelection();\n  }\n  if (controlsState.value?.backEnabled && e.key === 'z' && (e.ctrlKey || e.metaKey) && !e.shiftKey) {\n    back();\n  }\n  if (controlsState.value?.forwardEnabled && e.key === 'z' && (e.ctrlKey || e.metaKey) && e.shiftKey) {\n    forward()\n  }\n}\nonMounted(() => {\n  document.addEventListener('keydown', onKeyDown);\n});\nonUnmounted(() => {\n  document.removeEventListener('keydown', onKeyDown);\n});\n\n</script>\n<template>\n  <div class=\"lasso-controls-container\">\n    <div class=\"lasso-buttons-group\">\n      <div class=\"lasso-controls-border\"/>\n      <pl-btn-ghost\n        @click=\"setPen\"\n        :class=\"{\n        'lasso-button-selected': controlsState?.mode === 'pen' || !controlsState,\n        'lasso-button-not-selected': controlsState?.mode !== 'pen' && controlsState,\n      }\"\n        icon=\"cursor-pointer\"\n      />\n      <pl-btn-ghost\n        @click=\"setSelection\"\n        :class=\"{\n        'lasso-button-selected': controlsState?.mode === 'selection',\n        'lasso-button-not-selected': controlsState?.mode !== 'selection',\n      }\"\n        icon=\"pen-tool\"\n      />\n      <div class=\"lasso-controls-separator\"/>\n      <pl-btn-ghost\n        :disabled=\"!controlsState?.backEnabled\"\n        icon=\"arrow-left-curved\"\n        @click=\"back\"\n      />\n      <pl-btn-ghost\n        :disabled=\"!controlsState?.forwardEnabled\"\n        @click=\"forward\"\n      >\n        <template #icon>\n          <PlMaskIcon24 name=\"arrow-left-curved\" :style=\"{transform: 'scale(-1, 1)'}\"/>\n        </template>\n      </pl-btn-ghost>\n      <div class=\"lasso-controls-separator\"/>\n      <pl-btn-ghost\n        :disabled=\"!controlsState?.deleteEnabled\"\n        icon=\"delete-bin\"\n        @click=\"deletePolygon\"\n      />\n    </div>\n    <div class=\"lasso-hint\">\n      Hold Cmd/Ctrl and left-click to pan the canvas\n    </div>\n  </div>\n</template>\n"],"names":["props","__props","store","useStore","controlsState","computed","setPen","_a","SCATTERPLOT_LASSO_EVENTS","setSelection","back","forward","deletePolygon","onKeyDown","e","_b","onMounted","onUnmounted"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMA,UAAMA,IAAQC,GAIRC,IAAQC,EAAA,GACRC,IAAgBC,EAAS,MAAMH,EAAM,MAAM,SAAS,kBAAkB;AAE5E,aAASI,IAAS;;AAChB,OAAAC,IAAAP,EAAM,aAAN,QAAAO,EAAgB,iBAAiBC,EAAyB,YAAY;AAAA,IACxE;AACA,aAASC,IAAe;;AACtB,OAAAF,IAAAP,EAAM,aAAN,QAAAO,EAAgB,iBAAiBC,EAAyB,YAAY;AAAA,IACxE;AACA,aAASE,IAAO;;AACd,OAAAH,IAAAP,EAAM,aAAN,QAAAO,EAAgB,iBAAiBC,EAAyB,MAAM;AAAA,IAClE;AACA,aAASG,IAAU;;AACjB,OAAAJ,IAAAP,EAAM,aAAN,QAAAO,EAAgB,iBAAiBC,EAAyB,SAAS;AAAA,IACrE;AACA,aAASI,IAAgB;;AACvB,OAAAL,IAAAP,EAAM,aAAN,QAAAO,EAAgB,iBAAiBC,EAAyB,QAAQ;AAAA,IACpE;AAEA,aAASK,EAAUC,GAAiB;;AAClC,MAAIA,EAAE,QAAQ,OACZR,EAAA,GAEEQ,EAAE,QAAQ,OACZL,EAAA,IAEEF,IAAAH,EAAc,UAAd,QAAAG,EAAqB,eAAeO,EAAE,QAAQ,QAAQA,EAAE,WAAWA,EAAE,YAAY,CAACA,EAAE,YACtFJ,EAAA,IAEEK,IAAAX,EAAc,UAAd,QAAAW,EAAqB,kBAAkBD,EAAE,QAAQ,QAAQA,EAAE,WAAWA,EAAE,YAAYA,EAAE,YACxFH,EAAA;AAAA,IAEJ;AACA,WAAAK,EAAU,MAAM;AACd,eAAS,iBAAiB,WAAWH,CAAS;AAAA,IAChD,CAAC,GACDI,EAAY,MAAM;AAChB,eAAS,oBAAoB,WAAWJ,CAAS;AAAA,IACnD,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.vue.js","sources":["../../../../src/GraphMaker/components/LassoControls/index.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ChartInterface, SCATTERPLOT_LASSO_EVENTS } from '@milaboratories/miplots4';\nimport { PlBtnGhost, PlMaskIcon24 } from '@platforma-sdk/ui-vue';\nimport { computed, onMounted, onUnmounted } from 'vue';\nimport { useStore } from '../../../GraphMaker/store.ts';\n\nconst props = defineProps<{\n  chartRef: ChartInterface | null\n}>();\n\nconst store = useStore();\nconst controlsState = computed(() => store.value.reactive.lassoControlsState);\n\nfunction setPen() {\n  props.chartRef?.updateChartState(SCATTERPLOT_LASSO_EVENTS.selectMode, 'pen')\n}\nfunction setSelection() {\n  props.chartRef?.updateChartState(SCATTERPLOT_LASSO_EVENTS.selectMode, 'selection')\n}\nfunction back() {\n  props.chartRef?.updateChartState(SCATTERPLOT_LASSO_EVENTS.back, null);\n}\nfunction forward() {\n  props.chartRef?.updateChartState(SCATTERPLOT_LASSO_EVENTS.forward, null);\n}\nfunction deletePolygon() {\n  props.chartRef?.updateChartState(SCATTERPLOT_LASSO_EVENTS.delete, null)\n}\n\nfunction onKeyDown(e:KeyboardEvent) {\n  if (e.key === 'p') {\n    setPen();\n  }\n  if (e.key === 'v') {\n    setSelection();\n  }\n  if (controlsState.value?.backEnabled && e.key === 'z' && (e.ctrlKey || e.metaKey) && !e.shiftKey) {\n    back();\n  }\n  if (controlsState.value?.forwardEnabled && e.key === 'z' && (e.ctrlKey || e.metaKey) && e.shiftKey) {\n    forward()\n  }\n}\nonMounted(() => {\n  document.addEventListener('keydown', onKeyDown);\n});\nonUnmounted(() => {\n  document.removeEventListener('keydown', onKeyDown);\n});\n\n</script>\n<template>\n  <div class=\"lasso-controls-container\">\n    <div class=\"lasso-buttons-group\">\n      <div class=\"lasso-controls-border\"/>\n      <pl-btn-ghost\n        @click=\"setPen\"\n        :class=\"{\n        'lasso-button-selected': controlsState?.mode === 'pen' || !controlsState,\n        'lasso-button-not-selected': controlsState?.mode !== 'pen' && controlsState,\n      }\"\n        icon=\"cursor-pointer\"\n      />\n      <pl-btn-ghost\n        @click=\"setSelection\"\n        :class=\"{\n        'lasso-button-selected': controlsState?.mode === 'selection',\n        'lasso-button-not-selected': controlsState?.mode !== 'selection',\n      }\"\n        icon=\"pen-tool\"\n      />\n      <div class=\"lasso-controls-separator\"/>\n      <pl-btn-ghost\n        :disabled=\"!controlsState?.backEnabled\"\n        icon=\"arrow-left-curved\"\n        @click=\"back\"\n      />\n      <pl-btn-ghost\n        :disabled=\"!controlsState?.forwardEnabled\"\n        @click=\"forward\"\n      >\n        <template #icon>\n          <PlMaskIcon24 name=\"arrow-left-curved\" :style=\"{transform: 'scale(-1, 1)'}\"/>\n        </template>\n      </pl-btn-ghost>\n      <div class=\"lasso-controls-separator\"/>\n      <pl-btn-ghost\n        :disabled=\"!controlsState?.deleteEnabled\"\n        icon=\"delete-bin\"\n        @click=\"deletePolygon\"\n      />\n    </div>\n    <div class=\"lasso-hint\">\n      Hold Cmd/Ctrl and left-click to pan the canvas\n    </div>\n  </div>\n</template>\n"],"names":["props","__props","store","useStore","controlsState","computed","setPen","_a","SCATTERPLOT_LASSO_EVENTS","setSelection","back","forward","deletePolygon","onKeyDown","e","_b","onMounted","onUnmounted"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMA,UAAMA,IAAQC,GAIRC,IAAQC,EAAA,GACRC,IAAgBC,EAAS,MAAMH,EAAM,MAAM,SAAS,kBAAkB;AAE5E,aAASI,IAAS;;AAChB,OAAAC,IAAAP,EAAM,aAAN,QAAAO,EAAgB,iBAAiBC,EAAyB,YAAY;AAAA,IACxE;AACA,aAASC,IAAe;;AACtB,OAAAF,IAAAP,EAAM,aAAN,QAAAO,EAAgB,iBAAiBC,EAAyB,YAAY;AAAA,IACxE;AACA,aAASE,IAAO;;AACd,OAAAH,IAAAP,EAAM,aAAN,QAAAO,EAAgB,iBAAiBC,EAAyB,MAAM;AAAA,IAClE;AACA,aAASG,IAAU;;AACjB,OAAAJ,IAAAP,EAAM,aAAN,QAAAO,EAAgB,iBAAiBC,EAAyB,SAAS;AAAA,IACrE;AACA,aAASI,IAAgB;;AACvB,OAAAL,IAAAP,EAAM,aAAN,QAAAO,EAAgB,iBAAiBC,EAAyB,QAAQ;AAAA,IACpE;AAEA,aAASK,EAAUC,GAAiB;;AAClC,MAAIA,EAAE,QAAQ,OACZR,EAAA,GAEEQ,EAAE,QAAQ,OACZL,EAAA,IAEEF,IAAAH,EAAc,UAAd,QAAAG,EAAqB,eAAeO,EAAE,QAAQ,QAAQA,EAAE,WAAWA,EAAE,YAAY,CAACA,EAAE,YACtFJ,EAAA,IAEEK,IAAAX,EAAc,UAAd,QAAAW,EAAqB,kBAAkBD,EAAE,QAAQ,QAAQA,EAAE,WAAWA,EAAE,YAAYA,EAAE,YACxFH,EAAA;AAAA,IAEJ;AACA,WAAAK,EAAU,MAAM;AACd,eAAS,iBAAiB,WAAWH,CAAS;AAAA,IAChD,CAAC,GACDI,EAAY,MAAM;AAChB,eAAS,oBAAoB,WAAWJ,CAAS;AAAA,IACnD,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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":"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"}
+{"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),