@milaboratories/graph-maker 1.2.5 → 1.2.6

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

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

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

@@ -1 +0,0 @@
-{"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_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"],"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","_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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiCA,UAAMA,IAAQC,GAWRC,IAAQC,GAAA,GACRC,IAAYC,EAAS,MAAMH,EAAM,MAAM,SAAS,SAAS,GACzDI,IAAOC,GAEPC,IAAkD;AAAA,MACtD,UAAY,CAAC,mBAAmB,mBAAmB;AAAA,MACnD,aAAe,CAAC,UAAU;AAAA,MAC1B,oBAAoB,CAAC,UAAU;AAAA,MAC/B,QAAU,CAAA;AAAA,MACV,SAAW,CAAA;AAAA,MACX,WAAa,CAAC,UAAU;AAAA,MACxB,QAAU,CAAA;AAAA,IAAC,GAEPC,IAA0BT,EAAM,2BAA2BQ,EAAmBJ,EAAU,KAAK,GAC7FM,IAAmBL;AAAA,MACvB,MACYH,EAAM,MAAM,kBAAkB,iBAAiB;AAAA,IAE3D;AAGF,aAASS,EAAuBC,GAA6B;AAC3D,aAAI,OAAOA,KAAU,WACZA,IAELR,EAAU,UAAU,gBACf,YAAYQ,EAAM,KAAK,KAE5BR,EAAU,UAAU,WACf,GAAGQ,EAAM,IAAI,IAAIA,EAAM,KAAK,KAE9BA,EAAM;AAAA,IACf;AAEA,UAAMC,IAAeC;AAAA,MACnBC,EAAYf,EAAM,QAAQ,IAAIW,EAAuBX,EAAM,QAAQ,IAAI;AAAA,IAAA,GAEnEgB,IAAkE;AAAA,MACtE,MAAMC,EAAa,CAAC,EAAE;AAAA,MACtB,QAAQA,EAAa,CAAC,EAAE;AAAA,MACxB,UAAUC;AAAA,MACV,UAAUC;AAAA,MACV,MAAM;AAAA;AAAA,IAAA,GAGFC,IAAaf,EAAS,MAAMH,EAAM,MAAM,WAAW,KAAK,GACxDmB,IAAahB,EAAS,MAAMH,EAAM,MAAM,iBAAiB,KAAK,GAE9DoB,wBAAqC,IAAe;AAAA,MACxD;AAAA,MAAe;AAAA,MAAoB;AAAA,IAAA,CACpC,GAEKC,IAAclB,EAAS,MAAM;AACjC,YAAMmB,IAAiC,CAAA,GACjCC,IAAgBvB,EAAM,MAAM,SAAS,aAAa;AAExD,eAASwB,EAAQC,GAAcC,GAAgB;AAC7C,cAAMC,IAAqBT,EAAW,MAAM,cAAcQ,CAAM,GAC1DE,IAAmBT,EAAW,MAAMO,CAAM,GAC1CG,IAAeD,KAAA,QAAAA,EAAkB,WAAW,CAAA,KAAMA,KAAA,gBAAAA,EAAkB,SAAQ,CAAA,GAC5EE,IAAcF,KAAA,QAAAA,EAAkB,WAAW,CAAA,KAAMA,KAAA,gBAAAA,EAAkB,WAAU,CAAA,GAC7EG,IAAMtB,EAAuB,EAAE,MAAMgB,GAAM,OAAOC,GAAQ;AAChE,YACGN,EAA+B,IAAIlB,EAAU,KAAK,KAAKyB,EAAmB,SAAS,YACjF,CAACP,EAA+B,IAAIlB,EAAU,KAAK,GACtD;AACA,gBAAM8B,IAAWhC,EAAM,MAAM,SAAS,YAAY0B,CAAM,KAAKO,GAAqBJ,GAAc7B,EAAM,MAAM,eAAe,WAAW;AACtI,UAAAsB,EAAIS,CAAG,IAAI;AAAA,YACT,MAAM;AAAA,YACN,OAAOA;AAAA,YACP,aAAaC;AAAA,YACb,WAAWP;AAAA,YACX,gBAAgBC;AAAA,YAChB,oBAAAC;AAAA,YACA,sBAAsBE;AAAA,YACtB,QAAQG,EAAQ,MAAM;AAAA,cACpB,CAACV,GAA6BY,OAC5BZ,EAAIY,CAAC,IAAIJ,EAAYI,CAAC,KAAK,OAAOA,CAAC,GAC/BA,MAAM,WACRZ,EAAIY,CAAC,IAAIlC,EAAM,MAAM,SAAS,aAAa,MAAM,iBAE5CsB;AAAAA,cAET,CAAA;AAAA,YAAC;AAAA,UACH;AAAA,QAEJ,OAAO;AACL,gBAAMU,IAAWhC,EAAM,MAAM,SAAS,YAAY0B,CAAM,KAAKS,GAAmCnC,EAAM,MAAM,eAAe,UAAU;AACrI,UAAAsB,EAAIS,CAAG,IAAI;AAAA,YACT,MAAM;AAAA,YACN,OAAOA;AAAA,YACP,aAAaC;AAAA,YACb,WAAWP;AAAA,YACX,gBAAgBC;AAAA,YAChB,oBAAAC;AAAA,YACA,sBAAsBE;AAAA,UAAA;AAAA,QAE1B;AAAA,MACF;AAEA,aAAAtB,EAAwB,QAAQ,CAACkB,MAAS;;AACxC,SAAIW,IAAAb,KAAA,gBAAAA,EAAgBE,OAAhB,QAAAW,EAAuB,eAAe,UACxCb,EAAcE,CAAI,EAAE,eAAe,QAAQ,CAAC,EAAE,gBAAAY,QAAqB;AACjE,UAAAb,EAAQC,GAAMY,CAAc;AAAA,QAC9B,CAAC;AAAA,MAEL,CAAC,GAEIvC,EAAM,iBACTwB,EAAI,MAAS;AAAA,QACX,MAAM;AAAA,QACN,OAAO;AAAA,QACP,aAAaT,EAAYf,EAAM,QAAQ,IACnCgB,EAAiBhB,EAAM,IAAI,IAC3BA,EAAM;AAAA,MAAA,IAGPwB;AAAA,IACT,CAAC,GAEKgB,IAASnC;AAAA,MACb,MAAMkB,EAAY,MAAMV,EAAa,KAAK,KAAK;AAAA,IAAA;AAGjD,aAAS4B,EAASD,GAAmBE,GAAkB;;AACrD,aAAIF,EAAO,SAAS,QACX,UAELE,MAAaF,EAAO,QACf,IAAGA,IAAAA,EAAO,uBAAPA,gBAAAA,EAA2B,KAAK,KAExCpC,EAAU,UAAU,aACf,GACLoC,EAAO,UAAU,oBAAoB,YAAY,WACnD,eAAcA,IAAAA,EAAO,uBAAPA,gBAAAA,EAA2B,KAAK,KAE5CpC,EAAU,UAAU,iBAAiBA,EAAU,UAAU,WACpD,cAAaoC,IAAAA,EAAO,uBAAPA,gBAAAA,EAA2B,KAAK,OAE/CA,IAAAA,EAAO,uBAAPA,gBAAAA,EAA2B,UAAS;AAAA,IAC7C;AAEA,UAAMG,IAActC,EAAS,MAAM;AACjC,YAAMuC,IAAU,CAAA,GACVnB,IAAgBvB,EAAM,MAAM,SAAS,aAAa;AAExD,eAAS2C,EAAUlB,GAAcC,GAAgB;AAC/C,cAAMK,IAAMtB,EAAuB;AAAA,UACjC,MAAMgB,MAAS,UAAU,aAAaA;AAAA,UACtC,OAAOC;AAAA,QAAA,CACR;AACD,QAAIL,EAAY,MAAMU,CAAG,KACvBW,EAAQ,KAAK;AAAA,UACX,MAAMH,EAASlB,EAAY,MAAMU,CAAG,GAAGpB,EAAa,KAAK;AAAA,UACzD,OAAOoB;AAAA,QAAA,CACR;AAAA,MAEL;AASA,UAPAxB,EAAwB,QAAQ,CAACkB,MAAS;;AACxC,SAAIW,IAAAb,KAAA,gBAAAA,EAAgBE,OAAhB,QAAAW,EAAuB,eAAe,UACxCb,EAAcE,CAAI,EAAE,eAAe,QAAQ,CAAC,EAAE,gBAAAY,QAAqB;AACjE,UAAAM,EAAUlB,GAAMY,CAAc;AAAA,QAChC,CAAC;AAAA,MAEL,CAAC,GACG,CAAChB,EAAY,MAAMV,EAAa,KAAK,GAAG;AAC1C,YAAIiC,IAAO;AACX,QAAI1C,EAAU,UAAU,eACtB0C,IAAO,GACLjC,EAAa,UAAU,oBAAoB,YAAY,WACzD,6BAEF+B,EAAQ,KAAK,EAAE,MAAAE,GAAM,OAAOjC,EAAa,OAAO;AAAA,MAClD;AACA,aAAKb,EAAM,gBACT4C,EAAQ,KAAK,EAAE,MAAM,SAAS,OAAO,OAAO,GAEvCA;AAAA,IACT,CAAC,GAEKG,IAAWjC,EAAI,EAAK,GAEpBkC,IAAelC;AAAA,MACnBS,EAAY,MAAM,MACbA,EAAY,MAAM,IAAO,cAC1B;AAAA,IAAA,GAEA0B,IAA4BnC;AAAA,QAChCwB,IAAAE,EAAO,UAAP,gBAAAF,EAAc,UAAS,oBAClBE,EAAO,MAAM,cACd;AAAA,IAAA,GAGAU,IAA2BpC;AAAA,QAC/BqC,IAAAX,EAAO,UAAP,gBAAAW,EAAc,UAAS,mBAClBX,EAAO,MAAM,cACd;AAAA,IAAA;AAEN,IAAAY;AAAA,MACE,MAAMvC,EAAa;AAAA,MACnB,CAACD,MAAU;AACT,cAAM4B,IAASjB,EAAY,MAAMX,CAAK;AACtC,SAAI4B,KAAAA,gBAAAA,EAAQ,UAAS,QACnBlC,EAAK,cAAc0C,EAAa,OAAOR,CAAM,KACpCA,KAAAA,gBAAAA,EAAQ,UAAS,qBAC1BS,EAA0B,QAAQT,EAAO,aACzClC,EAAK,cAAckC,EAAO,aAAaA,CAAM,MACpCA,KAAAA,gBAAAA,EAAQ,UAAS,qBAC1BU,EAAyB,QAAQV,EAAO,aACxClC,EAAK,cAAckC,EAAO,aAAaA,CAAM;AAAA,MAEjD;AAAA,IAAA,GAMFY;AAAA,MACE,MAAA;;AAAM,iBAAAd,IAAAE,EAAO,UAAP,gBAAAF,EAAc,UAAS,qBAAoBa,IAAAX,EAAO,UAAP,gBAAAW,EAAc,cAAc;AAAA;AAAA,MAC7E,CAACjB,MAAY;AACX,QACEA,KACGrB,EAAa,UAAU,UACtB,CAACoC,EAA0B,SAAUA,EAA0B,MAAsC,MAAM,WAAW,MACtHf,EAAwC,MAAM,SAAS,MAE3De,EAA0B,QAAQf;AAAA,MAEtC;AAAA,MACA,EAAE,MAAM,GAAA;AAAA,IAAK;AAGf,UAAMmB,IAAevC,EAAA,GAGfwC,IAAcjD,EAAS,MACvBL,EAAM,SAAS,aAGVuD,GAAiB,SAAS,KAAa,KAE5CvD,EAAM,SAAS,aAGV,KAAK,KAAKwD,GAAiB,SAAS,CAAC,IAAI,KAAa,KAE3DxD,EAAM,SAAS,UAAUA,EAAM,SAAS,WAGnC,KAAK,KAAKiB,EAAa,SAAS,CAAC,IAAI,KAAa,KAEpD,CACR;;;;QAKCwC,EAmDM,OAnDNC,IAmDM;AAAA,UAlDJD,EAOM,OAAA;AAAA,YAPD,OAAM;AAAA,YAAoB,4BAAD,MAAA;AAAA,YAAA,GAAW,CAAA,MAAA,CAAA;AAAA,UAAA;YACvCE,EAKEC,EAAAC,EAAA,GAAA;AAAA,0BAJShD,EAAA;AAAA,4DAAAA,EAAY,QAAAiD;AAAA,cACpB,UAAU7D,EAAA,YAAY0C,EAAA,MAAY,SAAM;AAAA,cACxC,OAAO1C,EAAA;AAAA,cACP,SAAS0C,EAAA;AAAA,YAAA;;UAGdgB,EAOEI,IAAA;AAAA,YANC,MAAI;AAAA,cAAkB,MAAAlD,EAAA,kBAAyBZ,EAAA,OAAI;AAAA,cAA0B,OAAAY,EAAA,kBAAyBZ,EAAA,SAAI,SAAc,OAAOA,EAAA,QAAQ,IAAIA,EAAA,WAAQ;AAAA,YAAA;AAAA,YAInJ,SAAK+D,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAAF,MAAEf,EAAA,QAAQ,CAAIA,EAAA;AAAA,YACnB,OAAGiB,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAGC,MAAgBZ,EAAA,QAAeY;AAAA,UAAA;UAGhCpD,EAAA,UAAY,SAAckC,EAAA,SAAYC,EAAA,cAD9CkB,EAiCQC,IAAA;AAAA;YA/BL,QAAQb,EAAA;AAAA,YACR,WAAWD,EAAA;AAAA,YACX,0CAAaN,EAAA,QAAQ;AAAA,UAAA;uBAEtB,MA0BM;AAAA,cA1BNU,EA0BM,OAAA;AAAA,gBAzBJ,OAAKW,GAAA,CAAC,kBAAgB,EAAA,wBACYnE,EAAA,SAAI,YAAA,CAAA;AAAA,cAAA;gBAG9BA,EAAA,mBAAmBA,EAAA,SAAI,iBAD/BiE,EAOEG,IAAA;AAAA;8BALSrB,EAAA;AAAA;2CAAAA,EAAY,QAAAc;AAAA,oCAEa,CAAAlD,MAAiB0D,EAAAA,MAAK,cAAe1D,GAAOW,EAAA,MAAW,GAAA;AAAA,kBAAA;AAAA,kBADxF,eAAatB,EAAA;AAAA,gBAAA;gBAMRA,EAAA,SAAI,mBADZiE,EAMEK,IAAA;AAAA;8BAJSvB,EAAA;AAAA;2CAAAA,EAAY,QAAAc;AAAA,oCACa,CAAAlD,MAAmB0D,EAAAA,MAAK,cAAe1D,GAAOW,EAAA,MAAW,GAAA;AAAA,kBAAA;AAAA;gBAKrFtB,EAAA,SAAI,mBADZiE,EAMEM,IAAA;AAAA;8BAJSxB,EAAA;AAAA;2CAAAA,EAAY,QAAAc;AAAA,oCACa,CAAAlD,MAAmB0D,EAAAA,MAAK,cAAe1D,GAAOW,EAAA,MAAW,GAAA;AAAA,kBAAA;AAAA;;;;;;WAQlFe,IAAAE,EAAA,UAAA,gBAAAF,EAAQ,UAAI,qBAA0BW,EAAA,WAAqCE,IAAAX,EAAA,UAAA,gBAAAW,EAAQ,UAAI,oBAAyBD,EAAA,UAA8BH,EAAA,cAI7JmB,EAyBcO,IAAA;AAAA;UAxBX,OAAOxE,EAAA;AAAA,UACP,cAAYA,EAAA;AAAA,UACZ,yCAAY8C,EAAA,QAAQ;AAAA,QAAA;qBAErB,MAAA;;AAaE;AAAA,gBAZMT,IAAAE,EAAA,UAAA,gBAAAF,EAAQ,UAAI,qBAA0BW,EAAA,cAD9CiB,EAaEQ,IAAA;AAAA;4BAXSzB,EAAA;AAAA;2CAAAA,EAAyB,QAAAa;AAAA,kBAUbE,EAAA,EAAA,MAAAA,EAAA,EAAA,IAAA,CAAApD,MAAsC0D,EAAAA,MAAK,cAAe1D,GAAO4B,EAAA,KAAM;AAAA,gBAAA;AAAA,gBAT3F,uBAAqBA,EAAA,MAAO;AAAA,gBAC5B,uBAAmBW,IAAAX,EAAA,MAAO,uBAAP,gBAAAW,EAA2B,UAAK;AAAA,gBACnD,uBAAqBzC,EAAA,MAAiB8B,EAAA,MAAO,cAAc;AAAA,gBAC3D,gBAAcpC,EAAA,UAAS,cAAmBA,EAAA,UAAS;AAAA,gBACnD,oBAAkBA,EAAA,UAAS,cAAmBA,YAAS,eAAoBA,EAAA,2BAA+BA,EAAA,UAAS;AAAA,gBACnH,qBAAmBA,EAAA,UAAS,eAA+BS,EAAA,UAAY,qBAA0B+C,KAAM,SAAS,aAAa,MAAM,0BAAoC/C,EAAA,UAAY,uBAA4B+C,KAAM,SAAS,aAAa,MAAM,6BAAsCxD,EAAA,UAAS,iBAAsBA,EAAA,UAAS,sBAA2BA,EAAA,UAAS;AAAA,cAAA;gBAO9VuE,IAAAnC,EAAA,UAAA,gBAAAmC,EAAQ,UAAI,oBAAyBzB,EAAA,cAD7CgB,EAKEU,IAAA;AAAA;4BAHS1B,EAAA;AAAA;2CAAAA,EAAwB,QAAAY;AAAA,kBAEZE,EAAA,EAAA,MAAAA,EAAA,EAAA,IAAA,CAAApD,MAAqC0D,EAAAA,MAAK,cAAe1D,GAAO4B,EAAA,KAAM;AAAA,gBAAA;AAAA,gBAD1F,uBAAmBqC,IAAArC,EAAA,MAAO,uBAAP,gBAAAqC,EAA2B,UAAK;AAAA,cAAA;;;;;;;;;"}

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

