@milaboratories/graph-maker 1.1.191 → 1.1.193

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

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

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

@@ -1,27 +1,27 @@
-import { defineComponent as y, computed as s, ref as v, createElementBlock as B, openBlock as A, Fragment as O, createVNode as a, createBlock as x, createCommentVNode as E, createElementVNode as u, unref as n, withCtx as U } from "vue";
-import { useStore as P } from "../../../store.js";
-import { DEFAULT_CONTINUOUS_PALETTE as _, DEFAULT_BLACK as I, PALETTE_MAP as L } from "../../../constantsAesthetic.js";
+import { defineComponent as S, computed as i, ref as v, createElementBlock as x, openBlock as A, Fragment as O, createVNode as a, createBlock as P, createCommentVNode as T, createElementVNode as u, unref as n, withCtx as E } from "vue";
+import { useStore as I } from "../../../store.js";
+import { DEFAULT_BLACK as U, PALETTE_MAP as _ } from "../../../constantsAesthetic.js";
 import { createContinuousMappingFromPalette as z } from "../../../dataBindAes.js";
-import D from "../../../components/MultiselectButton.vue.js";
-import F from "../../../components/AesSettings/PalettesForm.vue.js";
+import L from "../../../components/MultiselectButton.vue.js";
+import D from "../../../components/AesSettings/PalettesForm.vue.js";
 import $ from "../../../components/AesSettings/FormWrapper.vue.js";
