@milaboratories/graph-maker 1.1.132 → 1.1.134

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

@@ -0,0 +1 @@
+{"version":3,"file":"AesSelector.vue.js","sources":["../../../../src/GraphMaker/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-reordering=\"chartType === 'discrete' || chartType === 'histogram'\"\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"],"mappings":"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"}

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

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

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

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

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

@@ -1,46 +1,19 @@
-import { ContinuousDataMappingSize } from '../../constantsCommon.ts';
-
-declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+import { ContinuousDataMappingSize } from '../../constantsCommon';
+type __VLS_Props = {
     selected?: number | ContinuousDataMappingSize;
     min?: number;
     max?: number;
     possibleAesSourceInputs?: string[];
-}>, {
-    min: number;
-    max: number;
-}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     "aes-update": (...args: any[]) => void;
     "aes-selector-close": (...args: any[]) => void;
-}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
-    selected?: number | ContinuousDataMappingSize;
-    min?: number;
-    max?: number;
-    possibleAesSourceInputs?: string[];
-}>, {
-    min: number;
-    max: number;
-}>>> & Readonly<{
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
     "onAes-update"?: ((...args: any[]) => any) | undefined;
     "onAes-selector-close"?: ((...args: any[]) => any) | undefined;
 }>, {
     min: number;
     max: number;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
 export default _default;
-type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
-type __VLS_TypePropsToRuntimeProps<T> = {
-    [K in keyof T]-?: {} extends Pick<T, K> ? {
-        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
-    } : {
-        type: import('vue').PropType<T[K]>;
-        required: true;
-    };
-};
-type __VLS_WithDefaults<P, D> = {
-    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
-        default: D[K];
-    }> : P[K];
-};
-type __VLS_Prettify<T> = {
-    [K in keyof T]: T[K];
-} & {};
+//# sourceMappingURL=DotSizeSelector.vue.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DotSizeSelector.vue.d.ts","sourceRoot":"","sources":["../../../../src/GraphMaker/forms/LayersForm/DotSizeSelector.vue"],"names":[],"mappings":"AA2JA,OAAO,EAAE,yBAAyB,EAA2B,MAAM,uBAAuB,CAAC;AAG3F,KAAK,WAAW,GAAG;IACjB,QAAQ,CAAC,EAAE,MAAM,GAAG,yBAAyB,CAAC;IAC9C,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,uBAAuB,CAAC,EAAE,MAAM,EAAE,CAAC;CACpC,CAAC;;;;;;;;SAHM,MAAM;SACN,MAAM;;AAqNd,wBASG"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"DotSizeSelector.vue.js","sources":["../../../../src/GraphMaker/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"],"mappings":"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"}

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

