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

@milaboratories/graph-maker 1.1.177 → 1.1.179

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

Files changed (210) hide show

package/dist/dataBindAes.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"dataBindAes.js","sources":["../src/dataBindAes.ts"],"sourcesContent":["import { InputState } from '@milaboratories/pf-plots';\nimport { scaleLinear } from 'd3-scale';\nimport {\n ContinuousPalette,\n DotShape,\n LineType,\n Palette,\n} from './components/AesSettings/types';\nimport {\n DEFAULT_BLACK,\n FIXED_LINE_TYPES,\n FIXES_DOT_SHAPES,\n isCategorical,\n PALETTE_MAP\n} from './constantsAesthetic';\nimport { AesType, ContinuousDataMappingSize, NumberRange } from './constantsCommon';\nimport { UniqueValuesBySourceMap } from './types';\n\nexport type AestheticMappingState = Record<string, AestheticMapping>;\nexport type AestheticMapping =\n \| AestheticMappingContinuous\n \| AestheticMappingCategorical;\n\ninterface MappingRange {\n maxValue: number \| null;\n minValue: number \| null;\n}\n\n/** Mapping for continuous axes (numerical axes) /\nexport interface AestheticMappingContinuous {\n type: 'continuous';\n palette: ContinuousPalette;\n range: MappingRange \| null;\n midPoint: number \| null;\n log: boolean;\n naAes: AestheticValues;\n}\n\nexport function isAestheticMappingContinuous(v:unknown \| AestheticMappingContinuous): v is AestheticMappingContinuous {\n return v !== null && typeof v === 'object' && 'palette' in v && 'type' in v && v.type === 'continuous';\n}\n\n/* Mapping for categorical axes (string axes) /\nexport interface AestheticMappingCategorical {\n type: 'categorical';\n palette: Palette;\n naAes: AestheticValues;\n order: string[];\n hidden?: Record<string, boolean>;\n mapping: AestheticMappingRecord;\n}\n\nexport function isAestheticMappingCategorical(v:unknown \| AestheticMappingCategorical): v is AestheticMappingCategorical {\n return v !== null && typeof v === 'object' && 'palette' in v && 'type' in v && v.type === 'categorical';\n}\n\nexport function isAestheticMapping(v:unknown \| AestheticMappingContinuous \| AestheticMappingCategorical):v is AestheticMapping {\n return isAestheticMappingCategorical(v) \|\| isAestheticMappingContinuous(v);\n}\n\n// key - column value, colorIdx - idx of color (if palette is categorical) of percent value of colors gradient (if palette is continuous)\ntype AestheticMappingRecord = Record<\n string \| number,\n {\n aes: Partial<AestheticValues>;\n colorIdx: number;\n }\n>;\n\ninterface AestheticValues {\n /* Number to retrieve the color from pallet, string to represent specific color as hex /\n color: string;\n lineShape: LineType;\n dotShape: DotShape;\n}\n\nexport const DEFAULT_LINE_COLOR = '#110529';\nexport const DEFAULT_LINE_SHAPE:LineType = 'solid';\nexport const DEFAULT_LINE_WIDTH = 1;\nexport const DEFAULT_DOT_SHAPE:DotShape = '21'; // colored circle, shape number as in R\nexport const DEFAULT_DOT_SIZE = 3; // radius;\nexport const DEFAULT_DOT_SIZE_CANVAS = 2;\nexport const DEFAULT_DOT_RANGE:NumberRange = { min: 3, max: 10 }; // radius;\n\nexport const DEFAULT_NA_AES = {\n color: '#ccc',\n lineShape: DEFAULT_LINE_SHAPE as LineType,\n dotShape: DEFAULT_DOT_SHAPE as DotShape,\n};\nconst DEFAULT_PALETTE: Palette = 'light';\n\nfunction getColorScale(colors: string[]) {\n const colorStep = 1 / (colors.length - 1);\n return scaleLinear<string, string>()\n .domain(colors.map((_c, idx) => idx colorStep))\n .range(colors);\n}\n\nexport function createCategoricalMappingFromPalette(\n palette: Palette,\n values: string[],\n): AestheticMappingCategorical {\n const colors = PALETTE_MAP[palette].colors;\n const step = values.length > 1 ? 1 / (values.length - 1) : 0;\n const colorScale = getColorScale(colors);\n\n const categorical = isCategorical(palette);\n const mapping = values.reduce((res: AestheticMappingRecord, value, idx) => {\n res[value] = {\n colorIdx: categorical ? idx : idx * step,\n aes: {\n color: categorical\n ? colors[idx % colors.length]\n : colorScale(idx * step),\n lineShape: FIXED_LINE_TYPES[idx % FIXED_LINE_TYPES.length],\n dotShape: FIXES_DOT_SHAPES[idx % FIXES_DOT_SHAPES.length],\n },\n };\n return res;\n }, {});\n return {\n type: 'categorical',\n palette: palette,\n naAes: DEFAULT_NA_AES,\n order: values,\n hidden: {},\n mapping,\n };\n}\n\nconst INPUTS_WITH_AES_MAPPINGS = [\n 'primaryGrouping', 'secondaryGrouping', // discrete charts\n 'grouping', 'shape', // scatterplot\n 'nodeColor', 'nodeShape', 'lineColor', 'heatmapAnnotation', // dendro\n];\nexport function updateDataBindAes(\n optionsState: InputState,\n dataBindAes: Record<string, AestheticMapping>,\n uniqueValuesMap: UniqueValuesBySourceMap\n) {\n INPUTS_WITH_AES_MAPPINGS.forEach((inputName) => {\n const selectorStates = optionsState.components[inputName as keyof InputState]?.selectorStates;\n selectorStates?.forEach(({selectedSource}) => {\n const savedMapping = dataBindAes[selectedSource];\n const uniqueValues = uniqueValuesMap[selectedSource]?.list;\n if (savedMapping && uniqueValues && isAestheticMappingCategorical(savedMapping)) {\n dataBindAes[selectedSource] = updateCategoricalMapping(uniqueValues, savedMapping);\n }\n })\n });\n}\n\nexport function updateCategoricalMapping(\n newUniqueValues: string[],\n currentMapping: AestheticMappingCategorical,\n): AestheticMappingCategorical {\n const {palette, order, mapping} = currentMapping;\n const uniqueValuesSet = new Set(newUniqueValues);\n const orderValuesSet = new Set(order);\n const addedValues:string[] = newUniqueValues.filter(v => !orderValuesSet.has(v));\n const removedValues:string[] = order.filter(v => !uniqueValuesSet.has(v as string));\n if (!addedValues.length && !removedValues.length) {\n return currentMapping;\n }\n let newOrder = [...newUniqueValues];\n const newMapping = {...mapping};\n const colors = PALETTE_MAP[palette].colors;\n addedValues.forEach((v, idx) => {\n const index = idx + (order.length ? mapping[order[order.length - 1]].colorIdx + 1 : 0);\n newMapping[v] = {\n colorIdx: index,\n aes: {\n color: colors[index % colors.length],\n lineShape: FIXED_LINE_TYPES[index % FIXED_LINE_TYPES.length],\n dotShape: FIXES_DOT_SHAPES[index % FIXES_DOT_SHAPES.length],\n }\n }\n });\n removedValues.forEach((v) => {\n if (newMapping[v]) {\n delete newMapping[v];\n }\n });\n\n return {...currentMapping, order: newOrder, mapping: newMapping} as AestheticMappingCategorical;\n}\nexport function createContinuousMappingFromPalette(palette: ContinuousPalette):AestheticMappingContinuous {\n return {\n type: 'continuous',\n palette: palette,\n naAes: DEFAULT_NA_AES,\n range: null,\n midPoint: null,\n log: false\n }\n}\n\nexport function createDefaultMapping(\n values: string[],\n): AestheticMappingCategorical {\n return createCategoricalMappingFromPalette(DEFAULT_PALETTE, values);\n}\n\nexport function createDefaultContinuousMapping(columnId: string):ContinuousDataMappingSize {\n return {\n column: columnId,\n range: DEFAULT_DOT_RANGE\n }\n}\n\nexport function getChartSettingsInheritedAes(\n uniqueValuesData: UniqueValuesBySourceMap,\n savedMapping: AestheticMapping \| undefined,\n sourceId: string \| null,\n usedAesInMapping: Record<AesType, boolean>,\n) {\n if (savedMapping?.type === 'continuous') {\n return { inheritedAes: {} };\n }\n const uniqueValues = sourceId ? uniqueValuesData[sourceId]?.list ?? [] : [];\n const mapping = savedMapping ?? createDefaultMapping(uniqueValues);\n if (!mapping.order.length) {\n return {inheritedAes: {}};\n }\n return {\n order: mapping.order.filter((v) => !mapping.hidden?.[v]),\n inheritedAes: mapping.order.reduce((res: Record<string, any>, value) => {\n const aes = mapping.mapping[value].aes;\n res[value] = {};\n if (usedAesInMapping.fill) {\n res[value].fillColor = aes.color;\n res[value].dotFill = aes.color;\n }\n if (usedAesInMapping.stroke) {\n res[value].lineColor = aes.color;\n }\n if (usedAesInMapping.dotShape) {\n res[value].dotShape = aes.dotShape;\n }\n if (usedAesInMapping.lineType) {\n res[value].lineShape = aes.lineShape;\n }\n return res;\n }, {}),\n };\n}\n\nexport function getScatterplotAes(\n selectedSource: string,\n uniqueValuesData: UniqueValuesBySourceMap,\n dataBindAes: AestheticMappingState,\n) {\n const savedMapping = dataBindAes[selectedSource];\n if (savedMapping && !isAestheticMappingCategorical(savedMapping)) {\n return {order: [], inheritedAes: {}};\n }\n const uniqueValues = uniqueValuesData[selectedSource]?.list ?? [];\n const mapping = savedMapping ?? createDefaultMapping(uniqueValues);\n return {\n order: mapping.order,\n inheritedAes: mapping.order.reduce((res: Record<string, any>, value) => {\n const aes = mapping.mapping[value].aes;\n res[value] = {\n fillColor: aes.color,\n lineColor: aes.color,\n dotFill: aes.color,\n dotShape: aes.dotShape,\n dotSize: DEFAULT_DOT_SIZE,\n lineWidth: DEFAULT_LINE_WIDTH,\n };\n return res;\n }, {})\n }\n}\n\nexport function getHistogramAes(\n selectedSource: string,\n uniqueValuesData: UniqueValuesBySourceMap,\n dataBindAes: AestheticMappingState,\n) {\n const savedMapping = dataBindAes[selectedSource];\n if (savedMapping && !isAestheticMappingCategorical(savedMapping)) {\n return {};\n }\n const uniqueValues = uniqueValuesData[selectedSource]?.list ?? [];\n const mapping = savedMapping ?? createDefaultMapping(uniqueValues);\n if (!mapping.order.length) {\n return {order: [], inheritedAes: {}};\n }\n return {\n order: mapping.order.filter((v) => !mapping.hidden?.[v]),\n inheritedAes: mapping.order.reduce((res: Record<string, any>, value) => {\n const aes = mapping.mapping[value].aes;\n res[value] = {\n fillColor: aes.color,\n lineColor: DEFAULT_BLACK,\n dotFill: DEFAULT_BLACK,\n dotShape: DEFAULT_DOT_SHAPE,\n dotSize: DEFAULT_DOT_SIZE,\n lineWidth: DEFAULT_LINE_WIDTH,\n };\n return res;\n }, {})\n };\n}\n\nexport function getDendroAes(\n selectedSource: string,\n uniqueValuesData: UniqueValuesBySourceMap,\n dataBindAes: AestheticMappingState,\n field: keyof AestheticValues,\n): Record<string, AestheticValues[keyof AestheticValues]> {\n const uniqueValues = uniqueValuesData[selectedSource]?.list ?? [];\n const mapping =\n dataBindAes[selectedSource] as AestheticMappingCategorical ??\n createDefaultMapping(uniqueValues);\n return mapping.order.reduce(\n (res: Record<string, AestheticValues[keyof AestheticValues]>, value) => {\n const aes = mapping.mapping[value].aes;\n res[value] = aes[field] as string;\n return res;\n },\n {},\n );\n}\n"],"names":["isAestheticMappingContinuous","v","isAestheticMappingCategorical","isAestheticMapping","DEFAULT_LINE_COLOR","DEFAULT_LINE_SHAPE","DEFAULT_LINE_WIDTH","DEFAULT_DOT_SHAPE","DEFAULT_DOT_SIZE","DEFAULT_DOT_SIZE_CANVAS","DEFAULT_DOT_RANGE","DEFAULT_NA_AES","DEFAULT_PALETTE","getColorScale","colors","colorStep","scaleLinear","_c","idx","createCategoricalMappingFromPalette","palette","values","PALETTE_MAP","step","colorScale","categorical","isCategorical","mapping","res","value","FIXED_LINE_TYPES","FIXES_DOT_SHAPES","INPUTS_WITH_AES_MAPPINGS","updateDataBindAes","optionsState","dataBindAes","uniqueValuesMap","inputName","selectorStates","_a","selectedSource","savedMapping","uniqueValues","updateCategoricalMapping","newUniqueValues","currentMapping","order","uniqueValuesSet","orderValuesSet","addedValues","removedValues","newOrder","newMapping","index","createContinuousMappingFromPalette","createDefaultMapping","getChartSettingsInheritedAes","uniqueValuesData","sourceId","usedAesInMapping","aes","getScatterplotAes","getHistogramAes","DEFAULT_BLACK","getDendroAes","field"],"mappings":"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"}
1	+ {"version":3,"file":"dataBindAes.js","sources":["../src/dataBindAes.ts"],"sourcesContent":["import type { InputState } from '@milaboratories/pf-plots';\nimport { scaleLinear } from 'd3-scale';\nimport type {\n ContinuousPalette,\n DotShape,\n LineType,\n Palette,\n} from './components/AesSettings/types';\nimport {\n DEFAULT_BLACK,\n FIXED_LINE_TYPES,\n FIXES_DOT_SHAPES,\n isCategorical,\n PALETTE_MAP,\n} from './constantsAesthetic';\nimport type { AesType, ContinuousDataMappingSize, NumberRange } from './constantsCommon';\nimport type { UniqueValuesBySourceMap } from './types';\n\nexport type AestheticMappingState = Record<string, AestheticMapping>;\nexport type AestheticMapping =\n \| AestheticMappingContinuous\n \| AestheticMappingCategorical;\n\ninterface MappingRange {\n maxValue: number \| null;\n minValue: number \| null;\n}\n\n/** Mapping for continuous axes (numerical axes) /\nexport interface AestheticMappingContinuous {\n type: 'continuous';\n palette: ContinuousPalette;\n range: MappingRange \| null;\n midPoint: number \| null;\n log: boolean;\n naAes: AestheticValues;\n}\n\nexport function isAestheticMappingContinuous(v: unknown \| AestheticMappingContinuous): v is AestheticMappingContinuous {\n return v !== null && typeof v === 'object' && 'palette' in v && 'type' in v && v.type === 'continuous';\n}\n\n/* Mapping for categorical axes (string axes) /\nexport interface AestheticMappingCategorical {\n type: 'categorical';\n palette: Palette;\n naAes: AestheticValues;\n order: string[];\n hidden?: Record<string, boolean>;\n mapping: AestheticMappingRecord;\n}\n\nexport function isAestheticMappingCategorical(v: unknown \| AestheticMappingCategorical): v is AestheticMappingCategorical {\n return v !== null && typeof v === 'object' && 'palette' in v && 'type' in v && v.type === 'categorical';\n}\n\nexport function isAestheticMapping(v: unknown \| AestheticMappingContinuous \| AestheticMappingCategorical): v is AestheticMapping {\n return isAestheticMappingCategorical(v) \|\| isAestheticMappingContinuous(v);\n}\n\n// key - column value, colorIdx - idx of color (if palette is categorical) of percent value of colors gradient (if palette is continuous)\ntype AestheticMappingRecord = Record<\n string \| number,\n {\n aes: Partial<AestheticValues>;\n colorIdx: number;\n }\n>;\n\ninterface AestheticValues {\n /* Number to retrieve the color from pallet, string to represent specific color as hex /\n color: string;\n lineShape: LineType;\n dotShape: DotShape;\n}\n\nexport const DEFAULT_LINE_COLOR = '#110529';\nexport const DEFAULT_LINE_SHAPE: LineType = 'solid';\nexport const DEFAULT_LINE_WIDTH = 1;\nexport const DEFAULT_DOT_SHAPE: DotShape = '21'; // colored circle, shape number as in R\nexport const DEFAULT_DOT_SIZE = 3; // radius;\nexport const DEFAULT_DOT_SIZE_CANVAS = 2;\nexport const DEFAULT_DOT_RANGE: NumberRange = { min: 3, max: 10 }; // radius;\n\nexport const DEFAULT_NA_AES = {\n color: '#ccc',\n lineShape: DEFAULT_LINE_SHAPE as LineType,\n dotShape: DEFAULT_DOT_SHAPE as DotShape,\n};\nconst DEFAULT_PALETTE: Palette = 'light';\n\nfunction getColorScale(colors: string[]) {\n const colorStep = 1 / (colors.length - 1);\n return scaleLinear<string, string>()\n .domain(colors.map((_c, idx) => idx colorStep))\n .range(colors);\n}\n\nexport function createCategoricalMappingFromPalette(\n palette: Palette,\n values: string[],\n): AestheticMappingCategorical {\n const colors = PALETTE_MAP[palette].colors;\n const step = values.length > 1 ? 1 / (values.length - 1) : 0;\n const colorScale = getColorScale(colors);\n\n const categorical = isCategorical(palette);\n const mapping = values.reduce((res: AestheticMappingRecord, value, idx) => {\n res[value] = {\n colorIdx: categorical ? idx : idx * step,\n aes: {\n color: categorical\n ? colors[idx % colors.length]\n : colorScale(idx * step),\n lineShape: FIXED_LINE_TYPES[idx % FIXED_LINE_TYPES.length],\n dotShape: FIXES_DOT_SHAPES[idx % FIXES_DOT_SHAPES.length],\n },\n };\n return res;\n }, {});\n return {\n type: 'categorical',\n palette: palette,\n naAes: DEFAULT_NA_AES,\n order: values,\n hidden: {},\n mapping,\n };\n}\n\nconst INPUTS_WITH_AES_MAPPINGS = [\n 'primaryGrouping', 'secondaryGrouping', // discrete charts\n 'grouping', 'shape', // scatterplot\n 'nodeColor', 'nodeShape', 'lineColor', 'heatmapAnnotation', // dendro\n];\nexport function updateDataBindAes(\n optionsState: InputState,\n dataBindAes: Record<string, AestheticMapping>,\n uniqueValuesMap: UniqueValuesBySourceMap,\n) {\n INPUTS_WITH_AES_MAPPINGS.forEach((inputName) => {\n const selectorStates = optionsState.components[inputName as keyof InputState]?.selectorStates;\n selectorStates?.forEach(({ selectedSource }) => {\n const savedMapping = dataBindAes[selectedSource];\n const uniqueValues = uniqueValuesMap[selectedSource]?.list;\n if (savedMapping && uniqueValues && isAestheticMappingCategorical(savedMapping)) {\n dataBindAes[selectedSource] = updateCategoricalMapping(uniqueValues, savedMapping);\n }\n });\n });\n}\n\nexport function updateCategoricalMapping(\n newUniqueValues: string[],\n currentMapping: AestheticMappingCategorical,\n): AestheticMappingCategorical {\n const { palette, order, mapping } = currentMapping;\n const uniqueValuesSet = new Set(newUniqueValues);\n const orderValuesSet = new Set(order);\n const addedValues: string[] = newUniqueValues.filter((v) => !orderValuesSet.has(v));\n const removedValues: string[] = order.filter((v) => !uniqueValuesSet.has(v as string));\n if (!addedValues.length && !removedValues.length) {\n return currentMapping;\n }\n const newOrder = [...newUniqueValues];\n const newMapping = { ...mapping };\n const colors = PALETTE_MAP[palette].colors;\n addedValues.forEach((v, idx) => {\n const index = idx + (order.length ? mapping[order[order.length - 1]].colorIdx + 1 : 0);\n newMapping[v] = {\n colorIdx: index,\n aes: {\n color: colors[index % colors.length],\n lineShape: FIXED_LINE_TYPES[index % FIXED_LINE_TYPES.length],\n dotShape: FIXES_DOT_SHAPES[index % FIXES_DOT_SHAPES.length],\n },\n };\n });\n removedValues.forEach((v) => {\n if (newMapping[v]) {\n delete newMapping[v];\n }\n });\n\n return { ...currentMapping, order: newOrder, mapping: newMapping } as AestheticMappingCategorical;\n}\nexport function createContinuousMappingFromPalette(palette: ContinuousPalette): AestheticMappingContinuous {\n return {\n type: 'continuous',\n palette: palette,\n naAes: DEFAULT_NA_AES,\n range: null,\n midPoint: null,\n log: false,\n };\n}\n\nexport function createDefaultMapping(\n values: string[],\n): AestheticMappingCategorical {\n return createCategoricalMappingFromPalette(DEFAULT_PALETTE, values);\n}\n\nexport function createDefaultContinuousMapping(columnId: string): ContinuousDataMappingSize {\n return {\n column: columnId,\n range: DEFAULT_DOT_RANGE,\n };\n}\n\nexport function getChartSettingsInheritedAes(\n uniqueValuesData: UniqueValuesBySourceMap,\n savedMapping: AestheticMapping \| undefined,\n sourceId: string \| null,\n usedAesInMapping: Record<AesType, boolean>,\n) {\n if (savedMapping?.type === 'continuous') {\n return { inheritedAes: {} };\n }\n const uniqueValues = sourceId ? uniqueValuesData[sourceId]?.list ?? [] : [];\n const mapping = savedMapping ?? createDefaultMapping(uniqueValues);\n if (!mapping.order.length) {\n return { inheritedAes: {} };\n }\n return {\n order: mapping.order.filter((v) => !mapping.hidden?.[v]),\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n inheritedAes: mapping.order.reduce((res: Record<string, any>, value) => { // TODO: remove any\n const aes = mapping.mapping[value].aes;\n res[value] = {};\n if (usedAesInMapping.fill) {\n res[value].fillColor = aes.color;\n res[value].dotFill = aes.color;\n }\n if (usedAesInMapping.stroke) {\n res[value].lineColor = aes.color;\n }\n if (usedAesInMapping.dotShape) {\n res[value].dotShape = aes.dotShape;\n }\n if (usedAesInMapping.lineType) {\n res[value].lineShape = aes.lineShape;\n }\n return res;\n }, {}),\n };\n}\n\nexport function getScatterplotAes(\n selectedSource: string,\n uniqueValuesData: UniqueValuesBySourceMap,\n dataBindAes: AestheticMappingState,\n) {\n const savedMapping = dataBindAes[selectedSource];\n if (savedMapping && !isAestheticMappingCategorical(savedMapping)) {\n return { order: [], inheritedAes: {} };\n }\n const uniqueValues = uniqueValuesData[selectedSource]?.list ?? [];\n const mapping = savedMapping ?? createDefaultMapping(uniqueValues);\n return {\n order: mapping.order,\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n inheritedAes: mapping.order.reduce((res: Record<string, any>, value) => { // TODO: remove any\n const aes = mapping.mapping[value].aes;\n res[value] = {\n fillColor: aes.color,\n lineColor: aes.color,\n dotFill: aes.color,\n dotShape: aes.dotShape,\n dotSize: DEFAULT_DOT_SIZE,\n lineWidth: DEFAULT_LINE_WIDTH,\n };\n return res;\n }, {}),\n };\n}\n\nexport function getHistogramAes(\n selectedSource: string,\n uniqueValuesData: UniqueValuesBySourceMap,\n dataBindAes: AestheticMappingState,\n) {\n const savedMapping = dataBindAes[selectedSource];\n if (savedMapping && !isAestheticMappingCategorical(savedMapping)) {\n return {};\n }\n const uniqueValues = uniqueValuesData[selectedSource]?.list ?? [];\n const mapping = savedMapping ?? createDefaultMapping(uniqueValues);\n if (!mapping.order.length) {\n return { order: [], inheritedAes: {} };\n }\n return {\n order: mapping.order.filter((v) => !mapping.hidden?.[v]),\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n inheritedAes: mapping.order.reduce((res: Record<string, any>, value) => { // TODO: remove any\n const aes = mapping.mapping[value].aes;\n res[value] = {\n fillColor: aes.color,\n lineColor: DEFAULT_BLACK,\n dotFill: DEFAULT_BLACK,\n dotShape: DEFAULT_DOT_SHAPE,\n dotSize: DEFAULT_DOT_SIZE,\n lineWidth: DEFAULT_LINE_WIDTH,\n };\n return res;\n }, {}),\n };\n}\n\nexport function getDendroAes(\n selectedSource: string,\n uniqueValuesData: UniqueValuesBySourceMap,\n dataBindAes: AestheticMappingState,\n field: keyof AestheticValues,\n): Record<string, AestheticValues[keyof AestheticValues]> {\n const uniqueValues = uniqueValuesData[selectedSource]?.list ?? [];\n const mapping\n = dataBindAes[selectedSource] as AestheticMappingCategorical\n ?? createDefaultMapping(uniqueValues);\n return mapping.order.reduce(\n (res: Record<string, AestheticValues[keyof AestheticValues]>, value) => {\n const aes = mapping.mapping[value].aes;\n res[value] = aes[field] as string;\n return res;\n },\n {},\n );\n}\n"],"names":["isAestheticMappingContinuous","v","isAestheticMappingCategorical","isAestheticMapping","DEFAULT_LINE_COLOR","DEFAULT_LINE_SHAPE","DEFAULT_LINE_WIDTH","DEFAULT_DOT_SHAPE","DEFAULT_DOT_SIZE","DEFAULT_DOT_SIZE_CANVAS","DEFAULT_DOT_RANGE","DEFAULT_NA_AES","DEFAULT_PALETTE","getColorScale","colors","colorStep","scaleLinear","_c","idx","createCategoricalMappingFromPalette","palette","values","PALETTE_MAP","step","colorScale","categorical","isCategorical","mapping","res","value","FIXED_LINE_TYPES","FIXES_DOT_SHAPES","INPUTS_WITH_AES_MAPPINGS","updateDataBindAes","optionsState","dataBindAes","uniqueValuesMap","inputName","selectorStates","_a","selectedSource","savedMapping","uniqueValues","updateCategoricalMapping","newUniqueValues","currentMapping","order","uniqueValuesSet","orderValuesSet","addedValues","removedValues","newOrder","newMapping","index","createContinuousMappingFromPalette","createDefaultMapping","getChartSettingsInheritedAes","uniqueValuesData","sourceId","usedAesInMapping","aes","getScatterplotAes","getHistogramAes","DEFAULT_BLACK","getDendroAes","field"],"mappings":"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"}

