@milaboratories/graph-maker 1.1.217 → 1.1.219

package/dist/store.js

@@ -14,9 +14,9 @@ import { copyJSON as G } from "./utils/copyJSON.js";
 import { getUsedAesInMapping as P } from "./utils/getUsedAesInMapping.js";
 import { getUniqueValuesFromReadyChartData as tt, loadFilterLabelsForTitle as et } from "./utils/loadUniqueValuesToSave.js";
 import { tabKeys as at } from "./forms/index.js";
-function ot(t, a) {
-  const i = G(H(t));
-  if ((a == null ? void 0 : a.type) !== t)
+function ot(e, a) {
+  const i = G(H(e));
+  if ((a == null ? void 0 : a.type) !== e)
     return i;
   const u = G(a);
   return {
@@ -28,32 +28,32 @@ function ot(t, a) {
     }
   };
 }
-function nt(t, a) {
+function nt(e, a) {
   return _({
     chartType: a,
     // from pf-plots
-    optionsState: ot(a, t.optionsState),
+    optionsState: ot(a, e.optionsState),
     // contains user selected inputs
-    dataStateKey: O(t.dataStateKey),
+    dataStateKey: O(e.dataStateKey),
     // local form states, updates directly in forms
-    template: Q(t.template, a),
-    statisticsSettings: J(a, t.statisticsSettings),
-    layersSettings: z(t.layersSettings),
-    axesSettings: q(a, t.axesSettings),
+    template: Q(e.template, a),
+    statisticsSettings: J(a, e.statisticsSettings),
+    layersSettings: z(e.layersSettings),
+    axesSettings: q(a, e.axesSettings),
     // common aesthetics data mapped on columns/axes values
-    dataBindAes: G(t.dataBindAes ?? {}),
-    chartScale: t.zoomState ?? 100,
+    dataBindAes: G(e.dataBindAes ?? {}),
+    chartScale: e.zoomState ?? 100,
     lassoControlsState: null,
-    currentTab: t.currentTab === void 0 ? "dataMapping" : t.currentTab,
+    currentTab: e.currentTab === void 0 ? "dataMapping" : e.currentTab,
     tabDefaultState: at().reduce((i, u) => (i[u] = {}, i), {}),
     dendroInfoByClick: null,
     dendroSelectedNodeId: null,
     showTooltipHint: !1
   });
 }
-function lt(t, a, i, u, m, g, b, h, C, e) {
+function lt(e, a, i, u, m, g, b, h, C, t) {
   return {
-    reactive: t,
+    reactive: e,
     loading: _({
       initialInputGuide: !0,
       initialCharts: !0,
@@ -67,31 +67,31 @@ function lt(t, a, i, u, m, g, b, h, C, e) {
     commonHelpersData: {
       primaryGroups: D(
         () => N(
-          t.optionsState,
+          e.optionsState,
           g.value,
           "primaryGrouping"
         )
       ),
       secondaryGroups: D(
         () => N(
-          t.optionsState,
+          e.optionsState,
           g.value,
           "secondaryGrouping"
         )
       ),
       usedAesInMapping: D(
         () => P(
-          t.chartType,
-          t.template,
-          t.layersSettings,
-          t.statisticsSettings,
-          t.optionsState,
+          e.chartType,
+          e.template,
+          e.layersSettings,
+          e.statisticsSettings,
+          e.optionsState,
           i.value
         )
       ),
       dendroTableData: m
     },
-    controller: B(t.chartType),
+    controller: B(e.chartType),
     columnsDataStore: a,
     inputGuide: i,
     chartData: u,
@@ -100,16 +100,16 @@ function lt(t, a, i, u, m, g, b, h, C, e) {
     filterLabelsInfo: h,
     readonlyInputs: C,
     defaultPalette: {
-      categorical: typeof e == "object" && e.categorical ? e.categorical : typeof e == "string" ? e : Z,
-      continuous: typeof e == "object" && e.continuous ? e.continuous : typeof e == "string" ? e : Y
+      categorical: typeof t == "object" && t.categorical ? t.categorical : typeof t == "string" ? t : Z,
+      continuous: typeof t == "object" && t.continuous ? t.continuous : typeof t == "string" ? t : Y
     }
   };
 }
-function Gt(t, a, i, u, m, g, b, h, C) {
-  const e = nt(t, i);
+function Gt(e, a, i, u, m, g, b, h, C) {
+  const t = nt(e, i);
   console.log("create reactive state");
-  const v = B(e.chartType), S = c(B(e.chartType).getEmptyInputGuide(e.optionsState)), U = c(null), T = c({}), I = c({}), A = c({}), x = c(null), o = D(() => lt(
-    e,
+  const v = B(t.chartType), S = c(B(t.chartType).getEmptyInputGuide(t.optionsState)), U = c(null), T = c({}), I = c({}), A = c({}), x = c(null), o = D(() => lt(
+    t,
     a,
     S,
     U,
@@ -129,7 +129,7 @@ function Gt(t, a, i, u, m, g, b, h, C) {
     if (!r || !l || !o.value.loading.initialDefaults)
       return;
     o.value.loading.initialDefaults = !1, o.value.loading.initialInputGuide = !0, o.value.loading.defaults = !0;
-    const n = G(e.optionsState.components), s = await K(l, r);
+    const n = G(t.optionsState.components), s = await K(l, r);
     for (const {
       inputName: p,
       selectedSource: d,
@@ -137,17 +137,17 @@ function Gt(t, a, i, u, m, g, b, h, C) {
       selectedFilterValues: F,
       selectedFilterRange: M
     } of s)
-      n[p].selectorStates.length > 0 || n[p].selectorStates.push({
+      t.optionsState.components[p].selectorStates.length > 0 || n[p].selectorStates.push({
         selectedSource: d,
         type: f,
         selectedFilterValues: F,
         selectedFilterRange: M
       });
-    e.optionsState.components = n, o.value.loading.defaults = !1;
+    t.optionsState.components = n, o.value.loading.defaults = !1;
   }, { immediate: !0 });
   const w = c(0);
   y([
-    () => e.optionsState,
+    () => t.optionsState,
     () => a.value,
     () => m.value
   ], async ([l, r, n]) => {
@@ -164,28 +164,28 @@ function Gt(t, a, i, u, m, g, b, h, C) {
     E.value++;
     const r = E.value;
     o.value.loading.chartData = !0;
-    const n = L(a.value), s = await $(l, e, n, m.value);
+    const n = L(a.value), s = await $(l, t, n, m.value);
     if (s && n) {
       const { uniqueValues: p, filterSuggestions: d } = await tt(
         s,
         l,
-        e.optionsState.components,
+        t.optionsState.components,
         v,
         n,
         L(I.value)
       );
-      T.value = p, I.value = d, W(e.optionsState, e.dataBindAes, T.value);
+      T.value = p, I.value = d, W(t.optionsState, t.dataBindAes, T.value);
     }
     A.value = n ? await et(
-      e.optionsState.components,
+      t.optionsState.components,
       l,
       v,
       n
     ) : {}, r === E.value && (U.value = s, l.ready && (o.value.loading.initialCharts = !1), o.value.loading.chartData = !1);
-  }, { immediate: !0, deep: !0 }), e.chartType === "dendro") {
+  }, { immediate: !0, deep: !0 }), t.chartType === "dendro") {
     const l = c(0);
     y([
-      () => e.optionsState,
+      () => t.optionsState,
       () => a.value,
       () => S.value.readyData,
       () => m.value

package/dist/store.js.map

@@ -1 +1 @@
-{"version":3,"file":"store.js","sources":["../src/store.ts"],"sourcesContent":["import { deepClone } from '@milaboratories/helpers';\nimport type {\n  ChartType,\n  DemoDataStore,\n  DendroStateController,\n  DendroUIState,\n  InputGuide,\n  InputNamesByChartType,\n  InputState,\n  PlotDataAndSettings,\n} from '@milaboratories/pf-plots';\nimport {\n  getControllerByType,\n  getInitialStateByType,\n} from '@milaboratories/pf-plots';\nimport type { PColumnSpec } from '@platforma-sdk/model';\nimport type { CategoricalPalette, ContinuousPalette, Palette } from './components/AesSettings/types';\nimport type { ComputedRef, Reactive, Ref } from 'vue';\nimport { computed, inject, provide, reactive, ref, toRaw, watch } from 'vue';\nimport type { AesType } from './constantsCommon';\nimport {\n  getInitialAxesSettings,\n  getInitialLayersSettings,\n  getInitialStatisticsState,\n  getInitialTemplate,\n} from './constantsCommon';\nimport { updateDataBindAes } from './dataBindAes';\nimport { notEmpty } from './helpers';\nimport { storeKey } from './keys';\nimport type {\n  DefaultPalettes,\n  DendroNodeInfo,\n  FilterLabelsInfoBySourceMap,\n  FilterSuggestionsBySourceMap,\n  GraphMakerProps,\n  GraphMakerState,\n  ReactiveState, UniqueValuesBySourceMap,\n} from './types';\nimport { loadDefaultSources } from './utils';\nimport { addFixedOptionsToState } from './utils/addFixedOptionsToState';\nimport { calculateDiscreteGroups } from './utils/calculateDiscreteGroups';\nimport { copyJSON } from './utils/copyJSON';\nimport { loadDataForPlot } from './utils/createChartSettingsForRender/composeChartSettings';\nimport { getUsedAesInMapping } from './utils/getUsedAesInMapping';\nimport {\n  getUniqueValuesFromReadyChartData,\n  loadFilterLabelsForTitle,\n} from './utils/loadUniqueValuesToSave';\nimport type { FormKey } from './forms';\nimport { tabKeys } from './forms';\nimport { DEFAULT_CATEGORICAL_PALETTE, DEFAULT_CONTINUOUS_PALETTE } from './constantsAesthetic';\n\nfunction getInitialOptionsState(chartType: ChartType, optionsState: InputState | undefined) {\n  const defaultState = copyJSON(getInitialStateByType(chartType));\n  if (optionsState?.type !== chartType) {\n    return defaultState;\n  }\n  const optionsStateCopy = copyJSON(optionsState);\n\n  return {\n    ...defaultState,\n    ...optionsStateCopy,\n    components: {\n      ...defaultState.components,\n      ...optionsStateCopy.components,\n    },\n  };\n}\n\nexport function createReactiveState(\n  initialData: GraphMakerState,\n  chartType: ChartType,\n): Reactive<ReactiveState> {\n  return reactive({\n    chartType: chartType,\n    // from pf-plots\n    optionsState: getInitialOptionsState(chartType, initialData.optionsState), // contains user selected inputs\n\n    dataStateKey: deepClone(initialData.dataStateKey),\n    // local form states, updates directly in forms\n    template: getInitialTemplate(initialData.template, chartType),\n    statisticsSettings: getInitialStatisticsState(chartType, initialData.statisticsSettings),\n    layersSettings: getInitialLayersSettings(initialData.layersSettings),\n    axesSettings: getInitialAxesSettings(chartType, initialData.axesSettings),\n    // common aesthetics data mapped on columns/axes values\n    dataBindAes: copyJSON(initialData.dataBindAes ?? {}),\n    chartScale: initialData.zoomState ?? 100,\n    lassoControlsState: null,\n    currentTab: initialData.currentTab === undefined ? 'dataMapping' : initialData.currentTab,\n    tabDefaultState: tabKeys().reduce((res, formKey: FormKey) => {\n      res[formKey] = {};\n      return res;\n    }, {} as Record<FormKey, Record<string, boolean>>),\n    dendroInfoByClick: null as null | DendroNodeInfo,\n    dendroSelectedNodeId: null,\n    showTooltipHint: false,\n  });\n}\n\nexport interface Store {\n  reactive: Reactive<ReactiveState>;\n  loading: {\n    initialInputGuide: boolean;\n    initialCharts: boolean;\n    initialDefaults: boolean;\n    inputGuide: boolean;\n    chartData: boolean;\n    defaults: boolean;\n    chartRendering: boolean;\n    dendroTableData: boolean;\n  };\n  commonHelpersData: {\n    primaryGroups: ComputedRef<ReturnType<typeof calculateDiscreteGroups>>;\n    secondaryGroups: ComputedRef<ReturnType<typeof calculateDiscreteGroups>>;\n    usedAesInMapping: ComputedRef<Record<string, Record<AesType, boolean>>>;\n    dendroTableData: Ref<Awaited<ReturnType<DendroStateController['createTableData']>> | null>;\n  };\n  controller: ReturnType<typeof getControllerByType>;\n  columnsDataStore: Ref<DemoDataStore | null>;\n  inputGuide: Ref<InputGuide<InputState>>;\n  chartData: Ref<PlotDataAndSettings | null>;\n  uniqueValuesData: Ref<UniqueValuesBySourceMap>;\n  filterSuggestionsData: Ref<FilterSuggestionsBySourceMap>;\n  filterLabelsInfo: Ref<FilterLabelsInfoBySourceMap>;\n  readonlyInputs?: InputNamesByChartType[ChartType][];\n  defaultPalette: DefaultPalettes;\n}\n\nexport function factoryStore(\n  reactiveState: Reactive<ReactiveState>,\n  dataStore: Ref<DemoDataStore | null>,\n  inputGuide: Ref<InputGuide<InputState>>,\n  chartData: Ref<PlotDataAndSettings | null>,\n  dendroTableData: Ref<Awaited<ReturnType<DendroStateController['createTableData']>> | null>,\n  uniqueValuesData: Ref<UniqueValuesBySourceMap>,\n  filterSuggestionsData: Ref<FilterSuggestionsBySourceMap>,\n  filterLabelsInfo: Ref<FilterLabelsInfoBySourceMap>,\n  readonlyInputs?: InputNamesByChartType[ChartType][],\n  defaultPalette?: Palette | { categorical?: Palette; continuous?: Palette },\n): Store {\n  return {\n    reactive: reactiveState,\n    loading: reactive({\n      initialInputGuide: true,\n      initialCharts: true,\n      initialDefaults: true,\n      inputGuide: false,\n      chartData: false,\n      defaults: false,\n      chartRendering: false,\n      dendroTableData: false,\n    }),\n    commonHelpersData: {\n      primaryGroups: computed(() => calculateDiscreteGroups(\n        reactiveState.optionsState,\n        uniqueValuesData.value,\n        'primaryGrouping',\n      ),\n      ),\n      secondaryGroups: computed(() => calculateDiscreteGroups(\n        reactiveState.optionsState,\n        uniqueValuesData.value,\n        'secondaryGrouping',\n      ),\n      ),\n      usedAesInMapping: computed<Record<string, Record<AesType, boolean>>>(() =>\n        getUsedAesInMapping(\n          reactiveState.chartType,\n          reactiveState.template,\n          reactiveState.layersSettings,\n          reactiveState.statisticsSettings,\n          reactiveState.optionsState,\n          inputGuide.value,\n        ),\n      ),\n      dendroTableData,\n    },\n    controller: getControllerByType(reactiveState.chartType),\n    columnsDataStore: dataStore,\n    inputGuide,\n    chartData,\n    uniqueValuesData,\n    filterSuggestionsData,\n    filterLabelsInfo,\n    readonlyInputs,\n    defaultPalette: {\n      categorical: typeof defaultPalette === 'object' && defaultPalette.categorical\n        ? defaultPalette.categorical as CategoricalPalette\n        : typeof defaultPalette === 'string' ? defaultPalette as CategoricalPalette : DEFAULT_CATEGORICAL_PALETTE,\n      continuous: typeof defaultPalette === 'object' && defaultPalette.continuous\n        ? defaultPalette.continuous as ContinuousPalette\n        : typeof defaultPalette === 'string' ? defaultPalette as ContinuousPalette : DEFAULT_CONTINUOUS_PALETTE,\n    },\n  };\n}\n\nexport type ComputedStore = ComputedRef<Store>;\n\nexport function provideStore(\n  initialState: GraphMakerState,\n  dataStoreRef: Ref<DemoDataStore | null>,\n  chartType: ChartType,\n  defaultOptionsRef: Ref<GraphMakerProps['defaultOptions']>,\n  fixedOptionsRef: Ref<GraphMakerProps['fixedOptions']>,\n  dataColumnPredicate?: (spec: PColumnSpec) => boolean,\n  metaColumnPredicate?: (spec: PColumnSpec) => boolean,\n  readonlyInputs?: InputNamesByChartType[ChartType][],\n  defaultPalette?: GraphMakerProps['defaultPalette'],\n) {\n  const reactiveState = createReactiveState(initialState, chartType);\n  console.log('create reactive state');\n  const controller = getControllerByType(reactiveState.chartType);\n\n  const inputGuide = ref<InputGuide<InputState>>(getControllerByType(reactiveState.chartType).getEmptyInputGuide(reactiveState.optionsState));\n  const chartData = ref<PlotDataAndSettings | null>(null);\n\n  const uniqueValuesData = ref<UniqueValuesBySourceMap>({});\n  const filterSuggestionsData = ref<FilterSuggestionsBySourceMap>({});\n  const filterLabelsInfo = ref<FilterLabelsInfoBySourceMap>({}); // for auto titles of chart if something selected in filter/tabby\n\n  const dendroTableData = ref<Awaited<ReturnType<DendroStateController['createTableData']>> | null>(null);\n\n  // toRaw removes Vue proxy from dataStore.pframe (PFrame api)\n  const store = computed(() => factoryStore(\n    reactiveState,\n    dataStoreRef,\n    inputGuide,\n    chartData,\n    dendroTableData,\n    uniqueValuesData,\n    filterSuggestionsData,\n    filterLabelsInfo,\n    readonlyInputs,\n    defaultPalette,\n  ));\n\n  watch(() => dataStoreRef.value, () => {\n    filterLabelsInfo.value = {};\n    uniqueValuesData.value = {};\n    filterSuggestionsData.value = {}; // reset saved data; avoid caching of empty results from old empty pframe\n  });\n  watch([\n    () => dataStoreRef.value,\n    () => defaultOptionsRef.value,\n  ], async ([ds, defaultOptions]) => {\n    if (!defaultOptions || !ds || !store.value.loading.initialDefaults) {\n      return;\n    }\n    store.value.loading.initialDefaults = false; // to avoid multiple calculations, default settings cannot change except after reset\n    store.value.loading.initialInputGuide = true; // to show loader on initial loading; changing of reactiveState.optionsState always triggers inputGuide recalculating, so it will be off after inputGuide\n    store.value.loading.defaults = true;\n\n    const updatedOptionsState = copyJSON(reactiveState.optionsState.components);\n    const loadedDefaultSources = await loadDefaultSources(ds, defaultOptions);\n    // for (const { inputName } of loadedDefaultSources) {\n    //   updatedOptionsState[inputName].selectorStates = [];\n    // }\n    for (const {\n      inputName,\n      selectedSource,\n      filterType,\n      selectedFilterValues,\n      selectedFilterRange,\n    } of loadedDefaultSources) {\n      if (updatedOptionsState[inputName].selectorStates.length > 0) {\n        continue;\n      }\n      updatedOptionsState[inputName].selectorStates.push({\n        selectedSource,\n        type: filterType,\n        selectedFilterValues,\n        selectedFilterRange,\n      });\n    }\n\n    reactiveState.optionsState.components = updatedOptionsState;\n    store.value.loading.defaults = false;\n  }, { immediate: true });\n\n  // recalculate input guide - options for every data input, consistency info etc\n  const inputGuideCounter = ref(0); // to avoid race condition on async calculations\n  watch([\n    () => reactiveState.optionsState,\n    () => dataStoreRef.value,\n    () => fixedOptionsRef.value,\n  ], async ([optionsState, ds, fixedOptions]) => {\n    if (defaultOptionsRef.value === null || dataStoreRef.value === null) { // they are not ready, waiting for them\n      return;\n    }\n    inputGuideCounter.value++;\n    const counter = inputGuideCounter.value;\n    store.value.loading.inputGuide = true;\n    const ignoredIds = ds && fixedOptions ? (await loadDefaultSources(ds, fixedOptions, false)).map((item) => item.selectedSource) : [];\n\n    // const start = Date.now();\n    const nextInputGuide = ds ? await controller.calculateOptions(toRaw(ds), optionsState, ignoredIds, dataColumnPredicate, metaColumnPredicate) : controller.getEmptyInputGuide(optionsState);\n    // console.log('input guide', Date.now() - start);\n\n    if (counter === inputGuideCounter.value) { // race condition check\n      inputGuide.value = nextInputGuide;\n\n      store.value.loading.inputGuide = false;\n      if (store.value.loading.initialInputGuide) {\n        store.value.loading.initialInputGuide = false;\n      }\n    }\n  }, { immediate: true, deep: true });\n\n  // recalculate data for chart rendering (miplots4)\n  const chartDataCounter = ref(0); // to avoid race condition on async calculations\n  watch(() => inputGuide.value, async (ig) => {\n    chartDataCounter.value++;\n    const counter = chartDataCounter.value;\n\n    store.value.loading.chartData = true;\n\n    const ds = toRaw(dataStoreRef.value);\n    // const start = Date.now();\n    const nextChartData = await loadDataForPlot(ig, reactiveState, ds, fixedOptionsRef.value);\n\n    if (nextChartData && ds) {\n      const { uniqueValues, filterSuggestions } = await getUniqueValuesFromReadyChartData(\n        nextChartData, ig, reactiveState.optionsState.components, controller, ds, toRaw(filterSuggestionsData.value),\n      );\n      uniqueValuesData.value = uniqueValues;\n      filterSuggestionsData.value = filterSuggestions;\n      updateDataBindAes(reactiveState.optionsState, reactiveState.dataBindAes, uniqueValuesData.value);\n    }\n    filterLabelsInfo.value = ds\n      ? await loadFilterLabelsForTitle(\n        reactiveState.optionsState.components,\n        ig,\n        controller,\n        ds,\n      )\n      : {};\n    // console.log('chart data', Date.now() - start);\n\n    if (counter === chartDataCounter.value) { // race condition check\n      chartData.value = nextChartData;\n      if (ig.ready) {\n        store.value.loading.initialCharts = false;\n      }\n      store.value.loading.chartData = false;\n    }\n  }, { immediate: true, deep: true });\n\n  // watch data for table, only dendro chart; data is also using for popup by tree node click\n  if (reactiveState.chartType === 'dendro') {\n    const dendroDataCounter = ref(0); // to avoid race condition on async calculations\n    watch([\n      () => reactiveState.optionsState as DendroUIState,\n      () => dataStoreRef.value,\n      () => inputGuide.value.readyData,\n      () => fixedOptionsRef.value,\n    ], async ([optionsState, dataStore, ready, fixed]) => {\n      if (ready && dataStore) {\n        dendroDataCounter.value++;\n        const counter = dendroDataCounter.value;\n        store.value.loading.dendroTableData = true;\n        const state = await addFixedOptionsToState(optionsState, dataStore, fixed) as DendroUIState;\n        const nextDendroTableData = await (controller as unknown as DendroStateController).createTableData(dataStore, state);\n\n        if (dendroDataCounter.value === counter) {\n          dendroTableData.value = nextDendroTableData;\n        }\n        store.value.loading.dendroTableData = false;\n      }\n    }, { immediate: true });\n  }\n\n  provide(storeKey, store);\n  return store;\n}\n\nexport function useStore() {\n  return notEmpty(inject<ComputedStore>(storeKey), 'Empty store');\n}\n"],"names":["getInitialOptionsState","chartType","optionsState","defaultState","copyJSON","getInitialStateByType","optionsStateCopy","createReactiveState","initialData","reactive","deepClone","getInitialTemplate","getInitialStatisticsState","getInitialLayersSettings","getInitialAxesSettings","tabKeys","res","formKey","factoryStore","reactiveState","dataStore","inputGuide","chartData","dendroTableData","uniqueValuesData","filterSuggestionsData","filterLabelsInfo","readonlyInputs","defaultPalette","computed","calculateDiscreteGroups","getUsedAesInMapping","getControllerByType","DEFAULT_CATEGORICAL_PALETTE","DEFAULT_CONTINUOUS_PALETTE","provideStore","initialState","dataStoreRef","defaultOptionsRef","fixedOptionsRef","dataColumnPredicate","metaColumnPredicate","controller","ref","store","watch","ds","defaultOptions","updatedOptionsState","loadedDefaultSources","loadDefaultSources","inputName","selectedSource","filterType","selectedFilterValues","selectedFilterRange","inputGuideCounter","fixedOptions","counter","ignoredIds","item","nextInputGuide","toRaw","chartDataCounter","ig","nextChartData","loadDataForPlot","uniqueValues","filterSuggestions","getUniqueValuesFromReadyChartData","updateDataBindAes","loadFilterLabelsForTitle","dendroDataCounter","ready","fixed","state","addFixedOptionsToState","nextDendroTableData","provide","storeKey","useStore","notEmpty","inject"],"mappings":";;;;;;;;;;;;;;;;AAoDA,SAASA,GAAuBC,GAAsBC,GAAsC;AAC1F,QAAMC,IAAeC,EAASC,EAAsBJ,CAAS,CAAC;AAC9D,OAAIC,KAAA,gBAAAA,EAAc,UAASD;AACzB,WAAOE;AAET,QAAMG,IAAmBF,EAASF,CAAY;AAE9C,SAAO;AAAA,IACL,GAAGC;AAAA,IACH,GAAGG;AAAA,IACH,YAAY;AAAA,MACV,GAAGH,EAAa;AAAA,MAChB,GAAGG,EAAiB;AAAA,IAAA;AAAA,EACtB;AAEJ;AAEO,SAASC,GACdC,GACAP,GACyB;AACzB,SAAOQ,EAAS;AAAA,IACd,WAAAR;AAAA;AAAA,IAEA,cAAcD,GAAuBC,GAAWO,EAAY,YAAY;AAAA;AAAA,IAExE,cAAcE,EAAUF,EAAY,YAAY;AAAA;AAAA,IAEhD,UAAUG,EAAmBH,EAAY,UAAUP,CAAS;AAAA,IAC5D,oBAAoBW,EAA0BX,GAAWO,EAAY,kBAAkB;AAAA,IACvF,gBAAgBK,EAAyBL,EAAY,cAAc;AAAA,IACnE,cAAcM,EAAuBb,GAAWO,EAAY,YAAY;AAAA;AAAA,IAExE,aAAaJ,EAASI,EAAY,eAAe,CAAA,CAAE;AAAA,IACnD,YAAYA,EAAY,aAAa;AAAA,IACrC,oBAAoB;AAAA,IACpB,YAAYA,EAAY,eAAe,SAAY,gBAAgBA,EAAY;AAAA,IAC/E,iBAAiBO,GAAA,EAAU,OAAO,CAACC,GAAKC,OACtCD,EAAIC,CAAO,IAAI,CAAA,GACRD,IACN,CAAA,CAA8C;AAAA,IACjD,mBAAmB;AAAA,IACnB,sBAAsB;AAAA,IACtB,iBAAiB;AAAA,EAAA,CAClB;AACH;AA+BO,SAASE,GACdC,GACAC,GACAC,GACAC,GACAC,GACAC,GACAC,GACAC,GACAC,GACAC,GACO;AACP,SAAO;AAAA,IACL,UAAUT;AAAA,IACV,SAASV,EAAS;AAAA,MAChB,mBAAmB;AAAA,MACnB,eAAe;AAAA,MACf,iBAAiB;AAAA,MACjB,YAAY;AAAA,MACZ,WAAW;AAAA,MACX,UAAU;AAAA,MACV,gBAAgB;AAAA,MAChB,iBAAiB;AAAA,IAAA,CAClB;AAAA,IACD,mBAAmB;AAAA,MACjB,eAAeoB;AAAA,QAAS,MAAMC;AAAA,UAC5BX,EAAc;AAAA,UACdK,EAAiB;AAAA,UACjB;AAAA,QAAA;AAAA,MACF;AAAA,MAEA,iBAAiBK;AAAA,QAAS,MAAMC;AAAA,UAC9BX,EAAc;AAAA,UACdK,EAAiB;AAAA,UACjB;AAAA,QAAA;AAAA,MACF;AAAA,MAEA,kBAAkBK;AAAA,QAAmD,MACnEE;AAAA,UACEZ,EAAc;AAAA,UACdA,EAAc;AAAA,UACdA,EAAc;AAAA,UACdA,EAAc;AAAA,UACdA,EAAc;AAAA,UACdE,EAAW;AAAA,QAAA;AAAA,MACb;AAAA,MAEF,iBAAAE;AAAA,IAAA;AAAA,IAEF,YAAYS,EAAoBb,EAAc,SAAS;AAAA,IACvD,kBAAkBC;AAAA,IAClB,YAAAC;AAAA,IACA,WAAAC;AAAA,IACA,kBAAAE;AAAA,IACA,uBAAAC;AAAA,IACA,kBAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,gBAAgB;AAAA,MACd,aAAa,OAAOC,KAAmB,YAAYA,EAAe,cAC9DA,EAAe,cACf,OAAOA,KAAmB,WAAWA,IAAuCK;AAAA,MAChF,YAAY,OAAOL,KAAmB,YAAYA,EAAe,aAC7DA,EAAe,aACf,OAAOA,KAAmB,WAAWA,IAAsCM;AAAA,IAAA;AAAA,EACjF;AAEJ;AAIO,SAASC,GACdC,GACAC,GACApC,GACAqC,GACAC,GACAC,GACAC,GACAd,GACAC,GACA;AACA,QAAMT,IAAgBZ,GAAoB6B,GAAcnC,CAAS;AACjE,UAAQ,IAAI,uBAAuB;AACnC,QAAMyC,IAAaV,EAAoBb,EAAc,SAAS,GAExDE,IAAasB,EAA4BX,EAAoBb,EAAc,SAAS,EAAE,mBAAmBA,EAAc,YAAY,CAAC,GACpIG,IAAYqB,EAAgC,IAAI,GAEhDnB,IAAmBmB,EAA6B,EAAE,GAClDlB,IAAwBkB,EAAkC,EAAE,GAC5DjB,IAAmBiB,EAAiC,EAAE,GAEtDpB,IAAkBoB,EAA0E,IAAI,GAGhGC,IAAQf,EAAS,MAAMX;AAAA,IAC3BC;AAAA,IACAkB;AAAA,IACAhB;AAAA,IACAC;AAAA,IACAC;AAAA,IACAC;AAAA,IACAC;AAAA,IACAC;AAAA,IACAC;AAAA,IACAC;AAAA,EAAA,CACD;AAED,EAAAiB,EAAM,MAAMR,EAAa,OAAO,MAAM;AACpC,IAAAX,EAAiB,QAAQ,CAAA,GACzBF,EAAiB,QAAQ,CAAA,GACzBC,EAAsB,QAAQ,CAAA;AAAA,EAChC,CAAC,GACDoB,EAAM;AAAA,IACJ,MAAMR,EAAa;AAAA,IACnB,MAAMC,EAAkB;AAAA,EAAA,GACvB,OAAO,CAACQ,GAAIC,CAAc,MAAM;AACjC,QAAI,CAACA,KAAkB,CAACD,KAAM,CAACF,EAAM,MAAM,QAAQ;AACjD;AAEF,IAAAA,EAAM,MAAM,QAAQ,kBAAkB,IACtCA,EAAM,MAAM,QAAQ,oBAAoB,IACxCA,EAAM,MAAM,QAAQ,WAAW;AAE/B,UAAMI,IAAsB5C,EAASe,EAAc,aAAa,UAAU,GACpE8B,IAAuB,MAAMC,EAAmBJ,GAAIC,CAAc;AAIxE,eAAW;AAAA,MACT,WAAAI;AAAA,MACA,gBAAAC;AAAA,MACA,YAAAC;AAAA,MACA,sBAAAC;AAAA,MACA,qBAAAC;AAAA,IAAA,KACGN;AACH,MAAID,EAAoBG,CAAS,EAAE,eAAe,SAAS,KAG3DH,EAAoBG,CAAS,EAAE,eAAe,KAAK;AAAA,QACjD,gBAAAC;AAAA,QACA,MAAMC;AAAA,QACN,sBAAAC;AAAA,QACA,qBAAAC;AAAA,MAAA,CACD;AAGH,IAAApC,EAAc,aAAa,aAAa6B,GACxCJ,EAAM,MAAM,QAAQ,WAAW;AAAA,EACjC,GAAG,EAAE,WAAW,IAAM;AAGtB,QAAMY,IAAoBb,EAAI,CAAC;AAC/B,EAAAE,EAAM;AAAA,IACJ,MAAM1B,EAAc;AAAA,IACpB,MAAMkB,EAAa;AAAA,IACnB,MAAME,EAAgB;AAAA,EAAA,GACrB,OAAO,CAACrC,GAAc4C,GAAIW,CAAY,MAAM;AAC7C,QAAInB,EAAkB,UAAU,QAAQD,EAAa,UAAU;AAC7D;AAEF,IAAAmB,EAAkB;AAClB,UAAME,IAAUF,EAAkB;AAClC,IAAAZ,EAAM,MAAM,QAAQ,aAAa;AACjC,UAAMe,IAAab,KAAMW,KAAgB,MAAMP,EAAmBJ,GAAIW,GAAc,EAAK,GAAG,IAAI,CAACG,MAASA,EAAK,cAAc,IAAI,CAAA,GAG3HC,IAAiBf,IAAK,MAAMJ,EAAW,iBAAiBoB,EAAMhB,CAAE,GAAG5C,GAAcyD,GAAYnB,GAAqBC,CAAmB,IAAIC,EAAW,mBAAmBxC,CAAY;AAGzL,IAAIwD,MAAYF,EAAkB,UAChCnC,EAAW,QAAQwC,GAEnBjB,EAAM,MAAM,QAAQ,aAAa,IAC7BA,EAAM,MAAM,QAAQ,sBACtBA,EAAM,MAAM,QAAQ,oBAAoB;AAAA,EAG9C,GAAG,EAAE,WAAW,IAAM,MAAM,IAAM;AAGlC,QAAMmB,IAAmBpB,EAAI,CAAC;AAuC9B,MAtCAE,EAAM,MAAMxB,EAAW,OAAO,OAAO2C,MAAO;AAC1C,IAAAD,EAAiB;AACjB,UAAML,IAAUK,EAAiB;AAEjC,IAAAnB,EAAM,MAAM,QAAQ,YAAY;AAEhC,UAAME,IAAKgB,EAAMzB,EAAa,KAAK,GAE7B4B,IAAgB,MAAMC,EAAgBF,GAAI7C,GAAe2B,GAAIP,EAAgB,KAAK;AAExF,QAAI0B,KAAiBnB,GAAI;AACvB,YAAM,EAAE,cAAAqB,GAAc,mBAAAC,EAAA,IAAsB,MAAMC;AAAA,QAChDJ;AAAA,QAAeD;AAAA,QAAI7C,EAAc,aAAa;AAAA,QAAYuB;AAAA,QAAYI;AAAA,QAAIgB,EAAMrC,EAAsB,KAAK;AAAA,MAAA;AAE7G,MAAAD,EAAiB,QAAQ2C,GACzB1C,EAAsB,QAAQ2C,GAC9BE,EAAkBnD,EAAc,cAAcA,EAAc,aAAaK,EAAiB,KAAK;AAAA,IACjG;AACA,IAAAE,EAAiB,QAAQoB,IACrB,MAAMyB;AAAA,MACNpD,EAAc,aAAa;AAAA,MAC3B6C;AAAA,MACAtB;AAAA,MACAI;AAAA,IAAA,IAEA,CAAA,GAGAY,MAAYK,EAAiB,UAC/BzC,EAAU,QAAQ2C,GACdD,EAAG,UACLpB,EAAM,MAAM,QAAQ,gBAAgB,KAEtCA,EAAM,MAAM,QAAQ,YAAY;AAAA,EAEpC,GAAG,EAAE,WAAW,IAAM,MAAM,IAAM,GAG9BzB,EAAc,cAAc,UAAU;AACxC,UAAMqD,IAAoB7B,EAAI,CAAC;AAC/B,IAAAE,EAAM;AAAA,MACJ,MAAM1B,EAAc;AAAA,MACpB,MAAMkB,EAAa;AAAA,MACnB,MAAMhB,EAAW,MAAM;AAAA,MACvB,MAAMkB,EAAgB;AAAA,IAAA,GACrB,OAAO,CAACrC,GAAckB,GAAWqD,GAAOC,CAAK,MAAM;AACpD,UAAID,KAASrD,GAAW;AACtB,QAAAoD,EAAkB;AAClB,cAAMd,IAAUc,EAAkB;AAClC,QAAA5B,EAAM,MAAM,QAAQ,kBAAkB;AACtC,cAAM+B,IAAQ,MAAMC,EAAuB1E,GAAckB,GAAWsD,CAAK,GACnEG,IAAsB,MAAOnC,EAAgD,gBAAgBtB,GAAWuD,CAAK;AAEnH,QAAIH,EAAkB,UAAUd,MAC9BnC,EAAgB,QAAQsD,IAE1BjC,EAAM,MAAM,QAAQ,kBAAkB;AAAA,MACxC;AAAA,IACF,GAAG,EAAE,WAAW,IAAM;AAAA,EACxB;AAEA,SAAAkC,EAAQC,GAAUnC,CAAK,GAChBA;AACT;AAEO,SAASoC,KAAW;AACzB,SAAOC,EAASC,EAAsBH,CAAQ,GAAG,aAAa;AAChE;"}
+{"version":3,"file":"store.js","sources":["../src/store.ts"],"sourcesContent":["import { deepClone } from '@milaboratories/helpers';\nimport type {\n  ChartType,\n  DemoDataStore,\n  DendroStateController,\n  DendroUIState,\n  InputGuide,\n  InputNamesByChartType,\n  InputState,\n  PlotDataAndSettings,\n} from '@milaboratories/pf-plots';\nimport {\n  getControllerByType,\n  getInitialStateByType,\n} from '@milaboratories/pf-plots';\nimport type { PColumnSpec } from '@platforma-sdk/model';\nimport type { CategoricalPalette, ContinuousPalette, Palette } from './components/AesSettings/types';\nimport type { ComputedRef, Reactive, Ref } from 'vue';\nimport { computed, inject, provide, reactive, ref, toRaw, watch } from 'vue';\nimport type { AesType } from './constantsCommon';\nimport {\n  getInitialAxesSettings,\n  getInitialLayersSettings,\n  getInitialStatisticsState,\n  getInitialTemplate,\n} from './constantsCommon';\nimport { updateDataBindAes } from './dataBindAes';\nimport { notEmpty } from './helpers';\nimport { storeKey } from './keys';\nimport type {\n  DefaultPalettes,\n  DendroNodeInfo,\n  FilterLabelsInfoBySourceMap,\n  FilterSuggestionsBySourceMap,\n  GraphMakerProps,\n  GraphMakerState,\n  ReactiveState, UniqueValuesBySourceMap,\n} from './types';\nimport { loadDefaultSources } from './utils';\nimport { addFixedOptionsToState } from './utils/addFixedOptionsToState';\nimport { calculateDiscreteGroups } from './utils/calculateDiscreteGroups';\nimport { copyJSON } from './utils/copyJSON';\nimport { loadDataForPlot } from './utils/createChartSettingsForRender/composeChartSettings';\nimport { getUsedAesInMapping } from './utils/getUsedAesInMapping';\nimport {\n  getUniqueValuesFromReadyChartData,\n  loadFilterLabelsForTitle,\n} from './utils/loadUniqueValuesToSave';\nimport type { FormKey } from './forms';\nimport { tabKeys } from './forms';\nimport { DEFAULT_CATEGORICAL_PALETTE, DEFAULT_CONTINUOUS_PALETTE } from './constantsAesthetic';\n\nfunction getInitialOptionsState(chartType: ChartType, optionsState: InputState | undefined) {\n  const defaultState = copyJSON(getInitialStateByType(chartType));\n  if (optionsState?.type !== chartType) {\n    return defaultState;\n  }\n  const optionsStateCopy = copyJSON(optionsState);\n\n  return {\n    ...defaultState,\n    ...optionsStateCopy,\n    components: {\n      ...defaultState.components,\n      ...optionsStateCopy.components,\n    },\n  };\n}\n\nexport function createReactiveState(\n  initialData: GraphMakerState,\n  chartType: ChartType,\n): Reactive<ReactiveState> {\n  return reactive({\n    chartType: chartType,\n    // from pf-plots\n    optionsState: getInitialOptionsState(chartType, initialData.optionsState), // contains user selected inputs\n\n    dataStateKey: deepClone(initialData.dataStateKey),\n    // local form states, updates directly in forms\n    template: getInitialTemplate(initialData.template, chartType),\n    statisticsSettings: getInitialStatisticsState(chartType, initialData.statisticsSettings),\n    layersSettings: getInitialLayersSettings(initialData.layersSettings),\n    axesSettings: getInitialAxesSettings(chartType, initialData.axesSettings),\n    // common aesthetics data mapped on columns/axes values\n    dataBindAes: copyJSON(initialData.dataBindAes ?? {}),\n    chartScale: initialData.zoomState ?? 100,\n    lassoControlsState: null,\n    currentTab: initialData.currentTab === undefined ? 'dataMapping' : initialData.currentTab,\n    tabDefaultState: tabKeys().reduce((res, formKey: FormKey) => {\n      res[formKey] = {};\n      return res;\n    }, {} as Record<FormKey, Record<string, boolean>>),\n    dendroInfoByClick: null as null | DendroNodeInfo,\n    dendroSelectedNodeId: null,\n    showTooltipHint: false,\n  });\n}\n\nexport interface Store {\n  reactive: Reactive<ReactiveState>;\n  loading: {\n    initialInputGuide: boolean;\n    initialCharts: boolean;\n    initialDefaults: boolean;\n    inputGuide: boolean;\n    chartData: boolean;\n    defaults: boolean;\n    chartRendering: boolean;\n    dendroTableData: boolean;\n  };\n  commonHelpersData: {\n    primaryGroups: ComputedRef<ReturnType<typeof calculateDiscreteGroups>>;\n    secondaryGroups: ComputedRef<ReturnType<typeof calculateDiscreteGroups>>;\n    usedAesInMapping: ComputedRef<Record<string, Record<AesType, boolean>>>;\n    dendroTableData: Ref<Awaited<ReturnType<DendroStateController['createTableData']>> | null>;\n  };\n  controller: ReturnType<typeof getControllerByType>;\n  columnsDataStore: Ref<DemoDataStore | null>;\n  inputGuide: Ref<InputGuide<InputState>>;\n  chartData: Ref<PlotDataAndSettings | null>;\n  uniqueValuesData: Ref<UniqueValuesBySourceMap>;\n  filterSuggestionsData: Ref<FilterSuggestionsBySourceMap>;\n  filterLabelsInfo: Ref<FilterLabelsInfoBySourceMap>;\n  readonlyInputs?: InputNamesByChartType[ChartType][];\n  defaultPalette: DefaultPalettes;\n}\n\nexport function factoryStore(\n  reactiveState: Reactive<ReactiveState>,\n  dataStore: Ref<DemoDataStore | null>,\n  inputGuide: Ref<InputGuide<InputState>>,\n  chartData: Ref<PlotDataAndSettings | null>,\n  dendroTableData: Ref<Awaited<ReturnType<DendroStateController['createTableData']>> | null>,\n  uniqueValuesData: Ref<UniqueValuesBySourceMap>,\n  filterSuggestionsData: Ref<FilterSuggestionsBySourceMap>,\n  filterLabelsInfo: Ref<FilterLabelsInfoBySourceMap>,\n  readonlyInputs?: InputNamesByChartType[ChartType][],\n  defaultPalette?: Palette | { categorical?: Palette; continuous?: Palette },\n): Store {\n  return {\n    reactive: reactiveState,\n    loading: reactive({\n      initialInputGuide: true,\n      initialCharts: true,\n      initialDefaults: true,\n      inputGuide: false,\n      chartData: false,\n      defaults: false,\n      chartRendering: false,\n      dendroTableData: false,\n    }),\n    commonHelpersData: {\n      primaryGroups: computed(() => calculateDiscreteGroups(\n        reactiveState.optionsState,\n        uniqueValuesData.value,\n        'primaryGrouping',\n      ),\n      ),\n      secondaryGroups: computed(() => calculateDiscreteGroups(\n        reactiveState.optionsState,\n        uniqueValuesData.value,\n        'secondaryGrouping',\n      ),\n      ),\n      usedAesInMapping: computed<Record<string, Record<AesType, boolean>>>(() =>\n        getUsedAesInMapping(\n          reactiveState.chartType,\n          reactiveState.template,\n          reactiveState.layersSettings,\n          reactiveState.statisticsSettings,\n          reactiveState.optionsState,\n          inputGuide.value,\n        ),\n      ),\n      dendroTableData,\n    },\n    controller: getControllerByType(reactiveState.chartType),\n    columnsDataStore: dataStore,\n    inputGuide,\n    chartData,\n    uniqueValuesData,\n    filterSuggestionsData,\n    filterLabelsInfo,\n    readonlyInputs,\n    defaultPalette: {\n      categorical: typeof defaultPalette === 'object' && defaultPalette.categorical\n        ? defaultPalette.categorical as CategoricalPalette\n        : typeof defaultPalette === 'string' ? defaultPalette as CategoricalPalette : DEFAULT_CATEGORICAL_PALETTE,\n      continuous: typeof defaultPalette === 'object' && defaultPalette.continuous\n        ? defaultPalette.continuous as ContinuousPalette\n        : typeof defaultPalette === 'string' ? defaultPalette as ContinuousPalette : DEFAULT_CONTINUOUS_PALETTE,\n    },\n  };\n}\n\nexport type ComputedStore = ComputedRef<Store>;\n\nexport function provideStore(\n  initialState: GraphMakerState,\n  dataStoreRef: Ref<DemoDataStore | null>,\n  chartType: ChartType,\n  defaultOptionsRef: Ref<GraphMakerProps['defaultOptions']>,\n  fixedOptionsRef: Ref<GraphMakerProps['fixedOptions']>,\n  dataColumnPredicate?: (spec: PColumnSpec) => boolean,\n  metaColumnPredicate?: (spec: PColumnSpec) => boolean,\n  readonlyInputs?: InputNamesByChartType[ChartType][],\n  defaultPalette?: GraphMakerProps['defaultPalette'],\n) {\n  const reactiveState = createReactiveState(initialState, chartType);\n  console.log('create reactive state');\n  const controller = getControllerByType(reactiveState.chartType);\n\n  const inputGuide = ref<InputGuide<InputState>>(getControllerByType(reactiveState.chartType).getEmptyInputGuide(reactiveState.optionsState));\n  const chartData = ref<PlotDataAndSettings | null>(null);\n\n  const uniqueValuesData = ref<UniqueValuesBySourceMap>({});\n  const filterSuggestionsData = ref<FilterSuggestionsBySourceMap>({});\n  const filterLabelsInfo = ref<FilterLabelsInfoBySourceMap>({}); // for auto titles of chart if something selected in filter/tabby\n\n  const dendroTableData = ref<Awaited<ReturnType<DendroStateController['createTableData']>> | null>(null);\n\n  // toRaw removes Vue proxy from dataStore.pframe (PFrame api)\n  const store = computed(() => factoryStore(\n    reactiveState,\n    dataStoreRef,\n    inputGuide,\n    chartData,\n    dendroTableData,\n    uniqueValuesData,\n    filterSuggestionsData,\n    filterLabelsInfo,\n    readonlyInputs,\n    defaultPalette,\n  ));\n\n  watch(() => dataStoreRef.value, () => {\n    filterLabelsInfo.value = {};\n    uniqueValuesData.value = {};\n    filterSuggestionsData.value = {}; // reset saved data; avoid caching of empty results from old empty pframe\n  });\n  watch([\n    () => dataStoreRef.value,\n    () => defaultOptionsRef.value,\n  ], async ([ds, defaultOptions]) => {\n    if (!defaultOptions || !ds || !store.value.loading.initialDefaults) {\n      return;\n    }\n    store.value.loading.initialDefaults = false; // to avoid multiple calculations, default settings cannot change except after reset\n    store.value.loading.initialInputGuide = true; // to show loader on initial loading; changing of reactiveState.optionsState always triggers inputGuide recalculating, so it will be off after inputGuide\n    store.value.loading.defaults = true;\n\n    const updatedOptionsState = copyJSON(reactiveState.optionsState.components);\n    const loadedDefaultSources = await loadDefaultSources(ds, defaultOptions);\n    // for (const { inputName } of loadedDefaultSources) {\n    //   updatedOptionsState[inputName].selectorStates = [];\n    // }\n    for (const {\n      inputName,\n      selectedSource,\n      filterType,\n      selectedFilterValues,\n      selectedFilterRange,\n    } of loadedDefaultSources) {\n      if (reactiveState.optionsState.components[inputName].selectorStates.length > 0) {\n        continue; // has user's changes\n      }\n      updatedOptionsState[inputName].selectorStates.push({\n        selectedSource,\n        type: filterType,\n        selectedFilterValues,\n        selectedFilterRange,\n      });\n    }\n\n    reactiveState.optionsState.components = updatedOptionsState;\n    store.value.loading.defaults = false;\n  }, { immediate: true });\n\n  // recalculate input guide - options for every data input, consistency info etc\n  const inputGuideCounter = ref(0); // to avoid race condition on async calculations\n  watch([\n    () => reactiveState.optionsState,\n    () => dataStoreRef.value,\n    () => fixedOptionsRef.value,\n  ], async ([optionsState, ds, fixedOptions]) => {\n    if (defaultOptionsRef.value === null || dataStoreRef.value === null) { // they are not ready, waiting for them\n      return;\n    }\n    inputGuideCounter.value++;\n    const counter = inputGuideCounter.value;\n    store.value.loading.inputGuide = true;\n    const ignoredIds = ds && fixedOptions ? (await loadDefaultSources(ds, fixedOptions, false)).map((item) => item.selectedSource) : [];\n\n    // const start = Date.now();\n    const nextInputGuide = ds ? await controller.calculateOptions(toRaw(ds), optionsState, ignoredIds, dataColumnPredicate, metaColumnPredicate) : controller.getEmptyInputGuide(optionsState);\n    // console.log('input guide', Date.now() - start);\n\n    if (counter === inputGuideCounter.value) { // race condition check\n      inputGuide.value = nextInputGuide;\n\n      store.value.loading.inputGuide = false;\n      if (store.value.loading.initialInputGuide) {\n        store.value.loading.initialInputGuide = false;\n      }\n    }\n  }, { immediate: true, deep: true });\n\n  // recalculate data for chart rendering (miplots4)\n  const chartDataCounter = ref(0); // to avoid race condition on async calculations\n  watch(() => inputGuide.value, async (ig) => {\n    chartDataCounter.value++;\n    const counter = chartDataCounter.value;\n\n    store.value.loading.chartData = true;\n\n    const ds = toRaw(dataStoreRef.value);\n    // const start = Date.now();\n    const nextChartData = await loadDataForPlot(ig, reactiveState, ds, fixedOptionsRef.value);\n\n    if (nextChartData && ds) {\n      const { uniqueValues, filterSuggestions } = await getUniqueValuesFromReadyChartData(\n        nextChartData, ig, reactiveState.optionsState.components, controller, ds, toRaw(filterSuggestionsData.value),\n      );\n      uniqueValuesData.value = uniqueValues;\n      filterSuggestionsData.value = filterSuggestions;\n      updateDataBindAes(reactiveState.optionsState, reactiveState.dataBindAes, uniqueValuesData.value);\n    }\n    filterLabelsInfo.value = ds\n      ? await loadFilterLabelsForTitle(\n        reactiveState.optionsState.components,\n        ig,\n        controller,\n        ds,\n      )\n      : {};\n    // console.log('chart data', Date.now() - start);\n\n    if (counter === chartDataCounter.value) { // race condition check\n      chartData.value = nextChartData;\n      if (ig.ready) {\n        store.value.loading.initialCharts = false;\n      }\n      store.value.loading.chartData = false;\n    }\n  }, { immediate: true, deep: true });\n\n  // watch data for table, only dendro chart; data is also using for popup by tree node click\n  if (reactiveState.chartType === 'dendro') {\n    const dendroDataCounter = ref(0); // to avoid race condition on async calculations\n    watch([\n      () => reactiveState.optionsState as DendroUIState,\n      () => dataStoreRef.value,\n      () => inputGuide.value.readyData,\n      () => fixedOptionsRef.value,\n    ], async ([optionsState, dataStore, ready, fixed]) => {\n      if (ready && dataStore) {\n        dendroDataCounter.value++;\n        const counter = dendroDataCounter.value;\n        store.value.loading.dendroTableData = true;\n        const state = await addFixedOptionsToState(optionsState, dataStore, fixed) as DendroUIState;\n        const nextDendroTableData = await (controller as unknown as DendroStateController).createTableData(dataStore, state);\n\n        if (dendroDataCounter.value === counter) {\n          dendroTableData.value = nextDendroTableData;\n        }\n        store.value.loading.dendroTableData = false;\n      }\n    }, { immediate: true });\n  }\n\n  provide(storeKey, store);\n  return store;\n}\n\nexport function useStore() {\n  return notEmpty(inject<ComputedStore>(storeKey), 'Empty store');\n}\n"],"names":["getInitialOptionsState","chartType","optionsState","defaultState","copyJSON","getInitialStateByType","optionsStateCopy","createReactiveState","initialData","reactive","deepClone","getInitialTemplate","getInitialStatisticsState","getInitialLayersSettings","getInitialAxesSettings","tabKeys","res","formKey","factoryStore","reactiveState","dataStore","inputGuide","chartData","dendroTableData","uniqueValuesData","filterSuggestionsData","filterLabelsInfo","readonlyInputs","defaultPalette","computed","calculateDiscreteGroups","getUsedAesInMapping","getControllerByType","DEFAULT_CATEGORICAL_PALETTE","DEFAULT_CONTINUOUS_PALETTE","provideStore","initialState","dataStoreRef","defaultOptionsRef","fixedOptionsRef","dataColumnPredicate","metaColumnPredicate","controller","ref","store","watch","ds","defaultOptions","updatedOptionsState","loadedDefaultSources","loadDefaultSources","inputName","selectedSource","filterType","selectedFilterValues","selectedFilterRange","inputGuideCounter","fixedOptions","counter","ignoredIds","item","nextInputGuide","toRaw","chartDataCounter","ig","nextChartData","loadDataForPlot","uniqueValues","filterSuggestions","getUniqueValuesFromReadyChartData","updateDataBindAes","loadFilterLabelsForTitle","dendroDataCounter","ready","fixed","state","addFixedOptionsToState","nextDendroTableData","provide","storeKey","useStore","notEmpty","inject"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@milaboratories/graph-maker",
-  "version": "1.1.217",
+  "version": "1.1.219",
   "type": "module",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -36,7 +36,7 @@
     "d3-hierarchy": "^3.1.2",
     "d3-scale": "^4.0.2",
     "vue": "^3.5.24",
-    "@milaboratories/miplots4": "1.0.169",
+    "@milaboratories/miplots4": "1.0.171",
     "@milaboratories/pf-plots": "1.1.61"
   },
   "devDependencies": {