@@ -0,0 +1,7 @@
+(function(){"use strict";try{if(typeof document<"u"){var e=document.createElement("style");e.appendChild(document.createTextNode(".dot-size-selector{margin-top:24px}.dot-size-selector__row{margin:12px 0}")),document.head.appendChild(e)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}})();
+import o from "./DotSizeSelector.vue.js";
+
+export {
+  o as default
+};
+//# sourceMappingURL=DotSizeSelector.vue3.js.map

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

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

package/dist/GraphMaker/forms/LayersForm/Layer/Bubble.vue.d.ts

@@ -1,2 +1,3 @@
 declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;
+//# sourceMappingURL=Bubble.vue.d.ts.map

package/dist/GraphMaker/forms/LayersForm/Layer/Bubble.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Bubble.vue.d.ts","sourceRoot":"","sources":["../../../../../src/GraphMaker/forms/LayersForm/Layer/Bubble.vue"],"names":[],"mappings":";AAicA,wBAKG"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"Bubble.vue.js","sources":["../../../../../src/GraphMaker/forms/LayersForm/Layer/Bubble.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { useStore } from '../../../store';\nimport { BubbleLayer } from '../../../types';\nimport { computed, ref } from 'vue';\nimport {\n  DEFAULT_BLACK,\n  DEFAULT_CONTINUOUS_PALETTE,\n  PALETTE_MAP\n} from '../../../constantsAesthetic';\nimport { 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 { BubbleUIState, InputGuide } from '@milaboratories/pf-plots';\nimport { PlBtnGroup, PlNumberField, SimpleOption } from '@platforma-sdk/ui-vue';\nimport AesSelector from '../AesSelector.vue';\n\nconst store = useStore();\nconst layer: BubbleLayer = 'bubble';\nconst settings = computed(() => store.value.reactive.layersSettings.bubble);\nconst optionsState = computed(() => store.value.reactive.optionsState as BubbleUIState);\nconst inputGuide = computed(() => store.value.inputGuide.value as InputGuide<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 ?? DEFAULT_CONTINUOUS_PALETTE);\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]\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  <multiselect-button\n    label=\"Color Palette \"\n    :title=\"PALETTE_MAP[palette].title\"\n    :palette=\"palette\"\n    @button-click=\"palettesOpen = true;\"\n  />\n  <form-wrapper\n    v-if=\"palettesOpen\"\n    title=\"Color Palette\"\n    back-title=\"Color mapping\"\n    @form:close=\"palettesOpen = false\"\n  >\n    <palettes-form :selected=\"palette\" :categorical=\"false\" @select=\"onPaletteSelect\" />\n  </form-wrapper>\n  <div class=\"input-item\">\n    <aes-selector\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    <pl-btn-group\n      label=\"Normalize by\"\n      :options=\"NORMALIZATION_DIRECTION\"\n      :compact=\"true\"\n      v-model=\"settings.normalizationDirection\"\n    />\n  </div>\n  <div class=\"button-group-item\">\n    <pl-btn-group\n      label=\"Normalization method\"\n      :options=\"NORMALIZATION_METHOD\"\n      :compact=\"true\"\n      v-model=\"settings.normalizationMethod\"\n    />\n  </div>\n  <div class=\"button-group-item\" :style=\"{display: 'flex', alignItems: 'end'}\">\n    <pl-btn-group\n      label=\"Treat NA value as:\"\n      :options=\"NA_VALUE_OPTIONS\"\n      :compact=\"true\"\n      v-model=\"NAValueOption\"\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    <pl-number-field\n      :style=\"{height: '33px', marginLeft: '16px', width: '75px'}\"\n      :disabled=\"NAValueOption !== 'custom'\"\n      label=\"NA value\"\n      :useIncrementButtons=\"false\"\n      v-model=\"customNA\"\n      @update:modelValue=\"(value:unknown) => {\n        if (value !== undefined) {\n          settings.NAValueAs = value as number;\n        }\n      }\"\n    />\n  </div>\n</template>\n"],"names":["store","useStore","settings","computed","optionsState","valueColor","_a","savedDataValuePalette","palettesOpen","ref","palette","DEFAULT_CONTINUOUS_PALETTE","onPaletteSelect","value","createContinuousMappingFromPalette","NORMALIZATION_DIRECTION","NORMALIZATION_METHOD","stroke","DEFAULT_BLACK","v","NA_VALUE_OPTIONS","NAValueOption","customNA"],"mappings":";;;;;;;;;;;;;;;AAkBA,UAAMA,IAAQC,EAAA,GAERC,IAAWC,EAAS,MAAMH,EAAM,MAAM,SAAS,eAAe,MAAM,GACpEI,IAAeD,EAAS,MAAMH,EAAM,MAAM,SAAS,YAA6B;AACnE,IAAAG,EAAS,MAAMH,EAAM,MAAM,WAAW,KAAkC;AAE3F,UAAMK,IAAaF,EAAS,MAAA;;AAAM,cAAAG,IAAAF,EAAa,MAAM,WAAW,WAAW,eAAe,CAAC,MAAzD,gBAAAE,EAA4D;AAAA,KAAc,GACtGC,IAAwBJ,EAAS,MAAA;;AAAM,aAAAE,EAAW,SAAQC,IAAAN,EAAM,MAAM,SAAS,YAAYK,EAAW,KAAK,MAAjD,gBAAAC,EAAoD,UAAU;AAAA,KAAS,GAEjIE,IAAeC,EAAI,EAAK,GACxBC,IAAUD,EAAuBF,EAAsB,SAA8BI,CAA0B;AAErH,aAASC,EAAgBC,GAA0B;AACjD,MAAAH,EAAQ,QAAQG,GAChBL,EAAa,QAAQ,IACjBH,EAAW,UACbL,EAAM,MAAM,SAAS,YAAYK,EAAW,KAAK,IAAIS,EAAmCD,CAAK;AAAA,IAEjG;AAEA,UAAME,IAAyC;AAAA,MAC7C,EAAC,OAAO,QAAQ,OAAO,KAAA;AAAA,MACvB,EAAC,OAAO,WAAW,OAAO,SAAA;AAAA,MAC1B,EAAC,OAAO,QAAQ,OAAO,MAAA;AAAA,IAAK,GAExBC,IAAsC;AAAA,MAC1C,EAAC,OAAO,WAAW,OAAO,kBAAA;AAAA,MAC1B,EAAC,OAAO,WAAW,OAAO,oBAAA;AAAA,IAAmB,GAGzCC,IAASd,EAAS;AAAA,MACtB,KAAK,MACID,EAAS,MAAM,eAAegB;AAAA,MAEvC,KAAK,CAACC,MAAa;AACjB,QAAAjB,EAAS,MAAM,cAAciB;AAAA,MAC/B;AAAA,IAAA,CACD,GAEKC,IAAmC;AAAA,MACvC,EAAE,OAAO,SAAS,OAAO,KAAA;AAAA,MACzB,EAAE,OAAO,iBAAiB,OAAO,SAAA;AAAA,IAAS,GAGtCC,IAAgBZ,EAAIP,EAAS,MAAM,cAAc,OAAO,WAAWA,EAAS,MAAM,SAAS,GAC3FoB,IAAWb,EAAIP,EAAS,MAAM,aAAa,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/GraphMaker/forms/LayersForm/Layer/Bubble.vue2.js

