npm - @milaboratories/graph-maker - Versions diffs - 1.1.177 → 1.1.179 - Mend

@milaboratories/graph-maker 1.1.177 → 1.1.179

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (210) hide show

package/dist/forms/DataMappingForm/utils.js CHANGED Viewed

@@ -1,19 +1,19 @@
 import { computed as p } from "vue";
-function I(e, t, o, n, r) {
+function F(e, t, o, n, s) {
   return p({
     get() {
-      return e.value.components[t].selectorStates.map((s) => s.selectedSource);
+      return e.value.components[t].selectorStates.map((r) => r.selectedSource);
     },
-    set(s) {
+    set(r) {
       if (!n)
         return;
-      const c = s.map((l) => {
-        const a = e.value.components[t].selectorStates.find((u) => u.selectedSource === l);
-        if (a)
-          return a;
+      const c = r.map((l) => {
+        const u = e.value.components[t].selectorStates.find((a) => a.selectedSource === l);
+        if (u)
+          return u;
         {
-          const u = r.value.getSourceInfo(l);
-          return u.isSubsetFilter ? { selectedSource: l, type: "subset" } : u.isDiscreteFilter ? {
+          const a = s.value.getSourceInfo(l);
+          return a.isSubsetFilter ? { selectedSource: l, type: "subset" } : a.isDiscreteFilter ? {
             selectedSource: l,
             type: "equals",
             selectedFilterValue: void 0
@@ -28,7 +28,7 @@ function I(e, t, o, n, r) {
     }
   });
 }
-function F(e, t, o, n, r) {
+function I(e, t, o, n) {
   return p({
     get() {
       return e.value.components[t].selectorStates.map((s) => s.selectedSource);
@@ -36,22 +36,22 @@ function F(e, t, o, n, r) {
     set(s) {
       if (!n)
         return;
-      const c = s.map((l) => {
-        const a = e.value.components[t].selectorStates.find((u) => u.selectedSource === l);
-        return a || { selectedSource: l };
+      const r = s.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, c);
+      e.value = o.changeSelected(t, n, e.value, r);
     }
   });
 }
 function y(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;
+      var s;
+      return ((s = e.value.components[t].selectorStates.map((r) => r.selectedSource)) == null ? void 0 : s[0]) ?? void 0;
     },
-    set(r) {
-      n && (e.value = o.changeSelected(t, n, e.value, typeof r > "u" ? [] : [{ selectedSource: r }]));
+    set(s) {
+      n && (e.value = o.changeSelected(t, n, e.value, typeof s > "u" ? [] : [{ selectedSource: s }]));
     }
   });
 }
@@ -59,7 +59,7 @@ 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);
+  })).sort((n, s) => n.text > s.text ? 1 : -1);
 }
 function x(e, t) {
   return Object.keys(e.components).reduce(
@@ -76,14 +76,14 @@ function f(e, t) {
   const o = /* @__PURE__ */ new Set();
   return t.forEach(
     (n) => {
-      e.value.components[n].options.forEach(({ value: s }) => {
-        o.add(s);
+      e.value.components[n].options.forEach(({ value: r }) => {
+        o.add(r);
       });
     }
   ), [...o].map((n) => ({
     id: n,
     info: e.value.getSourceInfo(n)
-  })).sort((n, r) => n.info.label.localeCompare(r.info.label));
+  })).sort((n, s) => n.info.label.localeCompare(s.info.label));
 }
 function k(e, t) {
   return f(e, t).filter(
@@ -102,25 +102,25 @@ function h(e, t) {
   return g(e, t) ? " " : "";
 }
 function C(e, t, o, n) {
-  return n.reduce((r, s) => {
+  return n.reduce((s, r) => {
     var m;
-    const c = e.getSourceInfo(s), a = [
+    const c = e.getSourceInfo(r), u = [
       ...Object.keys(e.components).filter(
         (i) => e.components[i].options.find(
-          (v) => v.value === s && !t[i].selectorStates.some((S) => S.selectedSource === s)
+          (v) => v.value === r && !t[i].selectorStates.some((S) => S.selectedSource === r)
         )
       )
-    ], u = Object.values(e.components).some(({ stateConsistency: i }) => i[s] === !1);
-    return r[s] = {
-      id: s,
-      title: u ? "Inconsistent value" : c.label,
+    ], a = Object.values(e.components).some(({ stateConsistency: i }) => i[r] === !1);
+    return s[r] = {
+      id: r,
+      title: a ? "Inconsistent value" : c.label,
       type: c.type,
       nonHomogenous: c.kind === "axis" && c.isNonHomogenous,
       isSubsetFilter: c.isSubsetFilter,
       isDiscreteFilter: c.isDiscreteFilter,
-      availableBasketIds: new Set(a),
-      uniqueValues: (((m = o[s]) == null ? void 0 : m.options) ?? []).map((i) => i.label)
-    }, r;
+      availableBasketIds: new Set(u),
+      uniqueValues: (((m = o[r]) == null ? void 0 : m.options) ?? []).map((i) => i.label)
+    }, s;
   }, {});
 }
 export {
@@ -131,8 +131,8 @@ export {
   k as getFreeMetaOptions,
   f as getFreeOptions,
   g as hasInputError,
-  I as toFiltersMulti,
-  F as toSimpleMulti,
+  F as toFiltersMulti,
+  I as toSimpleMulti,
   y as toSimpleSingle
 };
 //# sourceMappingURL=utils.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"utils.js","sources":["../../../src/forms/DataMappingForm/utils.ts"],"sourcesContent":["import {\n AxisData,\n ColumnData,\n ComponentGuideFilter,\n ComponentGuideSimple,\n Controller,\n DemoDataStore,\n InputGuide,\n InputState\n} from '@milaboratories/pf-plots';\nimport { computed, Ref } from 'vue';\nimport { ChipInfo } from '../../components/DragAndDrop/types';\nimport { ReactiveState, 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 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 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) => 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\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]?.options ?? []).map(v => v.label)\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","getFreeMetaOptions","getFreeMandatoryOptions","hasInputError","getErrorForPlDropdown","getChipInfo","optionsState","labelsInfo","sourceIds","availableBasketsIds","option","isInconsistent","stateConsistency"],"mappings":"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"}
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) => 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\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]?.options ?? []).map((v) => v.label),\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","getFreeMetaOptions","getFreeMandatoryOptions","hasInputError","getErrorForPlDropdown","getChipInfo","optionsState","labelsInfo","sourceIds","availableBasketsIds","option","isInconsistent","stateConsistency"],"mappings":";AAmBO,SAASA,EACdC,GACAC,GACAC,GACAC,GACAC,GACe;AACf,SAAOC,EAAS;AAAA,IACd,MAAM;AACJ,aAAOL,EAAW,MAAM,WAAWC,CAAS,EAAE,eAAe,IAAI,CAACK,MAAMA,EAAE,cAAc;AAAA,IAC1F;AAAA,IACA,IAAIC,GAAc;AAChB,UAAI,CAACJ;AACH;AAEF,YAAMK,IAAqBD,EAAa,IAAI,CAACE,MAAM;AACjD,cAAMC,IAAKV,EAAW,MAAM,WAAWC,CAAS,EAAE,eAAe,KAAK,CAACK,MAAMA,EAAE,mBAAmBG,CAAC;AACnG,YAAIC;AACF,iBAAOA;AACF;AACL,gBAAMC,IAAOP,EAAgB,MAAM,cAAcK,CAAC;AAClD,iBAAOE,EAAK,iBACR,EAAE,gBAAgBF,GAAG,MAAM,SAAA,IAC3BE,EAAK,mBACH;AAAA,YACE,gBAAgBF;AAAA,YAChB,MAAM;AAAA,YACN,qBAAqB;AAAA,UAAA,IAEvB;AAAA,YACE,gBAAgBA;AAAA,YAChB,MAAM;AAAA,YACN,qBAAqB,EAAE,KAAK,QAAW,KAAK,OAAA;AAAA,UAAU;AAAA,QAEhE;AAAA,MACF,CAAC;AACD,MAAAT,EAAW,QAAQE,EAAW,eAAeD,GAAWE,GAAOH,EAAW,OAAOQ,CAAkB;AAAA,IACrG;AAAA,EAAA,CACD;AACH;AAEO,SAASI,EACdZ,GACAC,GACAC,GACAC,GACe;AACf,SAAOE,EAAS;AAAA,IACd,MAAM;AACJ,aAAOL,EAAW,MAAM,WAAWC,CAAS,EAAE,eAAe,IAAI,CAACK,MAAMA,EAAE,cAAc;AAAA,IAC1F;AAAA,IACA,IAAIC,GAAwB;AAC1B,UAAI,CAACJ;AACH;AAEF,YAAMK,IAAqBD,EAAa,IAAI,CAACE,MAAM;AACjD,cAAMC,IAAKV,EAAW,MAAM,WAAWC,CAAS,EAAE,eAAe,KAAK,CAACK,MAAMA,EAAE,mBAAmBG,CAAC;AACnG,eAAIC,KAGK,EAAE,gBAAgBD,EAAA;AAAA,MAE7B,CAAC;AACD,MAAAT,EAAW,QAAQE,EAAW,eAAeD,GAAWE,GAAOH,EAAW,OAAOQ,CAAkB;AAAA,IACrG;AAAA,EAAA,CACD;AACH;AAEO,SAASK,EACdb,GACAC,GACAC,GACAC,GACyB;AACzB,SAAOE,EAAS;AAAA,IACd,MAAM;;AACJ,eAAOS,IAAAd,EAAW,MAAM,WAAWC,CAAS,EAAE,eAAe,IAAI,CAACK,MAAMA,EAAE,cAAc,MAAjF,gBAAAQ,EAAqF,OAAM;AAAA,IACpG;AAAA,IACA,IAAIC,GAA8B;AAChC,MAAKZ,MAGLH,EAAW,QAAQE,EAAW,eAAeD,GAAWE,GAAOH,EAAW,OAAO,OAAOe,IAAa,MAAc,CAAA,IAAK,CAAC,EAAE,gBAAgBA,EAAA,CAAU,CAAC;AAAA,IACxJ;AAAA,EAAA,CACD;AACH;AAMA,SAASC,EACPC,GACAC,GACU;AAKV,SAJgBD,EAAM,QAAQ,IAAI,CAACX,OAAO;AAAA,IACxC,MAAMY,EAAcZ,EAAE,KAAK,EAAE;AAAA,IAC7B,OAAOW,EAAM,iBAAiBX,EAAE,KAAK,MAAM,KAAQ,uBAAuBA,EAAE;AAAA,EAAA,EAC5E,EACa,KAAK,CAACa,GAAGC,MAAOD,EAAE,OAAOC,EAAE,OAAO,IAAI,EAAG;AAC1D;AAEO,SAASC,EACdC,GACAC,GACoB;AACpB,SAAO,OAAO,KAAKD,EAAW,UAAU,EAAE;AAAA,IACxC,CAACE,GAA+BC,OAC9BD,EAAIC,CAAI,IAAIT;AAAA,MACVO,EAAW,MAAM,WAAWE,CAAI;AAAA,MAChCF,EAAW,MAAM;AAAA,IAAA,GAEZC;AAAA,IAET,CAAA;AAAA,EAAC;AAEL;AAEO,SAASE,EACdH,GACAI,GACA;AACA,MAAI,CAACJ,EAAW,MAAM;AACpB,WAAO,CAAA;AAET,QAAMK,wBAAiB,IAAA;AACvB,SAAAD,EAAW;AAAA,IAAQ,CAACE,MAAO;AAEzB,MAD0DN,EAAW,MAAM,WAAWM,CAAE,EACnF,QAAQ,QAAQ,CAAC,EAAE,OAAAC,QAAY;AAClC,QAAAF,EAAW,IAAIE,CAAK;AAAA,MACtB,CAAC;AAAA,IACH;AAAA,EAAA,GAEO,CAAC,GAAGF,CAAU,EAAE,IAAI,CAACC,OAAQ;AAAA,IAClC,IAAAA;AAAA,IACA,MAAMN,EAAW,MAAM,cAAcM,CAAE;AAAA,EAAA,EACvC,EAAE,KAAK,CAACV,GAAGC,MAAMD,EAAE,KAAK,MAAM,cAAcC,EAAE,KAAK,KAAK,CAAC;AAC7D;AAEO,SAASW,EACdR,GACAI,GACA;AACA,SAAOD,EAAeH,GAAYI,CAAU,EAAE;AAAA,IAC5C,CAAC,EAAE,MAAAhB,EAAA,MAAWA,EAAK,SAAS,UAAU,CAACA,EAAK;AAAA,EAAA;AAEhD;AAEO,SAASqB,EACdT,GACAI,GACA;AACA,SAAOD,EAAeH,GAAYI,CAAU,EAAE;AAAA,IAAO,CAAC,EAAE,MAAAhB,EAAA,MACtDA,EAAK,SAAS,UAAUA,EAAK;AAAA,EAAA;AAEjC;AAEO,SAASsB,EACdR,GACAF,GACA;AACA,SAAO,OAAO,OAAOA,EAAW,WAAWE,CAAI,EAAE,gBAAgB,EAAE,KAAK,CAACnB,MAAM,CAACA,CAAC;AACnF;AAEO,SAAS4B,EACdT,GACAF,GACA;AACA,SAAOU,EAAcR,GAAMF,CAAU,IAAI,MAAM;AACjD;AAEO,SAASY,EACdZ,GACAa,GACAC,GACAC,GAC0B;AAC1B,SAAOA,EAAU,OAAO,CAACd,GAA+BK,MAAO;;AAC7D,UAAMlB,IAAOY,EAAW,cAAcM,CAAE,GAElCU,IAAsB;AAAA,MAC1B,GAFkB,OAAO,KAAKhB,EAAW,UAAU,EAEpC;AAAA,QAAO,CAACE,MACrBF,EAAW,WAAWE,CAAI,EAAE,QAAQ;AAAA,UAClC,CAACe,MAAWA,EAAO,UAAUX,KACxB,CAACO,EAAaX,CAAI,EAAE,eAAe,KAAK,CAAChB,MAAMA,EAAE,mBAAmBoB,CAAE;AAAA,QAAA;AAAA,MAC7E;AAAA,IACF,GAEIY,IAAiB,OAAO,OAAOlB,EAAW,UAAU,EAAE,KAAK,CAAC,EAAE,kBAAAmB,EAAA,MAAuBA,EAAiBb,CAAE,MAAM,EAAK;AACzH,WAAAL,EAAIK,CAAE,IAAI;AAAA,MACR,IAAAA;AAAA,MACA,OAAOY,IAAiB,uBAAuB9B,EAAK;AAAA,MACpD,MAAMA,EAAK;AAAA,MACX,eAAeA,EAAK,SAAS,UAAUA,EAAK;AAAA,MAC5C,gBAAgBA,EAAK;AAAA,MACrB,kBAAkBA,EAAK;AAAA,MACvB,oBAAoB,IAAI,IAAI4B,CAAmB;AAAA,MAC/C,iBAAezB,IAAAuB,EAAWR,CAAE,MAAb,gBAAAf,EAAgB,YAAW,CAAA,GAAI,IAAI,CAACR,MAAMA,EAAE,KAAK;AAAA,IAAA,GAE3DkB;AAAA,EACT,GAAG,CAAA,CAAE;AACP;"}

package/dist/forms/LayersForm/AesSelector.vue.js CHANGED Viewed

@@ -139,14 +139,7 @@ const Ee = { class: "aes-input-row" }, Ne = /* @__PURE__ */ Z({
         e.type === "fix" ? D("aes-update", m.value, e) : e.type === "dataCategorical" ? (x.value = e.initialData, D("aes-update", e.initialData, e)) : e.type === "dataContinuous" && (I.value = e.initialData, D("aes-update", e.initialData, e));
       }
     );
-    const U = F(), Q = y(() => {
-      if (r.type === "lineType")
-        return se.length * 32 + 32;
-      if (r.type === "dotShape")
-        return Math.ceil(re.length / 6) * 36 + 40;
-      if (r.type === "fill" || r.type === "stroke")
-        return Math.ceil(A.length / 6) * 36 + 40;
-    });
+    const U = F(), Q = y(() => r.type === "lineType" ? se.length * 32 + 32 : r.type === "dotShape" ? Math.ceil(re.length / 6) * 36 + 40 : r.type === "fill" || r.type === "stroke" ? Math.ceil(A.length / 6) * 36 + 40 : 0);
     return (l, e) => {
       var v, a;
       return g(), _(ee, null, [
@@ -157,12 +150,12 @@ const Ee = { class: "aes-input-row" }, Ne = /* @__PURE__ */ Z({
             }, ["stop"]))
           }, [
             R(w(ae), {
+              modelValue: s.value,
+              "onUpdate:modelValue": e[0] || (e[0] = (t) => s.value = t),
               disabled: i.disabled || N.value.length < 2,
               label: i.label,
-              options: N.value,
-              modelValue: s.value,
-              "onUpdate:modelValue": e[0] || (e[0] = (t) => s.value = t)
-            }, null, 8, ["disabled", "label", "options", "modelValue"])
+              options: N.value
+            }, null, 8, ["modelValue", "disabled", "label", "options"])
           ]),
           R(de, {
             data: {
@@ -184,13 +177,13 @@ const Ee = { class: "aes-input-row" }, Ne = /* @__PURE__ */ Z({
               }, [
                 i.type === "fill" || i.type === "stroke" ? (g(), S(fe, {
                   key: 0,
-                  "color-using": i.type,
                   modelValue: m.value,
                   "onUpdate:modelValue": [
                     e[4] || (e[4] = (t) => m.value = t),
                     e[5] || (e[5] = (t) => l.$emit("aes-update", t, d.value.fix))
-                  ]
-                }, null, 8, ["color-using", "modelValue"])) : T("", !0),
+                  ],
+                  "color-using": i.type
+                }, null, 8, ["modelValue", "color-using"])) : T("", !0),
                 i.type === "dotShape" ? (g(), S(me, {
                   key: 1,
                   modelValue: m.value,
@@ -223,27 +216,27 @@ const Ee = { class: "aes-input-row" }, Ne = /* @__PURE__ */ Z({
             return [
               ((t = n.value) == null ? void 0 : t.type) === "dataCategorical" && x.value ? (g(), S(Se, {
                 key: 0,
+                modelValue: x.value,
+                "onUpdate:modelValue": [
+                  e[11] || (e[11] = (f) => x.value = f),
+                  e[12] || (e[12] = (f) => l.$emit("aes-update", f, n.value))
+                ],
                 "column-value-labels": n.value.labels,
                 "data-column-label": ((u = n.value.selectedSourceInfo) == null ? void 0 : u.label) ?? "",
                 "used-aes-in-mapping": Y.value[n.value.selectedSource],
                 "allow-hiding": o.value === "discrete",
                 "allow-reordering": o.value === "discrete" || o.value === "histogram" || o.value === "scatterplot" || o.value === "scatterplot-umap",
-                "allow-null-option": o.value === "discrete" && (s.value === "primaryGrouping" && w(p).reactive.axesSettings.axisX.allowNullPrimaryGroups || s.value === "secondaryGrouping" && w(p).reactive.axesSettings.axisX.allowNullSecondaryGroups) || o.value === "scatterplot" || o.value === "scatterplot-umap",
-                modelValue: x.value,
-                "onUpdate:modelValue": [
-                  e[11] || (e[11] = (f) => x.value = f),
-                  e[12] || (e[12] = (f) => l.$emit("aes-update", f, n.value))
-                ]
-              }, null, 8, ["column-value-labels", "data-column-label", "used-aes-in-mapping", "allow-hiding", "allow-reordering", "allow-null-option", "modelValue"])) : T("", !0),
+                "allow-null-option": o.value === "discrete" && (s.value === "primaryGrouping" && w(p).reactive.axesSettings.axisX.allowNullPrimaryGroups || s.value === "secondaryGrouping" && w(p).reactive.axesSettings.axisX.allowNullSecondaryGroups) || o.value === "scatterplot" || o.value === "scatterplot-umap"
+              }, null, 8, ["modelValue", "column-value-labels", "data-column-label", "used-aes-in-mapping", "allow-hiding", "allow-reordering", "allow-null-option"])) : T("", !0),
               ((c = n.value) == null ? void 0 : c.type) === "dataContinuous" && I.value ? (g(), S(Te, {
                 key: 1,
-                "data-column-label": ((b = n.value.selectedSourceInfo) == null ? void 0 : b.label) ?? "",
                 modelValue: I.value,
                 "onUpdate:modelValue": [
                   e[13] || (e[13] = (f) => I.value = f),
                   e[14] || (e[14] = (f) => l.$emit("aes-update", f, n.value))
-                ]
-              }, null, 8, ["data-column-label", "modelValue"])) : T("", !0)
+                ],
+                "data-column-label": ((b = n.value.selectedSourceInfo) == null ? void 0 : b.label) ?? ""
+              }, null, 8, ["modelValue", "data-column-label"])) : T("", !0)
             ];
           }),
           _: 1

package/dist/forms/LayersForm/AesSelector.vue.js.map CHANGED Viewed

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

package/dist/forms/LayersForm/DotSizeSelector.vue.d.ts CHANGED Viewed

@@ -12,7 +12,9 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {
     "onAes-update"?: ((...args: any[]) => any) | undefined;
     "onAes-selector-close"?: ((...args: any[]) => any) | undefined;
 }>, {
+    selected: number | ContinuousDataMappingSize;
     min: number;
     max: number;
+    possibleAesSourceInputs: string[];
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
 export default _default;

package/dist/forms/LayersForm/DotSizeSelector.vue.js CHANGED Viewed

@@ -6,14 +6,14 @@ import { isContinuousDataMapping as S } from "../../constantsCommon.js";
 const C = { class: "dot-size-selector" }, L = { class: "dot-size-selector__row" }, O = { class: "dot-size-selector-row" }, j = /* @__PURE__ */ U({
   __name: "DotSizeSelector",
   props: {
-    selected: {},
+    selected: { default: void 0 },
     min: { default: 3 },
     max: { default: 10 },
-    possibleAesSourceInputs: {}
+    possibleAesSourceInputs: { default: void 0 }
   },
   emits: ["aes-update", "aes-selector-close"],
   setup(s, { emit: h }) {
-    const o = s, r = B(), m = p(() => r.value.reactive.chartType), i = h, k = {
+    const o = s, r = B(), d = p(() => r.value.reactive.chartType), i = h, k = {
       discrete: ["primaryGrouping", "secondaryGrouping"],
       scatterplot: ["size"],
       "scatterplot-umap": ["size"],
@@ -21,21 +21,21 @@ const C = { class: "dot-size-selector" }, L = { class: "dot-size-selector__row"
       heatmap: [],
       histogram: [],
       bubble: []
-    }, y = o.possibleAesSourceInputs ?? k[m.value], l = v(
+    }, y = o.possibleAesSourceInputs ?? k[d.value], l = v(
       S(o.selected) ? o.selected.column : "fix"
     ), V = p(() => r.value.inputGuide.value);
     function A(t) {
       const e = V.value.getSourceInfo(t);
-      return m.value === "scatterplot" || m.value === "dendro" ? `Grouping: ${e == null ? void 0 : e.label}` : e ? (e == null ? void 0 : e.label) ?? "" : "Not consistent (grouping)";
+      return d.value === "scatterplot" || d.value === "dendro" ? `Grouping: ${e == null ? void 0 : e.label}` : e ? (e == null ? void 0 : e.label) ?? "" : "Not consistent (grouping)";
     }
-    const c = p(() => {
+    const m = p(() => {
       const t = [], e = r.value.reactive.optionsState.components;
       return y.forEach((a) => {
         var D;
-        (D = e == null ? void 0 : e[a]) != null && D.selectorStates.length && e[a].selectorStates.forEach(({ selectedSource: d }) => {
-          V.value.getSourceInfo(d).type !== "String" && t.push({
-            text: A(d),
-            value: d
+        (D = e == null ? void 0 : e[a]) != null && D.selectorStates.length && e[a].selectorStates.forEach(({ selectedSource: c }) => {
+          V.value.getSourceInfo(c).type !== "String" && t.push({
+            text: A(c),
+            value: c
           });
         });
       }), t.length ? t : [{ text: "Fixed", value: "fix" }];
@@ -77,33 +77,33 @@ const C = { class: "dot-size-selector" }, L = { class: "dot-size-selector__row"
           }, ["stop"]))
         }, [
           w(b(N), {
-            disabled: c.value.length < 2 && c.value[0].value === l.value,
-            label: "Dot size source",
-            options: c.value,
             modelValue: l.value,
-            "onUpdate:modelValue": e[0] || (e[0] = (a) => l.value = a)
-          }, null, 8, ["disabled", "options", "modelValue"])
+            "onUpdate:modelValue": e[0] || (e[0] = (a) => l.value = a),
+            disabled: m.value.length < 2 && m.value[0].value === l.value,
+            label: "Dot size source",
+            options: m.value
+          }, null, 8, ["modelValue", "disabled", "options"])
         ])
       ]),
       g("div", O, [
         l.value !== "fix" ? (x(), E(b(F), {
           key: 0,
+          modelValue: n.value,
+          "onUpdate:modelValue": e[2] || (e[2] = (a) => n.value = a),
           min: s.min,
           max: s.max,
           breakpoints: !0,
-          label: "Dot size range",
-          modelValue: n.value,
-          "onUpdate:modelValue": e[2] || (e[2] = (a) => n.value = a)
-        }, null, 8, ["min", "max", "modelValue"])) : (x(), E(b(_), {
+          label: "Dot size range"
+        }, null, 8, ["modelValue", "min", "max"])) : (x(), E(b(_), {
           key: 1,
+          modelValue: u.value,
+          "onUpdate:modelValue": e[3] || (e[3] = (a) => u.value = a),
           min: s.min,
           max: s.max,
           step: 1,
           breakpoints: !0,
-          label: "Dot size",
-          modelValue: u.value,
-          "onUpdate:modelValue": e[3] || (e[3] = (a) => u.value = a)
-        }, null, 8, ["min", "max", "modelValue"]))
+          label: "Dot size"
+        }, null, 8, ["modelValue", "min", "max"]))
       ])
     ]));
   }

package/dist/forms/LayersForm/DotSizeSelector.vue.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DotSizeSelector.vue.js","sources":["../../../src/forms/LayersForm/DotSizeSelector.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { ref, computed, watch } from 'vue';\nimport { PlDropdown, Slider, SliderRange } from '@platforma-sdk/ui-vue';\nimport { DEFAULT_DOT_RANGE, DEFAULT_DOT_SIZE } from '../../dataBindAes';\nimport { useStore } from '../../store';\nimport { ContinuousDataMappingSize, isContinuousDataMapping } from '../../constantsCommon';\nimport { ChartType } from '@milaboratories/pf-plots';\n\nconst props = withDefaults(defineProps<{\n selected?: number \| ContinuousDataMappingSize;\n min?: number;\n max?: number;\n possibleAesSourceInputs?: string[];\n}>(), {min: 3, max: 10});\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: ['size'],\n 'scatterplot-umap': ['size'],\n dendro: [],\n heatmap: [],\n histogram: [],\n bubble: []\n};\nconst possibleAesSourceInputs = props.possibleAesSourceInputs ?? DEFAULT_AES_INPUTS[chartType.value];\n\nconst selectedKey = ref(\n isContinuousDataMapping(props.selected) ? props.selected.column : 'fix'\n);\n\nconst inputGuide = computed(() => store.value.inputGuide.value);\n\nfunction getOptionTitle(selected: string) {\n const selectedSourceInfo = inputGuide.value.getSourceInfo(selected);\n\n if (chartType.value === 'scatterplot' \|\| chartType.value === 'dendro') {\n return `Grouping: ${selectedSourceInfo?.label}`;\n }\n if (!selectedSourceInfo) {\n return 'Not consistent (grouping)';\n }\n return selectedSourceInfo?.label ?? '';\n}\n\nconst options = computed(() => {\n const options: { text: string, value: string }[] = [];\n const inputStateMap = store.value.reactive.optionsState.components;\n\n possibleAesSourceInputs.forEach((name) => {\n if (inputStateMap?.[name]?.selectorStates.length) {\n inputStateMap[name].selectorStates.forEach(({ selectedSource }) => {\n const selectedSourceInfo = inputGuide.value.getSourceInfo(selectedSource);\n if (selectedSourceInfo.type !== 'String') {\n options.push({\n text: getOptionTitle(selectedSource),\n value: selectedSource\n });\n }\n });\n }\n });\n return options.length ? options : [{ text: 'Fixed', value: 'fix' }];\n});\n\nconst fixedValue = ref(isContinuousDataMapping(props.selected) ? DEFAULT_DOT_SIZE : props.selected ?? DEFAULT_DOT_SIZE);\nconst rangeValue = ref<[number, number]>(isContinuousDataMapping(props.selected) ? [props.selected.range.min, props.selected.range.max] : [DEFAULT_DOT_RANGE.min, DEFAULT_DOT_RANGE.max]);\n\nwatch(\n () => selectedKey.value,\n (value) => {\n if (value === 'fix') {\n emit('aes-update', fixedValue.value);\n } else {\n const mapping = {\n column: value,\n range: { min: rangeValue.value[0], max: rangeValue.value[1] }\n } as ContinuousDataMappingSize;\n emit('aes-update', mapping);\n }\n }\n);\n\nwatch(\n () => fixedValue.value,\n (value) => {\n if (selectedKey.value === 'fix') {\n emit('aes-update', value);\n }\n }\n);\n\nwatch(\n () => rangeValue.value,\n (rangeV) => {\n if (selectedKey.value !== 'fix') {\n const mapping = {\n column: selectedKey.value,\n range: { min: rangeV[0], max: rangeV[1] }\n } as ContinuousDataMappingSize;\n emit('aes-update', mapping);\n }\n }\n);\n\n</script>\n\n<template>\n <div class=\"dot-size-selector\">\n <div class=\"dot-size-selector__row\">\n <div class=\"aes-input-select\" @click.stop>\n <pl-~~dropdown~~\n :disabled=\"options.length < 2 && options[0].value === selectedKey\"\n label=\"Dot size source\"\n :options=\"options\"\n ~~v-model=\"selectedKey\"\n~~ />\n </div>\n </div>\n <div class=\"dot-size-selector-row\">\n <SliderRange v-if=\"selectedKey !== 'fix'\"\n :min=\"min\"\n :max=\"max\"\n :breakpoints=\"true\"\n label=\"Dot size range\"\n ~~v-model=\"rangeValue\"\n~~ />\n <Slider v-else\n :min=\"min\"\n :max=\"max\"\n :step=\"1\"\n :breakpoints=\"true\"\n label=\"Dot size\"\n ~~v-model=\"fixedValue\"\n~~ />\n </div>\n </div>\n</template>\n<style>\n .dot-size-selector {\n margin-top: 24px\n }\n .dot-size-selector__row {\n margin: 12px 0;\n }\n</style>\n"],"names":["props","__props","store","useStore","chartType","computed","emit","__emit","DEFAULT_AES_INPUTS","possibleAesSourceInputs","selectedKey","ref","isContinuousDataMapping","inputGuide","getOptionTitle","selected","selectedSourceInfo","options","inputStateMap","name","_a","selectedSource","fixedValue","DEFAULT_DOT_SIZE","rangeValue","DEFAULT_DOT_RANGE","watch","value","mapping","rangeV","_openBlock","_createElementBlock","_hoisted_1","_createElementVNode","_hoisted_2","_createVNode","_unref","PlDropdown","$event","_hoisted_3","_createBlock","SliderRange","Slider"],"mappings":";;;;;;;;;;;;;;;~~AAQA~~,UAAMA,IAAQC,GAORC,IAAQC,EAAA,GACRC,IAAYC,EAAS,MAAMH,EAAM,MAAM,SAAS,SAAS,GACzDI,IAAOC,GAEPC,IAAkD;AAAA,MACtD,~~UAAU~~,CAAC,mBAAmB,mBAAmB;AAAA,~~MACjD~~,~~aAAa~~,CAAC,MAAM;AAAA,~~MACpB~~,oBAAoB,CAAC,MAAM;AAAA,MAC3B,~~QAAQ~~,CAAA;AAAA,~~MACR~~,~~SAAS~~,CAAA;AAAA,~~MACT~~,~~WAAW~~,CAAA;AAAA,~~MACX~~,~~QAAQ~~,CAAA;AAAA,IAAC,~~GAELC~~,IAA0BT,EAAM,2BAA2BQ,EAAmBJ,EAAU,KAAK,GAE7FM,IAAcC;AAAA,MAClBC,EAAwBZ,EAAM,QAAQ,IAAIA,EAAM,SAAS,SAAS;AAAA,IAAA,GAG9Da,IAAaR,EAAS,MAAMH,EAAM,MAAM,WAAW,KAAK;AAE9D,aAASY,EAAeC,GAAkB;AACxC,YAAMC,IAAqBH,EAAW,MAAM,cAAcE,CAAQ;AAElE,aAAIX,EAAU,UAAU,iBAAiBA,EAAU,UAAU,WACpD,aAAaY,KAAA,gBAAAA,EAAoB,KAAK,KAE1CA,KAGEA,KAAA,gBAAAA,EAAoB,UAAS,KAF3B;AAAA,IAGX;AAEA,UAAMC,IAAUZ,EAAS,MAAM;AAC7B,YAAMY,IAA6C,CAAA,GAC7CC,IAAgBhB,EAAM,MAAM,SAAS,aAAa;AAExD,aAAAO,EAAwB,QAAQ,CAACU,MAAS;;AACxC,SAAIC,IAAAF,KAAA,gBAAAA,EAAgBC,OAAhB,QAAAC,EAAuB,eAAe,UACxCF,EAAcC,CAAI,EAAE,eAAe,QAAQ,CAAC,EAAE,gBAAAE,QAAqB;AAEjE,UAD2BR,EAAW,MAAM,cAAcQ,CAAc,EACjD,SAAS,YAC9BJ,EAAQ,KAAK;AAAA,YACX,MAAMH,EAAeO,CAAc;AAAA,YACnC,OAAOA;AAAA,UAAA,CACR;AAAA,QAEL,CAAC;AAAA,MAEL,CAAC,GACMJ,EAAQ,SAASA,IAAU,CAAC,EAAE,MAAM,SAAS,OAAO,OAAO;AAAA,IACpE,CAAC,GAEKK,IAAaX,EAAIC,EAAwBZ,EAAM,QAAQ,IAAIuB,IAAmBvB,EAAM,YAAYuB,CAAgB,GAChHC,IAAab,EAAsBC,EAAwBZ,EAAM,QAAQ,IAAI,CAACA,EAAM,SAAS,MAAM,KAAKA,EAAM,SAAS,MAAM,GAAG,IAAI,CAACyB,EAAkB,KAAKA,EAAkB,GAAG,CAAC;AAExL,WAAAC;AAAA,MACE,MAAMhB,EAAY;AAAA,MAClB,CAACiB,MAAU;AACT,YAAIA,MAAU;AACZ,UAAArB,EAAK,cAAcgB,EAAW,KAAK;AAAA,aAC9B;AACL,gBAAMM,IAAU;AAAA,YACd,QAAQD;AAAA,YACR,OAAO,EAAE,KAAKH,EAAW,MAAM,CAAC,GAAG,KAAKA,EAAW,MAAM,CAAC,EAAA;AAAA,UAAE;AAE9D,UAAAlB,EAAK,cAAcsB,CAAO;AAAA,QAC5B;AAAA,MACF;AAAA,IAAA,GAGFF;AAAA,MACE,MAAMJ,EAAW;AAAA,MACjB,CAACK,MAAU;AACT,QAAIjB,EAAY,UAAU,SACxBJ,EAAK,cAAcqB,CAAK;AAAA,MAE5B;AAAA,IAAA,GAGFD;AAAA,MACE,MAAMF,EAAW;AAAA,MACjB,CAACK,MAAW;AACV,YAAInB,EAAY,UAAU,OAAO;AAC/B,gBAAMkB,IAAU;AAAA,YACd,QAAQlB,EAAY;AAAA,YACpB,OAAO,EAAE,KAAKmB,EAAO,CAAC,GAAG,KAAKA,EAAO,CAAC,EAAA;AAAA,UAAE;AAE1C,UAAAvB,EAAK,cAAcsB,CAAO;AAAA,QAC5B;AAAA,MACF;AAAA,IAAA,cAMAE,EAAA,GAAAC,~~EA4BM~~,~~OA5BNC~~,~~GA4BM~~;AAAA,~~MA3BJC~~,EASM,OATNC,GASM;AAAA,QARJD,EAOM,OAAA;AAAA,UAPD,OAAM;AAAA,UAAoB,2BAAD,MAAA;AAAA,UAAA,GAAW,CAAA,MAAA,CAAA;AAAA,QAAA;UACvCE,EAKEC,EAAAC,CAAA,GAAA;AAAA,~~YAJC~~,~~UAAUpB~~,QAAQ,cAAcA,EAAA,MAAO,CAAA,EAAI,UAAUP,EAAA;AAAA,YACtD,OAAM;AAAA,YACL,SAASO,EAAA;AAAA,~~wBACDP,EAAA;AAAA,0DAAAA,EAAW,QAAA4B;AAAA,~~UAAA;;;~~MAI1BL~~,~~EAgBM~~,~~OAhBNM~~,~~GAgBM~~;AAAA,~~QAfe7B~~,EAAA,UAAW,~~cAA9B8B~~,~~EAMEJ~~,EAAAK,CAAA,GAAA;AAAA;~~UALY~~,~~KAAKxC~~,EAAA;AAAA,UACL,KAAKA,EAAA;AAAA,UACL,aAAa;AAAA,UACd,OAAM;AAAA,~~sBACGuB~~,EAAA;AAAA,wDAAAA,EAAU,~~QAAAc~~;AAAA,~~QAAA~~,~~mDAEhCE~~,~~EAOEJ,EAAAM,CAAA,GAAA;AAAA;UANO,KAAKzC,~~EAAA;AAAA,UACL,KAAKA,EAAA;AAAA,UACL,MAAM;AAAA,UACN,aAAa;AAAA,UACd,OAAM;AAAA,~~sBACGqB,EAAA;AAAA,wDAAAA,EAAU,QAAAgB;AAAA,~~QAAA;;;;;"}
1	+ {"version":3,"file":"DotSizeSelector.vue.js","sources":["../../../src/forms/LayersForm/DotSizeSelector.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { ref, computed, watch } from 'vue';\nimport { PlDropdown, Slider, SliderRange } from '@platforma-sdk/ui-vue';\nimport { DEFAULT_DOT_RANGE, DEFAULT_DOT_SIZE } from '../../dataBindAes';\nimport { useStore } from '../../store';\nimport type { ContinuousDataMappingSize } from '../../constantsCommon';\nimport { isContinuousDataMapping } from '../../constantsCommon';\nimport type { ChartType } from '@milaboratories/pf-plots';\n\nconst props = withDefaults(defineProps<{\n selected?: number \| ContinuousDataMappingSize;\n min?: number;\n max?: number;\n possibleAesSourceInputs?: string[];\n}>(), { selected: undefined, min: 3, max: 10, possibleAesSourceInputs: undefined });\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': ['size'],\n 'scatterplot-umap': ['size'],\n 'dendro': [],\n 'heatmap': [],\n 'histogram': [],\n 'bubble': [],\n};\nconst possibleAesSourceInputs = props.possibleAesSourceInputs ?? DEFAULT_AES_INPUTS[chartType.value];\n\nconst selectedKey = ref(\n isContinuousDataMapping(props.selected) ? props.selected.column : 'fix',\n);\n\nconst inputGuide = computed(() => store.value.inputGuide.value);\n\nfunction getOptionTitle(selected: string) {\n const selectedSourceInfo = inputGuide.value.getSourceInfo(selected);\n\n if (chartType.value === 'scatterplot' \|\| chartType.value === 'dendro') {\n return `Grouping: ${selectedSourceInfo?.label}`;\n }\n if (!selectedSourceInfo) {\n return 'Not consistent (grouping)';\n }\n return selectedSourceInfo?.label ?? '';\n}\n\nconst options = computed(() => {\n const options: { text: string; value: string }[] = [];\n const inputStateMap = store.value.reactive.optionsState.components;\n\n possibleAesSourceInputs.forEach((name) => {\n if (inputStateMap?.[name]?.selectorStates.length) {\n inputStateMap[name].selectorStates.forEach(({ selectedSource }) => {\n const selectedSourceInfo = inputGuide.value.getSourceInfo(selectedSource);\n if (selectedSourceInfo.type !== 'String') {\n options.push({\n text: getOptionTitle(selectedSource),\n value: selectedSource,\n });\n }\n });\n }\n });\n return options.length ? options : [{ text: 'Fixed', value: 'fix' }];\n});\n\nconst fixedValue = ref(isContinuousDataMapping(props.selected) ? DEFAULT_DOT_SIZE : props.selected ?? DEFAULT_DOT_SIZE);\nconst rangeValue = ref<[number, number]>(isContinuousDataMapping(props.selected) ? [props.selected.range.min, props.selected.range.max] : [DEFAULT_DOT_RANGE.min, DEFAULT_DOT_RANGE.max]);\n\nwatch(\n () => selectedKey.value,\n (value) => {\n if (value === 'fix') {\n emit('aes-update', fixedValue.value);\n } else {\n const mapping = {\n column: value,\n range: { min: rangeValue.value[0], max: rangeValue.value[1] },\n } as ContinuousDataMappingSize;\n emit('aes-update', mapping);\n }\n },\n);\n\nwatch(\n () => fixedValue.value,\n (value) => {\n if (selectedKey.value === 'fix') {\n emit('aes-update', value);\n }\n },\n);\n\nwatch(\n () => rangeValue.value,\n (rangeV) => {\n if (selectedKey.value !== 'fix') {\n const mapping = {\n column: selectedKey.value,\n range: { min: rangeV[0], max: rangeV[1] },\n } as ContinuousDataMappingSize;\n emit('aes-update', mapping);\n }\n },\n);\n\n</script>\n\n<template>\n <div class=\"dot-size-selector\">\n <div class=\"dot-size-selector__row\">\n <div class=\"aes-input-select\" @click.stop>\n <PlDropdown\n v-model=\"selectedKey\"\n :disabled=\"options.length < 2 && options[0].value === selectedKey\"\n label=\"Dot size source\"\n :options=\"options\"\n />\n </div>\n </div>\n <div class=\"dot-size-selector-row\">\n <SliderRange\n v-if=\"selectedKey !== 'fix'\"\n v-model=\"rangeValue\"\n :min=\"min\"\n :max=\"max\"\n :breakpoints=\"true\"\n label=\"Dot size range\"\n />\n <Slider\n v-else\n v-model=\"fixedValue\"\n :min=\"min\"\n :max=\"max\"\n :step=\"1\"\n :breakpoints=\"true\"\n label=\"Dot size\"\n />\n </div>\n </div>\n</template>\n<style>\n .dot-size-selector {\n margin-top: 24px\n }\n .dot-size-selector__row {\n margin: 12px 0;\n }\n</style>\n"],"names":["props","__props","store","useStore","chartType","computed","emit","__emit","DEFAULT_AES_INPUTS","possibleAesSourceInputs","selectedKey","ref","isContinuousDataMapping","inputGuide","getOptionTitle","selected","selectedSourceInfo","options","inputStateMap","name","_a","selectedSource","fixedValue","DEFAULT_DOT_SIZE","rangeValue","DEFAULT_DOT_RANGE","watch","value","mapping","rangeV","_openBlock","_createElementBlock","_hoisted_1","_createElementVNode","_hoisted_2","_createVNode","_unref","PlDropdown","$event","_hoisted_3","_createBlock","SliderRange","Slider"],"mappings":"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"}