package/dist/forms/AnnotationsForm.vue.d.ts ADDED Viewed

@@ -0,0 +1,17 @@
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/forms/AnnotationsForm.vue.js ADDED Viewed

@@ -0,0 +1,16 @@
+import { createElementBlock as r, openBlock as e, renderSlot as s } from "vue";
+import a from "../_virtual/_plugin-vue_export-helper.js";
+const c = {};
+function f(t, o) {
+  return e(), r("div", {
+    class: "annotations-form",
+    onClick: o[0] || (o[0] = (n) => n.stopPropagation())
+  }, [
+    s(t.$slots, "default")
+  ]);
+}
+const m = /* @__PURE__ */ a(c, [["render", f]]);
+export {
+  m as default
+};
+//# sourceMappingURL=AnnotationsForm.vue.js.map

package/dist/forms/AnnotationsForm.vue.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"AnnotationsForm.vue.js","sources":["../../src/forms/AnnotationsForm.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n\n</script>\n\n<template>\n <div class=\"annotations-form\" @click=\"(e) => e.stopPropagation()\">\n <slot/>\n </div>\n</template>\n"],"names":["_createElementBlock","_cache","e","_renderSlot","_ctx"],"mappings":";;;;cAKEA,EAEM,OAAA;AAAA,IAFD,OAAM;AAAA,IAAoB,SAAKC,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAGC,MAAMA,EAAE,gBAAe;AAAA;IAC5DC,EAAOC,EAAA,QAAA,SAAA;AAAA;;;"}