@@ -0,0 +1,5 @@
+import f from "./Bubble.vue.js";
+export {
+  f as default
+};
+//# sourceMappingURL=Bubble.vue2.js.map

package/dist/GraphMaker/forms/LayersForm/Layer/Bubble.vue2.js.map

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

package/dist/GraphMaker/forms/LayersForm/Layer/Dendro.vue.d.ts

@@ -1,2 +1,3 @@
 declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;
+//# sourceMappingURL=Dendro.vue.d.ts.map

package/dist/GraphMaker/forms/LayersForm/Layer/Dendro.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dendro.vue.d.ts","sourceRoot":"","sources":["../../../../../src/GraphMaker/forms/LayersForm/Layer/Dendro.vue"],"names":[],"mappings":";AAsdA,wBAKG"}

package/dist/GraphMaker/forms/LayersForm/Layer/Dendro.vue.js

@@ -0,0 +1,122 @@
+import { defineComponent as N, computed as n, ref as h, createElementBlock as w, openBlock as m, Fragment as U, createVNode as i, createElementVNode as d, createBlock as b, unref as p } from "vue";
+import { useStore as A } from "../../../store.js";
+import v from "../AesSelector.vue.js";
+import { SliderRange as B, Slider as F, PlCheckbox as C } from "@platforma-sdk/ui-vue";
+import { isNumberRange as x } from "../../../constantsCommon.js";
+const M = { class: "checkbox-item" }, R = { class: "checkbox-item" }, r = "dendro", q = /* @__PURE__ */ N({
+  __name: "Dendro",
+  setup(D) {
+    const a = A(), o = n(() => a.value.reactive.layersSettings[r]), u = n(
+      () => a.value.reactive.optionsState
+    ), V = n(() => o.value.dotFill), k = n(() => o.value.dotShape), z = n(() => o.value.lineColor);
+    function S(l, e, t) {
+      typeof l == "string" ? a.value.reactive.layersSettings[r][t] = l : e.type === "dataCategorical" && (a.value.reactive.layersSettings[r][t] = {
+        type: e.inputName,
+        value: e.selectedSource
+      }), e.type === "dataCategorical" && typeof l != "string" && (a.value.reactive.dataBindAes[e.selectedSource] = l);
+    }
+    function L(l, e, t) {
+      typeof l == "string" ? a.value.reactive.layersSettings[r][t] = l : e.type === "dataCategorical" && (a.value.reactive.layersSettings[r][t] = {
+        type: e.inputName,
+        value: e.selectedSource
+      }), e.type === "dataCategorical" && typeof l != "string" && (a.value.reactive.dataBindAes[e.selectedSource] = l);
+    }
+    const g = h(o.value.leavesMode === "alignLeavesToLine"), f = n({
+      get() {
+        return o.value.showLegend ?? !0;
+      },
+      set(l) {
+        o.value.showLegend = l;
+      }
+    }), c = n({
+      get() {
+        return x(o.value.dotSize) ? [o.value.dotSize.min, o.value.dotSize.max] : [3, 10];
+      },
+      set([l, e]) {
+        o.value.dotSize = { min: l, max: e };
+      }
+    }), y = n({
+      get() {
+        return x(o.value.dotSize) ? 3 : o.value.dotSize;
+      },
+      set(l) {
+        o.value.dotSize = l;
+      }
+    });
+    return (l, e) => (m(), w(U, null, [
+      i(v, {
+        label: "Node color",
+        "form-title": "Node Color Settings",
+        "form-back-title": "Layers",
+        type: "fill",
+        selected: V.value,
+        "possible-aes-source-inputs": ["nodeColor"],
+        "without-fixed": u.value.components.nodeColor.selectorStates.length > 0,
+        onAesUpdate: e[0] || (e[0] = (t, s) => S(t, s, "dotFill"))
+      }, null, 8, ["selected", "without-fixed"]),
+      i(v, {
+        label: "Node shape",
+        "form-title": "Node Shape Settings",
+        "form-back-title": "Layers",
+        type: "dotShape",
+        selected: k.value,
+        "possible-aes-source-inputs": ["nodeShape"],
+        "without-fixed": u.value.components.nodeShape.selectorStates.length > 0,
+        onAesUpdate: e[1] || (e[1] = (t, s) => L(t, s, "dotShape"))
+      }, null, 8, ["selected", "without-fixed"]),
+      i(v, {
+        label: "Line color",
+        "form-title": "Line Color Settings",
+        "form-back-title": "Layers",
+        type: "fill",
+        selected: z.value,
+        "possible-aes-source-inputs": ["lineColor"],
+        "without-fixed": u.value.components.lineColor.selectorStates.length > 0,
+        onAesUpdate: e[2] || (e[2] = (t, s) => S(t, s, "lineColor"))
+      }, null, 8, ["selected", "without-fixed"]),
+      d("div", null, [
+        u.value.components.nodeSize.selectorStates.length > 0 ? (m(), b(p(B), {
+          key: 0,
+          min: 3,
+          max: 10,
+          breakpoints: !0,
+          label: "Node size range",
+          modelValue: c.value,
+          "onUpdate:modelValue": e[3] || (e[3] = (t) => c.value = t)
+        }, null, 8, ["modelValue"])) : (m(), b(p(F), {
+          key: 1,
+          min: 3,
+          max: 10,
+          step: 1,
+          breakpoints: !0,
+          label: "Node size",
+          modelValue: y.value,
+          "onUpdate:modelValue": e[4] || (e[4] = (t) => y.value = t)
+        }, null, 8, ["modelValue"]))
+      ]),
+      d("div", M, [
+        i(p(C), {
+          modelValue: g.value,
+          "onUpdate:modelValue": [
+            e[5] || (e[5] = (t) => g.value = t),
+            e[6] || (e[6] = (t) => {
+              o.value.leavesMode = t ? "alignLeavesToLine" : "normal";
+            })
+          ]
+        }, null, 8, ["modelValue"]),
+        e[8] || (e[8] = d("span", null, "Move leaves to the right", -1))
+      ]),
+      d("div", R, [
+        i(p(C), {
+          modelValue: f.value,
+          "onUpdate:modelValue": e[7] || (e[7] = (t) => f.value = t)
+        }, null, 8, ["modelValue"]),
+        e[9] || (e[9] = d("span", null, "Show legend", -1))
+      ])
+    ], 64));
+  }
+});
+export {
+  q as default
+};
+//# sourceMappingURL=Dendro.vue.js.map