-import { PlBtnGroup as p, PlCheckbox as V, PlNumberField as R } from "@platforma-sdk/ui-vue";
-import w from "../AesSelector.vue.js";
-const G = { class: "input-item" }, X = { class: "button-group-item" }, Y = { class: "button-group-item" }, H = { class: "checkbox-item" }, Z = { class: "checkbox-item" }, K = { class: "button-group-item" }, j = {
+import { PlBtnGroup as p, PlCheckbox as f, PlNumberField as F } from "@platforma-sdk/ui-vue";
+import R from "../AesSelector.vue.js";
+const w = { class: "input-item" }, G = { class: "button-group-item" }, X = { class: "button-group-item" }, Y = { class: "checkbox-item" }, H = { class: "checkbox-item" }, Z = { class: "button-group-item" }, K = {
   class: "button-group-item",
   style: { display: "flex", alignItems: "end" }
-}, q = "bubble", ne = /* @__PURE__ */ y({
+}, j = "bubble", ue = /* @__PURE__ */ S({
   __name: "Bubble",
-  setup(J) {
-    const i = P(), t = s(() => i.value.reactive.layersSettings[q]), f = s(() => i.value.reactive.optionsState), r = s(() => {
+  setup(q) {
+    const s = I(), t = i(() => s.value.reactive.layersSettings[j]), V = i(() => s.value.reactive.optionsState), r = i(() => {
       var o;
-      return (o = f.value.components.valueColor.selectorStates[0]) == null ? void 0 : o.selectedSource;
-    }), N = s(() => {
+      return (o = V.value.components.valueColor.selectorStates[0]) == null ? void 0 : o.selectedSource;
+    }), N = i(() => {
       var o;
-      return r.value ? (o = i.value.reactive.dataBindAes[r.value]) == null ? void 0 : o.palette : void 0;
-    }), m = v(!1), d = v(N.value ?? _);
+      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 && (i.value.reactive.dataBindAes[r.value] = z(o));
+      d.value = o, m.value = !1, r.value && (s.value.reactive.dataBindAes[r.value] = z(o));
     }
     const k = [
       { label: "None", value: null },
@@ -30,46 +30,46 @@ const G = { class: "input-item" }, X = { class: "button-group-item" }, Y = { cla
     ], M = [
       { label: "z-score", value: "standardScaling" },
       { label: "Min-max", value: "meanNormalization" }
-    ], S = [
+    ], y = [
       { label: "Mean", value: "mean" },
       { label: "Min", value: "min" },
       { label: "Max", value: "max" },
       { label: "Median", value: "median" }
-    ], b = s({
-      get: () => t.value.strokeColor ?? I,
+    ], b = i({
+      get: () => t.value.strokeColor ?? U,
       set: (o) => {
         t.value.strokeColor = o;
       }
-    }), T = [
+    }), B = [
       { 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) => (A(), B(O, null, [
-      a(D, {
+    return (o, e) => (A(), x(O, null, [
+      a(L, {
         label: "Color Palette ",
-        title: n(L)[d.value].title,
+        title: n(_)[d.value].title,
         palette: d.value,
         onButtonClick: e[0] || (e[0] = (l) => {
           m.value = !0;
         })
       }, null, 8, ["title", "palette"]),
-      m.value ? (A(), x($, {
+      m.value ? (A(), P($, {
         key: 0,
         title: "Color Palette",
         "back-title": "Color mapping",
         "onForm:close": e[1] || (e[1] = (l) => m.value = !1)
       }, {
-        default: U(() => [
-          a(F, {
+        default: E(() => [
+          a(D, {
             selected: d.value,
             categorical: !1,
             onSelect: C
           }, null, 8, ["selected"])
         ]),
         _: 1
-      })) : E("", !0),
-      u("div", G, [
-        a(w, {
+      })) : T("", !0),
+      u("div", w, [
+        a(R, {
           label: "Stroke color",
           "form-title": "Stroke Color Settings",
           "form-back-title": "Layers",
@@ -79,7 +79,7 @@ const G = { class: "input-item" }, X = { class: "button-group-item" }, Y = { cla
           onAesUpdate: e[2] || (e[2] = (l) => b.value = l)
         }, null, 8, ["selected"])
       ]),
-      u("div", X, [
+      u("div", G, [
         a(n(p), {
           modelValue: t.value.normalizationDirection,
           "onUpdate:modelValue": e[3] || (e[3] = (l) => t.value.normalizationDirection = l),
@@ -88,7 +88,7 @@ const G = { class: "input-item" }, X = { class: "button-group-item" }, Y = { cla
           compact: !0
         }, null, 8, ["modelValue"])
       ]),
-      u("div", Y, [
+      u("div", X, [
         a(n(p), {
           modelValue: t.value.normalizationMethod,
           "onUpdate:modelValue": e[4] || (e[4] = (l) => t.value.normalizationMethod = l),
@@ -97,30 +97,30 @@ const G = { class: "input-item" }, X = { class: "button-group-item" }, Y = { cla
           compact: !0
         }, null, 8, ["modelValue"])
       ]),
-      u("div", H, [
-        a(n(V), {
+      u("div", Y, [
+        a(n(f), {
           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(V), {
+      u("div", H, [
+        a(n(f), {
           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, [
+      u("div", Z, [
         a(n(p), {
           modelValue: t.value.aggregationMethod,
           "onUpdate:modelValue": e[7] || (e[7] = (l) => t.value.aggregationMethod = l),
           label: "Aggregation method",
-          options: S,
+          options: y,
           compact: !0
         }, null, 8, ["modelValue"])
       ]),
-      u("div", j, [
+      u("div", K, [
         a(n(p), {
           modelValue: g.value,
           "onUpdate:modelValue": [
@@ -130,10 +130,10 @@ const G = { class: "input-item" }, X = { class: "button-group-item" }, Y = { cla
             })
           ],
           label: "Treat NA value as:",
-          options: T,
+          options: B,
           compact: !0
         }, null, 8, ["modelValue"]),
-        a(n(R), {
+        a(n(F), {
           modelValue: c.value,
           "onUpdate:modelValue": [
             e[10] || (e[10] = (l) => c.value = l),
@@ -151,6 +151,6 @@ const G = { class: "input-item" }, X = { class: "button-group-item" }, Y = { cla
   }
 });
 export {
-  ne as default
+  ue as default
 };
 //# sourceMappingURL=Bubble.vue.js.map

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

@@ -1 +1 @@
-{"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  DEFAULT_CONTINUOUS_PALETTE,\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';\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 ?? 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];\nconst AGGREGATION_METHOD: SimpleOption[] = [\n  { label: 'Mean', value: 'mean' },\n  { label: 'Min', value: 'min' },\n  { label: 'Max', value: 'max' },\n  { label: 'Median', value: 'median' },\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  <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","DEFAULT_CONTINUOUS_PALETTE","onPaletteSelect","value","createContinuousMappingFromPalette","NORMALIZATION_DIRECTION","NORMALIZATION_METHOD","AGGREGATION_METHOD","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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"}
+{"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';\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: SimpleOption[] = [\n  { label: 'Mean', value: 'mean' },\n  { label: 'Min', value: 'min' },\n  { label: 'Max', value: 'max' },\n  { label: 'Median', value: 'median' },\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  <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","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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"}

package/dist/forms/LayersForm/Layer/heatmap/Heatmap.vue.js

@@ -1,67 +1,67 @@
-import { defineComponent as y, computed as m, ref as v, createElementBlock as B, openBlock as V, Fragment as C, createVNode as o, createBlock as E, createCommentVNode as I, createElementVNode as u, unref as n, withCtx as P } from "vue";
-import { useStore as U } from "../../../../store.js";
-import { DEFAULT_CONTINUOUS_PALETTE as k, PALETTE_MAP as _ } 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 { defineComponent as O, computed as m, ref as v, createElementBlock as P, openBlock as V, Fragment as C, createVNode as o, createBlock as I, createCommentVNode as T, createElementVNode as u, unref as n, withCtx as k } from "vue";
+import { useStore as E } from "../../../../store.js";
+import { PALETTE_MAP as z } from "../../../../constantsAesthetic.js";
+import { createContinuousMappingFromPalette as U } from "../../../../dataBindAes.js";
+import _ from "../../../../components/MultiselectButton.vue.js";
+import D from "../../../../components/AesSettings/PalettesForm.vue.js";
 import G from "../../../../components/AesSettings/FormWrapper.vue.js";
-import { PlBtnGroup as p, PlCheckbox as A, PlNumberField as F } from "@platforma-sdk/ui-vue";
-const R = { class: "button-group-item" }, $ = { class: "button-group-item" }, w = { class: "checkbox-item" }, H = { class: "checkbox-item" }, X = { class: "button-group-item" }, Y = {
+import { PlBtnGroup as p, PlCheckbox as f, PlNumberField as L } from "@platforma-sdk/ui-vue";
+const R = { class: "button-group-item" }, $ = { class: "button-group-item" }, w = { class: "checkbox-item" }, F = { class: "checkbox-item" }, H = { class: "button-group-item" }, X = {
   class: "button-group-item",
   style: { display: "flex", alignItems: "end" }
-}, Z = "heatmap", te = /* @__PURE__ */ y({
+}, Y = "heatmap", le = /* @__PURE__ */ O({
   __name: "Heatmap",
-  setup(j) {
-    const s = U(), t = m(() => s.value.reactive.layersSettings[Z]), b = m(() => s.value.reactive.optionsState), f = m(() => s.value.inputGuide.value), i = m(() => {
+  setup(Z) {
+    const i = E(), t = m(() => i.value.reactive.layersSettings[Y]), b = m(() => i.value.reactive.optionsState), A = m(() => i.value.inputGuide.value), s = m(() => {
       var a;
       return (a = b.value.components.value.selectorStates[0]) == null ? void 0 : a.selectedSource;
     }), N = m(() => {
       var a;
-      return i.value ? (a = s.value.reactive.dataBindAes[i.value]) == null ? void 0 : a.palette : void 0;
-    }), r = v(!1), d = v(N.value ?? k);
+      return s.value ? (a = i.value.reactive.dataBindAes[s.value]) == null ? void 0 : a.palette : void 0;
+    }), r = v(!1), d = v(N.value ?? i.value.defaultPalette.continuous);
     function M(a) {
-      d.value = a, r.value = !1, i.value && (s.value.reactive.dataBindAes[i.value] = z(a));
+      d.value = a, r.value = !1, s.value && (i.value.reactive.dataBindAes[s.value] = U(a));
     }
     const S = [
       { label: "None", value: null },
       { label: "Columns", value: "column" },
       { label: "Rows", value: "row" }
-    ], O = [
+    ], x = [
       { label: "z-score", value: "standardScaling" },
       { label: "Min-max", value: "meanNormalization" }
-    ], T = [
+    ], y = [
       { label: "empty", value: null },
       { label: "Special value", value: "custom" }
-    ], x = [
+    ], B = [
       { label: "Mean", value: "mean" },
       { label: "Min", value: "min" },
       { label: "Max", value: "max" },
       { label: "Median", value: "median" }
     ], g = v(t.value.NAValueAs === null ? null : "custom"), c = v(t.value.NAValueAs ?? 0);
-    return (a, e) => (V(), B(C, null, [
-      o(D, {
+    return (a, e) => (V(), P(C, null, [
+      o(_, {
         label: "Color Palette ",
-        title: n(_)[d.value].title,
+        title: n(z)[d.value].title,
         palette: d.value,
         onButtonClick: e[0] || (e[0] = (l) => {
           r.value = !0;
         })
       }, null, 8, ["title", "palette"]),
-      r.value ? (V(), E(G, {
+      r.value ? (V(), I(G, {
         key: 0,
         title: "Color Palette",
         "back-title": "Color mapping",
         "onForm:close": e[1] || (e[1] = (l) => r.value = !1)
       }, {
-        default: P(() => [
-          o(L, {
+        default: k(() => [
+          o(D, {
             selected: d.value,
-            categorical: i.value ? f.value.getSourceInfo(i.value).type === "String" : !1,
+            categorical: s.value ? A.value.getSourceInfo(s.value).type === "String" : !1,
             onSelect: M
           }, null, 8, ["selected", "categorical"])
         ]),
         _: 1
-      })) : I("", !0),
+      })) : T("", !0),
       u("div", R, [
         o(n(p), {
           modelValue: t.value.normalizationDirection,
@@ -76,34 +76,34 @@ const R = { class: "button-group-item" }, $ = { class: "button-group-item" }, w
           modelValue: t.value.normalizationMethod,
           "onUpdate:modelValue": e[3] || (e[3] = (l) => t.value.normalizationMethod = l),
           label: "Normalization method",
-          options: O,
+          options: x,
           compact: !0
         }, null, 8, ["modelValue"])
       ]),
       u("div", w, [
-        o(n(A), {
+        o(n(f), {
           modelValue: t.value.aggregateByX,
           "onUpdate:modelValue": e[4] || (e[4] = (l) => t.value.aggregateByX = l)
         }, null, 8, ["modelValue"]),
         e[11] || (e[11] = u("span", null, "Aggregate X groups", -1))
       ]),
-      u("div", H, [
-        o(n(A), {
+      u("div", F, [
+        o(n(f), {
           modelValue: t.value.aggregateByY,
           "onUpdate:modelValue": e[5] || (e[5] = (l) => t.value.aggregateByY = l)
         }, null, 8, ["modelValue"]),
         e[12] || (e[12] = u("span", null, "Aggregate Y groups", -1))
       ]),
-      u("div", X, [
+      u("div", H, [
         o(n(p), {
           modelValue: t.value.aggregationMethod,
           "onUpdate:modelValue": e[6] || (e[6] = (l) => t.value.aggregationMethod = l),
           label: "Aggregation method",
-          options: x,
+          options: B,
           compact: !0
         }, null, 8, ["modelValue"])
       ]),
-      u("div", Y, [
+      u("div", X, [
         o(n(p), {
           modelValue: g.value,
           "onUpdate:modelValue": [
@@ -113,10 +113,10 @@ const R = { class: "button-group-item" }, $ = { class: "button-group-item" }, w
             })
           ],
           label: "Treat NA value as:",
-          options: T,
+          options: y,
           compact: !0
         }, null, 8, ["modelValue"]),
-        o(n(F), {
+        o(n(L), {
           modelValue: c.value,
           "onUpdate:modelValue": [
             e[9] || (e[9] = (l) => c.value = l),
@@ -134,6 +134,6 @@ const R = { class: "button-group-item" }, $ = { class: "button-group-item" }, w
   }
 });
 export {
-  te as default
+  le as default
 };
 //# sourceMappingURL=Heatmap.vue.js.map

package/dist/forms/LayersForm/Layer/heatmap/Heatmap.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"Heatmap.vue.js","sources":["../../../../../src/forms/LayersForm/Layer/heatmap/Heatmap.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { useStore } from '../../../../store';\nimport type { HeatmapLayer } from '../../../../types';\nimport { computed, ref } from 'vue';\nimport {\n  DEFAULT_CONTINUOUS_PALETTE,\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 { HeatmapUIState, InputGuide } from '@milaboratories/pf-plots';\nimport type { SimpleOption } from '@platforma-sdk/ui-vue';\nimport { PlBtnGroup, PlCheckbox, PlNumberField } from '@platforma-sdk/ui-vue';\n\nconst store = useStore();\nconst layer: HeatmapLayer = 'heatmap';\nconst settings = computed(() => store.value.reactive.layersSettings[layer]);\nconst optionsState = computed(() => store.value.reactive.optionsState as HeatmapUIState);\nconst inputGuide = computed(() => store.value.inputGuide.value as InputGuide<HeatmapUIState>);\n\nconst dataSource = computed(() => optionsState.value.components.value.selectorStates[0]?.selectedSource);\nconst savedDataValuePalette = computed(() => dataSource.value ? store.value.reactive.dataBindAes[dataSource.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 (dataSource.value) {\n    store.value.reactive.dataBindAes[dataSource.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 NA_VALUE_OPTIONS: SimpleOption[] = [\n  { label: 'empty', value: null },\n  { label: 'Special value', value: 'custom' },\n];\nconst AGGREGATION_METHOD: SimpleOption[] = [\n  { label: 'Mean', value: 'mean' },\n  { label: 'Min', value: 'min' },\n  { label: 'Max', value: 'max' },\n  { label: 'Median', value: 'median' },\n];\n\nconst NAValueOption = ref(settings.value.NAValueAs === null ? null : 'custom');\nconst customNA = ref(settings.value.NAValueAs ?? 0);\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\n      :selected=\"palette\"\n      :categorical=\"dataSource ? inputGuide.getSourceInfo(dataSource).type === 'String' : false\"\n      @select=\"onPaletteSelect\"\n    />\n  </FormWrapper>\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","inputGuide","dataSource","_a","savedDataValuePalette","palettesOpen","ref","palette","DEFAULT_CONTINUOUS_PALETTE","onPaletteSelect","value","createContinuousMappingFromPalette","NORMALIZATION_DIRECTION","NORMALIZATION_METHOD","NA_VALUE_OPTIONS","AGGREGATION_METHOD","NAValueOption","customNA","_createVNode","MultiselectButton","_unref","PALETTE_MAP","_createBlock","FormWrapper","PalettesForm","_createElementVNode","_hoisted_1","PlBtnGroup","_cache","$event","_hoisted_2","_hoisted_3","PlCheckbox","_hoisted_4","_hoisted_5","_hoisted_6","PlNumberField"],"mappings":";;;;;;;;;;;GAkBMA,IAAsB;;;AAD5B,UAAMC,IAAQC,EAAA,GAERC,IAAWC,EAAS,MAAMH,EAAM,MAAM,SAAS,eAAeD,CAAK,CAAC,GACpEK,IAAeD,EAAS,MAAMH,EAAM,MAAM,SAAS,YAA8B,GACjFK,IAAaF,EAAS,MAAMH,EAAM,MAAM,WAAW,KAAmC,GAEtFM,IAAaH,EAAS,MAAA;;AAAM,cAAAI,IAAAH,EAAa,MAAM,WAAW,MAAM,eAAe,CAAC,MAApD,gBAAAG,EAAuD;AAAA,KAAc,GACjGC,IAAwBL,EAAS,MAAA;;AAAM,aAAAG,EAAW,SAAQC,IAAAP,EAAM,MAAM,SAAS,YAAYM,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,UACbN,EAAM,MAAM,SAAS,YAAYM,EAAW,KAAK,IAAIS,EAAmCD,CAAK;AAAA,IAEjG;AAEA,UAAME,IAA0C;AAAA,MAC9C,EAAE,OAAO,QAAQ,OAAO,KAAA;AAAA,MACxB,EAAE,OAAO,WAAW,OAAO,SAAA;AAAA,MAC3B,EAAE,OAAO,QAAQ,OAAO,MAAA;AAAA,IAAM,GAE1BC,IAAuC;AAAA,MAC3C,EAAE,OAAO,WAAW,OAAO,kBAAA;AAAA,MAC3B,EAAE,OAAO,WAAW,OAAO,oBAAA;AAAA,IAAoB,GAE3CC,IAAmC;AAAA,MACvC,EAAE,OAAO,SAAS,OAAO,KAAA;AAAA,MACzB,EAAE,OAAO,iBAAiB,OAAO,SAAA;AAAA,IAAS,GAEtCC,IAAqC;AAAA,MACzC,EAAE,OAAO,QAAQ,OAAO,OAAA;AAAA,MACxB,EAAE,OAAO,OAAO,OAAO,MAAA;AAAA,MACvB,EAAE,OAAO,OAAO,OAAO,MAAA;AAAA,MACvB,EAAE,OAAO,UAAU,OAAO,SAAA;AAAA,IAAS,GAG/BC,IAAgBV,EAAIR,EAAS,MAAM,cAAc,OAAO,OAAO,QAAQ,GACvEmB,IAAWX,EAAIR,EAAS,MAAM,aAAa,CAAC;;MAIhDoB,EAKEC,GAAA;AAAA,QAJA,OAAM;AAAA,QACL,OAAOC,EAAAC,CAAA,EAAYd,EAAA,KAAO,EAAE;AAAA,QAC5B,SAASA,EAAA;AAAA,QACT;AAAc,UAAAF,EAAA,QAAY;AAAA,QAAA;AAAA,MAAA;MAGrBA,EAAA,cADRiB,EAWcC,GAAA;AAAA;QATZ,OAAM;AAAA,QACN,cAAW;AAAA,QACV,uCAAYlB,EAAA,QAAY;AAAA,MAAA;mBAEzB,MAIE;AAAA,UAJFa,EAIEM,GAAA;AAAA,YAHC,UAAUjB,EAAA;AAAA,YACV,aAAaL,UAAaD,EAAA,MAAW,cAAcC,EAAA,KAAU,EAAE,SAAI,WAAA;AAAA,YACnE,UAAQO;AAAA,UAAA;;;;MAGbgB,EAOM,OAPNC,GAOM;AAAA,QANJR,EAKEE,EAAAO,CAAA,GAAA;AAAA,UAJS,YAAA7B,EAAA,MAAS;AAAA,UAAT,uBAAA8B,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAAC,MAAA/B,EAAA,MAAS,yBAAsB+B;AAAA,UACxC,OAAM;AAAA,UACL,SAASjB;AAAA,UACT,SAAS;AAAA,QAAA;;MAGda,EAOM,OAPNK,GAOM;AAAA,QANJZ,EAKEE,EAAAO,CAAA,GAAA;AAAA,UAJS,YAAA7B,EAAA,MAAS;AAAA,UAAT,uBAAA8B,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAAC,MAAA/B,EAAA,MAAS,sBAAmB+B;AAAA,UACrC,OAAM;AAAA,UACL,SAAShB;AAAA,UACT,SAAS;AAAA,QAAA;;MAGdY,EAGM,OAHNM,GAGM;AAAA,QAFJb,EAA6CE,EAAAY,CAAA,GAAA;AAAA,UAAxB,YAAAlC,EAAA,MAAS;AAAA,UAAT,uBAAA8B,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAAC,MAAA/B,EAAA,MAAS,eAAY+B;AAAA,QAAA;QAC1CD,EAAA,EAAA,MAAAA,EAAA,EAAA,IAAAH,EAA+B,cAAzB,sBAAkB,EAAA;AAAA,MAAA;MAE1BA,EAGM,OAHNQ,GAGM;AAAA,QAFJf,EAA6CE,EAAAY,CAAA,GAAA;AAAA,UAAxB,YAAAlC,EAAA,MAAS;AAAA,UAAT,uBAAA8B,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAAC,MAAA/B,EAAA,MAAS,eAAY+B;AAAA,QAAA;QAC1CD,EAAA,EAAA,MAAAA,EAAA,EAAA,IAAAH,EAA+B,cAAzB,sBAAkB,EAAA;AAAA,MAAA;MAE1BA,EAOM,OAPNS,GAOM;AAAA,QANJhB,EAKEE,EAAAO,CAAA,GAAA;AAAA,UAJS,YAAA7B,EAAA,MAAS;AAAA,UAAT,uBAAA8B,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAAC,MAAA/B,EAAA,MAAS,oBAAiB+B;AAAA,UACnC,OAAM;AAAA,UACL,SAASd;AAAA,UACT,SAAS;AAAA,QAAA;;MAGdU,EA0BM,OA1BNU,GA0BM;AAAA,QAzBJjB,EAYEE,EAAAO,CAAA,GAAA;AAAA,sBAXSX,EAAA;AAAA;mCAAAA,EAAa,QAAAa;AAAA,6BAIDnB,MAAa;cAAmBA,MAAK,WAA2BZ,EAAA,MAAS,YAAYmB,EAAA,QAAqCnB,EAAA,MAAS,YAAYY;AAAA;;UAHpK,OAAM;AAAA,UACL,SAASI;AAAA,UACT,SAAS;AAAA,QAAA;QASZI,EAWEE,EAAAgB,CAAA,GAAA;AAAA,sBAVSnB,EAAA;AAAA;mCAAAA,EAAQ,QAAAY;AAAA,+BAKInB,MAAa;AAAmB,cAAAA,MAAU,WAAuBZ,EAAA,MAAS,YAAYY;AAAA;;UAJ1G,OAAO,EAAA,QAAA,QAAA,YAAA,QAAA,OAAA,OAAA;AAAA,UACP,UAAUM,EAAA,UAAa;AAAA,UACxB,OAAM;AAAA,UACL,qBAAqB;AAAA,QAAA;;;;;"}
+{"version":3,"file":"Heatmap.vue.js","sources":["../../../../../src/forms/LayersForm/Layer/heatmap/Heatmap.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { useStore } from '../../../../store';\nimport type { HeatmapLayer } from '../../../../types';\nimport { computed, ref } from 'vue';\nimport {\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 { HeatmapUIState, InputGuide } from '@milaboratories/pf-plots';\nimport type { SimpleOption } from '@platforma-sdk/ui-vue';\nimport { PlBtnGroup, PlCheckbox, PlNumberField } from '@platforma-sdk/ui-vue';\n\nconst store = useStore();\nconst layer: HeatmapLayer = 'heatmap';\nconst settings = computed(() => store.value.reactive.layersSettings[layer]);\nconst optionsState = computed(() => store.value.reactive.optionsState as HeatmapUIState);\nconst inputGuide = computed(() => store.value.inputGuide.value as InputGuide<HeatmapUIState>);\n\nconst dataSource = computed(() => optionsState.value.components.value.selectorStates[0]?.selectedSource);\nconst savedDataValuePalette = computed(() => dataSource.value ? store.value.reactive.dataBindAes[dataSource.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 (dataSource.value) {\n    store.value.reactive.dataBindAes[dataSource.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 NA_VALUE_OPTIONS: SimpleOption[] = [\n  { label: 'empty', value: null },\n  { label: 'Special value', value: 'custom' },\n];\nconst AGGREGATION_METHOD: SimpleOption[] = [\n  { label: 'Mean', value: 'mean' },\n  { label: 'Min', value: 'min' },\n  { label: 'Max', value: 'max' },\n  { label: 'Median', value: 'median' },\n];\n\nconst NAValueOption = ref(settings.value.NAValueAs === null ? null : 'custom');\nconst customNA = ref(settings.value.NAValueAs ?? 0);\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\n      :selected=\"palette\"\n      :categorical=\"dataSource ? inputGuide.getSourceInfo(dataSource).type === 'String' : false\"\n      @select=\"onPaletteSelect\"\n    />\n  </FormWrapper>\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","inputGuide","dataSource","_a","savedDataValuePalette","palettesOpen","ref","palette","onPaletteSelect","value","createContinuousMappingFromPalette","NORMALIZATION_DIRECTION","NORMALIZATION_METHOD","NA_VALUE_OPTIONS","AGGREGATION_METHOD","NAValueOption","customNA","_createVNode","MultiselectButton","_unref","PALETTE_MAP","_createBlock","FormWrapper","PalettesForm","_createElementVNode","_hoisted_1","PlBtnGroup","_cache","$event","_hoisted_2","_hoisted_3","PlCheckbox","_hoisted_4","_hoisted_5","_hoisted_6","PlNumberField"],"mappings":"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"}