package/dist/forms/AxesSettingsForm/BubbleAxesSettingsForm.vue.js CHANGED Viewed

@@ -57,26 +57,26 @@ const P = { class: "axes-settings-list" }, Y = { class: "axes-settings-options-r
           default: p(() => [
             s("div", Y, [
               i(t(n), {
-                label: "Title",
-                options: r,
                 modelValue: t(o).title.mode,
-                "onUpdate:modelValue": e[0] || (e[0] = (l) => t(o).title.mode = l)
+                "onUpdate:modelValue": e[0] || (e[0] = (l) => t(o).title.mode = l),
+                label: "Title",
+                options: r
               }, null, 8, ["modelValue"])
             ]),
             t(o).title.mode === "custom" ? (d(), a("div", M, [
               i(t(V), {
-                label: "Chart title",
-                placeholder: "Chart title",
                 modelValue: t(o).title.value,
-                "onUpdate:modelValue": e[1] || (e[1] = (l) => t(o).title.value = l)
+                "onUpdate:modelValue": e[1] || (e[1] = (l) => t(o).title.value = l),
+                label: "Chart title",
+                placeholder: "Chart title"
               }, null, 8, ["modelValue"])
             ])) : x("", !0),
             s("div", R, [
               e[14] || (e[14] = s("span", null, "Alignment", -1)),
               i(u, {
-                options: A,
                 modelValue: t(o).title.position,
-                "onUpdate:modelValue": e[2] || (e[2] = (l) => t(o).title.position = l)
+                "onUpdate:modelValue": e[2] || (e[2] = (l) => t(o).title.position = l),
+                options: A
               }, null, 8, ["modelValue"])
             ])
           ]),
@@ -92,33 +92,33 @@ const P = { class: "axes-settings-list" }, Y = { class: "axes-settings-options-r
             s("div", E, [
               e[15] || (e[15] = s("span", null, "Labels rotation", -1)),
               i(u, {
-                options: T,
                 modelValue: t(o).axisX.axisLabelsAngle,
-                "onUpdate:modelValue": e[3] || (e[3] = (l) => t(o).axisX.axisLabelsAngle = l)
+                "onUpdate:modelValue": e[3] || (e[3] = (l) => t(o).axisX.axisLabelsAngle = l),
+                options: T
               }, null, 8, ["modelValue"])
             ]),
             s("div", F, [
               i(t(n), {
-                label: "Title",
-                options: r,
                 modelValue: t(o).axisX.titleMode,
-                "onUpdate:modelValue": e[4] || (e[4] = (l) => t(o).axisX.titleMode = l)
+                "onUpdate:modelValue": e[4] || (e[4] = (l) => t(o).axisX.titleMode = l),
+                label: "Title",
+                options: r
               }, null, 8, ["modelValue"])
             ]),
             t(o).axisX.titleMode === "custom" ? (d(), a("div", y, [
               i(t(V), {
-                label: "Text",
-                placeholder: "Type",
                 modelValue: t(o).axisX.customTitle,
-                "onUpdate:modelValue": e[5] || (e[5] = (l) => t(o).axisX.customTitle = l)
+                "onUpdate:modelValue": e[5] || (e[5] = (l) => t(o).axisX.customTitle = l),
+                label: "Text",
+                placeholder: "Type"
               }, null, 8, ["modelValue"])
             ])) : x("", !0),
             s("div", B, [
               i(t(n), {
-                label: "Sorting",
-                options: b,
                 modelValue: t(o).axisX.sorting,
-                "onUpdate:modelValue": e[6] || (e[6] = (l) => t(o).axisX.sorting = l)
+                "onUpdate:modelValue": e[6] || (e[6] = (l) => t(o).axisX.sorting = l),
+                label: "Sorting",
+                options: b
               }, null, 8, ["modelValue"])
             ])
           ]),