package/dist/GraphMaker/forms/LayersForm/Layer/Dendro.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dendro.vue.js","sources":["../../../../../src/GraphMaker/forms/LayersForm/Layer/Dendro.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { useStore } from '../../../store';\nimport { computed, ref } from \"vue\";\nimport AesSelector from '../AesSelector.vue';\nimport { AestheticMappingCategorical } from '../../../dataBindAes';\nimport {\n  AesMappingOption,\n  AesOption,\n  DotShape,\n} from '../../../components/AesSettings/types';\nimport { DendroUIState } from \"@milaboratories/pf-plots\";\nimport { PlCheckbox, SliderRange, Slider } from '@platforma-sdk/ui-vue';\nimport { isNumberRange } from '../../../constantsCommon';\n\nconst store = useStore();\nconst layer = \"dendro\";\nconst settings = computed(() => store.value.reactive.layersSettings[layer]);\nconst optionsState = computed(\n  () => store.value.reactive.optionsState as DendroUIState,\n);\n\nconst nodeColor = computed(() => settings.value.dotFill);\nconst nodeShape = computed(() => settings.value.dotShape);\nconst lineColor = computed(() => settings.value.lineColor);\n\nfunction onUpdate(\n  value: string | AestheticMappingCategorical,\n  colorOption: AesOption,\n  field: \"dotFill\" | \"lineColor\",\n) {\n  if (typeof value === \"string\") {\n    store.value.reactive.layersSettings[layer][field] = value;\n  } else if (colorOption.type === \"dataCategorical\") {\n    store.value.reactive.layersSettings[layer][field] = {\n      type: colorOption.inputName,\n      value: colorOption.selectedSource,\n    };\n  }\n  if (colorOption.type === \"dataCategorical\" && typeof value !== \"string\") {\n    store.value.reactive.dataBindAes[colorOption.selectedSource] = value;\n  }\n}\n\nfunction onUpdateDot(\n  value: DotShape | AestheticMappingCategorical,\n  colorOption: AesMappingOption,\n  field: \"dotShape\",\n) {\n  if (typeof value === \"string\") {\n    store.value.reactive.layersSettings[layer][field] = value;\n  } else if (colorOption.type === \"dataCategorical\") {\n    store.value.reactive.layersSettings[layer][field] = {\n      type: colorOption.inputName,\n      value: colorOption.selectedSource,\n    };\n  }\n  if (colorOption.type === \"dataCategorical\" && typeof value !== \"string\") {\n    store.value.reactive.dataBindAes[colorOption.selectedSource] = value;\n  }\n}\n\n// Tree mode 'useAllNodesAsLeaves' - align tree special way to be able to set table line opposite every node\n// const treeAlign = ref(settings.value.mode === 'useAllNodesAsLeaves');\nconst leavesAlign = ref(settings.value.leavesMode === 'alignLeavesToLine');\n\nconst showLegend = computed({\n  get() { return settings.value.showLegend ?? true},\n  set(v) {\n    settings.value.showLegend = v;\n  },\n})\nconst nodeSizeRange = computed<[number, number]>({\n  get() { return isNumberRange(settings.value.dotSize) ? [settings.value.dotSize.min, settings.value.dotSize.max] : [3, 10]},\n  set([min, max]:[number, number]) {\n    settings.value.dotSize = {min, max};\n  }\n})\nconst nodeSize = computed<number>({\n  get() { return isNumberRange(settings.value.dotSize) ? 3 : settings.value.dotSize},\n  set(v:number) {\n    settings.value.dotSize = v;\n  }\n})\n\n</script>\n\n<template>\n  <aes-selector\n    label=\"Node color\"\n    form-title=\"Node Color Settings\"\n    form-back-title=\"Layers\"\n    type=\"fill\"\n    :selected=\"nodeColor\"\n    :possible-aes-source-inputs=\"['nodeColor']\"\n    :without-fixed=\"\n      optionsState.components.nodeColor.selectorStates.length > 0\n    \"\n    @aes-update=\"(v:string|AestheticMappingCategorical, c:AesOption) => onUpdate(v, c, 'dotFill')\"\n  />\n  <aes-selector\n    label=\"Node shape\"\n    form-title=\"Node Shape Settings\"\n    form-back-title=\"Layers\"\n    type=\"dotShape\"\n    :selected=\"nodeShape\"\n    :possible-aes-source-inputs=\"['nodeShape']\"\n    :without-fixed=\"\n      optionsState.components.nodeShape.selectorStates.length > 0\n    \"\n    @aes-update=\"(v:DotShape|AestheticMappingCategorical, c:AesMappingOption) => onUpdateDot(v, c, 'dotShape')\"\n  />\n  <aes-selector\n    label=\"Line color\"\n    form-title=\"Line Color Settings\"\n    form-back-title=\"Layers\"\n    type=\"fill\"\n    :selected=\"lineColor\"\n    :possible-aes-source-inputs=\"['lineColor']\"\n    :without-fixed=\"\n      optionsState.components.lineColor.selectorStates.length > 0\n    \"\n    @aes-update=\"(v:string|AestheticMappingCategorical, c:AesOption) => onUpdate(v, c, 'lineColor')\"\n  />\n<!--  <div class=\"checkbox-item\">-->\n<!--    <pl-checkbox v-model=\"treeAlign\" @update:modelValue=\"(v) => {-->\n<!--      settings.mode = v ? 'useAllNodesAsLeaves' : 'normal';-->\n<!--    }\"/>-->\n<!--    <span>Align every node with table</span>-->\n<!--  </div>-->\n  <div>\n    <SliderRange v-if=\"optionsState.components.nodeSize.selectorStates.length > 0\"\n                 :min=\"3\"\n                 :max=\"10\"\n                 :breakpoints=\"true\"\n                 label=\"Node size range\"\n                 v-model=\"nodeSizeRange\"\n    />\n    <Slider v-else\n            :min=\"3\"\n            :max=\"10\"\n            :step=\"1\"\n            :breakpoints=\"true\"\n            label=\"Node size\"\n            v-model=\"nodeSize\"\n    />\n  </div>\n  <div class=\"checkbox-item\">\n    <pl-checkbox v-model=\"leavesAlign\" @update:modelValue=\"(v) => {\n      settings.leavesMode = v ? 'alignLeavesToLine' : 'normal';\n    }\"/>\n    <span>Move leaves to the right</span>\n  </div>\n  <div class=\"checkbox-item\">\n    <pl-checkbox v-model=\"showLegend\"/>\n    <span>Show legend</span>\n  </div>\n</template>\n"],"names":["layer","store","useStore","settings","computed","optionsState","nodeColor","nodeShape","lineColor","onUpdate","value","colorOption","field","onUpdateDot","leavesAlign","ref","showLegend","v","nodeSizeRange","isNumberRange","min","max","nodeSize"],"mappings":";;;;;sEAeMA,IAAQ;;;AADd,UAAMC,IAAQC,EAAA,GAERC,IAAWC,EAAS,MAAMH,EAAM,MAAM,SAAS,eAAeD,CAAK,CAAC,GACpEK,IAAeD;AAAA,MACnB,MAAMH,EAAM,MAAM,SAAS;AAAA,IAAA,GAGvBK,IAAYF,EAAS,MAAMD,EAAS,MAAM,OAAO,GACjDI,IAAYH,EAAS,MAAMD,EAAS,MAAM,QAAQ,GAClDK,IAAYJ,EAAS,MAAMD,EAAS,MAAM,SAAS;AAEzD,aAASM,EACPC,GACAC,GACAC,GACA;AACA,MAAI,OAAOF,KAAU,WACnBT,EAAM,MAAM,SAAS,eAAeD,CAAK,EAAEY,CAAK,IAAIF,IAC3CC,EAAY,SAAS,sBAC9BV,EAAM,MAAM,SAAS,eAAeD,CAAK,EAAEY,CAAK,IAAI;AAAA,QAClD,MAAMD,EAAY;AAAA,QAClB,OAAOA,EAAY;AAAA,MAAA,IAGnBA,EAAY,SAAS,qBAAqB,OAAOD,KAAU,aAC7DT,EAAM,MAAM,SAAS,YAAYU,EAAY,cAAc,IAAID;AAAA,IAEnE;AAEA,aAASG,EACPH,GACAC,GACAC,GACA;AACA,MAAI,OAAOF,KAAU,WACnBT,EAAM,MAAM,SAAS,eAAeD,CAAK,EAAEY,CAAK,IAAIF,IAC3CC,EAAY,SAAS,sBAC9BV,EAAM,MAAM,SAAS,eAAeD,CAAK,EAAEY,CAAK,IAAI;AAAA,QAClD,MAAMD,EAAY;AAAA,QAClB,OAAOA,EAAY;AAAA,MAAA,IAGnBA,EAAY,SAAS,qBAAqB,OAAOD,KAAU,aAC7DT,EAAM,MAAM,SAAS,YAAYU,EAAY,cAAc,IAAID;AAAA,IAEnE;AAIA,UAAMI,IAAcC,EAAIZ,EAAS,MAAM,eAAe,mBAAmB,GAEnEa,IAAaZ,EAAS;AAAA,MAC1B,MAAM;AAAE,eAAOD,EAAS,MAAM,cAAc;AAAA,MAAI;AAAA,MAChD,IAAIc,GAAG;AACL,QAAAd,EAAS,MAAM,aAAac;AAAA,MAC9B;AAAA,IAAA,CACD,GACKC,IAAgBd,EAA2B;AAAA,MAC/C,MAAM;AAAE,eAAOe,EAAchB,EAAS,MAAM,OAAO,IAAI,CAACA,EAAS,MAAM,QAAQ,KAAKA,EAAS,MAAM,QAAQ,GAAG,IAAI,CAAC,GAAG,EAAE;AAAA,MAAC;AAAA,MACzH,IAAI,CAACiB,GAAKC,CAAG,GAAoB;AAC/B,QAAAlB,EAAS,MAAM,UAAU,EAAC,KAAAiB,GAAK,KAAAC,EAAA;AAAA,MACjC;AAAA,IAAA,CACD,GACKC,IAAWlB,EAAiB;AAAA,MAChC,MAAM;AAAE,eAAOe,EAAchB,EAAS,MAAM,OAAO,IAAI,IAAIA,EAAS,MAAM;AAAA,MAAO;AAAA,MACjF,IAAIc,GAAU;AACZ,QAAAd,EAAS,MAAM,UAAUc;AAAA,MAC3B;AAAA,IAAA,CACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/GraphMaker/forms/LayersForm/Layer/Dendro.vue2.js

@@ -0,0 +1,5 @@
+import f from "./Dendro.vue.js";
+export {
+  f as default
+};
+//# sourceMappingURL=Dendro.vue2.js.map

package/dist/GraphMaker/forms/LayersForm/Layer/Dendro.vue2.js.map

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

package/dist/GraphMaker/forms/LayersForm/Layer/discrete/Bar.vue.d.ts

@@ -1,2 +1,3 @@
 declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;
+//# sourceMappingURL=Bar.vue.d.ts.map

package/dist/GraphMaker/forms/LayersForm/Layer/discrete/Bar.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Bar.vue.d.ts","sourceRoot":"","sources":["../../../../../../src/GraphMaker/forms/LayersForm/Layer/discrete/Bar.vue"],"names":[],"mappings":";AAwRA,wBAKG"}