@@ -1,114 +0,0 @@
-import { defineComponent as U, computed as p, ref as v, watch as f, createElementBlock as G, openBlock as x, createElementVNode as g, withModifiers as I, createVNode as w, unref as b, createBlock as E } from "vue";
-import { PlDropdown as N, SliderRange as F, Slider as _ } from "@platforma-sdk/ui-vue";
-import { DEFAULT_DOT_SIZE as z, DEFAULT_DOT_RANGE as T } from "../../dataBindAes.js";
-import { useStore as B } from "../../store.js";
-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: { default: void 0 },
-    min: { default: 3 },
-    max: { default: 10 },
-    possibleAesSourceInputs: { default: void 0 }
-  },
-  emits: ["aes-update", "aes-selector-close"],
-  setup(s, { emit: h }) {
-    const o = s, r = B(), d = p(() => r.value.reactive.chartType), i = h, k = {
-      discrete: ["primaryGrouping", "secondaryGrouping"],
-      scatterplot: ["size"],
-      "scatterplot-umap": ["size"],
-      dendro: [],
-      heatmap: [],
-      histogram: [],
-      bubble: []
-    }, 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 d.value === "scatterplot" || d.value === "dendro" ? `Grouping: ${e == null ? void 0 : e.label}` : e ? (e == null ? void 0 : e.label) ?? "" : "Not consistent (grouping)";
-    }
-    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: c }) => {
-          V.value.getSourceInfo(c).type !== "String" && t.push({
-            text: A(c),
-            value: c
-          });
-        });
-      }), t.length ? t : [{ text: "Fixed", value: "fix" }];
-    }), u = v(S(o.selected) ? z : o.selected ?? z), n = v(S(o.selected) ? [o.selected.range.min, o.selected.range.max] : [T.min, T.max]);
-    return f(
-      () => l.value,
-      (t) => {
-        if (t === "fix")
-          i("aes-update", u.value);
-        else {
-          const e = {
-            column: t,
-            range: { min: n.value[0], max: n.value[1] }
-          };
-          i("aes-update", e);
-        }
-      }
-    ), f(
-      () => u.value,
-      (t) => {
-        l.value === "fix" && i("aes-update", t);
-      }
-    ), f(
-      () => n.value,
-      (t) => {
-        if (l.value !== "fix") {
-          const e = {
-            column: l.value,
-            range: { min: t[0], max: t[1] }
-          };
-          i("aes-update", e);
-        }
-      }
-    ), (t, e) => (x(), G("div", C, [
-      g("div", L, [
-        g("div", {
-          class: "aes-input-select",
-          onClick: e[1] || (e[1] = I(() => {
-          }, ["stop"]))
-        }, [
-          w(b(N), {
-            modelValue: l.value,
-            "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"
-        }, 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"
-        }, null, 8, ["modelValue", "min", "max"]))
-      ])
-    ]));
-  }
-});
-export {
-  j as default
-};
-//# sourceMappingURL=DotSizeSelector.vue.js.map

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