@@ -134,33 +134,33 @@ const P = { class: "axes-settings-list" }, Y = { class: "axes-settings-options-r
             s("div", G, [
               e[16] || (e[16] = s("span", null, "Labels rotation", -1)),
               i(u, {
-                options: T,
                 modelValue: t(o).axisY.axisLabelsAngle,
-                "onUpdate:modelValue": e[7] || (e[7] = (l) => t(o).axisY.axisLabelsAngle = l)
+                "onUpdate:modelValue": e[7] || (e[7] = (l) => t(o).axisY.axisLabelsAngle = l),
+                options: T
               }, null, 8, ["modelValue"])
             ]),
             s("div", H, [
               i(t(n), {
-                label: "Title",
-                options: r,
                 modelValue: t(o).axisY.titleMode,
-                "onUpdate:modelValue": e[8] || (e[8] = (l) => t(o).axisY.titleMode = l)
+                "onUpdate:modelValue": e[8] || (e[8] = (l) => t(o).axisY.titleMode = l),
+                label: "Title",
+                options: r
               }, null, 8, ["modelValue"])
             ]),
             t(o).axisY.titleMode === "custom" ? (d(), a("div", D, [
               i(t(V), {
-                label: "Text",
-                placeholder: "Type",
                 modelValue: t(o).axisY.customTitle,
-                "onUpdate:modelValue": e[9] || (e[9] = (l) => t(o).axisY.customTitle = l)
+                "onUpdate:modelValue": e[9] || (e[9] = (l) => t(o).axisY.customTitle = l),
+                label: "Text",
+                placeholder: "Type"
               }, null, 8, ["modelValue"])
             ])) : x("", !0),
             s("div", $, [
               i(t(n), {
-                label: "Sorting",
-                options: b,
                 modelValue: t(o).axisY.sorting,
-                "onUpdate:modelValue": e[10] || (e[10] = (l) => t(o).axisY.sorting = l)
+                "onUpdate:modelValue": e[10] || (e[10] = (l) => t(o).axisY.sorting = l),
+                label: "Sorting",
+                options: b
               }, null, 8, ["modelValue"])
             ])
           ]),
