@milaboratories/graph-maker 1.1.132 → 1.1.134

package/dist/GraphMaker/forms/DataMappingForm/useBaskets.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useBaskets.js","sources":["../../../../src/GraphMaker/forms/DataMappingForm/useBaskets.ts"],"sourcesContent":["import {\n  ChartType,\n  ComponentStateFilter,\n  InputGuide,\n  InputNamesByChartType,\n  InputState,\n  PValue,\n  SelectorStateFilter,\n} from '@milaboratories/pf-plots';\nimport { computed, ref, Ref, toRef } from 'vue';\nimport {\n  BasketProps,\n  ChipInfo,\n  DropItemEvent,\n  RemoveItemEvent,\n  SelectFixedAxisValueEvent\n} from '../../components/DragAndDrop/types';\nimport { MAX_SEARCH_OPTIONS_LIST_LENGTH } from '../../constantsCommon';\nimport { ComputedStore } from '../../store';\nimport {\n  getAllInputsOptions, getChipInfo, getFreeMandatoryOptions, getFreeMetaOptions,\n  toFiltersMulti,\n  toSimpleMulti,\n  toSimpleSingle\n} from './utils';\n\nexport function useBaskets<\n  T extends InputState,\n  BasketIds extends keyof T['components'] & InputNamesByChartType[ChartType],\n  DataIds extends keyof T['components'] & InputNamesByChartType[ChartType]\n>(\n  store: ComputedStore,\n  dataKeys: DataIds[],\n  filterBasketKeys: BasketIds[],\n  simpleBasketKeys: BasketIds[],\n  BASKETS: BasketIds[],\n  BASKET_LABELS: Record<BasketIds, string>\n) {\nconst state = store.value.reactive.optionsState as T;\nconst stateRef = toRef(store.value.reactive, 'optionsState');\n\nconst inputGuide = computed(() => store.value.inputGuide.value) as Ref<InputGuide<T>>;\n\nfunction getSimpleSingle(inputName: keyof InputState['components']) {\n  return toSimpleSingle(\n    stateRef,\n    inputName,\n    store.value.controller,\n    store.value.columnsDataStore\n  );\n}\n\nfunction getSimpleMulti(inputName: keyof InputState['components']) {\n  return toSimpleMulti(\n    stateRef,\n    inputName,\n    store.value.controller,\n    store.value.columnsDataStore,\n    inputGuide\n  );\n}\n\nfunction getFiltersMulti(inputName: keyof InputState['components']) {\n  return toFiltersMulti(\n    stateRef,\n    inputName,\n    store.value.controller,\n    store.value.columnsDataStore,\n    inputGuide\n  );\n}\n\nconst dataStateValues = ref({\n  ...dataKeys.reduce((res:Record<DataIds, Ref<string|undefined>>, key:DataIds) => {\n    res[key] = getSimpleSingle(key as keyof InputState['components']);\n    return res;\n  }, {} as Record<DataIds, Ref<string|undefined>>),\n})\n\ntype InputStateValues = Record<BasketIds, Ref<string[]>>;\n\nconst inputStateValues = ref<InputStateValues>({\n    ...filterBasketKeys.reduce((res:InputStateValues, key) => {\n      res[key] = getFiltersMulti(key as keyof InputState['components']);\n      return res;\n    }, {} as InputStateValues),\n    ...simpleBasketKeys.reduce((res:InputStateValues, key) => {\n      res[key] = getSimpleMulti(key as  keyof InputState['components']);\n      return res;\n    }, {} as InputStateValues)\n  });\n\n  const options = computed(() => {\n    return getAllInputsOptions(state, inputGuide as Ref<InputGuide<InputState>>);\n  });\n\n  const freeMetaOptions = computed(() =>\n    getFreeMetaOptions(inputGuide, BASKETS)\n  );\n  const freeMandatoryOptions = computed(() =>\n    getFreeMandatoryOptions(inputGuide, BASKETS)\n  );\n\n  const draggedId = ref<string | null>(null);\n\n  const chipInfo = computed<Record<string, ChipInfo>>(() => {\n    const freeAndSelectedIds = new Set<string>();\n    BASKETS.forEach((name) => {\n      options.value[name].forEach((option) => {\n        freeAndSelectedIds.add(option.value);\n      });\n      state.components[name].selectorStates.forEach((selectorState) => {\n        freeAndSelectedIds.add(selectorState.selectedSource);\n      });\n    });\n    return getChipInfo(inputGuide.value, store.value.uniqueValuesData.value, [...freeAndSelectedIds]);\n  });\n\n  function getFiltersValues(name: BasketIds) {\n    return (state.components[name] as ComponentStateFilter).selectorStates.reduce(\n      (res: Record<string, string|undefined>, filterState) => {\n        if (filterState.type !== 'range') {\n          res[filterState.selectedSource] = filterState.selectedFilterValue;\n        }\n        return res;\n      },\n      {}\n    );\n  }\n\n  function getFiltersRanges(name: BasketIds) {\n    return (state.components[name] as ComponentStateFilter).selectorStates.reduce(\n      (res: Record<string, [number, number]>, filterState) => {\n        res[filterState.selectedSource] = filterState.selectedFilterRange ?\n          [filterState.selectedFilterRange.min, filterState.selectedFilterRange.max] :\n          filterState.selectedFilterValue ? [Number(filterState.selectedFilterValue), Number(filterState.selectedFilterValue)] :\n            [0, 0];\n        return res;\n      },\n      {}\n    );\n  }\n\n  function getFixedAxesValues(name: BasketIds) {\n    return (state.components[name] as ComponentStateFilter).selectorStates.reduce(\n      (res: BasketProps['fixedAxes'], filterState) => {\n        const info = inputGuide.value.getSourceInfo(filterState.selectedSource);\n        if (info.kind === 'axis') {\n          return res;\n        }\n        res[filterState.selectedSource] = info.axesToBeFixed.reduce(\n          (res: BasketProps['fixedAxes'][keyof BasketProps['fixedAxes']], axisIdStr) => {\n            res[axisIdStr] = filterState.fixedAxes?.find(el => el.axisSource === axisIdStr) ?? {\n              axisSource: axisIdStr,\n              axisValue: undefined as unknown as PValue,\n              axisIdx: info.axesToBeFixedIndexes[axisIdStr]\n            };\n            return res;\n          }, {}) ?? {};\n        return res;\n      }, {});\n  }\n\n  function commonDropItemHandler(event: DropItemEvent<BasketIds>) {\n    inputStateValues.value[event.id] = [\n      ...inputStateValues.value[event.id],\n      event.draggedId\n    ];\n    draggedId.value = null;\n  }\n\n  function commonRemoveItem(event: RemoveItemEvent<BasketIds>) {\n    inputStateValues.value[event.basketId] =\n      inputStateValues.value[event.basketId].filter((op:string) => op !== event.chipId);\n  }\n\n  function commonReorder(data: ChipInfo['id'][], name: BasketIds) {\n    inputStateValues.value[name] = data;\n  }\n\n  function getAvailableIds(basketId: BasketIds) {\n    return new Set(\n      inputGuide.value.components[basketId].options.map((op) => op.value)\n    );\n  }\n\n  function getConsistency(basketId: BasketIds) {\n    return inputGuide.value.components[basketId].stateConsistency;\n  }\n\n  function getDisabled(basketId: BasketIds) {\n    return (\n      !inputGuide.value.readyData ||\n      options.value[basketId].length === 0 ||\n      (draggedId.value !== null &&\n        !chipInfo.value[draggedId.value].availableBasketIds.has(basketId))\n    );\n  }\n\n  async function searchFilterOptions(sourceId:string, searchStr:string):Promise<{value:string, label:string}[]> {\n    if (!store.value.columnsDataStore) {\n      return Promise.resolve([]);\n    }\n    return (await store.value.controller.getUniqueSourceValuesWithLabels(store.value.columnsDataStore, inputGuide.value, sourceId, MAX_SEARCH_OPTIONS_LIST_LENGTH, searchStr || undefined)).values;\n  }\n\n  async function searchSelectedFilterValueOptions(sourceId:string, selectedValue:string):Promise<{value:string, label:string}[]> {\n    if (!store.value.columnsDataStore) {\n      return Promise.resolve([]);\n    }\n    return (await store.value.controller.getUniqueSourceValuesWithLabels(store.value.columnsDataStore, inputGuide.value, sourceId, 1, undefined, selectedValue)).values;\n  }\n\n  async 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, inputGuide.value, sourceId, MAX_SEARCH_OPTIONS_LIST_LENGTH);\n    return response.overflow ? null : response.values;\n  }\n\n  const basketsData = computed<BasketProps[]>(() =>\n    BASKETS.map((name) => {\n      const guide = inputGuide.value.components[name];\n      const isFilter = name === 'filters' || name === 'highlight';\n\n      const basketProps: BasketProps = {\n        id: name,\n        title: BASKET_LABELS[name],\n        isFilter,\n        sortable: name === 'tooltipContent',\n        multiple: guide.multipleSelectors,\n        required: guide.required,\n        disabled: getDisabled(name),\n        readonly: store.value.readonlyInputs?.includes(name) ?? false,\n        consistency: getConsistency(name),\n        draggedId: draggedId.value,\n        availableIds: getAvailableIds(name),\n        droppedIds: inputStateValues.value[name],\n        info: chipInfo.value,\n        fixedAxes: getFixedAxesValues(name),\n\n        searchFn: searchFilterOptions,\n        searchSelectedValueFn: searchSelectedFilterValueOptions,\n        loadOptionsFn: loadOptions,\n\n        listeners: {\n          'drop-item': commonDropItemHandler,\n          'remove-item': commonRemoveItem,\n          'reorder': (data: ChipInfo['id'][]) => commonReorder(data, name),\n          'select-fixed-axis-value': (data:SelectFixedAxisValueEvent) => {\n            const selectorState = state.components[name].selectorStates[data.idx] as SelectorStateFilter;\n            selectorState.fixedAxes = Object.values(data.v);\n            for (const componentState of Object.values(state.components)) {\n              for (const otherSelectorState of componentState.selectorStates) {\n                selectorState.fixedAxes.forEach((data) => {\n                  if (otherSelectorState.fixedAxes) {\n                    otherSelectorState.fixedAxes = otherSelectorState.fixedAxes.map((otherData) => {\n                      return { ...otherData, axisValue: data.axisSource === otherData.axisSource ? data.axisValue : otherData.axisValue };\n                    })\n                  }\n                });\n              }\n            }\n          }\n        }\n      };\n      if (isFilter) {\n        basketProps.selectedFilters = getFiltersValues(name);\n        basketProps.selectedRanges = getFiltersRanges(name);\n        basketProps.listeners['select-filter-value'] = (data) => {\n          const selectorState = state.components[name].selectorStates[data.idx] as SelectorStateFilter;\n          selectorState.type = 'equals';\n          selectorState.selectedFilterValue = data.v;\n        };\n        basketProps.listeners['select-filter-range'] = (data) => {\n          const selectorState = state.components[name].selectorStates[data.idx] as SelectorStateFilter;\n          selectorState.type = 'range';\n          selectorState.selectedFilterRange = data.v;\n        };\n      }\n      return basketProps;\n    })\n  );\n\n  function cleanDraggedId() {\n    draggedId.value = null;\n  }\n  \n  return {\n    draggedId,\n    cleanDraggedId,\n    basketsData,\n    freeMetaOptions,\n    freeMandatoryOptions,\n    chipInfo,\n    dataStateValues,\n    dataOptions: options\n  }\n}"],"names":["useBaskets","store","dataKeys","filterBasketKeys","simpleBasketKeys","BASKETS","BASKET_LABELS","state","stateRef","toRef","inputGuide","computed","getSimpleSingle","inputName","toSimpleSingle","getSimpleMulti","toSimpleMulti","getFiltersMulti","toFiltersMulti","dataStateValues","ref","res","key","inputStateValues","options","getAllInputsOptions","freeMetaOptions","getFreeMetaOptions","freeMandatoryOptions","getFreeMandatoryOptions","draggedId","chipInfo","freeAndSelectedIds","name","option","selectorState","getChipInfo","getFiltersValues","filterState","getFiltersRanges","getFixedAxesValues","info","axisIdStr","_a","el","commonDropItemHandler","event","commonRemoveItem","op","commonReorder","data","getAvailableIds","basketId","getConsistency","getDisabled","searchFilterOptions","sourceId","searchStr","MAX_SEARCH_OPTIONS_LIST_LENGTH","searchSelectedFilterValueOptions","selectedValue","loadOptions","response","basketsData","guide","isFilter","basketProps","componentState","otherSelectorState","otherData","cleanDraggedId"],"mappings":"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"}