@@ -1 +0,0 @@
-{"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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"}

package/dist/forms/LayersForm/DotSizeSelector.vue3.js

@@ -1,6 +0,0 @@
-import o from "./DotSizeSelector.vue.js";
-import './DotSizeSelector.css';/* empty css                     */
-export {
-  o as default
-};
-//# sourceMappingURL=DotSizeSelector.vue3.js.map

package/dist/forms/LayersForm/DotSizeSelector.vue3.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DotSizeSelector.vue3.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}

package/dist/forms/LayersForm/Layer/Bubble.vue.js

@@ -1,152 +0,0 @@
-import { defineComponent as B, computed as i, ref as v, createElementBlock as T, openBlock as f, Fragment as P, createVNode as a, createBlock as E, createCommentVNode as I, createElementVNode as u, unref as n, withCtx as M } from "vue";
-import { useStore as _ } from "../../../store.js";
-import { DEFAULT_BLACK as x, PALETTE_MAP as U } from "../../../constantsAesthetic.js";
-import { createContinuousMappingFromPalette as z } from "../../../dataBindAes.js";
-import D from "../../../components/MultiselectButton.vue.js";
-import L from "../../../components/AesSettings/PalettesForm.vue.js";
-import G from "../../../components/AesSettings/FormWrapper.vue.js";
-import { PlBtnGroup as p, PlCheckbox as b, PlNumberField as R } from "@platforma-sdk/ui-vue";
-import $ from "../AesSelector.vue.js";
-import { AGGREGATION_METHOD_OPTIONS as F } from "../../../constantsCommon.js";
-const w = { class: "input-item" }, H = { class: "button-group-item" }, X = { class: "button-group-item" }, Y = { class: "checkbox-item" }, Z = { class: "checkbox-item" }, K = { class: "button-group-item" }, j = {
-  class: "button-group-item",
-  style: { display: "flex", alignItems: "end" }
-}, q = "bubble", se = /* @__PURE__ */ B({
-  __name: "Bubble",
-  setup(J) {
-    const s = _(), t = i(() => s.value.reactive.layersSettings[q]), V = i(() => s.value.reactive.optionsState), r = i(() => {
-      var o;
-      return (o = V.value.components.valueColor.selectorStates[0]) == null ? void 0 : o.selectedSource;
-    }), N = i(() => {
-      var o;
-      return r.value ? (o = s.value.reactive.dataBindAes[r.value]) == null ? void 0 : o.palette : void 0;
-    }), m = v(!1), d = v(N.value ?? s.value.defaultPalette.continuous);
-    function C(o) {
-      d.value = o, m.value = !1, r.value && (s.value.reactive.dataBindAes[r.value] = z(o));
-    }
-    const k = [
-      { label: "None", value: null },
-      { label: "Columns", value: "column" },
-      { label: "Rows", value: "row" }
-    ], O = [
-      { label: "z-score", value: "standardScaling" },
-      { label: "Min-max", value: "meanNormalization" }
-    ], S = F, A = i({
-      get: () => t.value.strokeColor ?? x,
-      set: (o) => {
-        t.value.strokeColor = o;
-      }
-    }), y = [
-      { label: "empty", value: null },
-      { label: "Special value", value: "custom" }
-    ], g = v(t.value.NAValueAs !== null ? "custom" : t.value.NAValueAs), c = v(t.value.NAValueAs ?? 0);
-    return (o, e) => (f(), T(P, null, [
-      a(D, {
-        label: "Color Palette ",
-        title: n(U)[d.value].title,
-        palette: d.value,
-        onButtonClick: e[0] || (e[0] = (l) => {
-          m.value = !0;
-        })
-      }, null, 8, ["title", "palette"]),
-      m.value ? (f(), E(G, {
-        key: 0,
-        title: "Color Palette",
-        "back-title": "Color mapping",
-        "onForm:close": e[1] || (e[1] = (l) => m.value = !1)
-      }, {
-        default: M(() => [
-          a(L, {
-            selected: d.value,
-            categorical: !1,
-            onSelect: C
-          }, null, 8, ["selected"])
-        ]),
-        _: 1
-      })) : I("", !0),
-      u("div", w, [
-        a($, {
-          label: "Stroke color",
-          "form-title": "Stroke Color Settings",
-          "form-back-title": "Layers",
-          type: "stroke",
-          "possible-aes-source-inputs": [],
-          selected: A.value,
-          onAesUpdate: e[2] || (e[2] = (l) => A.value = l)
-        }, null, 8, ["selected"])
-      ]),
-      u("div", H, [
-        a(n(p), {
-          modelValue: t.value.normalizationDirection,
-          "onUpdate:modelValue": e[3] || (e[3] = (l) => t.value.normalizationDirection = l),
-          label: "Normalize by",
-          options: k,
-          compact: !0
-        }, null, 8, ["modelValue"])
-      ]),
-      u("div", X, [
-        a(n(p), {
-          modelValue: t.value.normalizationMethod,
-          "onUpdate:modelValue": e[4] || (e[4] = (l) => t.value.normalizationMethod = l),
-          label: "Normalization method",
-          options: O,
-          compact: !0
-        }, null, 8, ["modelValue"])
-      ]),
-      u("div", Y, [
-        a(n(b), {
-          modelValue: t.value.aggregateByX,
-          "onUpdate:modelValue": e[5] || (e[5] = (l) => t.value.aggregateByX = l)
-        }, null, 8, ["modelValue"]),
-        e[12] || (e[12] = u("span", null, "Aggregate X groups", -1))
-      ]),
-      u("div", Z, [
-        a(n(b), {
-          modelValue: t.value.aggregateByY,
-          "onUpdate:modelValue": e[6] || (e[6] = (l) => t.value.aggregateByY = l)
-        }, null, 8, ["modelValue"]),
-        e[13] || (e[13] = u("span", null, "Aggregate Y groups", -1))
-      ]),
-      u("div", K, [
-        a(n(p), {
-          modelValue: t.value.aggregationMethod,
-          "onUpdate:modelValue": e[7] || (e[7] = (l) => t.value.aggregationMethod = l),
-          label: "Aggregation method",
-          options: n(S),
-          compact: !0
-        }, null, 8, ["modelValue", "options"])
-      ]),
-      u("div", j, [
-        a(n(p), {
-          modelValue: g.value,
-          "onUpdate:modelValue": [
-            e[8] || (e[8] = (l) => g.value = l),
-            e[9] || (e[9] = (l) => {
-              l === "custom" ? t.value.NAValueAs = c.value : t.value.NAValueAs = l;
-            })
-          ],
-          label: "Treat NA value as:",
-          options: y,
-          compact: !0
-        }, null, 8, ["modelValue"]),
-        a(n(R), {
-          modelValue: c.value,
-          "onUpdate:modelValue": [
-            e[10] || (e[10] = (l) => c.value = l),
-            e[11] || (e[11] = (l) => {
-              l !== void 0 && (t.value.NAValueAs = l);
-            })
-          ],
-          style: { height: "33px", marginLeft: "16px", width: "75px" },
-          disabled: g.value !== "custom",
-          label: "NA value",
-          useIncrementButtons: !1
-        }, null, 8, ["modelValue", "disabled"])
-      ])
-    ], 64));
-  }
-});
-export {
-  se as default
-};
-//# sourceMappingURL=Bubble.vue.js.map

