@milaboratories/graph-maker 1.1.18 → 1.1.20
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.
- package/dist/GraphMaker/components/PlColorSliderThumb.vue.d.ts +1 -1
- package/dist/GraphMaker/constant.d.ts +20 -1
- package/dist/GraphMaker/dataBindAes.d.ts +3 -1
- package/dist/GraphMaker/forms/LayersForm/DotSizeSelector.vue.d.ts +25 -0
- package/dist/GraphMaker/store.d.ts +33 -0
- package/dist/GraphMaker/utils/getLayersDataFromForms.d.ts +11 -5
- package/dist/graph-maker.js +34499 -34148
- package/dist/graph-maker.umd.cjs +972 -972
- package/dist/style.css +1 -1
- package/package.json +6 -7
|
@@ -29,9 +29,9 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
29
29
|
"onUpdate:modelValue"?: ((value: number) => any) | undefined;
|
|
30
30
|
onActive?: ((v: boolean) => any) | undefined;
|
|
31
31
|
}>, {
|
|
32
|
+
min: number;
|
|
32
33
|
max: number;
|
|
33
34
|
padding: number;
|
|
34
|
-
min: number;
|
|
35
35
|
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
|
|
36
36
|
export default _default;
|
|
37
37
|
type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
|
|
@@ -43,19 +43,37 @@ export type StatisticsState = {
|
|
|
43
43
|
};
|
|
44
44
|
};
|
|
45
45
|
export declare function getInitialStatisticsState(initialData?: StatisticsState): StatisticsState;
|
|
46
|
+
export type Range = {
|
|
47
|
+
min: number;
|
|
48
|
+
max: number;
|
|
49
|
+
};
|
|
46
50
|
export type MappingLink = {
|
|
47
51
|
type: string;
|
|
48
52
|
value?: string;
|
|
49
53
|
};
|
|
50
54
|
export type ColorAes = string | MappingLink;
|
|
51
55
|
export type DotShapeAes = DotShape | MappingLink;
|
|
56
|
+
export type DotSizeAes = number | Range;
|
|
52
57
|
export type LineTypeAes = LineType | MappingLink;
|
|
53
58
|
export type FixedOrMappedAes = ColorAes | DotShapeAes | LineTypeAes;
|
|
54
|
-
export
|
|
59
|
+
export type ContinuousDataMapping = {
|
|
60
|
+
column: string;
|
|
61
|
+
range: Range;
|
|
62
|
+
};
|
|
63
|
+
export type ColumnNameSchema = {
|
|
64
|
+
type: 'column';
|
|
65
|
+
value: string;
|
|
66
|
+
label?: string;
|
|
67
|
+
valueLabels?: string;
|
|
68
|
+
};
|
|
69
|
+
export declare function isRange(v: number | Range | null | undefined): v is Range;
|
|
70
|
+
export declare function isMappedAes(item: FixedOrMappedAes | null | string | number | boolean | unknown): item is MappingLink;
|
|
71
|
+
export declare function isContinuousDataMapping(v: ContinuousDataMapping | number | null | undefined): v is ContinuousDataMapping;
|
|
55
72
|
export type LayersSettings = {
|
|
56
73
|
dendro: {
|
|
57
74
|
dotFill: ColorAes;
|
|
58
75
|
dotShape: DotShapeAes;
|
|
76
|
+
dotSize: DotSizeAes;
|
|
59
77
|
lineColor: ColorAes;
|
|
60
78
|
mode: 'normal' | 'useAllNodesAsLeaves';
|
|
61
79
|
leavesMode: 'normal' | 'alignLeavesToLine';
|
|
@@ -69,6 +87,7 @@ export type LayersSettings = {
|
|
|
69
87
|
dots: {
|
|
70
88
|
dotFill: ColorAes | null;
|
|
71
89
|
dotShape: DotShapeAes | null;
|
|
90
|
+
dotSize: ContinuousDataMapping | number | null;
|
|
72
91
|
};
|
|
73
92
|
curve: {
|
|
74
93
|
smoothing: boolean;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { ContinuousPalette, DotShape, LineType, Palette } from './components/AesSettings/types.ts';
|
|
2
2
|
import { InputGuide, InputState } from '@milaboratories/pf-plots';
|
|
3
|
-
import { AesType } from './constant.ts';
|
|
3
|
+
import { AesType, ContinuousDataMapping, Range } from './constant.ts';
|
|
4
4
|
|
|
5
5
|
export type AestheticMapping = AestheticMappingContinuous | AestheticMappingCategorical;
|
|
6
6
|
interface MappingRange {
|
|
@@ -38,9 +38,11 @@ export declare const DEFAULT_LINE_SHAPE = "solid";
|
|
|
38
38
|
export declare const DEFAULT_LINE_WIDTH = 1;
|
|
39
39
|
export declare const DEFAULT_DOT_SHAPE = "21";
|
|
40
40
|
export declare const DEFAULT_DOT_SIZE = 3;
|
|
41
|
+
export declare const DEFAULT_DOT_RANGE: Range;
|
|
41
42
|
export declare function updateAestheticMapping(values: (string | number)[], currentMapping?: AestheticMappingCategorical): AestheticMappingCategorical;
|
|
42
43
|
export declare function createMappingFromPalette(palette: Palette, values: (string | number)[]): AestheticMappingCategorical;
|
|
43
44
|
export declare function createDefaultMapping(values: (string | number)[]): AestheticMappingCategorical;
|
|
45
|
+
export declare function createDefaultContinuousMapping(columnId: string): ContinuousDataMapping;
|
|
44
46
|
export declare function getChartSettingsInheritedAes(inputGuide: InputGuide<InputState>, maybeMapping: AestheticMapping | undefined, sourceId: string | null, usedAesInMapping: Record<AesType, boolean>): {
|
|
45
47
|
inheritedAes: {};
|
|
46
48
|
order?: undefined;
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import { ContinuousDataMapping } from '../../constant.ts';
|
|
2
|
+
|
|
3
|
+
declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
|
|
4
|
+
selected?: number | ContinuousDataMapping;
|
|
5
|
+
possibleAesSourceInputs?: string[];
|
|
6
|
+
}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
7
|
+
"aes-update": (...args: any[]) => void;
|
|
8
|
+
"aes-selector-close": (...args: any[]) => void;
|
|
9
|
+
}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
|
|
10
|
+
selected?: number | ContinuousDataMapping;
|
|
11
|
+
possibleAesSourceInputs?: string[];
|
|
12
|
+
}>>> & Readonly<{
|
|
13
|
+
"onAes-update"?: ((...args: any[]) => any) | undefined;
|
|
14
|
+
"onAes-selector-close"?: ((...args: any[]) => any) | undefined;
|
|
15
|
+
}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
|
|
16
|
+
export default _default;
|
|
17
|
+
type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
|
|
18
|
+
type __VLS_TypePropsToRuntimeProps<T> = {
|
|
19
|
+
[K in keyof T]-?: {} extends Pick<T, K> ? {
|
|
20
|
+
type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
|
|
21
|
+
} : {
|
|
22
|
+
type: import('vue').PropType<T[K]>;
|
|
23
|
+
required: true;
|
|
24
|
+
};
|
|
25
|
+
};
|
|
@@ -23,6 +23,10 @@ export declare function createReactiveState(initialData: GraphMakerState, chartT
|
|
|
23
23
|
type: string;
|
|
24
24
|
value?: string | undefined;
|
|
25
25
|
};
|
|
26
|
+
dotSize: number | {
|
|
27
|
+
min: number;
|
|
28
|
+
max: number;
|
|
29
|
+
};
|
|
26
30
|
lineColor: string | {
|
|
27
31
|
type: string;
|
|
28
32
|
value?: string | undefined;
|
|
@@ -45,6 +49,13 @@ export declare function createReactiveState(initialData: GraphMakerState, chartT
|
|
|
45
49
|
type: string;
|
|
46
50
|
value?: string | undefined;
|
|
47
51
|
} | null;
|
|
52
|
+
dotSize: number | {
|
|
53
|
+
column: string;
|
|
54
|
+
range: {
|
|
55
|
+
min: number;
|
|
56
|
+
max: number;
|
|
57
|
+
};
|
|
58
|
+
} | null;
|
|
48
59
|
};
|
|
49
60
|
curve: {
|
|
50
61
|
smoothing: boolean;
|
|
@@ -294,6 +305,10 @@ export declare function factoryStore(reactiveState: Reactive<ReactiveState>, dat
|
|
|
294
305
|
type: string;
|
|
295
306
|
value?: string | undefined;
|
|
296
307
|
};
|
|
308
|
+
dotSize: number | {
|
|
309
|
+
min: number;
|
|
310
|
+
max: number;
|
|
311
|
+
};
|
|
297
312
|
lineColor: string | {
|
|
298
313
|
type: string;
|
|
299
314
|
value?: string | undefined;
|
|
@@ -316,6 +331,13 @@ export declare function factoryStore(reactiveState: Reactive<ReactiveState>, dat
|
|
|
316
331
|
type: string;
|
|
317
332
|
value?: string | undefined;
|
|
318
333
|
} | null;
|
|
334
|
+
dotSize: number | {
|
|
335
|
+
column: string;
|
|
336
|
+
range: {
|
|
337
|
+
min: number;
|
|
338
|
+
max: number;
|
|
339
|
+
};
|
|
340
|
+
} | null;
|
|
319
341
|
};
|
|
320
342
|
curve: {
|
|
321
343
|
smoothing: boolean;
|
|
@@ -592,6 +614,10 @@ export declare function provideStore(initialState: GraphMakerState, dataStoreRef
|
|
|
592
614
|
type: string;
|
|
593
615
|
value?: string | undefined;
|
|
594
616
|
};
|
|
617
|
+
dotSize: number | {
|
|
618
|
+
min: number;
|
|
619
|
+
max: number;
|
|
620
|
+
};
|
|
595
621
|
lineColor: string | {
|
|
596
622
|
type: string;
|
|
597
623
|
value?: string | undefined;
|
|
@@ -614,6 +640,13 @@ export declare function provideStore(initialState: GraphMakerState, dataStoreRef
|
|
|
614
640
|
type: string;
|
|
615
641
|
value?: string | undefined;
|
|
616
642
|
} | null;
|
|
643
|
+
dotSize: number | {
|
|
644
|
+
column: string;
|
|
645
|
+
range: {
|
|
646
|
+
min: number;
|
|
647
|
+
max: number;
|
|
648
|
+
};
|
|
649
|
+
} | null;
|
|
617
650
|
};
|
|
618
651
|
curve: {
|
|
619
652
|
smoothing: boolean;
|
|
@@ -1,12 +1,18 @@
|
|
|
1
|
-
import { LayersSettings, MappingLink, StatisticsState } from '../constant.ts';
|
|
1
|
+
import { Range, LayersSettings, MappingLink, StatisticsState } from '../constant.ts';
|
|
2
2
|
import { LayersTemplate } from '../types.ts';
|
|
3
|
-
import { ChartType, InputState } from '@milaboratories/pf-plots';
|
|
3
|
+
import { ChartType, InputState, PlotDataAndSettings } from '@milaboratories/pf-plots';
|
|
4
4
|
import { DotShape, LineType } from '../components/AesSettings/types.ts';
|
|
5
5
|
|
|
6
6
|
export declare function getStatLayers(statisticsSettings: StatisticsState): ChartLayerSettings[];
|
|
7
7
|
export type ChartLayerSettings = {
|
|
8
|
-
[key: string]: string | boolean | null | Record<string, string | DotShape |
|
|
8
|
+
[key: string]: string | boolean | null | Record<string, string | DotShape | Range | {
|
|
9
|
+
domain: number[];
|
|
10
|
+
range: number[];
|
|
11
|
+
} | LineType | boolean | number | MappingLink> | undefined;
|
|
9
12
|
type: string;
|
|
10
|
-
aes?: Record<string, string | DotShape |
|
|
13
|
+
aes?: Record<string, string | DotShape | Range | {
|
|
14
|
+
domain: number[];
|
|
15
|
+
range: number[];
|
|
16
|
+
} | LineType | boolean | number | MappingLink>;
|
|
11
17
|
};
|
|
12
|
-
export declare function getChartLayersSettings(chartType: ChartType, template: LayersTemplate, layerSettings: LayersSettings, statisticsSettings: StatisticsState, optionsState: InputState): ChartLayerSettings[];
|
|
18
|
+
export declare function getChartLayersSettings(chartType: ChartType, template: LayersTemplate, layerSettings: LayersSettings, statisticsSettings: StatisticsState, optionsState: InputState, settings: Record<string, unknown>, dataByColumns: PlotDataAndSettings['dataByColumns']): ChartLayerSettings[];
|