@@ -170,22 +170,22 @@ const P = { class: "axes-settings-list" }, Y = { class: "axes-settings-options-r
           s("div", j, [
             e[17] || (e[17] = s("span", null, "Frame", -1)),
             i(u, {
-              options: c,
               modelValue: t(o).other.frame,
-              "onUpdate:modelValue": e[11] || (e[11] = (l) => t(o).other.frame = l)
+              "onUpdate:modelValue": e[11] || (e[11] = (l) => t(o).other.frame = l),
+              options: c
             }, null, 8, ["modelValue"])
           ]),
           s("div", q, [
             i(t(S), {
+              modelValue: t(o).other.facetColumns,
+              "onUpdate:modelValue": e[12] || (e[12] = (l) => t(o).other.facetColumns = l),
               style: { width: "100%" },
               label: "Facet column count",
               min: 1,
               max: 6,
               step: 1,
               breakpoints: !0,
-              mode: "input",
-              modelValue: t(o).other.facetColumns,
-              "onUpdate:modelValue": e[12] || (e[12] = (l) => t(o).other.facetColumns = l)
+              mode: "input"
             }, null, 8, ["modelValue"])
           ])
         ])

package/dist/forms/AxesSettingsForm/BubbleAxesSettingsForm.vue.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"BubbleAxesSettingsForm.vue.js","sources":["../../../src/forms/AxesSettingsForm/BubbleAxesSettingsForm.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { Slider } from '@platforma-sdk/ui-vue';\nimport { useStore } from '../../store';\nimport CollapsableBlock from '../../components/CollapsableBlock.vue';\nimport Right from '../../icons/Right.vue';\nimport Down from '../../icons/Down.vue';\nimport { PlTextField, PlBtnGroup } from '@platforma-sdk/ui-vue';\nimport BtnIconGroup from '../../components/BtnIconGroup.vue';\nimport AlignLeft from '../../icons/AlignLeft.vue';\nimport AlignCenter from '../../icons/AlignCenter.vue';\nimport AlignRight from '../../icons/AlignRight.vue';\nimport FrameFull from '../../icons/FrameFull.vue';\nimport FrameEmpty from '../../icons/FrameEmpty.vue';\nimport Rotation0 from '../../icons/Rotation0.vue';\nimport Rotation45 from '../../icons/Rotation45.vue';\nimport Rotation90 from '../../icons/Rotation90.vue';\n\nconst store = useStore();\nconst settings = store.value.reactive.axesSettings;\nconst blockSettings = {\n height: 40,\n horizontalPadding: 12,\n defaultState: 'open' as 'open' \| 'close'\n};\nconst OPTIONS_TITLE_ALIGN = [\n {value: 'left', icon: AlignLeft},\n {value: 'center', icon: AlignCenter},\n {value: 'right', icon: AlignRight},\n]\nconst OPTIONS_HEATMAP_ROTATION = [\n { value: 0, icon: Rotation0 },\n { value: 45, icon: Rotation45 },\n { value: 90, icon: Rotation90 }\n];\nconst OPTIONS_AXIS_LABEL_MODE = [\n { value: 'auto', text: 'Auto' },\n { value: 'custom', text: 'Custom' },\n { value: 'hidden', text: 'Hide' }\n];\nconst OPTIONS_CHART_FRAME = [\n { value: 'none', icon: FrameEmpty },\n { value: 'full', icon: FrameFull }\n];\nconst OPTIONS_SORTING = [\n { text: 'ascending', value: 'asc' },\n { text: 'descending', value: 'desc' },\n];\n\n</script>\n\n<template>\n <div class=\"axes-form\" @click=\"(e) => e.stopPropagation()\">\n <h3 class=\"axes-title\">\n Axes\n </h3>\n <div class=\"axes-settings-list\">\n <!-- Chart title -->\n <collapsable-block title=\"Title\" :settings=\"blockSettings\" :icon=\"Right\" :icon-open=\"Down\">\n <div class=\"axes-settings-options-row block\">\n <pl-btn-group\n label=\"Title\"\n :options=\"OPTIONS_AXIS_LABEL_MODE\"\n v-model=\"settings.title.mode\"\n />\n </div>\n <div class=\"axes-settings-input\" v-if=\"settings.title.mode === 'custom'\">\n <pl-text-field\n label=\"Chart title\"\n placeholder=\"Chart title\"\n v-model=\"settings.title.value\"\n />\n </div>\n <div class=\"axes-settings-options-row\">\n <span>Alignment</span>\n <btn-icon-group :options=\"OPTIONS_TITLE_ALIGN\" v-model=\"settings.title.position\"/>\n </div>\n </collapsable-block>\n <!-- X axis settings-->\n <collapsable-block title=\"X-axis\" :settings=\"blockSettings\" :icon=\"Right\" :icon-open=\"Down\">\n <div class=\"axes-settings-options-row\">\n <span>Labels rotation</span>\n <btn-icon-group :options=\"OPTIONS_HEATMAP_ROTATION\" v-model=\"settings.axisX.axisLabelsAngle\" />\n </div>\n <div class=\"axes-settings-options-row block\">\n <pl-btn-group\n label=\"Title\"\n :options=\"OPTIONS_AXIS_LABEL_MODE\"\n v-model=\"settings.axisX.titleMode\"\n />\n </div>\n <div v-if=\"settings.axisX.titleMode === 'custom'\">\n <pl-text-field\n label=\"Text\"\n placeholder=\"Type\"\n v-model=\"settings.axisX.customTitle\"\n />\n </div>\n <div class=\"axes-settings-options-row block\">\n <pl-btn-group\n label=\"Sorting\"\n :options=\"OPTIONS_SORTING\"\n v-model=\"settings.axisX.sorting\"\n />\n </div>\n </collapsable-block>\n <!-- Y axis settings-->\n <collapsable-block title=\"Y-axis\" :settings=\"blockSettings\" :icon=\"Right\" :icon-open=\"Down\">\n <div class=\"axes-settings-options-row\">\n <span>Labels rotation</span>\n <btn-icon-group :options=\"OPTIONS_HEATMAP_ROTATION\" v-model=\"settings.axisY.axisLabelsAngle\" />\n </div>\n <div class=\"axes-settings-options-row block\">\n <pl-btn-group\n label=\"Title\"\n :options=\"OPTIONS_AXIS_LABEL_MODE\"\n v-model=\"settings.axisY.titleMode\"\n />\n </div>\n <div v-if=\"settings.axisY.titleMode === 'custom'\">\n <pl-text-field\n label=\"Text\"\n placeholder=\"Type\"\n v-model=\"settings.axisY.customTitle\"\n />\n </div>\n <div class=\"axes-settings-options-row block\">\n <pl-btn-group\n label=\"Sorting\"\n :options=\"OPTIONS_SORTING\"\n v-model=\"settings.axisY.sorting\"\n />\n </div>\n </collapsable-block>\n\n <div class=\"other\">\n <div class=\"axes-settings-options-row\">\n <span>Frame</span>\n <btn-icon-group :options=\"OPTIONS_CHART_FRAME\" v-model=\"settings.other.frame\" />\n </div>\n <div class=\"axes-settings-options-row\">\n <Slider\n :style=\"{width: '100%'}\"\n label=\"Facet column count\"\n :min=\"1\"\n :max=\"6\"\n :step=\"1\"\n :breakpoints=\"true\"\n mode=\"input\"\n v-model=\"settings.other.facetColumns\"\n />\n </div>\n </div>\n </div>\n </div>\n</template>\n"],"names":["settings","useStore","blockSettings","OPTIONS_TITLE_ALIGN","AlignLeft","AlignCenter","AlignRight","OPTIONS_HEATMAP_ROTATION","Rotation0","Rotation45","Rotation90","OPTIONS_AXIS_LABEL_MODE","OPTIONS_CHART_FRAME","FrameEmpty","FrameFull","OPTIONS_SORTING","_createElementBlock","_cache","e","_createElementVNode","_hoisted_1","_createVNode","CollapsableBlock","Right","Down","_hoisted_2","_unref","PlBtnGroup","$event","_openBlock","_hoisted_3","PlTextField","_hoisted_4","BtnIconGroup","_hoisted_5","_hoisted_6","_hoisted_7","_hoisted_8","_hoisted_9","_hoisted_10","_hoisted_11","_hoisted_12","_hoisted_13","_hoisted_14","_hoisted_15","Slider"],"mappings":"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"}
1	+ {"version":3,"file":"BubbleAxesSettingsForm.vue.js","sources":["../../../src/forms/AxesSettingsForm/BubbleAxesSettingsForm.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { Slider } from '@platforma-sdk/ui-vue';\nimport { useStore } from '../../store';\nimport CollapsableBlock from '../../components/CollapsableBlock.vue';\nimport Right from '../../icons/Right.vue';\nimport Down from '../../icons/Down.vue';\nimport { PlTextField, PlBtnGroup } from '@platforma-sdk/ui-vue';\nimport BtnIconGroup from '../../components/BtnIconGroup.vue';\nimport AlignLeft from '../../icons/AlignLeft.vue';\nimport AlignCenter from '../../icons/AlignCenter.vue';\nimport AlignRight from '../../icons/AlignRight.vue';\nimport FrameFull from '../../icons/FrameFull.vue';\nimport FrameEmpty from '../../icons/FrameEmpty.vue';\nimport Rotation0 from '../../icons/Rotation0.vue';\nimport Rotation45 from '../../icons/Rotation45.vue';\nimport Rotation90 from '../../icons/Rotation90.vue';\n\nconst store = useStore();\nconst settings = store.value.reactive.axesSettings;\nconst blockSettings = {\n height: 40,\n horizontalPadding: 12,\n defaultState: 'open' as 'open' \| 'close',\n};\nconst OPTIONS_TITLE_ALIGN = [\n { value: 'left', icon: AlignLeft },\n { value: 'center', icon: AlignCenter },\n { value: 'right', icon: AlignRight },\n];\nconst OPTIONS_HEATMAP_ROTATION = [\n { value: 0, icon: Rotation0 },\n { value: 45, icon: Rotation45 },\n { value: 90, icon: Rotation90 },\n];\nconst OPTIONS_AXIS_LABEL_MODE = [\n { value: 'auto', text: 'Auto' },\n { value: 'custom', text: 'Custom' },\n { value: 'hidden', text: 'Hide' },\n];\nconst OPTIONS_CHART_FRAME = [\n { value: 'none', icon: FrameEmpty },\n { value: 'full', icon: FrameFull },\n];\nconst OPTIONS_SORTING = [\n { text: 'ascending', value: 'asc' },\n { text: 'descending', value: 'desc' },\n];\n\n</script>\n\n<template>\n <div class=\"axes-form\" @click=\"(e) => e.stopPropagation()\">\n <h3 class=\"axes-title\">\n Axes\n </h3>\n <div class=\"axes-settings-list\">\n <!-- Chart title -->\n <CollapsableBlock title=\"Title\" :settings=\"blockSettings\" :icon=\"Right\" :icon-open=\"Down\">\n <div class=\"axes-settings-options-row block\">\n <PlBtnGroup\n v-model=\"settings.title.mode\"\n label=\"Title\"\n :options=\"OPTIONS_AXIS_LABEL_MODE\"\n />\n </div>\n <div v-if=\"settings.title.mode === 'custom'\" class=\"axes-settings-input\">\n <PlTextField\n v-model=\"settings.title.value\"\n label=\"Chart title\"\n placeholder=\"Chart title\"\n />\n </div>\n <div class=\"axes-settings-options-row\">\n <span>Alignment</span>\n <BtnIconGroup v-model=\"settings.title.position\" :options=\"OPTIONS_TITLE_ALIGN\"/>\n </div>\n </CollapsableBlock>\n <!-- X axis settings-->\n <CollapsableBlock title=\"X-axis\" :settings=\"blockSettings\" :icon=\"Right\" :icon-open=\"Down\">\n <div class=\"axes-settings-options-row\">\n <span>Labels rotation</span>\n <BtnIconGroup v-model=\"settings.axisX.axisLabelsAngle\" :options=\"OPTIONS_HEATMAP_ROTATION\" />\n </div>\n <div class=\"axes-settings-options-row block\">\n <PlBtnGroup\n v-model=\"settings.axisX.titleMode\"\n label=\"Title\"\n :options=\"OPTIONS_AXIS_LABEL_MODE\"\n />\n </div>\n <div v-if=\"settings.axisX.titleMode === 'custom'\">\n <PlTextField\n v-model=\"settings.axisX.customTitle\"\n label=\"Text\"\n placeholder=\"Type\"\n />\n </div>\n <div class=\"axes-settings-options-row block\">\n <PlBtnGroup\n v-model=\"settings.axisX.sorting\"\n label=\"Sorting\"\n :options=\"OPTIONS_SORTING\"\n />\n </div>\n </CollapsableBlock>\n <!-- Y axis settings-->\n <CollapsableBlock title=\"Y-axis\" :settings=\"blockSettings\" :icon=\"Right\" :icon-open=\"Down\">\n <div class=\"axes-settings-options-row\">\n <span>Labels rotation</span>\n <BtnIconGroup v-model=\"settings.axisY.axisLabelsAngle\" :options=\"OPTIONS_HEATMAP_ROTATION\" />\n </div>\n <div class=\"axes-settings-options-row block\">\n <PlBtnGroup\n v-model=\"settings.axisY.titleMode\"\n label=\"Title\"\n :options=\"OPTIONS_AXIS_LABEL_MODE\"\n />\n </div>\n <div v-if=\"settings.axisY.titleMode === 'custom'\">\n <PlTextField\n v-model=\"settings.axisY.customTitle\"\n label=\"Text\"\n placeholder=\"Type\"\n />\n </div>\n <div class=\"axes-settings-options-row block\">\n <PlBtnGroup\n v-model=\"settings.axisY.sorting\"\n label=\"Sorting\"\n :options=\"OPTIONS_SORTING\"\n />\n </div>\n </CollapsableBlock>\n\n <div class=\"other\">\n <div class=\"axes-settings-options-row\">\n <span>Frame</span>\n <BtnIconGroup v-model=\"settings.other.frame\" :options=\"OPTIONS_CHART_FRAME\" />\n </div>\n <div class=\"axes-settings-options-row\">\n <Slider\n v-model=\"settings.other.facetColumns\"\n :style=\"{width: '100%'}\"\n label=\"Facet column count\"\n :min=\"1\"\n :max=\"6\"\n :step=\"1\"\n :breakpoints=\"true\"\n mode=\"input\"\n />\n </div>\n </div>\n </div>\n </div>\n</template>\n"],"names":["settings","useStore","blockSettings","OPTIONS_TITLE_ALIGN","AlignLeft","AlignCenter","AlignRight","OPTIONS_HEATMAP_ROTATION","Rotation0","Rotation45","Rotation90","OPTIONS_AXIS_LABEL_MODE","OPTIONS_CHART_FRAME","FrameEmpty","FrameFull","OPTIONS_SORTING","_createElementBlock","_cache","e","_createElementVNode","_hoisted_1","_createVNode","CollapsableBlock","Right","Down","_hoisted_2","_unref","PlBtnGroup","$event","_openBlock","_hoisted_3","PlTextField","_hoisted_4","BtnIconGroup","_hoisted_5","_hoisted_6","_hoisted_7","_hoisted_8","_hoisted_9","_hoisted_10","_hoisted_11","_hoisted_12","_hoisted_13","_hoisted_14","_hoisted_15","Slider"],"mappings":"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"}

