@milaboratories/graph-maker 1.2.5 → 1.2.6

package/dist/forms/DataMappingForm/utils.js

@@ -1,142 +1,113 @@
-import { computed as p } from "vue";
-function F(e, t, o, n, r) {
-  return p({
-    get() {
-      return e.value.components[t].selectorStates.map((s) => s.selectedSource);
-    },
-    set(s) {
-      if (!n)
-        return;
-      const c = s.map((l) => {
-        const u = e.value.components[t].selectorStates.find((a) => a.selectedSource === l);
-        if (u)
-          return u;
-        {
-          const a = r.value.getSourceInfo(l);
-          return a.isSubsetFilter ? { selectedSource: l, type: "subset" } : a.isDiscreteFilter ? {
-            selectedSource: l,
-            type: "equals",
-            selectedFilterValue: void 0
-          } : {
-            selectedSource: l,
-            type: "range",
-            selectedFilterRange: { min: void 0, max: void 0 }
-          };
-        }
-      });
-      e.value = o.changeSelected(t, n, e.value, c);
-    }
-  });
+import { computed as e } from "vue";
+/** Bidirectionally extracts selectedSource from the filter state,
+* and preserve selectedFilterValue in unmodified items on write. */
+function t(t, n, r, i, a) {
+	return e({
+		get() {
+			return t.value.components[n].selectorStates.map((e) => e.selectedSource);
+		},
+		set(e) {
+			if (!i) return;
+			let o = e.map((e) => {
+				let r = t.value.components[n].selectorStates.find((t) => t.selectedSource === e);
+				if (r) return r;
+				{
+					let t = a.value.getSourceInfo(e);
+					return t.isSubsetFilter ? {
+						selectedSource: e,
+						type: "subset"
+					} : t.isDiscreteFilter ? {
+						selectedSource: e,
+						type: "equals",
+						selectedFilterValue: void 0
+					} : {
+						selectedSource: e,
+						type: "range",
+						selectedFilterRange: {
+							min: void 0,
+							max: void 0
+						}
+					};
+				}
+			});
+			t.value = r.changeSelected(n, i, t.value, o);
+		}
+	});
 }
-function y(e, t, o, n) {
-  return p({
-    get() {
-      return e.value.components[t].selectorStates.map((r) => r.selectedSource);
-    },
-    set(r) {
-      if (!n)
-        return;
-      const s = r.map((c) => {
-        const l = e.value.components[t].selectorStates.find((u) => u.selectedSource === c);
-        return l || { selectedSource: c };
-      });
-      e.value = o.changeSelected(t, n, e.value, s);
-    }
-  });
+function n(t, n, r, i) {
+	return e({
+		get() {
+			return t.value.components[n].selectorStates.map((e) => e.selectedSource);
+		},
+		set(e) {
+			if (!i) return;
+			let a = e.map((e) => t.value.components[n].selectorStates.find((t) => t.selectedSource === e) || { selectedSource: e });
+			t.value = r.changeSelected(n, i, t.value, a);
+		}
+	});
 }
-function I(e, t, o, n) {
-  return p({
-    get() {
-      var r;
-      return ((r = e.value.components[t].selectorStates.map((s) => s.selectedSource)) == null ? void 0 : r[0]) ?? void 0;
-    },
-    set(r) {
-      n && (e.value = o.changeSelected(t, n, e.value, typeof r > "u" ? [] : [{ selectedSource: r }]));
-    }
-  });
+function r(t, n, r, i) {
+	return e({
+		get() {
+			return t.value.components[n].selectorStates.map((e) => e.selectedSource)?.[0] ?? void 0;
+		},
+		set(e) {
+			i && (t.value = r.changeSelected(n, i, t.value, e === void 0 ? [] : [{ selectedSource: e }]));
+		}
+	});
 }
-function d(e, t) {
-  return e.options.map((n) => ({
-    text: t(n.value).label,
-    value: e.stateConsistency[n.value] === !1 ? "Inconsistent value" : n.value
-  })).sort((n, r) => n.text > r.text ? 1 : -1);
+function i(e, t) {
+	return e.options.map((n) => ({
+		text: t(n.value).label,
+		value: e.stateConsistency[n.value] === !1 ? "Inconsistent value" : n.value
+	})).sort((e, t) => e.text > t.text ? 1 : -1);
 }
-function h(e, t) {
-  return Object.keys(e.components).reduce(
-    (o, n) => (o[n] = d(
-      t.value.components[n],
-      t.value.getSourceInfo
-    ), o),
-    {}
-  );
+function a(e, t) {
+	return Object.keys(e.components).reduce((e, n) => (e[n] = i(t.value.components[n], t.value.getSourceInfo), e), {});
 }
-function m(e, t) {
-  if (!e.value.readyData)
-    return [];
-  const o = /* @__PURE__ */ new Set();
-  return t.forEach(
-    (n) => {
-      e.value.components[n].options.forEach(({ value: s }) => {
-        o.add(s);
-      });
-    }
-  ), [...o].map((n) => ({
-    id: n,
-    info: e.value.getSourceInfo(n)
-  })).sort((n, r) => {
-    const s = n.info.hasHangingAxes, c = r.info.hasHangingAxes;
-    return s && c || !s && !c ? n.info.label.localeCompare(r.info.label) : s ? 1 : -1;
-  });
+function o(e, t) {
+	if (!e.value.readyData) return [];
+	let n = /* @__PURE__ */ new Set();
+	return t.forEach((t) => {
+		e.value.components[t].options.forEach(({ value: e }) => {
+			n.add(e);
+		});
+	}), [...n].map((t) => ({
+		id: t,
+		info: e.value.getSourceInfo(t)
+	})).sort((e, t) => {
+		let n = e.info.hasHangingAxes, r = t.info.hasHangingAxes;
+		return n && r || !n && !r ? e.info.label.localeCompare(t.info.label) : n ? 1 : -1;
+	});
 }
-function k(e, t) {
-  return m(e, t).filter(
-    ({ info: o }) => o.kind !== "axis" || !o.mustBeConsumed
-  );
+function s(e, t) {
+	return o(e, t).filter(({ info: e }) => e.kind !== "axis" || !e.mustBeConsumed);
 }
-function H(e, t) {
-  return m(e, t).filter(
-    ({ info: o }) => o.kind === "axis" && o.mustBeConsumed
-  );
+function c(e, t) {
+	return o(e, t).filter(({ info: e }) => e.kind === "axis" && e.mustBeConsumed);
 }
-function b(e, t) {
-  return Object.values(t.components[e].stateConsistency).some((o) => !o);
+function l(e, t) {
+	return Object.values(t.components[e].stateConsistency).some((e) => !e);
 }
-function O(e, t) {
-  return b(e, t) ? " " : "";
+function u(e, t) {
+	return l(e, t) ? " " : "";
 }
-function A(e, t, o, n) {
-  return n.reduce((r, s) => {
-    var f, g;
-    const c = e.getSourceInfo(s), u = [
-      ...Object.keys(e.components).filter(
-        (i) => e.components[i].options.find(
-          (v) => v.value === s && !t[i].selectorStates.some((S) => S.selectedSource === s)
-        )
-      )
-    ], a = Object.values(e.components).some(({ stateConsistency: i }) => i[s] === !1);
-    return r[s] = {
-      id: s,
-      title: a ? "Inconsistent value" : c.label,
-      type: c.type,
-      nonHomogenous: c.kind === "axis" && c.isNonHomogenous,
-      isSubsetFilter: c.isSubsetFilter,
-      isDiscreteFilter: c.isDiscreteFilter,
-      availableBasketIds: new Set(u),
-      uniqueValues: ((f = o[s]) != null && f.overflow ? [] : ((g = o[s]) == null ? void 0 : g.options) ?? []).map((i) => i.label),
-      hasHangingAxes: c.kind === "column" ? c.hasHangingAxes : !1
-    }, r;
-  }, {});
+function d(e, t, n, r) {
+	return r.reduce((r, i) => {
+		let a = e.getSourceInfo(i), o = [...Object.keys(e.components).filter((n) => e.components[n].options.find((e) => e.value === i && !t[n].selectorStates.some((e) => e.selectedSource === i)))];
+		return r[i] = {
+			id: i,
+			title: Object.values(e.components).some(({ stateConsistency: e }) => e[i] === !1) ? "Inconsistent value" : a.label,
+			type: a.type,
+			nonHomogenous: a.kind === "axis" && a.isNonHomogenous,
+			isSubsetFilter: a.isSubsetFilter,
+			isDiscreteFilter: a.isDiscreteFilter,
+			availableBasketIds: new Set(o),
+			uniqueValues: (n[i]?.overflow ? [] : n[i]?.options ?? []).map((e) => e.label),
+			hasHangingAxes: a.kind === "column" ? a.hasHangingAxes : !1
+		}, r;
+	}, {});
 }
-export {
-  h as getAllInputsOptions,
-  A as getChipInfo,
-  O as getErrorForPlDropdown,
-  H as getFreeMandatoryOptions,
-  k as getFreeMetaOptions,
-  m as getFreeOptions,
-  b as hasInputError,
-  F as toFiltersMulti,
-  y as toSimpleMulti,
-  I as toSimpleSingle
-};
-//# sourceMappingURL=utils.js.map
+export { a as getAllInputsOptions, d as getChipInfo, u as getErrorForPlDropdown, c as getFreeMandatoryOptions, s as getFreeMetaOptions, o as getFreeOptions, l as hasInputError, t as toFiltersMulti, n as toSimpleMulti, r as toSimpleSingle };
+
+//# sourceMappingURL=utils.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sources":["../../../src/forms/DataMappingForm/utils.ts"],"sourcesContent":["import type {\n  AxisData,\n  ColumnData,\n  ComponentGuideFilter,\n  ComponentGuideSimple,\n  Controller,\n  DemoDataStore,\n  InputGuide,\n  InputState,\n} from '@milaboratories/pf-plots';\nimport type { Ref } from 'vue';\nimport { computed } from 'vue';\nimport type { ChipInfo } from '../../components/DragAndDrop/types';\nimport type { 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          return info.isSubsetFilter\n            ? { selectedSource: s, type: 'subset' }\n            : info.isDiscreteFilter\n              ? {\n                  selectedSource: s,\n                  type: 'equals',\n                  selectedFilterValue: undefined,\n                }\n              : {\n                  selectedSource: s,\n                  type: 'range',\n                  selectedFilterRange: { min: undefined, max: undefined },\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): 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          return { selectedSource: s };\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): Option[] {\n  const options = guide.options.map((v) => ({\n    text: getSourceInfo(v.value).label,\n    value: guide.stateConsistency[v.value] === false ? 'Inconsistent value' : v.value,\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      );\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) => {\n    const aHasHangingAxes = (a.info as ColumnData).hasHangingAxes;\n    const bHasHangingAxes = (b.info as ColumnData).hasHangingAxes;\n    if ((aHasHangingAxes && bHasHangingAxes) || (!aHasHangingAxes && !bHasHangingAxes)) {\n      return a.info.label.localeCompare(b.info.label);\n    }\n    return aHasHangingAxes ? 1 : -1;\n  });\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\nexport function getChipInfo(\n  inputGuide: InputGuide<InputState>,\n  optionsState: InputState['components'],\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            && !optionsState[name].selectorStates.some((s) => s.selectedSource === 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' && info.isNonHomogenous,\n      isSubsetFilter: info.isSubsetFilter,\n      isDiscreteFilter: info.isDiscreteFilter,\n      availableBasketIds: new Set(availableBasketsIds),\n      uniqueValues: (labelsInfo[id]?.overflow ? [] : (labelsInfo[id]?.options ?? [])).map((v) => v.label),\n      hasHangingAxes: info.kind === 'column' ? info.hasHangingAxes : false,\n    };\n    return res;\n  }, {});\n}\n"],"names":["toFiltersMulti","refToState","inputName","controller","store","refToInputGuide","computed","v","nextSelected","nextSelectorStates","s","el","info","toSimpleMulti","toSimpleSingle","_a","newValue","getInputOptions","guide","getSourceInfo","a","b","getAllInputsOptions","inputState","inputGuide","res","name","getFreeOptions","basketsIds","optionsSet","id","value","aHasHangingAxes","bHasHangingAxes","getFreeMetaOptions","getFreeMandatoryOptions","hasInputError","getErrorForPlDropdown","getChipInfo","optionsState","labelsInfo","sourceIds","availableBasketsIds","option","isInconsistent","stateConsistency","_b"],"mappings":"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"}
+{"version":3,"file":"utils.js","names":[],"sources":["../../../src/forms/DataMappingForm/utils.ts"],"sourcesContent":["import type {\n  AxisData,\n  ColumnData,\n  ComponentGuideFilter,\n  ComponentGuideSimple,\n  Controller,\n  DemoDataStore,\n  InputGuide,\n  InputState,\n} from '@milaboratories/pf-plots';\nimport type { Ref } from 'vue';\nimport { computed } from 'vue';\nimport type { ChipInfo } from '../../components/DragAndDrop/types';\nimport type { 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          return info.isSubsetFilter\n            ? { selectedSource: s, type: 'subset' }\n            : info.isDiscreteFilter\n              ? {\n                  selectedSource: s,\n                  type: 'equals',\n                  selectedFilterValue: undefined,\n                }\n              : {\n                  selectedSource: s,\n                  type: 'range',\n                  selectedFilterRange: { min: undefined, max: undefined },\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): 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          return { selectedSource: s };\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): Option[] {\n  const options = guide.options.map((v) => ({\n    text: getSourceInfo(v.value).label,\n    value: guide.stateConsistency[v.value] === false ? 'Inconsistent value' : v.value,\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      );\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) => {\n    const aHasHangingAxes = (a.info as ColumnData).hasHangingAxes;\n    const bHasHangingAxes = (b.info as ColumnData).hasHangingAxes;\n    if ((aHasHangingAxes && bHasHangingAxes) || (!aHasHangingAxes && !bHasHangingAxes)) {\n      return a.info.label.localeCompare(b.info.label);\n    }\n    return aHasHangingAxes ? 1 : -1;\n  });\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\nexport function getChipInfo(\n  inputGuide: InputGuide<InputState>,\n  optionsState: InputState['components'],\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            && !optionsState[name].selectorStates.some((s) => s.selectedSource === 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' && info.isNonHomogenous,\n      isSubsetFilter: info.isSubsetFilter,\n      isDiscreteFilter: info.isDiscreteFilter,\n      availableBasketIds: new Set(availableBasketsIds),\n      uniqueValues: (labelsInfo[id]?.overflow ? [] : (labelsInfo[id]?.options ?? [])).map((v) => v.label),\n      hasHangingAxes: info.kind === 'column' ? info.hasHangingAxes : false,\n    };\n    return res;\n  }, {});\n}\n"],"mappings":"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"}

package/dist/forms/LayersForm/AesSelector.js

@@ -0,0 +1,5 @@
+import e from "./AesSelector.vue2.js";
+var t = e;
+export { t as default };
+
+//# sourceMappingURL=AesSelector.js.map

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

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

package/dist/forms/LayersForm/AesSelector.vue2.js

@@ -1,5 +1,214 @@
-import f from "./AesSelector.vue.js";
-export {
-  f as default
-};
-//# sourceMappingURL=AesSelector.vue2.js.map
+import { DEFAULT_LINE_TYPE as e, FIXED_COLORS as t, FIXED_LINE_TYPES as n, FIXES_DOT_SHAPES as r } from "../../constantsAesthetic.js";
+import { createContinuousMappingFromPalette as i, createDefaultMapping as a } from "../../dataBindAes.js";
+import { isMappedAes as o } from "../../constantsCommon.js";
+import s from "../../components/AesButton.js";
+import c from "../../components/AesSettings/FormWrapper.js";
+import l from "../../components/Popup.js";
+import u from "../../components/AesSettings/FixedLineTypeList.js";
+import d from "../../components/AesSettings/FixedDotShapeList.js";
+import f from "../../components/AesSettings/FixedColorsList.js";
+import p from "../../components/AesSettings/AesDataMappingDiscrete.js";
+import m from "../../components/AesSettings/AesDataMappingContinuous.js";
+import { useStore as ee } from "../../store.js";
+import { Fragment as h, computed as g, createBlock as _, createCommentVNode as v, createElementBlock as y, createElementVNode as b, createVNode as x, defineComponent as S, normalizeClass as C, openBlock as w, ref as T, unref as E, watch as D, withCtx as O, withModifiers as k } from "vue";
+import { PlDropdown as A } from "@platforma-sdk/ui-vue";
+var j = { class: "aes-input-row" }, M = /* @__PURE__ */ S({
+	__name: "AesSelector",
+	props: {
+		label: {},
+		type: {},
+		selected: {},
+		formTitle: {},
+		formBackTitle: {},
+		possibleAesSourceInputs: {},
+		withoutFixed: { type: Boolean },
+		disabled: { type: Boolean }
+	},
+	emits: ["aes-update", "aes-selector-close"],
+	setup(S, { emit: M }) {
+		let N = S, P = ee(), F = g(() => P.value.reactive.chartType), I = M, L = N.possibleAesSourceInputs ?? {
+			discrete: ["primaryGrouping", "secondaryGrouping"],
+			scatterplot: ["grouping"],
+			"scatterplot-umap": ["grouping"],
+			dendro: [],
+			heatmap: [],
+			histogram: ["grouping"],
+			bubble: []
+		}[F.value], R = g(() => P.value.commonHelpersData.usedAesInMapping.value);
+		function z(e) {
+			return typeof e == "string" ? e : F.value === "scatterplot" ? `grouping_${e.value}` : F.value === "dendro" ? `${e.type}_${e.value}` : e.type;
+		}
+		let B = T(o(N.selected) ? z(N.selected) : "fix"), V = {
+			fill: t[0].color,
+			stroke: t[0].color,
+			dotShape: "21",
+			lineType: e,
+			size: ""
+		}, H = g(() => P.value.inputGuide.value), U = g(() => P.value.uniqueValuesData.value), W = new Set([
+			"scatterplot",
+			"scatterplot-umap",
+			"heatmap"
+		]), G = g(() => {
+			let e = {}, t = P.value.reactive.optionsState.components;
+			function n(t, n) {
+				let r = H.value.getSourceInfo(n), o = U.value[n], s = o?.overflow ? [] : o?.list ?? [], c = o?.overflow ? {} : o?.labels ?? {}, l = z({
+					type: t,
+					value: n
+				});
+				if (W.has(F.value) && r.type === "String" || !W.has(F.value)) {
+					let i = P.value.reactive.dataBindAes[n] ?? a(s, P.value.defaultPalette.categorical);
+					e[l] = {
+						type: "dataCategorical",
+						value: l,
+						initialData: i,
+						inputName: t,
+						selectedSource: n,
+						selectedSourceInfo: r,
+						selectedSourceValues: s,
+						labels: i.order.reduce((e, t) => (e[t] = c[t] ?? String(t), t === "null" && (e[t] = P.value.reactive.axesSettings.other.nullValueLabel), e), {})
+					};
+				} else e[l] = {
+					type: "dataContinuous",
+					value: l,
+					initialData: P.value.reactive.dataBindAes[n] ?? i(P.value.defaultPalette.continuous),
+					inputName: t,
+					selectedSource: n,
+					selectedSourceInfo: r,
+					selectedSourceValues: s
+				};
+			}
+			return L.forEach((e) => {
+				t?.[e]?.selectorStates.length && t[e].selectorStates.forEach(({ selectedSource: t }) => {
+					n(e, t);
+				});
+			}), N.withoutFixed || (e.fix = {
+				type: "fix",
+				value: "fix",
+				initialData: o(N.selected) ? V[N.type] : N.selected
+			}), e;
+		}), K = g(() => G.value[B.value] ?? null);
+		function q(e, t) {
+			return e.type === "fix" ? "Fixed" : t === e.value ? `${e.selectedSourceInfo?.label}` : F.value === "discrete" ? `${e.value === "primaryGrouping" ? "Primary" : "Secondary"} grouping: ${e.selectedSourceInfo?.label}` : F.value === "scatterplot" || F.value === "dendro" ? `Grouping: ${e.selectedSourceInfo?.label}` : e.selectedSourceInfo?.label ?? "";
+		}
+		let J = g(() => {
+			let e = [], t = P.value.reactive.optionsState.components;
+			function n(t, n) {
+				let r = z({
+					type: t === "shape" ? "grouping" : t,
+					value: n
+				});
+				G.value[r] && e.push({
+					text: q(G.value[r], B.value),
+					value: r
+				});
+			}
+			if (L.forEach((e) => {
+				t?.[e]?.selectorStates.length && t[e].selectorStates.forEach(({ selectedSource: t }) => {
+					n(e, t);
+				});
+			}), !G.value[B.value]) {
+				let t = "Not consistent (grouping)";
+				F.value === "discrete" && (t = `${B.value === "primaryGrouping" ? "Primary" : "Secondary"} grouping (not selected)`), e.push({
+					text: t,
+					value: B.value
+				});
+			}
+			return N.withoutFixed || e.push({
+				text: "Fixed",
+				value: "fix"
+			}), e;
+		}), Y = T(!1), X = T(G.value.fix ? G.value.fix.initialData : null), Z = T(K.value?.type === "dataCategorical" ? K.value.initialData : null), Q = T(K.value?.type === "dataContinuous" ? K.value.initialData : null);
+		D(() => B.value, (e) => {
+			let t = G.value[e];
+			t?.type === "fix" ? I("aes-update", X.value, t) : t?.type === "dataCategorical" ? (Z.value = t.initialData, I("aes-update", t.initialData, t)) : t?.type === "dataContinuous" && (Q.value = t.initialData, I("aes-update", t.initialData, t));
+		}), D(() => K.value?.type === "dataCategorical" ? K.value?.initialData : null, (e) => {
+			e && B.value !== "fix" && (!Z.value || Z.value.order.length === 0) && e.order.length > 0 && (Z.value = e);
+		}, { deep: !0 });
+		let $ = T(), te = g(() => N.type === "lineType" ? n.length * 32 + 32 : N.type === "dotShape" ? Math.ceil(r.length / 6) * 36 + 40 : N.type === "fill" || N.type === "stroke" ? Math.ceil(t.length / 6) * 36 + 40 : 0);
+		return (e, t) => (w(), y(h, null, [b("div", j, [
+			b("div", {
+				class: "aes-input-select",
+				onClick: t[1] ||= k(() => {}, ["stop"])
+			}, [x(E(A), {
+				modelValue: B.value,
+				"onUpdate:modelValue": t[0] ||= (e) => B.value = e,
+				disabled: S.disabled || J.value.length < 2,
+				label: S.label,
+				options: J.value
+			}, null, 8, [
+				"modelValue",
+				"disabled",
+				"label",
+				"options"
+			])]),
+			x(s, {
+				data: {
+					type: B.value === "fix" ? S.type : "data",
+					value: B.value === "fix" ? S.type === "size" ? Number(S.selected) : S.selected : null
+				},
+				onClick: t[2] ||= (e) => Y.value = !Y.value,
+				onRef: t[3] ||= (e) => $.value = e
+			}, null, 8, ["data"]),
+			B.value === "fix" && Y.value && X.value ? (w(), _(l, {
+				key: 0,
+				height: te.value,
+				targetRef: $.value,
+				"onPopup:close": t[10] ||= (e) => Y.value = !1
+			}, {
+				default: O(() => [b("div", { class: C(["fixed-aes-list", { "fixed-aes-list__rows": S.type === "lineType" }]) }, [
+					S.type === "fill" || S.type === "stroke" ? (w(), _(f, {
+						key: 0,
+						modelValue: X.value,
+						"onUpdate:modelValue": [t[4] ||= (e) => X.value = e, t[5] ||= (t) => e.$emit("aes-update", t, G.value.fix)],
+						"color-using": S.type
+					}, null, 8, ["modelValue", "color-using"])) : v("", !0),
+					S.type === "dotShape" ? (w(), _(d, {
+						key: 1,
+						modelValue: X.value,
+						"onUpdate:modelValue": [t[6] ||= (e) => X.value = e, t[7] ||= (t) => e.$emit("aes-update", t, G.value.fix)]
+					}, null, 8, ["modelValue"])) : v("", !0),
+					S.type === "lineType" ? (w(), _(u, {
+						key: 2,
+						modelValue: X.value,
+						"onUpdate:modelValue": [t[8] ||= (e) => X.value = e, t[9] ||= (t) => e.$emit("aes-update", t, G.value.fix)]
+					}, null, 8, ["modelValue"])) : v("", !0)
+				], 2)]),
+				_: 1
+			}, 8, ["height", "targetRef"])) : v("", !0)
+		]), (K.value?.type === "dataCategorical" && Z.value || K.value?.type === "dataContinuous" && Q.value) && Y.value ? (w(), _(c, {
+			key: 0,
+			title: S.formTitle,
+			"back-title": S.formBackTitle,
+			"onForm:close": t[15] ||= (e) => Y.value = !1
+		}, {
+			default: O(() => [K.value?.type === "dataCategorical" && Z.value ? (w(), _(p, {
+				key: 0,
+				modelValue: Z.value,
+				"onUpdate:modelValue": [t[11] ||= (e) => Z.value = e, t[12] ||= (t) => e.$emit("aes-update", t, K.value)],
+				"column-value-labels": K.value.labels,
+				"data-column-label": K.value.selectedSourceInfo?.label ?? "",
+				"used-aes-in-mapping": R.value[K.value.selectedSource],
+				"allow-hiding": F.value === "discrete" || F.value === "histogram",
+				"allow-reordering": F.value === "discrete" || F.value === "histogram" || F.value === "scatterplot" || F.value === "scatterplot-umap",
+				"allow-null-option": F.value === "discrete" && (B.value === "primaryGrouping" && E(P).reactive.axesSettings.axisX.allowNullPrimaryGroups || B.value === "secondaryGrouping" && E(P).reactive.axesSettings.axisX.allowNullSecondaryGroups) || F.value === "scatterplot" || F.value === "scatterplot-umap" || F.value === "histogram"
+			}, null, 8, [
+				"modelValue",
+				"column-value-labels",
+				"data-column-label",
+				"used-aes-in-mapping",
+				"allow-hiding",
+				"allow-reordering",
+				"allow-null-option"
+			])) : v("", !0), K.value?.type === "dataContinuous" && Q.value ? (w(), _(m, {
+				key: 1,
+				modelValue: Q.value,
+				"onUpdate:modelValue": [t[13] ||= (e) => Q.value = e, t[14] ||= (t) => e.$emit("aes-update", t, K.value)],
+				"data-column-label": K.value.selectedSourceInfo?.label ?? ""
+			}, null, 8, ["modelValue", "data-column-label"])) : v("", !0)]),
+			_: 1
+		}, 8, ["title", "back-title"])) : v("", !0)], 64));
+	}
+});
+export { M as default };
+
+//# sourceMappingURL=AesSelector.vue2.js.map

package/dist/forms/LayersForm/AesSelector.vue2.js.map

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

package/dist/forms/LayersForm/DotSizeSelector.js

@@ -0,0 +1,6 @@
+import e from "./DotSizeSelector.vue2.js";
+import './DotSizeSelector.style.css';/* empty css                                                */
+var t = e;
+export { t as default };
+
+//# sourceMappingURL=DotSizeSelector.js.map