package/dist/GraphMaker/forms/DataMappingForm/utils.d.ts

@@ -1,8 +1,7 @@
 import { AxisData, ColumnData, Controller, DemoDataStore, InputGuide, InputState } from '@milaboratories/pf-plots';
 import { Ref } from 'vue';
-import { ChipInfo } from '../../components/DragAndDrop/types.ts';
-import { UniqueValuesBySourceMap } from '../../types.ts';
-
+import { ChipInfo } from '../../components/DragAndDrop/types';
+import { UniqueValuesBySourceMap } from '../../types';
 type Option = {
     text: string;
     value: string;
@@ -18,17 +17,18 @@ export type AllStateOptions<State extends InputState> = {
 export declare function getAllInputsOptions<T extends InputState>(inputState: T, inputGuide: Ref<InputGuide<T>>): AllStateOptions<T>;
 export declare function getFreeOptions<T extends InputState>(inputGuide: Ref<InputGuide<T>>, basketsIds: (keyof InputGuide<T>['components'])[]): {
     id: string;
-    info: ColumnData | AxisData;
+    info: AxisData | ColumnData;
 }[];
 export declare function getFreeMetaOptions<T extends InputState>(inputGuide: Ref<InputGuide<T>>, basketsIds: (keyof InputGuide<T>['components'])[]): {
     id: string;
-    info: ColumnData | AxisData;
+    info: AxisData | ColumnData;
 }[];
 export declare function getFreeMandatoryOptions<T extends InputState>(inputGuide: Ref<InputGuide<T>>, basketsIds: (keyof InputGuide<T>['components'])[]): {
     id: string;
-    info: ColumnData | AxisData;
+    info: AxisData | ColumnData;
 }[];
 export declare function hasInputError<T extends InputState>(name: keyof T['components'], inputGuide: InputGuide<T>): boolean;
 export declare function getErrorForPlDropdown<T extends InputState>(name: keyof T['components'], inputGuide: InputGuide<T>): "" | " ";
 export declare function getChipInfo(inputGuide: InputGuide<InputState>, labelsInfo: UniqueValuesBySourceMap, sourceIds: string[]): Record<string, ChipInfo>;
 export {};
+//# sourceMappingURL=utils.d.ts.map

package/dist/GraphMaker/forms/DataMappingForm/utils.d.ts.map

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

package/dist/GraphMaker/forms/DataMappingForm/utils.js

@@ -0,0 +1,214 @@
+import { computed as b } from "vue";
+import { AXIS_NATURE_KEY as k } from "../../constantsCommon.js";
+function E(e, s, o, n, c) {
+  return b({
+    get() {
+      return e.value.components[s].selectorStates.map((t) => t.selectedSource);
+    },
+    set(t) {
+      if (!n)
+        return;
+      const u = t.map((i) => {
+        const x = e.value.components[s].selectorStates.find((l) => l.selectedSource === i);
+        if (x)
+          return x;
+        {
+          const l = c.value.getSourceInfo(i), a = l.kind === "column" ? l.axesToBeFixed.map((r) => {
+            var m, p;
+            const d = c.value.axesToBeFixedSet.has(r);
+            let f;
+            if (d)
+              for (const { selectorStates: g } of Object.values(e.value.components)) {
+                for (const F of g) {
+                  const S = (p = (m = F.fixedAxes) == null ? void 0 : m.find(
+                    (v) => v.axisSource === r && v.axisValue !== void 0
+                  )) == null ? void 0 : p.axisValue;
+                  if (S) {
+                    f = S;
+                    break;
+                  }
+                }
+                if (f)
+                  break;
+              }
+            return {
+              axisSource: r,
+              axisIdx: l.axesToBeFixedIndexes[r],
+              axisValue: f
+            };
+          }) : [];
+          return l.isSubsetFilter ? { selectedSource: i, type: "subset", fixedAxes: a } : l.isDiscreteFilter ? {
+            selectedSource: i,
+            type: "equals",
+            selectedFilterValue: void 0,
+            fixedAxes: a
+          } : {
+            selectedSource: i,
+            type: "range",
+            selectedFilterRange: { min: void 0, max: void 0 },
+            fixedAxes: a
+          };
+        }
+      });
+      e.value = o.changeSelected(s, n, e.value, u);
+    }
+  });
+}
+function C(e, s, o, n, c) {
+  return b({
+    get() {
+      return e.value.components[s].selectorStates.map((t) => t.selectedSource);
+    },
+    set(t) {
+      if (!n)
+        return;
+      const u = t.map((i) => {
+        const x = e.value.components[s].selectorStates.find((l) => l.selectedSource === i);
+        if (x)
+          return x;
+        {
+          const l = c.value.getSourceInfo(i), a = l.kind === "column" ? l.axesToBeFixed.map((r) => {
+            var m, p;
+            const d = c.value.axesToBeFixedSet.has(r);
+            let f;
+            if (d)
+              for (const { selectorStates: g } of Object.values(e.value.components)) {
+                for (const F of g) {
+                  const S = (p = (m = F.fixedAxes) == null ? void 0 : m.find(
+                    (v) => v.axisSource === r && v.axisValue !== void 0
+                  )) == null ? void 0 : p.axisValue;
+                  if (S) {
+                    f = S;
+                    break;
+                  }
+                }
+                if (f)
+                  break;
+              }
+            return {
+              axisSource: r,
+              axisIdx: l.axesToBeFixedIndexes[r],
+              axisValue: f
+            };
+          }) : [];
+          return { selectedSource: i, fixedAxes: a };
+        }
+      });
+      e.value = o.changeSelected(s, n, e.value, u);
+    }
+  });
+}
+function V(e, s, o, n) {
+  return b({
+    get() {
+      var c;
+      return ((c = e.value.components[s].selectorStates.map((t) => t.selectedSource)) == null ? void 0 : c[0]) ?? void 0;
+    },
+    set(c) {
+      n && (e.value = o.changeSelected(s, n, e.value, typeof c > "u" ? [] : [{ selectedSource: c }]));
+    }
+  });
+}
+function B(e, s, o) {
+  const n = e.options.map((t) => ({
+    text: s(t.value).label,
+    value: t.value
+  }));
+  return o.selectorStates.map((t) => t.selectedSource).forEach((t) => {
+    const u = s(t), i = e.stateConsistency[t] === !1;
+    n.unshift({
+      text: i ? "Inconsistent value" : u.label,
+      value: t
+    });
+  }), n.sort((t, u) => t.text > u.text ? 1 : -1);
+}
+function j(e, s) {
+  return Object.keys(e.components).reduce(
+    (o, n) => (o[n] = B(
+      s.value.components[n],
+      s.value.getSourceInfo,
+      e.components[n]
+    ), o),
+    {}
+  );
+}
+function I(e, s) {
+  if (!e.value.readyData)
+    return [];
+  const o = /* @__PURE__ */ new Set();
+  return s.forEach(
+    (n) => {
+      e.value.components[n].options.forEach(({ value: t }) => {
+        o.add(t);
+      });
+    }
+  ), [...o].map((n) => ({
+    id: n,
+    info: e.value.getSourceInfo(n)
+  })).sort((n, c) => n.info.label.localeCompare(c.info.label));
+}
+function M(e, s) {
+  return I(e, s).filter(
+    ({ info: o }) => o.kind !== "axis" || !o.mustBeConsumed
+  );
+}
+function D(e, s) {
+  return I(e, s).filter(
+    ({ info: o }) => o.kind === "axis" && o.mustBeConsumed
+  );
+}
+function y(e, s) {
+  return Object.values(s.components[e].stateConsistency).some((o) => !o);
+}
+function w(e, s) {
+  return y(e, s) ? " " : "";
+}
+function h(e) {
+  var o;
+  const s = (o = e == null ? void 0 : e[k]) == null ? void 0 : o.toLowerCase();
+  return !!s && s !== "homogenous" && s !== "homogeneous";
+}
+function q(e, s, o) {
+  return o.reduce((n, c) => {
+    var l;
+    const t = e.getSourceInfo(c), i = [
+      ...Object.keys(e.components).filter(
+        (a) => e.components[a].options.find(
+          (r) => r.value === c
+        )
+      )
+    ], x = Object.values(e.components).some(({ stateConsistency: a }) => a[c] === !1);
+    return n[c] = {
+      id: c,
+      title: x ? "Inconsistent value" : t.label,
+      type: t.type,
+      nonHomogenous: t.kind === "axis" && h(t.annotations),
+      isSubsetFilter: t.isSubsetFilter,
+      isDiscreteFilter: t.isDiscreteFilter,
+      availableBasketIds: new Set(i),
+      uniqueValues: (((l = s[c]) == null ? void 0 : l.options) ?? []).map((a) => a.label),
+      axesToBeFixed: t.kind === "column" ? t.axesToBeFixed : [],
+      axesToBeFixedInfo: t.kind === "column" ? t.axesToBeFixed.reduce((a, r) => {
+        const d = e.getSourceInfo(r);
+        return a[r] = {
+          title: d.label,
+          type: d.type,
+          idx: t.axesToBeFixedIndexes[r]
+        }, a;
+      }, {}) : {}
+    }, n;
+  }, {});
+}
+export {
+  j as getAllInputsOptions,
+  q as getChipInfo,
+  w as getErrorForPlDropdown,
+  D as getFreeMandatoryOptions,
+  M as getFreeMetaOptions,
+  I as getFreeOptions,
+  y as hasInputError,
+  E as toFiltersMulti,
+  C as toSimpleMulti,
+  V as toSimpleSingle
+};
+//# sourceMappingURL=utils.js.map

package/dist/GraphMaker/forms/DataMappingForm/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sources":["../../../../src/GraphMaker/forms/DataMappingForm/utils.ts"],"sourcesContent":["import {\n  AxisData,\n  ColumnData,\n  ComponentGuideFilter,\n  ComponentGuideSimple,\n  ComponentStateFilter,\n  ComponentStateSimple, Controller, DemoDataStore,\n  InputGuide,\n  InputState, PValue, SelectorStateSimple\n} from '@milaboratories/pf-plots';\nimport { computed, Ref } from 'vue';\nimport { ChipInfo } from '../../components/DragAndDrop/types';\nimport { AxisSpec } from '@platforma-sdk/model';\nimport { AXIS_NATURE_KEY } from '../../constantsCommon';\nimport { UniqueValuesBySourceMap } from '../../types';\n\ntype Option = { text: string; value: string }; // as an Option type in pl-uikit\n\n/** Bidirectionally extracts selectedSource from the filter state,\n * and preserve selectedFilterValue in unmodified items on write. */\nexport function toFiltersMulti(\n  refToState: Ref<InputState>,\n  inputName: keyof InputState['components'],\n  controller: Controller<InputState>,\n  store: DemoDataStore | null,\n  refToInputGuide: Ref<InputGuide<InputState>>\n): Ref<string[]> {\n  return computed({\n    get() {\n      return refToState.value.components[inputName].selectorStates.map((v) => v.selectedSource);\n    },\n    set(nextSelected) {\n      if (!store) {\n        return;\n      }\n      const nextSelectorStates = nextSelected.map((s) => {\n        const el = refToState.value.components[inputName].selectorStates.find((v) => v.selectedSource === s);\n        if (el) {\n          return el;\n        } else {\n          const info = refToInputGuide.value.getSourceInfo(s);\n          const fixedAxes:SelectorStateSimple['fixedAxes'] = info.kind === 'column' ? info.axesToBeFixed.map(id => {\n            const selectedAxisExist = refToInputGuide.value.axesToBeFixedSet.has(id);\n            let axisValue:PValue | undefined = undefined;\n            if (selectedAxisExist) {\n              for (const { selectorStates } of Object.values(refToState.value.components)) {\n                for (const selectorState of selectorStates) {\n                  const existingFixedAxis = selectorState.fixedAxes?.find(\n                    data => data.axisSource === id && data.axisValue !== undefined\n                  )?.axisValue\n                  if (existingFixedAxis) {\n                    axisValue = existingFixedAxis;\n                    break;\n                  }\n                }\n                if (axisValue) {\n                  break;\n                }\n              }\n            }\n            return ({\n              axisSource: id,\n              axisIdx: info.axesToBeFixedIndexes[id],\n              axisValue: axisValue as unknown as PValue\n            })\n          }) : [];\n          return info.isSubsetFilter\n            ? { selectedSource: s, type: 'subset', fixedAxes }\n            : info.isDiscreteFilter\n              ? {\n                  selectedSource: s,\n                  type: 'equals',\n                  selectedFilterValue: undefined,\n                  fixedAxes\n                }\n              : {\n                selectedSource: s,\n                type: 'range',\n                selectedFilterRange: { min: undefined, max: undefined },\n                fixedAxes\n              };\n        }\n      });\n      refToState.value = controller.changeSelected(inputName, store, refToState.value, nextSelectorStates);\n    }\n  });\n}\n\nexport function toSimpleMulti(\n  refToState: Ref<InputState>,\n  inputName: keyof InputState['components'],\n  controller: Controller<InputState>,\n  store: DemoDataStore | null,\n  refToInputGuide: Ref<InputGuide<InputState>>\n): Ref<string[]> {\n  return computed({\n    get() {\n      return refToState.value.components[inputName].selectorStates.map((v) => v.selectedSource);\n    },\n    set(nextSelected: string[]) {\n      if (!store) {\n        return;\n      }\n      const nextSelectorStates = nextSelected.map((s) => {\n        const el = refToState.value.components[inputName].selectorStates.find((v) => v.selectedSource === s);\n        if (el) {\n          return el;\n        } else {\n          // if there is already some fixed axes with this value in state we want to set the same\n          const info = refToInputGuide.value.getSourceInfo(s);\n          const fixedAxes:SelectorStateSimple['fixedAxes'] = info.kind === 'column' ? info.axesToBeFixed.map(id => {\n            const selectedAxisExist = refToInputGuide.value.axesToBeFixedSet.has(id);\n            let axisValue:PValue | undefined = undefined;\n            if (selectedAxisExist) {\n              for (const { selectorStates } of Object.values(refToState.value.components)) {\n                for (const selectorState of selectorStates) {\n                  const existingFixedAxis = selectorState.fixedAxes?.find(\n                    data => data.axisSource === id && data.axisValue !== undefined\n                  )?.axisValue\n                  if (existingFixedAxis) {\n                    axisValue = existingFixedAxis;\n                    break;\n                  }\n                }\n                if (axisValue) {\n                  break;\n                }\n              }\n            }\n            return ({\n              axisSource: id,\n              axisIdx: info.axesToBeFixedIndexes[id],\n              axisValue: axisValue as unknown as PValue\n            })\n          }) : [];\n          return { selectedSource: s, fixedAxes }\n        }\n      });\n      refToState.value = controller.changeSelected(inputName, store, refToState.value, nextSelectorStates);\n    }\n  });\n}\n\nexport function toSimpleSingle(\n  refToState: Ref<InputState>,\n  inputName: keyof InputState['components'],\n  controller: Controller<InputState>,\n  store: DemoDataStore | null\n): Ref<string | undefined> {\n  return computed({\n    get() {\n      return refToState.value.components[inputName].selectorStates.map((v) => v.selectedSource)?.[0] ?? undefined;\n    },\n    set(newValue: string | undefined) {\n      if (!store) {\n        return;\n      }\n      refToState.value = controller.changeSelected(inputName, store, refToState.value, typeof newValue === 'undefined' ? [] : [{ selectedSource: newValue }]);\n    }\n  });\n}\n\nexport type AllStateOptions<State extends InputState> = {\n  [K in keyof State['components']]: Option[];\n};\n\nfunction getInputOptions(\n  guide: ComponentGuideSimple | ComponentGuideFilter,\n  getSourceInfo: (optionId: string) => ColumnData | AxisData,\n  state: ComponentStateSimple | ComponentStateFilter\n): Option[] {\n  const options = guide.options.map((v) => ({\n    text: getSourceInfo(v.value).label,\n    value: v.value\n  }));\n  let selectedStates: string[] = state.selectorStates.map((s) => s.selectedSource);\n  selectedStates.forEach((value) => {\n    const stateInfo = getSourceInfo(value);\n    const isInconsistent = guide.stateConsistency[value] === false;\n    options.unshift({\n      text: isInconsistent ? 'Inconsistent value' : stateInfo.label,\n      value\n    });\n  });\n  return options.sort((a, b) => (a.text > b.text ? 1 : -1));\n}\n\nexport function getAllInputsOptions<T extends InputState>(\n  inputState: T,\n  inputGuide: Ref<InputGuide<T>>\n): AllStateOptions<T> {\n  return Object.keys(inputState.components).reduce(\n    (res: Record<string, Option[]>, name) => {\n      res[name] = getInputOptions(\n        inputGuide.value.components[name],\n        inputGuide.value.getSourceInfo,\n        inputState.components[name]\n      );\n      return res;\n    },\n    {}\n  ) as AllStateOptions<T>;\n}\n\nexport function getFreeOptions<T extends InputState>(\n  inputGuide: Ref<InputGuide<T>>,\n  basketsIds: (keyof InputGuide<T>['components'])[]\n) {\n  if (!inputGuide.value.readyData) {\n    return [];\n  }\n  const optionsSet = new Set<string>();\n  basketsIds.forEach((id) => {\n      const item: ComponentGuideFilter | ComponentGuideSimple = inputGuide.value.components[id];\n      item.options.forEach(({ value }) => {\n        optionsSet.add(value);\n      });\n    }\n  );\n  return [...optionsSet].map((id) => ({\n    id,\n    info: inputGuide.value.getSourceInfo(id)\n  })).sort((a, b) => a.info.label.localeCompare(b.info.label));\n}\n\nexport function getFreeMetaOptions<T extends InputState>(\n  inputGuide: Ref<InputGuide<T>>,\n  basketsIds: (keyof InputGuide<T>['components'])[]\n) {\n  return getFreeOptions(inputGuide, basketsIds).filter(\n    ({ info }) => info.kind !== 'axis' || !info.mustBeConsumed\n  );\n}\n\nexport function getFreeMandatoryOptions<T extends InputState>(\n  inputGuide: Ref<InputGuide<T>>,\n  basketsIds: (keyof InputGuide<T>['components'])[]\n) {\n  return getFreeOptions(inputGuide, basketsIds).filter(({ info }) =>\n    info.kind === 'axis' && info.mustBeConsumed\n  );\n}\n\nexport function hasInputError<T extends InputState>(\n  name: keyof T['components'],\n  inputGuide: InputGuide<T>\n) {\n  return Object.values(inputGuide.components[name].stateConsistency).some((v) => !v);\n}\n\nexport function getErrorForPlDropdown<T extends InputState>(\n  name: keyof T['components'],\n  inputGuide: InputGuide<T>\n) {\n  return hasInputError(name, inputGuide) ? ' ' : ''; // if return value is not empty, dropdown marked with red frame\n}\n\nfunction axisIsNonHomogenous(annotations: AxisSpec['annotations']) {\n  const axisNature = annotations?.[AXIS_NATURE_KEY]?.toLowerCase();\n  return Boolean(axisNature) && axisNature !== 'homogenous' && axisNature !== 'homogeneous';\n}\n\nexport function getChipInfo(\n  inputGuide: InputGuide<InputState>,\n  labelsInfo: UniqueValuesBySourceMap,\n  sourceIds: string[]\n): Record<string, ChipInfo> {\n  return sourceIds.reduce((res: Record<string, ChipInfo>, id) => {\n    const info = inputGuide.getSourceInfo(id);\n    const basketsMeta = Object.keys(inputGuide.components);\n    const availableBasketsIds = [\n      ...basketsMeta.filter((name) =>\n        inputGuide.components[name].options.find(\n          (option) => option.value === id\n        )\n      )\n    ];\n    const isInconsistent = Object.values(inputGuide.components).some(({ stateConsistency }) => stateConsistency[id] === false);\n    res[id] = {\n      id,\n      title: isInconsistent ? 'Inconsistent value' : info.label,\n      type: info.type,\n      nonHomogenous: info.kind === 'axis' && axisIsNonHomogenous(info.annotations),\n      isSubsetFilter: info.isSubsetFilter,\n      isDiscreteFilter: info.isDiscreteFilter,\n      availableBasketIds: new Set(availableBasketsIds),\n      uniqueValues: (labelsInfo[id]?.options ?? []).map(v => v.label),\n      axesToBeFixed: info.kind === 'column' ? info.axesToBeFixed : [],\n      axesToBeFixedInfo: info.kind === 'column' ? info.axesToBeFixed.reduce((res:ChipInfo['axesToBeFixedInfo'], axisId) => {\n        const axisInfo = inputGuide.getSourceInfo(axisId);\n        res[axisId] = {\n          title: axisInfo.label,\n          type: axisInfo.type,\n          idx: info.axesToBeFixedIndexes[axisId],\n        };\n        return res;\n      }, {}) : {}\n    };\n    return res;\n  }, {});\n}\n"],"names":["toFiltersMulti","refToState","inputName","controller","store","refToInputGuide","computed","v","nextSelected","nextSelectorStates","s","el","info","fixedAxes","id","selectedAxisExist","axisValue","selectorStates","selectorState","existingFixedAxis","_b","_a","data","toSimpleMulti","toSimpleSingle","newValue","getInputOptions","guide","getSourceInfo","state","options","value","stateInfo","isInconsistent","a","b","getAllInputsOptions","inputState","inputGuide","res","name","getFreeOptions","basketsIds","optionsSet","getFreeMetaOptions","getFreeMandatoryOptions","hasInputError","getErrorForPlDropdown","axisIsNonHomogenous","annotations","axisNature","AXIS_NATURE_KEY","getChipInfo","labelsInfo","sourceIds","availableBasketsIds","option","stateConsistency","axisId","axisInfo"],"mappings":"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"}

package/dist/GraphMaker/forms/LayersForm/AesSelector.vue.d.ts

@@ -1,6 +1,5 @@
-import { AesType, MappingLink } from '../../constantsCommon.ts';
-
-declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+import { AesType, MappingLink } from '../../constantsCommon';
+type __VLS_Props = {
     label: string;
     type: AesType;
     selected: string | MappingLink;
@@ -9,29 +8,13 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     possibleAesSourceInputs?: string[];
     withoutFixed?: boolean;
     disabled?: boolean;
-}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     "aes-update": (...args: any[]) => void;
     "aes-selector-close": (...args: any[]) => void;
-}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
-    label: string;
-    type: AesType;
-    selected: string | MappingLink;
-    formTitle: string;
-    formBackTitle: string;
-    possibleAesSourceInputs?: string[];
-    withoutFixed?: boolean;
-    disabled?: boolean;
-}>>> & Readonly<{
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
     "onAes-update"?: ((...args: any[]) => any) | undefined;
     "onAes-selector-close"?: ((...args: any[]) => any) | undefined;
-}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 export default _default;
-type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
-type __VLS_TypePropsToRuntimeProps<T> = {
-    [K in keyof T]-?: {} extends Pick<T, K> ? {
-        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
-    } : {
-        type: import('vue').PropType<T[K]>;
-        required: true;
-    };
-};
+//# sourceMappingURL=AesSelector.vue.d.ts.map