package/dist/forms/AxesSettingsForm/DiscreteAxesSettingsForm.vue.js CHANGED Viewed

@@ -93,6 +93,7 @@ const xe = { class: "axes-settings-list" }, Ve = { class: "axes-settings-options
           labels: c.value.reduce((u, f) => (u[f] = (o == null ? void 0 : o[f]) ?? String(f), u), {})
         };
       }
+      return null;
     }), U = r(() => {
       var n;
       if (y.value) {
@@ -102,6 +103,7 @@ const xe = { class: "axes-settings-list" }, Ve = { class: "axes-settings-options
           labels: w.value.reduce((u, f) => (u[f] = (o == null ? void 0 : o[f]) ?? String(f), u), {})
         };
       }
+      return null;
     });
     function M(n, e) {
       i.value.reactive.dataBindAes[e] = n;
@@ -135,26 +137,26 @@ const xe = { class: "axes-settings-list" }, Ve = { class: "axes-settings-options
           default: b(() => [
             a("div", Ve, [
               s(l(S), {
-                label: "Title",
-                options: A,
                 modelValue: l(t).title.mode,
-                "onUpdate:modelValue": e[0] || (e[0] = (o) => l(t).title.mode = o)
+                "onUpdate:modelValue": e[0] || (e[0] = (o) => l(t).title.mode = o),
+                label: "Title",
+                options: A
               }, null, 8, ["modelValue"])
             ]),
             l(t).title.mode === "custom" ? (d(), p("div", ye, [
               s(l(I), {
-                label: "Chart title",
-                placeholder: "Chart title",
                 modelValue: l(t).title.value,
-                "onUpdate:modelValue": e[1] || (e[1] = (o) => l(t).title.value = o)
+                "onUpdate:modelValue": e[1] || (e[1] = (o) => l(t).title.value = o),
+                label: "Chart title",
+                placeholder: "Chart title"
               }, null, 8, ["modelValue"])
             ])) : m("", !0),
             a("div", be, [
               e[31] || (e[31] = a("span", null, "Alignment", -1)),
               s(R, {
-                options: K,
                 modelValue: l(t).title.position,
-                "onUpdate:modelValue": e[2] || (e[2] = (o) => l(t).title.position = o)
+                "onUpdate:modelValue": e[2] || (e[2] = (o) => l(t).title.position = o),
+                options: K
               }, null, 8, ["modelValue"])
             ])
           ]),
@@ -184,18 +186,18 @@ const xe = { class: "axes-settings-list" }, Ve = { class: "axes-settings-options
                   var o;
                   return [
                     s(j, {
+                      modelValue: L.value,
+                      "onUpdate:modelValue": [
+                        e[4] || (e[4] = (u) => L.value = u),
+                        e[5] || (e[5] = (u) => M(u, g.value))
+                      ],
                       "column-value-labels": X.value.labels,
                       "data-column-label": ((o = X.value.selectedSourceInfo) == null ? void 0 : o.label) ?? "",
                       "used-aes-in-mapping": D.value[g.value],
                       "allow-reordering": "",
                       "allow-hiding": "",
-                      "allow-null-option": l(t).axisX.allowNullPrimaryGroups,
-                      modelValue: L.value,
-                      "onUpdate:modelValue": [
-                        e[4] || (e[4] = (u) => L.value = u),
-                        e[5] || (e[5] = (u) => M(u, g.value))
-                      ]
-                    }, null, 8, ["column-value-labels", "data-column-label", "used-aes-in-mapping", "allow-null-option", "modelValue"])
+                      "allow-null-option": l(t).axisX.allowNullPrimaryGroups
+                    }, null, 8, ["modelValue", "column-value-labels", "data-column-label", "used-aes-in-mapping", "allow-null-option"])
                   ];
                 }),
                 _: 1
