@luzmo/dashboard-contents-types 1.0.41 → 1.0.42
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/CHANGELOG.md +6 -0
- package/area-chart/area-chart-options.config.cjs +1 -1
- package/area-chart/area-chart-options.config.cjs.map +1 -1
- package/area-chart/area-chart-options.config.js +9 -7
- package/area-chart/area-chart-options.config.js.map +1 -1
- package/bar-chart/bar-chart-options.config.cjs +1 -1
- package/bar-chart/bar-chart-options.config.cjs.map +1 -1
- package/bar-chart/bar-chart-options.config.js +12 -10
- package/bar-chart/bar-chart-options.config.js.map +1 -1
- package/box-plot/box-plot-options.config.cjs +1 -1
- package/box-plot/box-plot-options.config.cjs.map +1 -1
- package/box-plot/box-plot-options.config.js +21 -19
- package/box-plot/box-plot-options.config.js.map +1 -1
- package/bubble-chart/bubble-chart-options.config.cjs +1 -1
- package/bubble-chart/bubble-chart-options.config.cjs.map +1 -1
- package/bubble-chart/bubble-chart-options.config.js +112 -107
- package/bubble-chart/bubble-chart-options.config.js.map +1 -1
- package/bullet-chart/bullet-chart-options.config.cjs +1 -1
- package/bullet-chart/bullet-chart-options.config.cjs.map +1 -1
- package/bullet-chart/bullet-chart-options.config.js +4 -3
- package/bullet-chart/bullet-chart-options.config.js.map +1 -1
- package/choropleth-map/choropleth-map-options.config.cjs +1 -1
- package/choropleth-map/choropleth-map-options.config.cjs.map +1 -1
- package/choropleth-map/choropleth-map-options.config.js +39 -37
- package/choropleth-map/choropleth-map-options.config.js.map +1 -1
- package/circle-pack-chart/circle-pack-chart-options.config.cjs +1 -1
- package/circle-pack-chart/circle-pack-chart-options.config.cjs.map +1 -1
- package/circle-pack-chart/circle-pack-chart-options.config.js +4 -3
- package/circle-pack-chart/circle-pack-chart-options.config.js.map +1 -1
- package/circular-gauge/circular-gauge-options.config.cjs +1 -1
- package/circular-gauge/circular-gauge-options.config.cjs.map +1 -1
- package/circular-gauge/circular-gauge-options.config.js +148 -143
- package/circular-gauge/circular-gauge-options.config.js.map +1 -1
- package/column-chart/column-chart-options.config.cjs +1 -1
- package/column-chart/column-chart-options.config.cjs.map +1 -1
- package/column-chart/column-chart-options.config.js +12 -10
- package/column-chart/column-chart-options.config.js.map +1 -1
- package/combination-chart/combination-chart-options.config.cjs +1 -1
- package/combination-chart/combination-chart-options.config.cjs.map +1 -1
- package/combination-chart/combination-chart-options.config.js +5 -3
- package/combination-chart/combination-chart-options.config.js.map +1 -1
- package/conditional-number/conditional-number-options.config.cjs +1 -1
- package/conditional-number/conditional-number-options.config.cjs.map +1 -1
- package/conditional-number/conditional-number-options.config.js +156 -151
- package/conditional-number/conditional-number-options.config.js.map +1 -1
- package/donut-chart/donut-chart-options.config.cjs +1 -1
- package/donut-chart/donut-chart-options.config.cjs.map +1 -1
- package/donut-chart/donut-chart-options.config.js +184 -179
- package/donut-chart/donut-chart-options.config.js.map +1 -1
- package/evolution-number/evolution-number-options.config.cjs +1 -1
- package/evolution-number/evolution-number-options.config.cjs.map +1 -1
- package/evolution-number/evolution-number-options.config.js +5 -3
- package/evolution-number/evolution-number-options.config.js.map +1 -1
- package/funnel-chart/funnel-chart-options.config.cjs +1 -1
- package/funnel-chart/funnel-chart-options.config.cjs.map +1 -1
- package/funnel-chart/funnel-chart-options.config.js +5 -3
- package/funnel-chart/funnel-chart-options.config.js.map +1 -1
- package/heat-map/heat-map-options.config.cjs +1 -1
- package/heat-map/heat-map-options.config.cjs.map +1 -1
- package/heat-map/heat-map-options.config.js +32 -30
- package/heat-map/heat-map-options.config.js.map +1 -1
- package/heat-table/heat-table-options.config.cjs +1 -1
- package/heat-table/heat-table-options.config.cjs.map +1 -1
- package/heat-table/heat-table-options.config.js +28 -26
- package/heat-table/heat-table-options.config.js.map +1 -1
- package/hexbin-map/hexbin-map-options.config.cjs +1 -1
- package/hexbin-map/hexbin-map-options.config.cjs.map +1 -1
- package/hexbin-map/hexbin-map-options.config.js +20 -18
- package/hexbin-map/hexbin-map-options.config.js.map +1 -1
- package/index.cjs +1 -1
- package/index.js +192 -191
- package/line-chart/line-chart-options.config.cjs +1 -1
- package/line-chart/line-chart-options.config.cjs.map +1 -1
- package/line-chart/line-chart-options.config.js +7 -5
- package/line-chart/line-chart-options.config.js.map +1 -1
- package/marker-map/marker-map-options.config.cjs +1 -1
- package/marker-map/marker-map-options.config.cjs.map +1 -1
- package/marker-map/marker-map-options.config.js +97 -92
- package/marker-map/marker-map-options.config.js.map +1 -1
- package/ohlc-chart/ohlc-chart-options.config.cjs +1 -1
- package/ohlc-chart/ohlc-chart-options.config.cjs.map +1 -1
- package/ohlc-chart/ohlc-chart-options.config.js +5 -3
- package/ohlc-chart/ohlc-chart-options.config.js.map +1 -1
- package/package.json +1 -1
- package/parallel-coordinates-plot/parallel-coordinates-plot-options.config.cjs +1 -1
- package/parallel-coordinates-plot/parallel-coordinates-plot-options.config.cjs.map +1 -1
- package/parallel-coordinates-plot/parallel-coordinates-plot-options.config.js +4 -3
- package/parallel-coordinates-plot/parallel-coordinates-plot-options.config.js.map +1 -1
- package/pivot-table/pivot-table-options.config.cjs +1 -1
- package/pivot-table/pivot-table-options.config.cjs.map +1 -1
- package/pivot-table/pivot-table-options.config.js +5 -3
- package/pivot-table/pivot-table-options.config.js.map +1 -1
- package/pyramid-chart/pyramid-chart-options.config.cjs +1 -1
- package/pyramid-chart/pyramid-chart-options.config.cjs.map +1 -1
- package/pyramid-chart/pyramid-chart-options.config.js +5 -3
- package/pyramid-chart/pyramid-chart-options.config.js.map +1 -1
- package/radar-chart/radar-chart-options.config.cjs +1 -1
- package/radar-chart/radar-chart-options.config.cjs.map +1 -1
- package/radar-chart/radar-chart-options.config.js +7 -5
- package/radar-chart/radar-chart-options.config.js.map +1 -1
- package/regular-table/regular-table-options.config.cjs +1 -1
- package/regular-table/regular-table-options.config.cjs.map +1 -1
- package/regular-table/regular-table-options.config.js +126 -121
- package/regular-table/regular-table-options.config.js.map +1 -1
- package/route-map/route-map-options.config.cjs +1 -1
- package/route-map/route-map-options.config.cjs.map +1 -1
- package/route-map/route-map-options.config.js +38 -36
- package/route-map/route-map-options.config.js.map +1 -1
- package/sankey-diagram/sankey-diagram-options.config.cjs +1 -1
- package/sankey-diagram/sankey-diagram-options.config.cjs.map +1 -1
- package/sankey-diagram/sankey-diagram-options.config.js +5 -3
- package/sankey-diagram/sankey-diagram-options.config.js.map +1 -1
- package/scatter-plot/scatter-plot-options.config.cjs +1 -1
- package/scatter-plot/scatter-plot-options.config.cjs.map +1 -1
- package/scatter-plot/scatter-plot-options.config.js +7 -5
- package/scatter-plot/scatter-plot-options.config.js.map +1 -1
- package/shared/utils/info-tooltip-options.config.cjs +2 -0
- package/shared/utils/info-tooltip-options.config.cjs.map +1 -0
- package/shared/utils/info-tooltip-options.config.js +42 -0
- package/shared/utils/info-tooltip-options.config.js.map +1 -0
- package/shared/utils/info-tooltip-options.i18n.cjs +2 -0
- package/shared/utils/info-tooltip-options.i18n.cjs.map +1 -0
- package/shared/utils/info-tooltip-options.i18n.js +57 -0
- package/shared/utils/info-tooltip-options.i18n.js.map +1 -0
- package/shared/utils/options-loader.cjs +1 -1
- package/shared/utils/options-loader.cjs.map +1 -1
- package/shared/utils/options-loader.js +5 -3
- package/shared/utils/options-loader.js.map +1 -1
- package/speedometer-chart/speedometer-chart-options.config.cjs +1 -1
- package/speedometer-chart/speedometer-chart-options.config.cjs.map +1 -1
- package/speedometer-chart/speedometer-chart-options.config.js +201 -196
- package/speedometer-chart/speedometer-chart-options.config.js.map +1 -1
- package/spike-map/spike-map-options.config.cjs +1 -1
- package/spike-map/spike-map-options.config.cjs.map +1 -1
- package/spike-map/spike-map-options.config.js +41 -39
- package/spike-map/spike-map-options.config.js.map +1 -1
- package/src/lib/area-chart/area-chart-options.config.d.ts.map +1 -1
- package/src/lib/bar-chart/bar-chart-options.config.d.ts.map +1 -1
- package/src/lib/box-plot/box-plot-options.config.d.ts.map +1 -1
- package/src/lib/bubble-chart/bubble-chart-options.config.d.ts.map +1 -1
- package/src/lib/bullet-chart/bullet-chart-options.config.d.ts.map +1 -1
- package/src/lib/choropleth-map/choropleth-map-options.config.d.ts.map +1 -1
- package/src/lib/circle-pack-chart/circle-pack-chart-options.config.d.ts.map +1 -1
- package/src/lib/circular-gauge/circular-gauge-options.config.d.ts.map +1 -1
- package/src/lib/column-chart/column-chart-options.config.d.ts.map +1 -1
- package/src/lib/combination-chart/combination-chart-options.config.d.ts.map +1 -1
- package/src/lib/conditional-number/conditional-number-options.config.d.ts.map +1 -1
- package/src/lib/donut-chart/donut-chart-options.config.d.ts.map +1 -1
- package/src/lib/evolution-number/evolution-number-options.config.d.ts.map +1 -1
- package/src/lib/funnel-chart/funnel-chart-options.config.d.ts.map +1 -1
- package/src/lib/heat-map/heat-map-options.config.d.ts.map +1 -1
- package/src/lib/heat-table/heat-table-options.config.d.ts.map +1 -1
- package/src/lib/hexbin-map/hexbin-map-options.config.d.ts.map +1 -1
- package/src/lib/line-chart/line-chart-options.config.d.ts.map +1 -1
- package/src/lib/marker-map/marker-map-options.config.d.ts.map +1 -1
- package/src/lib/ohlc-chart/ohlc-chart-options.config.d.ts.map +1 -1
- package/src/lib/parallel-coordinates-plot/parallel-coordinates-plot-options.config.d.ts.map +1 -1
- package/src/lib/pivot-table/pivot-table-options.config.d.ts.map +1 -1
- package/src/lib/pyramid-chart/pyramid-chart-options.config.d.ts.map +1 -1
- package/src/lib/radar-chart/radar-chart-options.config.d.ts.map +1 -1
- package/src/lib/regular-table/regular-table-options.config.d.ts.map +1 -1
- package/src/lib/route-map/route-map-options.config.d.ts.map +1 -1
- package/src/lib/sankey-diagram/sankey-diagram-options.config.d.ts.map +1 -1
- package/src/lib/scatter-plot/scatter-plot-options.config.d.ts.map +1 -1
- package/src/lib/shared/schemas/dashboard-state.schema.d.ts +2 -2
- package/src/lib/shared/schemas/screen-mode.schema.d.ts +1 -1
- package/src/lib/shared/utils/index.d.ts +1 -0
- package/src/lib/shared/utils/index.d.ts.map +1 -1
- package/src/lib/shared/utils/info-tooltip-options.config.d.ts +6 -0
- package/src/lib/shared/utils/info-tooltip-options.config.d.ts.map +1 -0
- package/src/lib/shared/utils/info-tooltip-options.i18n.d.ts +3 -0
- package/src/lib/shared/utils/info-tooltip-options.i18n.d.ts.map +1 -0
- package/src/lib/shared/utils/options-loader.d.ts.map +1 -1
- package/src/lib/speedometer-chart/speedometer-chart-options.config.d.ts.map +1 -1
- package/src/lib/spike-map/spike-map-options.config.d.ts.map +1 -1
- package/src/lib/strip-plot/strip-plot-options.config.d.ts.map +1 -1
- package/src/lib/sunburst-chart/sunburst-chart-options.config.d.ts.map +1 -1
- package/src/lib/symbol-map/symbol-map-options.config.d.ts.map +1 -1
- package/src/lib/treemap-chart/treemap-chart-options.config.d.ts.map +1 -1
- package/src/lib/wordcloud-chart/wordcloud-chart-options.config.d.ts.map +1 -1
- package/strip-plot/strip-plot-options.config.cjs +1 -1
- package/strip-plot/strip-plot-options.config.cjs.map +1 -1
- package/strip-plot/strip-plot-options.config.js +4 -3
- package/strip-plot/strip-plot-options.config.js.map +1 -1
- package/sunburst-chart/sunburst-chart-options.config.cjs +1 -1
- package/sunburst-chart/sunburst-chart-options.config.cjs.map +1 -1
- package/sunburst-chart/sunburst-chart-options.config.js +5 -3
- package/sunburst-chart/sunburst-chart-options.config.js.map +1 -1
- package/symbol-map/symbol-map-options.config.cjs +1 -1
- package/symbol-map/symbol-map-options.config.cjs.map +1 -1
- package/symbol-map/symbol-map-options.config.js +7 -5
- package/symbol-map/symbol-map-options.config.js.map +1 -1
- package/treemap-chart/treemap-chart-options.config.cjs +1 -1
- package/treemap-chart/treemap-chart-options.config.cjs.map +1 -1
- package/treemap-chart/treemap-chart-options.config.js +180 -175
- package/treemap-chart/treemap-chart-options.config.js.map +1 -1
- package/wordcloud-chart/wordcloud-chart-options.config.cjs +1 -1
- package/wordcloud-chart/wordcloud-chart-options.config.cjs.map +1 -1
- package/wordcloud-chart/wordcloud-chart-options.config.js +67 -62
- package/wordcloud-chart/wordcloud-chart-options.config.js.map +1 -1
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import { getThemeAxisColor as e, getThemeAxisColorExtraLabelClickAction as t, getThemeAxisColorExtraLabelHasClickAction as n, getThemeAxisColorResetLabel as r } from "../helpers.js";
|
|
2
|
+
import { createInfoTooltipOptionsGroup as i } from "../shared/utils/info-tooltip-options.config.js";
|
|
2
3
|
//#region src/lib/speedometer-chart/speedometer-chart-options.config.ts
|
|
3
|
-
var
|
|
4
|
+
var a = (e) => e?.find((e) => e?.name === "target")?.content?.length === 0 && (e?.find((e) => e?.name === "measure")?.content?.length ?? 0) > 0, o = [
|
|
4
5
|
{
|
|
5
6
|
color: "#ff0000",
|
|
6
7
|
value: 0
|
|
@@ -21,208 +22,212 @@ var i = (e) => e?.find((e) => e?.name === "target")?.content?.length === 0 && (e
|
|
|
21
22
|
color: "#006400",
|
|
22
23
|
value: 100
|
|
23
24
|
}
|
|
24
|
-
],
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
},
|
|
37
|
-
{
|
|
38
|
-
key: "display.meterValue",
|
|
39
|
-
control: {
|
|
40
|
-
type: "switch",
|
|
41
|
-
label: "Value",
|
|
42
|
-
default: !0
|
|
43
|
-
}
|
|
44
|
-
},
|
|
45
|
-
{
|
|
46
|
-
key: "display.meterLabel",
|
|
47
|
-
control: {
|
|
48
|
-
type: "switch",
|
|
49
|
-
label: "Label",
|
|
50
|
-
default: !0
|
|
51
|
-
}
|
|
52
|
-
},
|
|
53
|
-
{
|
|
54
|
-
key: "display.ticks",
|
|
55
|
-
control: {
|
|
56
|
-
type: "switch",
|
|
57
|
-
label: "Ticks",
|
|
58
|
-
default: !0
|
|
59
|
-
}
|
|
60
|
-
},
|
|
61
|
-
{
|
|
62
|
-
key: "degrees",
|
|
63
|
-
control: {
|
|
64
|
-
type: "slider",
|
|
65
|
-
label: "Arc size",
|
|
66
|
-
default: 230,
|
|
67
|
-
min: 180,
|
|
68
|
-
max: 360,
|
|
69
|
-
step: 1
|
|
70
|
-
}
|
|
71
|
-
},
|
|
72
|
-
{
|
|
73
|
-
key: "arcWidth",
|
|
74
|
-
control: {
|
|
75
|
-
type: "slider",
|
|
76
|
-
label: "Gauge width",
|
|
77
|
-
default: .08,
|
|
78
|
-
min: .02,
|
|
79
|
-
max: .7,
|
|
80
|
-
step: .01
|
|
81
|
-
}
|
|
82
|
-
},
|
|
83
|
-
{ type: "divider" },
|
|
84
|
-
{
|
|
85
|
-
key: "manualValues.display",
|
|
86
|
-
control: {
|
|
87
|
-
type: "picker",
|
|
88
|
-
label: "Ticks display",
|
|
89
|
-
default: "absolute",
|
|
90
|
-
enum: ["absolute", "percentage"]
|
|
91
|
-
}
|
|
92
|
-
},
|
|
93
|
-
{
|
|
94
|
-
key: "manualValues.mode",
|
|
95
|
-
control: {
|
|
96
|
-
type: "picker",
|
|
97
|
-
label: "Range type",
|
|
98
|
-
default: "relative",
|
|
99
|
-
enum: ["relative", "absolute"],
|
|
100
|
-
toOptions: ({ options: e, value: t }) => {
|
|
101
|
-
let n = e?.manualValues?.mode ?? "relative", r = {
|
|
102
|
-
...e,
|
|
103
|
-
manualValues: {
|
|
104
|
-
...e.manualValues,
|
|
105
|
-
mode: t
|
|
106
|
-
}
|
|
107
|
-
};
|
|
108
|
-
if (t === "absolute" && n === "relative" && r.manualValues?.ranges && r.manualValues?.target) {
|
|
109
|
-
let e = r.manualValues.target;
|
|
110
|
-
r.manualValues.ranges = r.manualValues.ranges.map((t) => ({
|
|
111
|
-
...t,
|
|
112
|
-
val: typeof t.val == "number" ? t.val * e / 100 : t.val
|
|
113
|
-
}));
|
|
114
|
-
} else t === "relative" && n === "absolute" && r.manualValues?.ranges?.length && (r.manualValues.target = r.manualValues.ranges.at(-1)?.val, r.manualValues.ranges = r.manualValues.ranges.map((e) => ({
|
|
115
|
-
...e,
|
|
116
|
-
value: typeof e.val == "number" && r.manualValues?.target ? e.val * 100 / r.manualValues.target : e.val
|
|
117
|
-
})));
|
|
118
|
-
return r;
|
|
25
|
+
], s = [
|
|
26
|
+
{
|
|
27
|
+
key: "general",
|
|
28
|
+
type: "group",
|
|
29
|
+
open: !0,
|
|
30
|
+
children: [
|
|
31
|
+
{
|
|
32
|
+
key: "display.title",
|
|
33
|
+
control: {
|
|
34
|
+
type: "switch",
|
|
35
|
+
label: "Title",
|
|
36
|
+
default: !1
|
|
119
37
|
}
|
|
120
|
-
}
|
|
121
|
-
},
|
|
122
|
-
{
|
|
123
|
-
key: "manualValues.target",
|
|
124
|
-
control: {
|
|
125
|
-
type: "number-field",
|
|
126
|
-
label: "Manual target",
|
|
127
|
-
placeholder: "Target value",
|
|
128
|
-
minWidthInputField: "150px"
|
|
129
38
|
},
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
|
|
168
|
-
"
|
|
169
|
-
"
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
|
|
39
|
+
{
|
|
40
|
+
key: "display.meterValue",
|
|
41
|
+
control: {
|
|
42
|
+
type: "switch",
|
|
43
|
+
label: "Value",
|
|
44
|
+
default: !0
|
|
45
|
+
}
|
|
46
|
+
},
|
|
47
|
+
{
|
|
48
|
+
key: "display.meterLabel",
|
|
49
|
+
control: {
|
|
50
|
+
type: "switch",
|
|
51
|
+
label: "Label",
|
|
52
|
+
default: !0
|
|
53
|
+
}
|
|
54
|
+
},
|
|
55
|
+
{
|
|
56
|
+
key: "display.ticks",
|
|
57
|
+
control: {
|
|
58
|
+
type: "switch",
|
|
59
|
+
label: "Ticks",
|
|
60
|
+
default: !0
|
|
61
|
+
}
|
|
62
|
+
},
|
|
63
|
+
{
|
|
64
|
+
key: "degrees",
|
|
65
|
+
control: {
|
|
66
|
+
type: "slider",
|
|
67
|
+
label: "Arc size",
|
|
68
|
+
default: 230,
|
|
69
|
+
min: 180,
|
|
70
|
+
max: 360,
|
|
71
|
+
step: 1
|
|
72
|
+
}
|
|
73
|
+
},
|
|
74
|
+
{
|
|
75
|
+
key: "arcWidth",
|
|
76
|
+
control: {
|
|
77
|
+
type: "slider",
|
|
78
|
+
label: "Gauge width",
|
|
79
|
+
default: .08,
|
|
80
|
+
min: .02,
|
|
81
|
+
max: .7,
|
|
82
|
+
step: .01
|
|
83
|
+
}
|
|
84
|
+
},
|
|
85
|
+
{ type: "divider" },
|
|
86
|
+
{
|
|
87
|
+
key: "manualValues.display",
|
|
88
|
+
control: {
|
|
89
|
+
type: "picker",
|
|
90
|
+
label: "Ticks display",
|
|
91
|
+
default: "absolute",
|
|
92
|
+
enum: ["absolute", "percentage"]
|
|
93
|
+
}
|
|
94
|
+
},
|
|
95
|
+
{
|
|
96
|
+
key: "manualValues.mode",
|
|
97
|
+
control: {
|
|
98
|
+
type: "picker",
|
|
99
|
+
label: "Range type",
|
|
100
|
+
default: "relative",
|
|
101
|
+
enum: ["relative", "absolute"],
|
|
102
|
+
toOptions: ({ options: e, value: t }) => {
|
|
103
|
+
let n = e?.manualValues?.mode ?? "relative", r = {
|
|
104
|
+
...e,
|
|
105
|
+
manualValues: {
|
|
106
|
+
...e.manualValues,
|
|
107
|
+
mode: t
|
|
108
|
+
}
|
|
109
|
+
};
|
|
110
|
+
if (t === "absolute" && n === "relative" && r.manualValues?.ranges && r.manualValues?.target) {
|
|
111
|
+
let e = r.manualValues.target;
|
|
112
|
+
r.manualValues.ranges = r.manualValues.ranges.map((t) => ({
|
|
113
|
+
...t,
|
|
114
|
+
val: typeof t.val == "number" ? t.val * e / 100 : t.val
|
|
115
|
+
}));
|
|
116
|
+
} else t === "relative" && n === "absolute" && r.manualValues?.ranges?.length && (r.manualValues.target = r.manualValues.ranges.at(-1)?.val, r.manualValues.ranges = r.manualValues.ranges.map((e) => ({
|
|
117
|
+
...e,
|
|
118
|
+
value: typeof e.val == "number" && r.manualValues?.target ? e.val * 100 / r.manualValues.target : e.val
|
|
119
|
+
})));
|
|
120
|
+
return r;
|
|
121
|
+
}
|
|
122
|
+
}
|
|
123
|
+
},
|
|
124
|
+
{
|
|
125
|
+
key: "manualValues.target",
|
|
126
|
+
control: {
|
|
127
|
+
type: "number-field",
|
|
128
|
+
label: "Manual target",
|
|
129
|
+
placeholder: "Target value",
|
|
130
|
+
minWidthInputField: "150px"
|
|
131
|
+
},
|
|
132
|
+
visibleIf: ({ options: e, slots: t }) => e?.manualValues?.mode !== "absolute" && a(t)
|
|
133
|
+
},
|
|
134
|
+
{
|
|
135
|
+
key: "manualValues.ranges",
|
|
136
|
+
control: {
|
|
137
|
+
type: "color-range",
|
|
138
|
+
editRangeSize: !0,
|
|
139
|
+
minimumRangeSize: 2,
|
|
140
|
+
percentage: ({ options: e }) => e?.manualValues?.mode !== "absolute",
|
|
141
|
+
noAlphaChannel: !0,
|
|
142
|
+
hideLabel: !0,
|
|
143
|
+
label: "Color ranges",
|
|
144
|
+
default: () => structuredClone(o),
|
|
145
|
+
parseValue: (e) => e?.map((e) => ({
|
|
146
|
+
color: e?.color,
|
|
147
|
+
value: e?.value ?? e?.val
|
|
148
|
+
})),
|
|
149
|
+
toValue: (e) => e?.map((e) => ({
|
|
150
|
+
color: e?.color,
|
|
151
|
+
val: e?.value
|
|
152
|
+
}))
|
|
153
|
+
}
|
|
173
154
|
}
|
|
174
|
-
|
|
175
|
-
|
|
176
|
-
|
|
177
|
-
|
|
178
|
-
|
|
179
|
-
|
|
180
|
-
|
|
181
|
-
|
|
182
|
-
|
|
183
|
-
|
|
155
|
+
]
|
|
156
|
+
},
|
|
157
|
+
{
|
|
158
|
+
key: "marker",
|
|
159
|
+
type: "group",
|
|
160
|
+
open: !1,
|
|
161
|
+
children: [
|
|
162
|
+
{
|
|
163
|
+
key: "marker.type",
|
|
164
|
+
control: {
|
|
165
|
+
type: "picker",
|
|
166
|
+
label: "Marker type",
|
|
167
|
+
default: "innerBand",
|
|
168
|
+
enum: [
|
|
169
|
+
"needle",
|
|
170
|
+
"line",
|
|
171
|
+
"inside",
|
|
172
|
+
"outside",
|
|
173
|
+
"centerBand",
|
|
174
|
+
"innerBand"
|
|
175
|
+
]
|
|
176
|
+
}
|
|
184
177
|
},
|
|
185
|
-
|
|
186
|
-
|
|
187
|
-
|
|
188
|
-
|
|
189
|
-
|
|
190
|
-
|
|
191
|
-
|
|
192
|
-
|
|
193
|
-
|
|
194
|
-
|
|
195
|
-
|
|
178
|
+
{
|
|
179
|
+
key: "marker.color",
|
|
180
|
+
control: {
|
|
181
|
+
type: "color-picker",
|
|
182
|
+
label: "Marker color",
|
|
183
|
+
default: ({ theme: t }) => e(t),
|
|
184
|
+
extraLabel: ({ options: e, theme: t }) => r(e, t, "marker.color"),
|
|
185
|
+
extraLabelHasClickAction: ({ options: e, theme: t }) => n(e, t, "marker.color"),
|
|
186
|
+
extraLabelClickAction: ({ options: e, theme: n }) => t(e, n, "marker.color")
|
|
187
|
+
},
|
|
188
|
+
visibleIf: ({ options: e }) => e?.marker?.type && e?.marker?.type !== "innerBand"
|
|
196
189
|
},
|
|
197
|
-
|
|
198
|
-
|
|
199
|
-
|
|
200
|
-
|
|
201
|
-
|
|
202
|
-
|
|
203
|
-
|
|
204
|
-
|
|
205
|
-
|
|
206
|
-
|
|
207
|
-
|
|
190
|
+
{
|
|
191
|
+
key: "marker.centerBandWidth",
|
|
192
|
+
control: {
|
|
193
|
+
type: "slider",
|
|
194
|
+
label: "Marker width",
|
|
195
|
+
default: .34,
|
|
196
|
+
min: .1,
|
|
197
|
+
max: 1,
|
|
198
|
+
step: .01
|
|
199
|
+
},
|
|
200
|
+
visibleIf: ({ options: e }) => e?.marker?.type && e?.marker?.type === "centerBand"
|
|
208
201
|
},
|
|
209
|
-
|
|
210
|
-
|
|
211
|
-
|
|
212
|
-
|
|
213
|
-
|
|
214
|
-
|
|
215
|
-
|
|
216
|
-
|
|
217
|
-
|
|
218
|
-
|
|
219
|
-
|
|
202
|
+
{
|
|
203
|
+
key: "marker.lineWidth",
|
|
204
|
+
control: {
|
|
205
|
+
type: "slider",
|
|
206
|
+
label: "Line width",
|
|
207
|
+
default: 2,
|
|
208
|
+
min: 1,
|
|
209
|
+
max: 10,
|
|
210
|
+
step: 1
|
|
211
|
+
},
|
|
212
|
+
visibleIf: ({ options: e }) => e?.marker?.type && e?.marker?.type === "line"
|
|
220
213
|
},
|
|
221
|
-
|
|
222
|
-
|
|
223
|
-
|
|
224
|
-
|
|
214
|
+
{
|
|
215
|
+
key: "marker.arrowSize",
|
|
216
|
+
control: {
|
|
217
|
+
type: "slider",
|
|
218
|
+
label: "Arrow size",
|
|
219
|
+
default: .05,
|
|
220
|
+
min: .05,
|
|
221
|
+
max: .2,
|
|
222
|
+
step: .01
|
|
223
|
+
},
|
|
224
|
+
visibleIf: ({ options: e }) => e?.marker?.type && ["inside", "outside"].includes(e?.marker?.type)
|
|
225
|
+
}
|
|
226
|
+
]
|
|
227
|
+
},
|
|
228
|
+
i()
|
|
229
|
+
];
|
|
225
230
|
//#endregion
|
|
226
|
-
export {
|
|
231
|
+
export { s as default };
|
|
227
232
|
|
|
228
233
|
//# sourceMappingURL=speedometer-chart-options.config.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"speedometer-chart-options.config.js","names":[],"sources":["../../../../libs/dashboard-contents-types/src/lib/speedometer-chart/speedometer-chart-options.config.ts"],"sourcesContent":["import {\n getThemeAxisColor,\n getThemeAxisColorExtraLabelClickAction,\n getThemeAxisColorExtraLabelHasClickAction,\n getThemeAxisColorResetLabel\n} from '../helpers';\nimport type { ManualValuesRange } from '../shared/types/ranges';\nimport type { OptionsConfig, OptionsConfigContext } from '../shared/utils/options-config.types';\nimport type { SpeedometerChartViewOptions } from './speedometer-chart-options';\nimport type { SpeedometerChartSlots } from './speedometer-chart-slots';\n\ntype SpeedometerChartConfigContext = OptionsConfigContext<SpeedometerChartViewOptions, SpeedometerChartSlots>;\ntype SpeedometerChartConfigValue<T> = SpeedometerChartConfigContext & { value: T };\ntype SpeedometerRange = ManualValuesRange & { value?: number };\n\nconst hasMeasureButNoTarget = (slots: SpeedometerChartConfigContext['slots']) => (\n slots?.find((slot) => slot?.name === 'target')?.content?.length === 0\n && (slots?.find((slot) => slot?.name === 'measure')?.content?.length ?? 0) > 0\n);\n\nconst defaultRangeValues = [\n { color: '#ff0000', value: 0 },\n { color: '#ffa500', value: 25 },\n { color: '#ffff00', value: 50 },\n { color: '#008000', value: 75 },\n { color: '#006400', value: 100 }\n];\n\nconst speedometerChartOptionsConfig: OptionsConfig<SpeedometerChartConfigContext> = [\n {\n key: 'general',\n type: 'group',\n open: true,\n children: [\n {\n key: 'display.title',\n control: {\n type: 'switch',\n label: 'Title',\n default: false\n }\n },\n {\n key: 'display.meterValue',\n control: {\n type: 'switch',\n label: 'Value',\n default: true\n }\n },\n {\n key: 'display.meterLabel',\n control: {\n type: 'switch',\n label: 'Label',\n default: true\n }\n },\n {\n key: 'display.ticks',\n control: {\n type: 'switch',\n label: 'Ticks',\n default: true\n }\n },\n {\n key: 'degrees',\n control: {\n type: 'slider',\n label: 'Arc size',\n default: 230,\n min: 180,\n max: 360,\n step: 1\n }\n },\n {\n key: 'arcWidth',\n control: {\n type: 'slider',\n label: 'Gauge width',\n default: 0.08,\n min: 0.02,\n max: 0.7,\n step: 0.01\n }\n },\n {\n type: 'divider'\n },\n {\n key: 'manualValues.display',\n control: {\n type: 'picker',\n label: 'Ticks display',\n default: 'absolute',\n enum: ['absolute', 'percentage']\n }\n },\n {\n key: 'manualValues.mode',\n control: {\n type: 'picker',\n label: 'Range type',\n default: 'relative',\n enum: ['relative', 'absolute'],\n toOptions: ({ options, value }: SpeedometerChartConfigValue<'relative' | 'absolute'>) => {\n const previousValue = options?.manualValues?.mode ?? 'relative';\n const opts: SpeedometerChartViewOptions = {\n ...options,\n manualValues: {\n ...options.manualValues,\n mode: value\n }\n };\n\n if (value === 'absolute' && previousValue === 'relative' && opts.manualValues?.ranges && opts.manualValues?.target) {\n const target = opts.manualValues.target;\n\n opts.manualValues.ranges = opts.manualValues.ranges.map((range: ManualValuesRange) => ({\n ...range,\n val: typeof range.val === 'number' ? (range.val * target) / 100 : range.val\n }));\n }\n else if (value === 'relative' && previousValue === 'absolute' && opts.manualValues?.ranges?.length) {\n opts.manualValues.target = opts.manualValues.ranges.at(-1)?.val;\n opts.manualValues.ranges = opts.manualValues.ranges.map((range: ManualValuesRange) => ({\n ...range,\n value: typeof range.val === 'number' && opts.manualValues?.target\n ? (range.val * 100) / opts.manualValues.target\n : range.val\n }));\n }\n\n return opts;\n }\n }\n },\n {\n key: 'manualValues.target',\n control: {\n type: 'number-field',\n label: 'Manual target',\n placeholder: 'Target value',\n minWidthInputField: '150px'\n },\n visibleIf: ({ options, slots }: SpeedometerChartConfigContext) =>\n options?.manualValues?.mode !== 'absolute' && hasMeasureButNoTarget(slots)\n },\n {\n key: 'manualValues.ranges',\n control: {\n type: 'color-range',\n editRangeSize: true,\n minimumRangeSize: 2,\n percentage: ({ options }: SpeedometerChartConfigContext) => options?.manualValues?.mode !== 'absolute',\n noAlphaChannel: true,\n hideLabel: true,\n label: 'Color ranges',\n default: () => structuredClone(defaultRangeValues),\n parseValue: (value: SpeedometerRange[] | null | undefined) => value?.map((v) => ({\n color: v?.color,\n value: v?.value ?? v?.val\n })),\n toValue: (value: SpeedometerRange[] | null | undefined) => value?.map((v) => ({\n color: v?.color,\n val: v?.value\n }))\n }\n }\n ]\n },\n {\n key: 'marker',\n type: 'group',\n open: false,\n children: [\n {\n key: 'marker.type',\n control: {\n type: 'picker',\n label: 'Marker type',\n default: 'innerBand',\n enum: ['needle', 'line', 'inside', 'outside', 'centerBand', 'innerBand']\n }\n },\n {\n key: 'marker.color',\n control: {\n type: 'color-picker',\n label: 'Marker color',\n default: ({ theme }: SpeedometerChartConfigContext) => getThemeAxisColor(theme),\n extraLabel: ({ options, theme }: SpeedometerChartConfigContext) => getThemeAxisColorResetLabel(options, theme, 'marker.color'),\n extraLabelHasClickAction: ({ options, theme }: SpeedometerChartConfigContext) =>\n getThemeAxisColorExtraLabelHasClickAction(options, theme, 'marker.color'),\n extraLabelClickAction: ({ options, theme }: SpeedometerChartConfigContext) =>\n getThemeAxisColorExtraLabelClickAction(options, theme, 'marker.color')\n },\n visibleIf: ({ options }: SpeedometerChartConfigContext) => options?.marker?.type && options?.marker?.type !== 'innerBand'\n },\n {\n key: 'marker.centerBandWidth',\n control: {\n type: 'slider',\n label: 'Marker width',\n default: 0.34,\n min: 0.1,\n max: 1,\n step: 0.01\n },\n visibleIf: ({ options }: SpeedometerChartConfigContext) => options?.marker?.type && options?.marker?.type === 'centerBand'\n },\n {\n key: 'marker.lineWidth',\n control: {\n type: 'slider',\n label: 'Line width',\n default: 2,\n min: 1,\n max: 10,\n step: 1\n },\n visibleIf: ({ options }: SpeedometerChartConfigContext) => options?.marker?.type && options?.marker?.type === 'line'\n },\n {\n key: 'marker.arrowSize',\n control: {\n type: 'slider',\n label: 'Arrow size',\n default: 0.05,\n min: 0.05,\n max: 0.2,\n step: 0.01\n },\n visibleIf: ({ options }: SpeedometerChartConfigContext) =>\n options?.marker?.type && ['inside', 'outside'].includes(options?.marker?.type)\n }\n ]\n }\n];\n\nexport default speedometerChartOptionsConfig;\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"speedometer-chart-options.config.js","names":[],"sources":["../../../../libs/dashboard-contents-types/src/lib/speedometer-chart/speedometer-chart-options.config.ts"],"sourcesContent":["import {\n getThemeAxisColor,\n getThemeAxisColorExtraLabelClickAction,\n getThemeAxisColorExtraLabelHasClickAction,\n getThemeAxisColorResetLabel\n} from '../helpers';\nimport type { ManualValuesRange } from '../shared/types/ranges';\nimport { createInfoTooltipOptionsGroup } from '../shared/utils/info-tooltip-options.config';\nimport type { OptionsConfig, OptionsConfigContext } from '../shared/utils/options-config.types';\nimport type { SpeedometerChartViewOptions } from './speedometer-chart-options';\nimport type { SpeedometerChartSlots } from './speedometer-chart-slots';\n\ntype SpeedometerChartConfigContext = OptionsConfigContext<SpeedometerChartViewOptions, SpeedometerChartSlots>;\ntype SpeedometerChartConfigValue<T> = SpeedometerChartConfigContext & { value: T };\ntype SpeedometerRange = ManualValuesRange & { value?: number };\n\nconst hasMeasureButNoTarget = (slots: SpeedometerChartConfigContext['slots']) => (\n slots?.find((slot) => slot?.name === 'target')?.content?.length === 0\n && (slots?.find((slot) => slot?.name === 'measure')?.content?.length ?? 0) > 0\n);\n\nconst defaultRangeValues = [\n { color: '#ff0000', value: 0 },\n { color: '#ffa500', value: 25 },\n { color: '#ffff00', value: 50 },\n { color: '#008000', value: 75 },\n { color: '#006400', value: 100 }\n];\n\nconst speedometerChartOptionsConfig: OptionsConfig<SpeedometerChartConfigContext> = [\n {\n key: 'general',\n type: 'group',\n open: true,\n children: [\n {\n key: 'display.title',\n control: {\n type: 'switch',\n label: 'Title',\n default: false\n }\n },\n {\n key: 'display.meterValue',\n control: {\n type: 'switch',\n label: 'Value',\n default: true\n }\n },\n {\n key: 'display.meterLabel',\n control: {\n type: 'switch',\n label: 'Label',\n default: true\n }\n },\n {\n key: 'display.ticks',\n control: {\n type: 'switch',\n label: 'Ticks',\n default: true\n }\n },\n {\n key: 'degrees',\n control: {\n type: 'slider',\n label: 'Arc size',\n default: 230,\n min: 180,\n max: 360,\n step: 1\n }\n },\n {\n key: 'arcWidth',\n control: {\n type: 'slider',\n label: 'Gauge width',\n default: 0.08,\n min: 0.02,\n max: 0.7,\n step: 0.01\n }\n },\n {\n type: 'divider'\n },\n {\n key: 'manualValues.display',\n control: {\n type: 'picker',\n label: 'Ticks display',\n default: 'absolute',\n enum: ['absolute', 'percentage']\n }\n },\n {\n key: 'manualValues.mode',\n control: {\n type: 'picker',\n label: 'Range type',\n default: 'relative',\n enum: ['relative', 'absolute'],\n toOptions: ({ options, value }: SpeedometerChartConfigValue<'relative' | 'absolute'>) => {\n const previousValue = options?.manualValues?.mode ?? 'relative';\n const opts: SpeedometerChartViewOptions = {\n ...options,\n manualValues: {\n ...options.manualValues,\n mode: value\n }\n };\n\n if (value === 'absolute' && previousValue === 'relative' && opts.manualValues?.ranges && opts.manualValues?.target) {\n const target = opts.manualValues.target;\n\n opts.manualValues.ranges = opts.manualValues.ranges.map((range: ManualValuesRange) => ({\n ...range,\n val: typeof range.val === 'number' ? (range.val * target) / 100 : range.val\n }));\n }\n else if (value === 'relative' && previousValue === 'absolute' && opts.manualValues?.ranges?.length) {\n opts.manualValues.target = opts.manualValues.ranges.at(-1)?.val;\n opts.manualValues.ranges = opts.manualValues.ranges.map((range: ManualValuesRange) => ({\n ...range,\n value: typeof range.val === 'number' && opts.manualValues?.target\n ? (range.val * 100) / opts.manualValues.target\n : range.val\n }));\n }\n\n return opts;\n }\n }\n },\n {\n key: 'manualValues.target',\n control: {\n type: 'number-field',\n label: 'Manual target',\n placeholder: 'Target value',\n minWidthInputField: '150px'\n },\n visibleIf: ({ options, slots }: SpeedometerChartConfigContext) =>\n options?.manualValues?.mode !== 'absolute' && hasMeasureButNoTarget(slots)\n },\n {\n key: 'manualValues.ranges',\n control: {\n type: 'color-range',\n editRangeSize: true,\n minimumRangeSize: 2,\n percentage: ({ options }: SpeedometerChartConfigContext) => options?.manualValues?.mode !== 'absolute',\n noAlphaChannel: true,\n hideLabel: true,\n label: 'Color ranges',\n default: () => structuredClone(defaultRangeValues),\n parseValue: (value: SpeedometerRange[] | null | undefined) => value?.map((v) => ({\n color: v?.color,\n value: v?.value ?? v?.val\n })),\n toValue: (value: SpeedometerRange[] | null | undefined) => value?.map((v) => ({\n color: v?.color,\n val: v?.value\n }))\n }\n }\n ]\n },\n {\n key: 'marker',\n type: 'group',\n open: false,\n children: [\n {\n key: 'marker.type',\n control: {\n type: 'picker',\n label: 'Marker type',\n default: 'innerBand',\n enum: ['needle', 'line', 'inside', 'outside', 'centerBand', 'innerBand']\n }\n },\n {\n key: 'marker.color',\n control: {\n type: 'color-picker',\n label: 'Marker color',\n default: ({ theme }: SpeedometerChartConfigContext) => getThemeAxisColor(theme),\n extraLabel: ({ options, theme }: SpeedometerChartConfigContext) => getThemeAxisColorResetLabel(options, theme, 'marker.color'),\n extraLabelHasClickAction: ({ options, theme }: SpeedometerChartConfigContext) =>\n getThemeAxisColorExtraLabelHasClickAction(options, theme, 'marker.color'),\n extraLabelClickAction: ({ options, theme }: SpeedometerChartConfigContext) =>\n getThemeAxisColorExtraLabelClickAction(options, theme, 'marker.color')\n },\n visibleIf: ({ options }: SpeedometerChartConfigContext) => options?.marker?.type && options?.marker?.type !== 'innerBand'\n },\n {\n key: 'marker.centerBandWidth',\n control: {\n type: 'slider',\n label: 'Marker width',\n default: 0.34,\n min: 0.1,\n max: 1,\n step: 0.01\n },\n visibleIf: ({ options }: SpeedometerChartConfigContext) => options?.marker?.type && options?.marker?.type === 'centerBand'\n },\n {\n key: 'marker.lineWidth',\n control: {\n type: 'slider',\n label: 'Line width',\n default: 2,\n min: 1,\n max: 10,\n step: 1\n },\n visibleIf: ({ options }: SpeedometerChartConfigContext) => options?.marker?.type && options?.marker?.type === 'line'\n },\n {\n key: 'marker.arrowSize',\n control: {\n type: 'slider',\n label: 'Arrow size',\n default: 0.05,\n min: 0.05,\n max: 0.2,\n step: 0.01\n },\n visibleIf: ({ options }: SpeedometerChartConfigContext) =>\n options?.marker?.type && ['inside', 'outside'].includes(options?.marker?.type)\n }\n ]\n },\n createInfoTooltipOptionsGroup<SpeedometerChartConfigContext>()\n];\n\nexport default speedometerChartOptionsConfig;\n"],"mappings":"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"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
const e=require("../helpers.cjs"),t=require("../shared/utils/color/color-palettes.cjs"),
|
|
1
|
+
const e=require("../helpers.cjs"),t=require("../shared/utils/info-tooltip-options.config.cjs"),n=require("../shared/utils/color/color-palettes.cjs"),r=require("../shared/utils/map-tile-providers.cjs"),i=require("../shared/utils/color-range-utils.cjs");var a=(e,t)=>{let r=`colors${t}`;return n.getColorMaps()[e]?.[r]},o=({slots:e})=>Array.isArray(e)&&e?.length>0?e?.find(e=>e?.name===`color`)?.content?.length===0:!0,s=({slots:e})=>Array.isArray(e)&&e?.length>0?(e?.find(e=>e?.name===`color`)?.content?.length??0)>0:!1,c=({slots:e})=>{if(Array.isArray(e)&&e?.length>0){let t=e?.find(e=>e?.name===`color`);if(t){let e=t?.content;if(e)return e?.some(e=>e?.type===`numeric`)}}return!1},l=[{key:`general`,type:`group`,open:!0,children:[{key:`display.title`,control:{type:`switch`,label:`Title`,default:!0}},{key:`display.legend`,control:{type:`switch`,label:`Legend`,default:!0},visibleIf:s},{key:`enabled.zoom`,control:{type:`switch`,label:`Zoom`,default:!0}},{key:`enabled.pan`,control:{type:`switch`,label:`Pan`,default:!0}},{key:`enabled.pitchBearing`,control:{type:`switch`,label:`Pitch & Rotate`,default:!1}},{type:`divider`},{key:`vectorTileProvider`,control:{type:`picker`,label:`Map style`,default:`Basic`,enum:[`Basic`,`Bright`,`Dark`,`Fiord`,`Liberty`,`Pastel`,`Positron`,`Streets`,`Toner`,`Topographique`,`Voyager`,`No Tiles`],parseValue:e=>e?.name||`Basic`,toValue:e=>r.mapVectorTileProviders[e]??{}}}]},{key:`spike`,type:`group`,open:!0,children:[{key:`color`,control:{type:`color-picker`,label:`Spike color`,default:({theme:t})=>e.getThemeMainColor(t),extraLabel:({options:t,theme:n})=>e.getThemeMainColorResetLabel(t,n,`color`),extraLabelHasClickAction:({options:t,theme:n})=>e.getThemeMainColorExtraLabelHasClickAction(t,n,`color`),extraLabelClickAction:({options:t,theme:n})=>e.getThemeMainColorExtraLabelClickAction(t,n,`color`)},visibleIf:o},{key:`spikeWidth`,control:{type:`slider`,label:`Width`,default:30,min:1,max:100,step:1}},{key:`spikeHeight`,control:{type:`slider`,label:`Height`,default:150,min:1,max:350,step:1}},{key:`strokeOpacity`,control:{type:`slider`,label:`Stroke opacity`,default:.9,min:.1,max:1,step:.01}},{key:`fillOpacity`,control:{type:`slider`,label:`Fill opacity`,default:.5,min:.1,max:1,step:.01}}]},{key:`colors`,type:`group`,open:!0,children:[{key:`colorsClassType`,control:{type:`picker`,label:`Colors type`,default:`sequential`,enum:[`sequential`,`divergent`,`manual`],calculateValue:({options:e})=>e?.colorsClass===`manual`?`manual`:n.getColorMaps()?.[e?.colorsClass]?.type??`sequential`,toOptions:({options:e,value:t})=>{let r=e?.colorsClass??`PuBu`,a=e?.numberClasses??5,o=i.toRangesWithValue(e?.manualValues?.ranges),s=r===`manual`?`manual`:r,c;t===`manual`?c=`manual`:t!==n.getColorMaps()?.[e?.colorsClass]?.type&&(c=n.getColorMapKeys(t??`sequential`)[0]);let l={...e,colorsClass:c};if(t===`manual`||e?.classification===`manual`){let e=i.calculateManualRanges(a,t===`manual`?s:c,o);l.manualValues={...l.manualValues,ranges:i.toRangesWithVal(e)}}else delete l?.manualValues?.ranges;return l}},visibleIf:c},{key:`colorsClass`,control:{type:`color-palette-picker`,label:`Color palette`,hideLabel:!0,default:({options:e})=>{let t=n.getColorMaps()?.[e?.colorsClass]?.type;return n.getColorMapKeys(t??`sequential`)[0]},enum:({options:e})=>{let t=n.getColorMaps()?.[e?.colorsClass]?.type;return n.getColorMapKeys(t??`sequential`)},toOptions:({options:e,value:t})=>{let n={...e,colorsClass:t};if(e?.classification===`manual`){let r=a(t,e?.numberClasses??5);n.manualValues={...n.manualValues,ranges:e?.manualValues?.ranges?.map(e=>{let t=typeof e.val==`number`?e.val:void 0;return{...e,color:t===void 0?void 0:r?.[t]}})}}return n}},visibleIf:({options:e,slots:t})=>c({slots:t})&&e?.colorsClass!==`manual`},{key:`manualValues.ranges`,control:{type:`color-range`,editRangeSize:!1,debounce:500,noValues:!0,noAlphaChannel:!0,label:`Manual range colors`,hideLabel:!0},calculateValue:({options:e})=>i.calculateManualRanges(e?.numberClasses,e?.colorsClass,i.toRangesWithValue(e?.manualValues?.ranges)),toOptions:({options:e,value:t})=>({...e,manualValues:{...e.manualValues,ranges:i.toRangesWithVal(t)}}),visibleIf:({options:e,slots:t})=>c({slots:t})&&e?.colorsClass===`manual`}],visibleIf:c},{key:`classification`,type:`group`,open:!0,children:[{key:`numberClasses`,control:{type:`picker`,label:`Number of classes`,default:`5`,enum:[`3`,`4`,`5`,`6`,`7`,`8`,`9`],parseValue:e=>e?.toString()??`5`,toOptions:({options:e,value:t})=>{let n=Number.parseInt(t,10)||5,r={...e,numberClasses:n};if(e?.classification===`manual`||e?.colorsClass===`manual`){let n=i.calculateManualRanges(t,e?.colorsClass,i.toRangesWithValue(e?.manualValues?.ranges));r.manualValues={...r.manualValues,ranges:i.toRangesWithVal(n)}}return r}},visibleIf:c},{key:`classification`,control:{type:`picker`,label:`Method`,default:`interval`,enum:[`interval`,`manual`,`quantile`,`continuous`],toOptions:({options:e,value:t})=>{let n={...e,classification:t};if(t===`manual`||e?.colorsClass===`manual`){let t=i.calculateManualRanges(e?.numberClasses,e?.colorsClass,i.toRangesWithValue(e?.manualValues?.ranges));n.manualValues={...n.manualValues,ranges:i.toRangesWithVal(t)}}else delete n?.manualValues?.ranges;return n}},visibleIf:c},{key:`manualValues.rangesValues`,control:{type:`color-range`,editRangeSize:!1,debounce:500,noValues:!1,readOnlyColorPicker:!0,label:`Manual range values`,hideLabel:!0,calculateValue:({options:e})=>i.calculateManualRanges(e?.numberClasses,e?.colorsClass,i.toRangesWithValue(e?.manualValues?.ranges)),toOptions:({options:e,value:t})=>({...e,manualValues:{...e.manualValues,ranges:i.toRangesWithVal(t)}})},visibleIf:({options:e,slots:t})=>c({slots:t})&&e?.classification===`manual`}],visibleIf:c},{key:`legend`,type:`group`,open:!1,children:[{key:`legend.size`,control:{type:`action-button-group`,label:`Size`,default:[`M`],values:{S:{buttonText:`S`,label:`Small`},M:{buttonText:`M`,label:`Medium`},L:{buttonText:`L`,label:`Large`}},selects:`single`},visibleIf:({options:e})=>e?.display?.legend!==!1},{key:`legend.position`,control:{type:`position-picker`,label:`Position`,default:`bottomLeft`,enum:[`topLeft`,`top`,`topRight`,`right`,`bottomRight`,`bottom`,`bottomLeft`,`left`]},visibleIf:({options:e})=>e?.display?.legend!==!1}],visibleIf:s},t.createInfoTooltipOptionsGroup()];exports.default=l;
|
|
2
2
|
//# sourceMappingURL=spike-map-options.config.cjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"spike-map-options.config.cjs","names":[],"sources":["../../../../libs/dashboard-contents-types/src/lib/spike-map/spike-map-options.config.ts"],"sourcesContent":["import { type ColorsClassKey, type ColorsType, type ColorValue, getColorMapKeys, getColorMaps } from '../shared/utils/color/color-palettes';\nimport { mapVectorTileProviders } from '../shared/utils/map-tile-providers';\nimport {\n getThemeMainColor,\n getThemeMainColorExtraLabelClickAction,\n getThemeMainColorExtraLabelHasClickAction,\n getThemeMainColorResetLabel\n} from '../helpers';\nimport { calculateManualRanges, toRangesWithVal, toRangesWithValue } from '../shared/utils/color-range-utils';\nimport type { ManualValuesRange } from '../shared/types/ranges';\nimport type { OptionsConfig, OptionsConfigContext } from '../shared/utils/options-config.types';\nimport type { SpikeMapViewOptions } from './spike-map-options';\nimport type { SpikeMapSlots } from './spike-map-slots';\n\ntype VectorTileProvider = (typeof mapVectorTileProviders)[keyof typeof mapVectorTileProviders];\ntype SpikeMapConfigContext = OptionsConfigContext<SpikeMapViewOptions, SpikeMapSlots>;\ntype SpikeMapConfigValue<T> = SpikeMapConfigContext & { value: T };\ntype ColorClassKey = keyof Omit<ColorValue, 'type'>;\n\nconst getColorClassColors = (colorMapKey: ColorsClassKey, numberClasses: number) => {\n const colorsKey = `colors${numberClasses}` as ColorClassKey;\n\n return getColorMaps()[colorMapKey]?.[colorsKey];\n};\n\nconst hasNoColor = ({ slots }: Pick<SpikeMapConfigContext, 'slots'>) => {\n if (Array.isArray(slots) && slots?.length > 0) {\n return slots?.find((slot) => slot?.name === 'color')?.content?.length === 0;\n }\n\n return true;\n};\n\nconst hasColor = ({ slots }: Pick<SpikeMapConfigContext, 'slots'>) => {\n if (Array.isArray(slots) && slots?.length > 0) {\n return (slots?.find((slot) => slot?.name === 'color')?.content?.length ?? 0) > 0;\n }\n\n return false;\n};\n\nconst hasNumericColor = ({ slots }: Pick<SpikeMapConfigContext, 'slots'>) => {\n if (Array.isArray(slots) && slots?.length > 0) {\n const colorSlot = slots?.find((slot) => slot?.name === 'color');\n\n if (colorSlot) {\n const colorContent = colorSlot?.content;\n\n if (colorContent) {\n return colorContent?.some((content) => content?.type === 'numeric');\n }\n }\n }\n\n return false;\n};\n\nconst spikeMapOptionsConfig: OptionsConfig<SpikeMapConfigContext> = [\n {\n key: 'general',\n type: 'group',\n open: true,\n children: [\n {\n key: 'display.title',\n control: {\n type: 'switch',\n label: 'Title',\n default: true\n }\n },\n {\n key: 'display.legend',\n control: {\n type: 'switch',\n label: 'Legend',\n default: true\n },\n visibleIf: hasColor\n },\n {\n key: 'enabled.zoom',\n control: {\n type: 'switch',\n label: 'Zoom',\n default: true\n }\n },\n {\n key: 'enabled.pan',\n control: {\n type: 'switch',\n label: 'Pan',\n default: true\n }\n },\n {\n key: 'enabled.pitchBearing',\n control: {\n type: 'switch',\n label: 'Pitch & Rotate',\n default: false\n }\n },\n {\n type: 'divider'\n },\n {\n key: 'vectorTileProvider',\n control: {\n type: 'picker',\n label: 'Map style',\n default: 'Basic',\n enum: [\n 'Basic',\n 'Bright',\n 'Dark',\n 'Fiord',\n 'Liberty',\n 'Pastel',\n 'Positron',\n 'Streets',\n 'Toner',\n 'Topographique',\n 'Voyager',\n 'No Tiles'\n ],\n parseValue: (value: VectorTileProvider | null | undefined) => value?.name || 'Basic',\n toValue: (value: string) => mapVectorTileProviders[value as keyof typeof mapVectorTileProviders] ?? {}\n }\n }\n ]\n },\n {\n key: 'spike',\n type: 'group',\n open: true,\n children: [\n {\n key: 'color',\n control: {\n type: 'color-picker',\n label: 'Spike color',\n default: ({ theme }: SpikeMapConfigContext) => getThemeMainColor(theme),\n extraLabel: ({ options, theme }: SpikeMapConfigContext) => getThemeMainColorResetLabel(options, theme, 'color'),\n extraLabelHasClickAction: ({ options, theme }: SpikeMapConfigContext) =>\n getThemeMainColorExtraLabelHasClickAction(options, theme, 'color'),\n extraLabelClickAction: ({ options, theme }: SpikeMapConfigContext) =>\n getThemeMainColorExtraLabelClickAction(options, theme, 'color')\n },\n visibleIf: hasNoColor\n },\n {\n key: 'spikeWidth',\n control: {\n type: 'slider',\n label: 'Width',\n default: 30,\n min: 1,\n max: 100,\n step: 1\n }\n },\n {\n key: 'spikeHeight',\n control: {\n type: 'slider',\n label: 'Height',\n default: 150,\n min: 1,\n max: 350,\n step: 1\n }\n },\n {\n key: 'strokeOpacity',\n control: {\n type: 'slider',\n label: 'Stroke opacity',\n default: 0.9,\n min: 0.1,\n max: 1,\n step: 0.01\n }\n },\n {\n key: 'fillOpacity',\n control: {\n type: 'slider',\n label: 'Fill opacity',\n default: 0.5,\n min: 0.1,\n max: 1,\n step: 0.01\n }\n }\n ]\n },\n {\n key: 'colors',\n type: 'group',\n open: true,\n children: [\n {\n key: 'colorsClassType',\n control: {\n type: 'picker',\n label: 'Colors type',\n default: 'sequential',\n enum: ['sequential', 'divergent', 'manual'],\n calculateValue: ({ options }: SpikeMapConfigContext) => {\n if (options?.colorsClass === 'manual') {\n return 'manual';\n }\n\n const colorMaps = getColorMaps();\n const type = colorMaps?.[options?.colorsClass as ColorsClassKey]?.type;\n\n return type ?? 'sequential';\n },\n toOptions: ({ options, value }: SpikeMapConfigValue<ColorsType>) => {\n const previousColorsClassValue = options?.colorsClass ?? 'PuBu';\n const numberClassesValue = options?.numberClasses ?? 5;\n const previousRanges = toRangesWithValue(options?.manualValues?.ranges);\n const useColorsClassToGenerate = previousColorsClassValue === 'manual' ? 'manual' : previousColorsClassValue;\n\n let newColorsClass;\n\n if (value === 'manual') {\n newColorsClass = 'manual';\n }\n else {\n const colorMaps = getColorMaps();\n const colorClassType = colorMaps?.[options?.colorsClass as ColorsClassKey]?.type;\n\n if (value !== colorClassType) {\n newColorsClass = getColorMapKeys(value ?? 'sequential')[0];\n }\n }\n\n const newOptions = { ...options, colorsClass: newColorsClass };\n\n if (value === 'manual' || options?.classification === 'manual') {\n const manualRanges = calculateManualRanges(\n numberClassesValue,\n value === 'manual' ? useColorsClassToGenerate : newColorsClass,\n previousRanges\n );\n\n newOptions.manualValues = {\n ...newOptions.manualValues,\n ranges: toRangesWithVal(manualRanges)\n };\n }\n else {\n delete newOptions?.manualValues?.ranges;\n }\n\n return newOptions;\n }\n },\n visibleIf: hasNumericColor\n },\n {\n key: 'colorsClass',\n control: {\n type: 'color-palette-picker',\n label: 'Color palette',\n hideLabel: true,\n default: ({ options }: SpikeMapConfigContext) => {\n const colorMaps = getColorMaps();\n const colorClassType = colorMaps?.[options?.colorsClass as ColorsClassKey]?.type;\n\n return getColorMapKeys(colorClassType ?? 'sequential')[0];\n },\n enum: ({ options }: SpikeMapConfigContext) => {\n const colorMaps = getColorMaps();\n const colorClassType = colorMaps?.[options?.colorsClass as ColorsClassKey]?.type;\n\n return getColorMapKeys(colorClassType ?? 'sequential');\n },\n toOptions: ({ options, value }: SpikeMapConfigValue<ColorsClassKey>) => {\n const newOptions = { ...options, colorsClass: value };\n\n if (options?.classification === 'manual') {\n const newColors = getColorClassColors(value, options?.numberClasses ?? 5);\n\n newOptions.manualValues = {\n ...newOptions.manualValues,\n ranges: options?.manualValues?.ranges?.map((range: ManualValuesRange) => {\n const colorIndex = typeof range.val === 'number' ? range.val : undefined;\n\n return {\n ...range,\n color: colorIndex === undefined ? undefined : newColors?.[colorIndex]\n };\n })\n };\n }\n\n return newOptions;\n }\n },\n visibleIf: ({ options, slots }: SpikeMapConfigContext) => hasNumericColor({ slots }) && options?.colorsClass !== 'manual'\n },\n {\n key: 'manualValues.ranges',\n control: {\n type: 'color-range',\n editRangeSize: false,\n debounce: 500,\n noValues: true,\n noAlphaChannel: true,\n label: 'Manual range colors',\n hideLabel: true\n },\n calculateValue: ({ options }: SpikeMapConfigContext) =>\n calculateManualRanges(options?.numberClasses, options?.colorsClass, toRangesWithValue(options?.manualValues?.ranges)),\n toOptions: ({ options, value }: SpikeMapConfigValue<ReturnType<typeof calculateManualRanges>>) => ({\n ...options,\n manualValues: {\n ...options.manualValues,\n ranges: toRangesWithVal(value)\n }\n }),\n visibleIf: ({ options, slots }: SpikeMapConfigContext) => hasNumericColor({ slots }) && options?.colorsClass === 'manual'\n }\n ],\n visibleIf: hasNumericColor\n },\n {\n key: 'classification',\n type: 'group',\n open: true,\n children: [\n {\n key: 'numberClasses',\n control: {\n type: 'picker',\n label: 'Number of classes',\n default: '5',\n enum: ['3', '4', '5', '6', '7', '8', '9'],\n parseValue: (value: number | string | null | undefined) => value?.toString() ?? '5',\n toOptions: ({ options, value }: SpikeMapConfigValue<string>) => {\n const numValue = Number.parseInt(value, 10) || 5;\n\n const newOptions = { ...options, numberClasses: numValue };\n\n if (options?.classification === 'manual' || options?.colorsClass === 'manual') {\n const manualRanges = calculateManualRanges(value, options?.colorsClass, toRangesWithValue(options?.manualValues?.ranges));\n\n newOptions.manualValues = {\n ...newOptions.manualValues,\n ranges: toRangesWithVal(manualRanges)\n };\n }\n\n return newOptions;\n }\n },\n visibleIf: hasNumericColor\n },\n {\n key: 'classification',\n control: {\n type: 'picker',\n label: 'Method',\n default: 'interval',\n enum: ['interval', 'manual', 'quantile', 'continuous'],\n toOptions: ({ options, value }: SpikeMapConfigValue<'interval' | 'manual' | 'quantile' | 'continuous'>) => {\n const newOptions = { ...options, classification: value };\n\n if (value === 'manual' || options?.colorsClass === 'manual') {\n const manualRanges = calculateManualRanges(\n options?.numberClasses,\n options?.colorsClass,\n toRangesWithValue(options?.manualValues?.ranges)\n );\n\n newOptions.manualValues = {\n ...newOptions.manualValues,\n ranges: toRangesWithVal(manualRanges)\n };\n }\n else {\n delete newOptions?.manualValues?.ranges;\n }\n\n return newOptions;\n }\n },\n visibleIf: hasNumericColor\n },\n {\n key: 'manualValues.rangesValues',\n control: {\n type: 'color-range',\n editRangeSize: false,\n debounce: 500,\n noValues: false,\n readOnlyColorPicker: true,\n label: 'Manual range values',\n hideLabel: true,\n calculateValue: ({ options }: SpikeMapConfigContext) =>\n calculateManualRanges(options?.numberClasses, options?.colorsClass, toRangesWithValue(options?.manualValues?.ranges)),\n toOptions: ({ options, value }: SpikeMapConfigValue<ReturnType<typeof calculateManualRanges>>) => ({\n ...options,\n manualValues: {\n ...options.manualValues,\n ranges: toRangesWithVal(value)\n }\n })\n },\n visibleIf: ({ options, slots }: SpikeMapConfigContext) => hasNumericColor({ slots }) && options?.classification === 'manual'\n }\n ],\n visibleIf: hasNumericColor\n },\n {\n key: 'legend',\n type: 'group',\n open: false,\n children: [\n {\n key: 'legend.size',\n control: {\n type: 'action-button-group',\n label: 'Size',\n default: ['M'],\n values: {\n S: { buttonText: 'S', label: 'Small' },\n M: { buttonText: 'M', label: 'Medium' },\n L: { buttonText: 'L', label: 'Large' }\n },\n selects: 'single'\n },\n visibleIf: ({ options }: SpikeMapConfigContext) => options?.display?.legend !== false\n },\n {\n key: 'legend.position',\n control: {\n type: 'position-picker',\n label: 'Position',\n default: 'bottomLeft',\n enum: ['topLeft', 'top', 'topRight', 'right', 'bottomRight', 'bottom', 'bottomLeft', 'left']\n },\n visibleIf: ({ options }: SpikeMapConfigContext) => options?.display?.legend !== false\n }\n ],\n visibleIf: hasColor\n }\n];\n\nexport default spikeMapOptionsConfig;\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"spike-map-options.config.cjs","names":[],"sources":["../../../../libs/dashboard-contents-types/src/lib/spike-map/spike-map-options.config.ts"],"sourcesContent":["import { type ColorsClassKey, type ColorsType, type ColorValue, getColorMapKeys, getColorMaps } from '../shared/utils/color/color-palettes';\nimport { mapVectorTileProviders } from '../shared/utils/map-tile-providers';\nimport {\n getThemeMainColor,\n getThemeMainColorExtraLabelClickAction,\n getThemeMainColorExtraLabelHasClickAction,\n getThemeMainColorResetLabel\n} from '../helpers';\nimport { calculateManualRanges, toRangesWithVal, toRangesWithValue } from '../shared/utils/color-range-utils';\nimport type { ManualValuesRange } from '../shared/types/ranges';\nimport { createInfoTooltipOptionsGroup } from '../shared/utils/info-tooltip-options.config';\nimport type { OptionsConfig, OptionsConfigContext } from '../shared/utils/options-config.types';\nimport type { SpikeMapViewOptions } from './spike-map-options';\nimport type { SpikeMapSlots } from './spike-map-slots';\n\ntype VectorTileProvider = (typeof mapVectorTileProviders)[keyof typeof mapVectorTileProviders];\ntype SpikeMapConfigContext = OptionsConfigContext<SpikeMapViewOptions, SpikeMapSlots>;\ntype SpikeMapConfigValue<T> = SpikeMapConfigContext & { value: T };\ntype ColorClassKey = keyof Omit<ColorValue, 'type'>;\n\nconst getColorClassColors = (colorMapKey: ColorsClassKey, numberClasses: number) => {\n const colorsKey = `colors${numberClasses}` as ColorClassKey;\n\n return getColorMaps()[colorMapKey]?.[colorsKey];\n};\n\nconst hasNoColor = ({ slots }: Pick<SpikeMapConfigContext, 'slots'>) => {\n if (Array.isArray(slots) && slots?.length > 0) {\n return slots?.find((slot) => slot?.name === 'color')?.content?.length === 0;\n }\n\n return true;\n};\n\nconst hasColor = ({ slots }: Pick<SpikeMapConfigContext, 'slots'>) => {\n if (Array.isArray(slots) && slots?.length > 0) {\n return (slots?.find((slot) => slot?.name === 'color')?.content?.length ?? 0) > 0;\n }\n\n return false;\n};\n\nconst hasNumericColor = ({ slots }: Pick<SpikeMapConfigContext, 'slots'>) => {\n if (Array.isArray(slots) && slots?.length > 0) {\n const colorSlot = slots?.find((slot) => slot?.name === 'color');\n\n if (colorSlot) {\n const colorContent = colorSlot?.content;\n\n if (colorContent) {\n return colorContent?.some((content) => content?.type === 'numeric');\n }\n }\n }\n\n return false;\n};\n\nconst spikeMapOptionsConfig: OptionsConfig<SpikeMapConfigContext> = [\n {\n key: 'general',\n type: 'group',\n open: true,\n children: [\n {\n key: 'display.title',\n control: {\n type: 'switch',\n label: 'Title',\n default: true\n }\n },\n {\n key: 'display.legend',\n control: {\n type: 'switch',\n label: 'Legend',\n default: true\n },\n visibleIf: hasColor\n },\n {\n key: 'enabled.zoom',\n control: {\n type: 'switch',\n label: 'Zoom',\n default: true\n }\n },\n {\n key: 'enabled.pan',\n control: {\n type: 'switch',\n label: 'Pan',\n default: true\n }\n },\n {\n key: 'enabled.pitchBearing',\n control: {\n type: 'switch',\n label: 'Pitch & Rotate',\n default: false\n }\n },\n {\n type: 'divider'\n },\n {\n key: 'vectorTileProvider',\n control: {\n type: 'picker',\n label: 'Map style',\n default: 'Basic',\n enum: [\n 'Basic',\n 'Bright',\n 'Dark',\n 'Fiord',\n 'Liberty',\n 'Pastel',\n 'Positron',\n 'Streets',\n 'Toner',\n 'Topographique',\n 'Voyager',\n 'No Tiles'\n ],\n parseValue: (value: VectorTileProvider | null | undefined) => value?.name || 'Basic',\n toValue: (value: string) => mapVectorTileProviders[value as keyof typeof mapVectorTileProviders] ?? {}\n }\n }\n ]\n },\n {\n key: 'spike',\n type: 'group',\n open: true,\n children: [\n {\n key: 'color',\n control: {\n type: 'color-picker',\n label: 'Spike color',\n default: ({ theme }: SpikeMapConfigContext) => getThemeMainColor(theme),\n extraLabel: ({ options, theme }: SpikeMapConfigContext) => getThemeMainColorResetLabel(options, theme, 'color'),\n extraLabelHasClickAction: ({ options, theme }: SpikeMapConfigContext) =>\n getThemeMainColorExtraLabelHasClickAction(options, theme, 'color'),\n extraLabelClickAction: ({ options, theme }: SpikeMapConfigContext) =>\n getThemeMainColorExtraLabelClickAction(options, theme, 'color')\n },\n visibleIf: hasNoColor\n },\n {\n key: 'spikeWidth',\n control: {\n type: 'slider',\n label: 'Width',\n default: 30,\n min: 1,\n max: 100,\n step: 1\n }\n },\n {\n key: 'spikeHeight',\n control: {\n type: 'slider',\n label: 'Height',\n default: 150,\n min: 1,\n max: 350,\n step: 1\n }\n },\n {\n key: 'strokeOpacity',\n control: {\n type: 'slider',\n label: 'Stroke opacity',\n default: 0.9,\n min: 0.1,\n max: 1,\n step: 0.01\n }\n },\n {\n key: 'fillOpacity',\n control: {\n type: 'slider',\n label: 'Fill opacity',\n default: 0.5,\n min: 0.1,\n max: 1,\n step: 0.01\n }\n }\n ]\n },\n {\n key: 'colors',\n type: 'group',\n open: true,\n children: [\n {\n key: 'colorsClassType',\n control: {\n type: 'picker',\n label: 'Colors type',\n default: 'sequential',\n enum: ['sequential', 'divergent', 'manual'],\n calculateValue: ({ options }: SpikeMapConfigContext) => {\n if (options?.colorsClass === 'manual') {\n return 'manual';\n }\n\n const colorMaps = getColorMaps();\n const type = colorMaps?.[options?.colorsClass as ColorsClassKey]?.type;\n\n return type ?? 'sequential';\n },\n toOptions: ({ options, value }: SpikeMapConfigValue<ColorsType>) => {\n const previousColorsClassValue = options?.colorsClass ?? 'PuBu';\n const numberClassesValue = options?.numberClasses ?? 5;\n const previousRanges = toRangesWithValue(options?.manualValues?.ranges);\n const useColorsClassToGenerate = previousColorsClassValue === 'manual' ? 'manual' : previousColorsClassValue;\n\n let newColorsClass;\n\n if (value === 'manual') {\n newColorsClass = 'manual';\n }\n else {\n const colorMaps = getColorMaps();\n const colorClassType = colorMaps?.[options?.colorsClass as ColorsClassKey]?.type;\n\n if (value !== colorClassType) {\n newColorsClass = getColorMapKeys(value ?? 'sequential')[0];\n }\n }\n\n const newOptions = { ...options, colorsClass: newColorsClass };\n\n if (value === 'manual' || options?.classification === 'manual') {\n const manualRanges = calculateManualRanges(\n numberClassesValue,\n value === 'manual' ? useColorsClassToGenerate : newColorsClass,\n previousRanges\n );\n\n newOptions.manualValues = {\n ...newOptions.manualValues,\n ranges: toRangesWithVal(manualRanges)\n };\n }\n else {\n delete newOptions?.manualValues?.ranges;\n }\n\n return newOptions;\n }\n },\n visibleIf: hasNumericColor\n },\n {\n key: 'colorsClass',\n control: {\n type: 'color-palette-picker',\n label: 'Color palette',\n hideLabel: true,\n default: ({ options }: SpikeMapConfigContext) => {\n const colorMaps = getColorMaps();\n const colorClassType = colorMaps?.[options?.colorsClass as ColorsClassKey]?.type;\n\n return getColorMapKeys(colorClassType ?? 'sequential')[0];\n },\n enum: ({ options }: SpikeMapConfigContext) => {\n const colorMaps = getColorMaps();\n const colorClassType = colorMaps?.[options?.colorsClass as ColorsClassKey]?.type;\n\n return getColorMapKeys(colorClassType ?? 'sequential');\n },\n toOptions: ({ options, value }: SpikeMapConfigValue<ColorsClassKey>) => {\n const newOptions = { ...options, colorsClass: value };\n\n if (options?.classification === 'manual') {\n const newColors = getColorClassColors(value, options?.numberClasses ?? 5);\n\n newOptions.manualValues = {\n ...newOptions.manualValues,\n ranges: options?.manualValues?.ranges?.map((range: ManualValuesRange) => {\n const colorIndex = typeof range.val === 'number' ? range.val : undefined;\n\n return {\n ...range,\n color: colorIndex === undefined ? undefined : newColors?.[colorIndex]\n };\n })\n };\n }\n\n return newOptions;\n }\n },\n visibleIf: ({ options, slots }: SpikeMapConfigContext) => hasNumericColor({ slots }) && options?.colorsClass !== 'manual'\n },\n {\n key: 'manualValues.ranges',\n control: {\n type: 'color-range',\n editRangeSize: false,\n debounce: 500,\n noValues: true,\n noAlphaChannel: true,\n label: 'Manual range colors',\n hideLabel: true\n },\n calculateValue: ({ options }: SpikeMapConfigContext) =>\n calculateManualRanges(options?.numberClasses, options?.colorsClass, toRangesWithValue(options?.manualValues?.ranges)),\n toOptions: ({ options, value }: SpikeMapConfigValue<ReturnType<typeof calculateManualRanges>>) => ({\n ...options,\n manualValues: {\n ...options.manualValues,\n ranges: toRangesWithVal(value)\n }\n }),\n visibleIf: ({ options, slots }: SpikeMapConfigContext) => hasNumericColor({ slots }) && options?.colorsClass === 'manual'\n }\n ],\n visibleIf: hasNumericColor\n },\n {\n key: 'classification',\n type: 'group',\n open: true,\n children: [\n {\n key: 'numberClasses',\n control: {\n type: 'picker',\n label: 'Number of classes',\n default: '5',\n enum: ['3', '4', '5', '6', '7', '8', '9'],\n parseValue: (value: number | string | null | undefined) => value?.toString() ?? '5',\n toOptions: ({ options, value }: SpikeMapConfigValue<string>) => {\n const numValue = Number.parseInt(value, 10) || 5;\n\n const newOptions = { ...options, numberClasses: numValue };\n\n if (options?.classification === 'manual' || options?.colorsClass === 'manual') {\n const manualRanges = calculateManualRanges(value, options?.colorsClass, toRangesWithValue(options?.manualValues?.ranges));\n\n newOptions.manualValues = {\n ...newOptions.manualValues,\n ranges: toRangesWithVal(manualRanges)\n };\n }\n\n return newOptions;\n }\n },\n visibleIf: hasNumericColor\n },\n {\n key: 'classification',\n control: {\n type: 'picker',\n label: 'Method',\n default: 'interval',\n enum: ['interval', 'manual', 'quantile', 'continuous'],\n toOptions: ({ options, value }: SpikeMapConfigValue<'interval' | 'manual' | 'quantile' | 'continuous'>) => {\n const newOptions = { ...options, classification: value };\n\n if (value === 'manual' || options?.colorsClass === 'manual') {\n const manualRanges = calculateManualRanges(\n options?.numberClasses,\n options?.colorsClass,\n toRangesWithValue(options?.manualValues?.ranges)\n );\n\n newOptions.manualValues = {\n ...newOptions.manualValues,\n ranges: toRangesWithVal(manualRanges)\n };\n }\n else {\n delete newOptions?.manualValues?.ranges;\n }\n\n return newOptions;\n }\n },\n visibleIf: hasNumericColor\n },\n {\n key: 'manualValues.rangesValues',\n control: {\n type: 'color-range',\n editRangeSize: false,\n debounce: 500,\n noValues: false,\n readOnlyColorPicker: true,\n label: 'Manual range values',\n hideLabel: true,\n calculateValue: ({ options }: SpikeMapConfigContext) =>\n calculateManualRanges(options?.numberClasses, options?.colorsClass, toRangesWithValue(options?.manualValues?.ranges)),\n toOptions: ({ options, value }: SpikeMapConfigValue<ReturnType<typeof calculateManualRanges>>) => ({\n ...options,\n manualValues: {\n ...options.manualValues,\n ranges: toRangesWithVal(value)\n }\n })\n },\n visibleIf: ({ options, slots }: SpikeMapConfigContext) => hasNumericColor({ slots }) && options?.classification === 'manual'\n }\n ],\n visibleIf: hasNumericColor\n },\n {\n key: 'legend',\n type: 'group',\n open: false,\n children: [\n {\n key: 'legend.size',\n control: {\n type: 'action-button-group',\n label: 'Size',\n default: ['M'],\n values: {\n S: { buttonText: 'S', label: 'Small' },\n M: { buttonText: 'M', label: 'Medium' },\n L: { buttonText: 'L', label: 'Large' }\n },\n selects: 'single'\n },\n visibleIf: ({ options }: SpikeMapConfigContext) => options?.display?.legend !== false\n },\n {\n key: 'legend.position',\n control: {\n type: 'position-picker',\n label: 'Position',\n default: 'bottomLeft',\n enum: ['topLeft', 'top', 'topRight', 'right', 'bottomRight', 'bottom', 'bottomLeft', 'left']\n },\n visibleIf: ({ options }: SpikeMapConfigContext) => options?.display?.legend !== false\n }\n ],\n visibleIf: hasColor\n },\n createInfoTooltipOptionsGroup<SpikeMapConfigContext>()\n];\n\nexport default spikeMapOptionsConfig;\n"],"mappings":"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"}
|