package/dist/GraphMaker/forms/LayersForm/AesSelector.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AesSelector.vue.d.ts","sourceRoot":"","sources":["../../../../src/GraphMaker/forms/LayersForm/AesSelector.vue"],"names":[],"mappings":"AA4XA,OAAO,EAAE,OAAO,EAAe,WAAW,EAAE,MAAM,uBAAuB,CAAC;AAU1E,KAAK,WAAW,GAAG;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,OAAO,CAAC;IACd,QAAQ,EAAE,MAAM,GAAG,WAAW,CAAC;IAC/B,SAAS,EAAE,MAAM,CAAC;IAClB,aAAa,EAAE,MAAM,CAAC;IACtB,uBAAuB,CAAC,EAAE,MAAM,EAAE,CAAC;IACnC,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;;;;;;;;AAmgBF,wBAOG"}

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

@@ -0,0 +1,256 @@
+import { defineComponent as Q, computed as c, ref as b, watch as Z, createElementBlock as _, openBlock as y, Fragment as q, createElementVNode as O, createBlock as g, createCommentVNode as S, createVNode as R, withModifiers as ee, unref as te, withCtx as h, normalizeClass as le } from "vue";
+import { PlDropdown as ae } from "@platforma-sdk/ui-vue";
+import { createDefaultMapping as oe, createContinuousMappingFromPalette as ue } from "../../dataBindAes.js";
+import { FIXED_COLORS as A, DEFAULT_LINE_TYPE as ie, DEFAULT_DOT_SHAPE as ne, FIXED_LINE_TYPES as se, FIXES_DOT_SHAPES as re, DEFAULT_CONTINUOUS_PALETTE as pe } from "../../constantsAesthetic.js";
+import de from "../../components/AesButton.vue.js";
+import { useStore as ve } from "../../store.js";
+import { isMappedAes as x } from "../../constantsCommon.js";
+import fe from "../../components/Popup.vue.js";
+import me from "../../components/AesSettings/FixedColorsList.vue.js";
+import ce from "../../components/AesSettings/FixedDotShapeList.vue.js";
+import ye from "../../components/AesSettings/FixedLineTypeList.vue.js";
+import ge from "../../components/AesSettings/FormWrapper.vue.js";
+import Se from "../../components/AesSettings/AesDataMappingDiscrete.vue.js";
+import Te from "../../components/AesSettings/AesDataMappingContinuous.vue.js";
+const Ee = { class: "aes-input-row" }, Ne = /* @__PURE__ */ Q({
+  __name: "AesSelector",
+  props: {
+    label: {},
+    type: {},
+    selected: {},
+    formTitle: {},
+    formBackTitle: {},
+    possibleAesSourceInputs: {},
+    withoutFixed: { type: Boolean },
+    disabled: { type: Boolean }
+  },
+  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 = {
+      discrete: ["primaryGrouping", "secondaryGrouping"],
+      scatterplot: ["grouping"],
+      "scatterplot-umap": ["grouping"],
+      dendro: [],
+      heatmap: [],
+      histogram: ["grouping"],
+      bubble: []
+    }, H = i.possibleAesSourceInputs ?? W[n.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;
+    }
+    const s = b(
+      x(i.selected) ? V(i.selected) : "fix"
+    ), z = {
+      fill: A[0].color,
+      stroke: A[0].color,
+      dotShape: ne,
+      lineType: ie,
+      size: ""
+      // temporary
+    }, X = c(() => f.value.inputGuide.value), K = c(() => f.value.uniqueValuesData.value), U = /* @__PURE__ */ new Set([
+      "scatterplot",
+      "scatterplot-umap",
+      "heatmap"
+    ]), r = c(() => {
+      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)) {
+          const C = f.value.reactive.dataBindAes[l] ?? oe(E);
+          t[$] = {
+            type: "dataCategorical",
+            value: $,
+            initialData: C,
+            inputName: a,
+            selectedSource: l,
+            selectedSourceInfo: o,
+            selectedSourceValues: E,
+            labels: C.order.reduce(
+              (B, k) => (B[k] = v[k] ?? String(k), B),
+              {}
+            )
+          };
+        } else {
+          const C = f.value.reactive.dataBindAes[l] ?? ue(pe);
+          t[$] = {
+            type: "dataContinuous",
+            value: $,
+            initialData: C,
+            inputName: a,
+            selectedSource: l,
+            selectedSourceInfo: o,
+            selectedSourceValues: E
+          };
+        }
+      }
+      return H.forEach((a) => {
+        var l;
+        (l = e == null ? void 0 : e[a]) != null && l.selectorStates.length && e[a].selectorStates.forEach(({ selectedSource: o }) => {
+          p(a, o);
+        });
+      }), i.withoutFixed || (t.fix = {
+        type: "fix",
+        value: "fix",
+        initialData: x(i.selected) ? z[i.type] : i.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) ?? "";
+    }
+    const G = c(() => {
+      const t = [], e = f.value.reactive.optionsState.components;
+      function p(a, l) {
+        const o = V({
+          type: a === "shape" ? "grouping" : a,
+          value: l
+        });
+        r.value[o] && t.push({
+          text: j(r.value[o], s.value),
+          value: o
+        });
+      }
+      if (H.forEach((a) => {
+        var l;
+        (l = e == null ? void 0 : e[a]) != null && l.selectorStates.length && e[a].selectorStates.forEach(({ selectedSource: o }) => {
+          p(a, o);
+        });
+      }), !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 });
+      }
+      return i.withoutFixed || t.push({ text: "Fixed", value: "fix" }), t;
+    }), T = b(!1), m = b(
+      r.value.fix ? r.value.fix.initialData : null
+    ), F = b(
+      ((N = u.value) == null ? void 0 : N.type) === "dataCategorical" ? u.value.initialData : null
+    ), I = b(
+      ((P = u.value) == null ? void 0 : P.type) === "dataContinuous" ? u.value.initialData : null
+    );
+    Z(
+      () => s.value,
+      (t) => {
+        const e = r.value[t];
+        e.type === "fix" ? D("aes-update", m.value, e) : e.type === "dataCategorical" ? (F.value = e.initialData, D("aes-update", e.initialData, e)) : e.type === "dataContinuous" && (I.value = e.initialData, D("aes-update", e.initialData, e));
+      }
+    );
+    const w = b(), J = c(() => {
+      if (i.type === "lineType")
+        return se.length * 32 + 16 * 2;
+      if (i.type === "dotShape")
+        return Math.ceil(re.length / 6) * 36 + 20 * 2;
+      if (i.type === "fill" || i.type === "stroke")
+        return Math.ceil(A.length / 6) * 36 + 20 * 2;
+    });
+    return (t, e) => {
+      var p, a;
+      return y(), _(q, null, [
+        O("div", Ee, [
+          O("div", {
+            class: "aes-input-select",
+            onClick: e[1] || (e[1] = ee(() => {
+            }, ["stop"]))
+          }, [
+            R(te(ae), {
+              disabled: t.disabled || G.value.length < 2,
+              label: t.label,
+              options: G.value,
+              modelValue: s.value,
+              "onUpdate:modelValue": e[0] || (e[0] = (l) => s.value = l)
+            }, null, 8, ["disabled", "label", "options", "modelValue"])
+          ]),
+          R(de, {
+            data: {
+              type: s.value === "fix" ? t.type : "data",
+              value: s.value === "fix" ? t.type === "size" ? Number(t.selected) : t.selected : null
+            },
+            onClick: e[2] || (e[2] = (l) => T.value = !T.value),
+            onRef: e[3] || (e[3] = (l) => w.value = l)
+          }, null, 8, ["data"]),
+          s.value === "fix" && T.value && m.value ? (y(), g(fe, {
+            key: 0,
+            height: J.value,
+            targetRef: w.value,
+            "onPopup:close": e[10] || (e[10] = (l) => T.value = !1)
+          }, {
+            default: h(() => [
+              O("div", {
+                class: le(["fixed-aes-list", { "fixed-aes-list__rows": t.type === "lineType" }])
+              }, [
+                t.type === "fill" || t.type === "stroke" ? (y(), g(me, {
+                  key: 0,
+                  "color-using": t.type,
+                  modelValue: m.value,
+                  "onUpdate:modelValue": [
+                    e[4] || (e[4] = (l) => m.value = l),
+                    e[5] || (e[5] = (l) => t.$emit("aes-update", l, r.value.fix))
+                  ]
+                }, null, 8, ["color-using", "modelValue"])) : S("", !0),
+                t.type === "dotShape" ? (y(), g(ce, {
+                  key: 1,
+                  modelValue: m.value,
+                  "onUpdate:modelValue": [
+                    e[6] || (e[6] = (l) => m.value = l),
+                    e[7] || (e[7] = (l) => t.$emit("aes-update", l, r.value.fix))
+                  ]
+                }, null, 8, ["modelValue"])) : S("", !0),
+                t.type === "lineType" ? (y(), g(ye, {
+                  key: 2,
+                  modelValue: m.value,
+                  "onUpdate:modelValue": [
+                    e[8] || (e[8] = (l) => m.value = l),
+                    e[9] || (e[9] = (l) => t.$emit("aes-update", l, r.value.fix))
+                  ]
+                }, null, 8, ["modelValue"])) : S("", !0)
+              ], 2)
+            ]),
+            _: 1
+          }, 8, ["height", "targetRef"])) : S("", !0)
+        ]),
+        (((p = u.value) == null ? void 0 : p.type) === "dataCategorical" && F.value || ((a = u.value) == null ? void 0 : a.type) === "dataContinuous" && I.value) && T.value ? (y(), g(ge, {
+          key: 0,
+          title: t.formTitle,
+          "back-title": t.formBackTitle,
+          "onForm:close": e[15] || (e[15] = (l) => T.value = !1)
+        }, {
+          default: h(() => {
+            var l, o, d, E;
+            return [
+              ((l = u.value) == null ? void 0 : l.type) === "dataCategorical" && F.value ? (y(), g(Se, {
+                key: 0,
+                "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",
+                modelValue: F.value,
+                "onUpdate:modelValue": [
+                  e[11] || (e[11] = (v) => F.value = v),
+                  e[12] || (e[12] = (v) => t.$emit("aes-update", v, u.value))
+                ]
+              }, null, 8, ["column-value-labels", "data-column-label", "used-aes-in-mapping", "allow-reordering", "modelValue"])) : S("", !0),
+              ((d = u.value) == null ? void 0 : d.type) === "dataContinuous" && I.value ? (y(), g(Te, {
+                key: 1,
+                "data-column-label": ((E = u.value.selectedSourceInfo) == null ? void 0 : E.label) ?? "",
+                modelValue: I.value,
+                "onUpdate:modelValue": [
+                  e[13] || (e[13] = (v) => I.value = v),
+                  e[14] || (e[14] = (v) => t.$emit("aes-update", v, u.value))
+                ]
+              }, null, 8, ["data-column-label", "modelValue"])) : S("", !0)
+            ];
+          }),
+          _: 1
+        }, 8, ["title", "back-title"])) : S("", !0)
+      ], 64);
+    };
+  }
+});
+export {
+  Ne as default
+};
+//# sourceMappingURL=AesSelector.vue.js.map