@@ -225,18 +227,18 @@ const xe = { class: "axes-settings-list" }, Ve = { class: "axes-settings-options
                   var o;
                   return [
                     s(j, {
+                      modelValue: Y.value,
+                      "onUpdate:modelValue": [
+                        e[10] || (e[10] = (u) => Y.value = u),
+                        e[11] || (e[11] = (u) => M(u, y.value))
+                      ],
                       "column-value-labels": U.value.labels,
                       "data-column-label": ((o = U.value.selectedSourceInfo) == null ? void 0 : o.label) ?? "",
                       "used-aes-in-mapping": D.value[y.value],
                       "allow-reordering": "",
                       "allow-hiding": "",
-                      "allow-null-option": l(t).axisX.allowNullSecondaryGroups,
-                      modelValue: Y.value,
-                      "onUpdate:modelValue": [
-                        e[10] || (e[10] = (u) => Y.value = u),
-                        e[11] || (e[11] = (u) => M(u, y.value))
-                      ]
-                    }, null, 8, ["column-value-labels", "data-column-label", "used-aes-in-mapping", "allow-null-option", "modelValue"])
+                      "allow-null-option": l(t).axisX.allowNullSecondaryGroups
+                    }, null, 8, ["modelValue", "column-value-labels", "data-column-label", "used-aes-in-mapping", "allow-null-option"])
                   ];
                 }),
                 _: 1