package/dist/forms/LayersForm/Layer/Bubble.vue.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Bubble.vue.js","sources":["../../../../src/forms/LayersForm/Layer/Bubble.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { useStore } from '../../../store';\nimport type { BubbleLayer } from '../../../types';\nimport { computed, ref } from 'vue';\nimport {\n  DEFAULT_BLACK,\n  PALETTE_MAP,\n} from '../../../constantsAesthetic';\nimport type { ContinuousPalette } from '../../../components/AesSettings/types';\nimport { createContinuousMappingFromPalette } from '../../../dataBindAes';\nimport MultiselectButton from '../../../components/MultiselectButton.vue';\nimport PalettesForm from '../../../components/AesSettings/PalettesForm.vue';\nimport FormWrapper from '../../../components/AesSettings/FormWrapper.vue';\nimport type { BubbleUIState } from '@milaboratories/pf-plots';\nimport type { SimpleOption } from '@platforma-sdk/ui-vue';\nimport { PlBtnGroup, PlCheckbox, PlNumberField } from '@platforma-sdk/ui-vue';\nimport AesSelector from '../AesSelector.vue';\nimport { AGGREGATION_METHOD_OPTIONS } from '../../../constantsCommon';\n\nconst store = useStore();\nconst layer: BubbleLayer = 'bubble';\nconst settings = computed(() => store.value.reactive.layersSettings[layer]);\nconst optionsState = computed(() => store.value.reactive.optionsState as BubbleUIState);\n\nconst valueColor = computed(() => optionsState.value.components.valueColor.selectorStates[0]?.selectedSource);\nconst savedDataValuePalette = computed(() => valueColor.value ? store.value.reactive.dataBindAes[valueColor.value]?.palette : undefined);\n\nconst palettesOpen = ref(false);\nconst palette = ref<ContinuousPalette>(savedDataValuePalette.value as ContinuousPalette ?? store.value.defaultPalette.continuous);\n\nfunction onPaletteSelect(value: ContinuousPalette) {\n  palette.value = value;\n  palettesOpen.value = false;\n  if (valueColor.value) {\n    store.value.reactive.dataBindAes[valueColor.value] = createContinuousMappingFromPalette(value);\n  }\n}\n\nconst NORMALIZATION_DIRECTION: SimpleOption[] = [\n  { label: 'None', value: null },\n  { label: 'Columns', value: 'column' },\n  { label: 'Rows', value: 'row' },\n];\nconst NORMALIZATION_METHOD: SimpleOption[] = [\n  { label: 'z-score', value: 'standardScaling' },\n  { label: 'Min-max', value: 'meanNormalization' },\n];\nconst AGGREGATION_METHOD = AGGREGATION_METHOD_OPTIONS;\n\nconst stroke = computed({\n  get: () => {\n    return settings.value.strokeColor ?? DEFAULT_BLACK;\n  },\n  set: (v: string) => {\n    settings.value.strokeColor = v;\n  },\n});\n\nconst NA_VALUE_OPTIONS: SimpleOption[] = [\n  { label: 'empty', value: null },\n  { label: 'Special value', value: 'custom' },\n];\n\nconst NAValueOption = ref(settings.value.NAValueAs !== null ? 'custom' : settings.value.NAValueAs);\nconst customNA = ref(settings.value.NAValueAs ?? 0);\n\n</script>\n\n<template>\n  <MultiselectButton\n    label=\"Color Palette \"\n    :title=\"PALETTE_MAP[palette].title\"\n    :palette=\"palette\"\n    @button-click=\"palettesOpen = true;\"\n  />\n  <FormWrapper\n    v-if=\"palettesOpen\"\n    title=\"Color Palette\"\n    back-title=\"Color mapping\"\n    @form:close=\"palettesOpen = false\"\n  >\n    <PalettesForm :selected=\"palette\" :categorical=\"false\" @select=\"onPaletteSelect\" />\n  </FormWrapper>\n  <div class=\"input-item\">\n    <AesSelector\n      label=\"Stroke color\"\n      form-title=\"Stroke Color Settings\"\n      form-back-title=\"Layers\"\n      type=\"stroke\"\n      :possible-aes-source-inputs=\"[]\"\n      :selected=\"stroke\"\n      @aes-update=\"(v:string) => stroke = v\"\n    />\n  </div>\n  <div class=\"button-group-item\">\n    <PlBtnGroup\n      v-model=\"settings.normalizationDirection\"\n      label=\"Normalize by\"\n      :options=\"NORMALIZATION_DIRECTION\"\n      :compact=\"true\"\n    />\n  </div>\n  <div class=\"button-group-item\">\n    <PlBtnGroup\n      v-model=\"settings.normalizationMethod\"\n      label=\"Normalization method\"\n      :options=\"NORMALIZATION_METHOD\"\n      :compact=\"true\"\n    />\n  </div>\n  <div class=\"checkbox-item\">\n    <PlCheckbox v-model=\"settings.aggregateByX\"/>\n    <span>Aggregate X groups</span>\n  </div>\n  <div class=\"checkbox-item\">\n    <PlCheckbox v-model=\"settings.aggregateByY\"/>\n    <span>Aggregate Y groups</span>\n  </div>\n  <div class=\"button-group-item\">\n    <PlBtnGroup\n      v-model=\"settings.aggregationMethod\"\n      label=\"Aggregation method\"\n      :options=\"AGGREGATION_METHOD\"\n      :compact=\"true\"\n    />\n  </div>\n  <div class=\"button-group-item\" :style=\"{display: 'flex', alignItems: 'end'}\">\n    <PlBtnGroup\n      v-model=\"NAValueOption\"\n      label=\"Treat NA value as:\"\n      :options=\"NA_VALUE_OPTIONS\"\n      :compact=\"true\"\n      @update:modelValue=\"(value:unknown) => {\n        if (value === 'custom') {\n          settings.NAValueAs = customNA;\n        } else {\n          settings.NAValueAs = value as number|null;\n        }\n      }\"\n    />\n    <PlNumberField\n      v-model=\"customNA\"\n      :style=\"{height: '33px', marginLeft: '16px', width: '75px'}\"\n      :disabled=\"NAValueOption !== 'custom'\"\n      label=\"NA value\"\n      :useIncrementButtons=\"false\"\n      @update:modelValue=\"(value:unknown) => {\n        if (value !== undefined) {\n          settings.NAValueAs = value as number;\n        }\n      }\"\n    />\n  </div>\n</template>\n"],"names":["layer","store","useStore","settings","computed","optionsState","valueColor","_a","savedDataValuePalette","palettesOpen","ref","palette","onPaletteSelect","value","createContinuousMappingFromPalette","NORMALIZATION_DIRECTION","NORMALIZATION_METHOD","AGGREGATION_METHOD","AGGREGATION_METHOD_OPTIONS","stroke","DEFAULT_BLACK","v","NA_VALUE_OPTIONS","NAValueOption","customNA","_createVNode","MultiselectButton","_unref","PALETTE_MAP","_createBlock","FormWrapper","PalettesForm","_createElementVNode","_hoisted_1","AesSelector","_cache","_hoisted_2","PlBtnGroup","$event","_hoisted_3","_hoisted_4","PlCheckbox","_hoisted_5","_hoisted_6","_hoisted_7","PlNumberField"],"mappings":"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"}