@@ -252,25 +254,25 @@ const xe = { class: "axes-settings-list" }, Ve = { class: "axes-settings-options
             l(i).reactive.chartType === "discrete" ? (d(), p("div", Te, [
               e[36] || (e[36] = a("span", null, "Labels rotation", -1)),
               s(R, {
-                options: Q,
                 modelValue: E.value,
-                "onUpdate:modelValue": e[15] || (e[15] = (o) => E.value = o)
+                "onUpdate:modelValue": e[15] || (e[15] = (o) => E.value = o),
+                options: Q
               }, null, 8, ["modelValue"])
             ])) : m("", !0),
             a("div", Ae, [
               s(l(S), {
-                label: "Title",
-                options: A,
                 modelValue: l(t).axisX.titleMode,
-                "onUpdate:modelValue": e[16] || (e[16] = (o) => l(t).axisX.titleMode = o)
+                "onUpdate:modelValue": e[16] || (e[16] = (o) => l(t).axisX.titleMode = o),
+                label: "Title",
+                options: A
               }, null, 8, ["modelValue"])
             ]),
             l(t).axisX.titleMode === "custom" ? (d(), p("div", Oe, [
               s(l(I), {
-                label: "Text",
-                placeholder: "Type",
                 modelValue: l(t).axisX.customTitle,
-                "onUpdate:modelValue": e[17] || (e[17] = (o) => l(t).axisX.customTitle = o)
+                "onUpdate:modelValue": e[17] || (e[17] = (o) => l(t).axisX.customTitle = o),
+                label: "Text",
+                placeholder: "Type"
               }, null, 8, ["modelValue"])
             ])) : m("", !0),
             a("div", Xe, [
@@ -306,26 +308,26 @@ const xe = { class: "axes-settings-list" }, Ve = { class: "axes-settings-options
           default: b(() => [
             a("div", Ge, [
               s(l(S), {
-                label: "Title",
-                options: A,
                 modelValue: l(t).axisY.titleMode,
-                "onUpdate:modelValue": e[21] || (e[21] = (o) => l(t).axisY.titleMode = o)
+                "onUpdate:modelValue": e[21] || (e[21] = (o) => l(t).axisY.titleMode = o),
+                label: "Title",
+                options: A
               }, null, 8, ["modelValue"])
             ]),
             l(t).axisY.titleMode === "custom" ? (d(), p("div", Pe, [
               s(l(I), {
-                label: "Text",
-                placeholder: "Type",
                 modelValue: l(t).axisY.customTitle,
-                "onUpdate:modelValue": e[22] || (e[22] = (o) => l(t).axisY.customTitle = o)
+                "onUpdate:modelValue": e[22] || (e[22] = (o) => l(t).axisY.customTitle = o),
+                label: "Text",
+                placeholder: "Type"
               }, null, 8, ["modelValue"])
             ])) : m("", !0),
             a("div", Ne, [
               s(l(S), {
-                label: "Scale",
-                options: W,
                 modelValue: l(t).axisY.scale,
-                "onUpdate:modelValue": e[23] || (e[23] = (o) => l(t).axisY.scale = o)
+                "onUpdate:modelValue": e[23] || (e[23] = (o) => l(t).axisY.scale = o),
+                label: "Scale",
+                options: W
               }, null, 8, ["modelValue"])
             ]),
             a("div", Re, [
@@ -349,9 +351,9 @@ const xe = { class: "axes-settings-list" }, Ve = { class: "axes-settings-options
           a("div", Be, [
             e[42] || (e[42] = a("span", null, "Frame", -1)),
             s(R, {
-              options: Z,
               modelValue: l(t).other.frame,
-              "onUpdate:modelValue": e[26] || (e[26] = (o) => l(t).other.frame = o)
+              "onUpdate:modelValue": e[26] || (e[26] = (o) => l(t).other.frame = o),
+              options: Z
             }, null, 8, ["modelValue"])
           ]),
           a("div", De, [
@@ -363,23 +365,23 @@ const xe = { class: "axes-settings-list" }, Ve = { class: "axes-settings-options
           ]),
           a("div", Le, [
             s(l(oe), {
+              modelValue: l(t).other.facetColumns,
+              "onUpdate:modelValue": e[28] || (e[28] = (o) => l(t).other.facetColumns = o),
               style: { width: "100%" },
               label: "Facet column count",
               min: 1,
               max: 6,
               step: 1,
               breakpoints: !0,
-              mode: "input",
-              modelValue: l(t).other.facetColumns,
-              "onUpdate:modelValue": e[28] || (e[28] = (o) => l(t).other.facetColumns = o)
+              mode: "input"
             }, null, 8, ["modelValue"])
           ]),
           a("div", Ye, [
             s(l(S), {
-              label: "Facet shared by",
-              options: _,
               modelValue: l(t).other.facetSharedBy,
-              "onUpdate:modelValue": e[29] || (e[29] = (o) => l(t).other.facetSharedBy = o)
+              "onUpdate:modelValue": e[29] || (e[29] = (o) => l(t).other.facetSharedBy = o),
+              label: "Facet shared by",
+              options: _
             }, null, 8, ["modelValue"])
           ])
         ])