@sentropic/design-system-vue 0.35.0 → 0.36.18
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/ArcDiagramChart.d.ts +73 -0
- package/dist/ArcDiagramChart.d.ts.map +1 -0
- package/dist/ArcDiagramChart.js +180 -0
- package/dist/ArcDiagramChart.js.map +1 -0
- package/dist/AreaRangeChart.d.ts +84 -0
- package/dist/AreaRangeChart.d.ts.map +1 -0
- package/dist/AreaRangeChart.js +202 -0
- package/dist/AreaRangeChart.js.map +1 -0
- package/dist/AreaSplineRangeChart.d.ts +74 -0
- package/dist/AreaSplineRangeChart.d.ts.map +1 -0
- package/dist/AreaSplineRangeChart.js +200 -0
- package/dist/AreaSplineRangeChart.js.map +1 -0
- package/dist/Autosave.d.ts +1 -1
- package/dist/Autosave.d.ts.map +1 -1
- package/dist/Avatar.d.ts +1 -1
- package/dist/BellCurveChart.d.ts +89 -0
- package/dist/BellCurveChart.d.ts.map +1 -0
- package/dist/BellCurveChart.js +195 -0
- package/dist/BellCurveChart.js.map +1 -0
- package/dist/Calendar.d.ts +1 -1
- package/dist/ColumnPyramidChart.d.ts +75 -0
- package/dist/ColumnPyramidChart.d.ts.map +1 -0
- package/dist/ColumnPyramidChart.js +162 -0
- package/dist/ColumnPyramidChart.js.map +1 -0
- package/dist/ColumnRangeChart.d.ts +91 -0
- package/dist/ColumnRangeChart.d.ts.map +1 -0
- package/dist/ColumnRangeChart.js +259 -0
- package/dist/ColumnRangeChart.js.map +1 -0
- package/dist/DataTable.d.ts +1 -1
- package/dist/DependencyWheelChart.d.ts +73 -0
- package/dist/DependencyWheelChart.d.ts.map +1 -0
- package/dist/DependencyWheelChart.js +221 -0
- package/dist/DependencyWheelChart.js.map +1 -0
- package/dist/DumbbellChart.d.ts +104 -0
- package/dist/DumbbellChart.d.ts.map +1 -0
- package/dist/DumbbellChart.js +163 -0
- package/dist/DumbbellChart.js.map +1 -0
- package/dist/ErrorBarChart.d.ts +75 -0
- package/dist/ErrorBarChart.d.ts.map +1 -0
- package/dist/ErrorBarChart.js +173 -0
- package/dist/ErrorBarChart.js.map +1 -0
- package/dist/ForceGraph.d.ts +1 -1
- package/dist/GanttChart.d.ts +74 -0
- package/dist/GanttChart.d.ts.map +1 -0
- package/dist/GanttChart.js +245 -0
- package/dist/GanttChart.js.map +1 -0
- package/dist/HeikinAshiChart.d.ts +65 -0
- package/dist/HeikinAshiChart.d.ts.map +1 -0
- package/dist/HeikinAshiChart.js +196 -0
- package/dist/HeikinAshiChart.js.map +1 -0
- package/dist/HollowCandlestickChart.d.ts +65 -0
- package/dist/HollowCandlestickChart.d.ts.map +1 -0
- package/dist/HollowCandlestickChart.js +189 -0
- package/dist/HollowCandlestickChart.js.map +1 -0
- package/dist/InlineLoading.d.ts +3 -3
- package/dist/InlineLoading.d.ts.map +1 -1
- package/dist/InlineLoading.js +36 -18
- package/dist/InlineLoading.js.map +1 -1
- package/dist/LollipopChart.js +1 -1
- package/dist/OHLCChart.d.ts +65 -0
- package/dist/OHLCChart.d.ts.map +1 -0
- package/dist/OHLCChart.js +193 -0
- package/dist/OHLCChart.js.map +1 -0
- package/dist/OrderedList.d.ts +2 -1
- package/dist/OrderedList.d.ts.map +1 -1
- package/dist/OrderedList.js +2 -2
- package/dist/OrderedList.js.map +1 -1
- package/dist/OrganizationChart.d.ts +64 -0
- package/dist/OrganizationChart.d.ts.map +1 -0
- package/dist/OrganizationChart.js +200 -0
- package/dist/OrganizationChart.js.map +1 -0
- package/dist/PolygonChart.d.ts +72 -0
- package/dist/PolygonChart.d.ts.map +1 -0
- package/dist/PolygonChart.js +109 -0
- package/dist/PolygonChart.js.map +1 -0
- package/dist/Popper.d.ts +1 -1
- package/dist/StreamgraphChart.d.ts +88 -0
- package/dist/StreamgraphChart.d.ts.map +1 -0
- package/dist/StreamgraphChart.js +194 -0
- package/dist/StreamgraphChart.js.map +1 -0
- package/dist/Tile.d.ts +16 -2
- package/dist/Tile.d.ts.map +1 -1
- package/dist/Tile.js +41 -15
- package/dist/Tile.js.map +1 -1
- package/dist/TileGroup.d.ts +4 -1
- package/dist/TileGroup.d.ts.map +1 -1
- package/dist/TileGroup.js +1 -1
- package/dist/TileGroup.js.map +1 -1
- package/dist/TileMapChart.d.ts +63 -0
- package/dist/TileMapChart.d.ts.map +1 -0
- package/dist/TileMapChart.js +154 -0
- package/dist/TileMapChart.js.map +1 -0
- package/dist/TimelineChart.d.ts +68 -0
- package/dist/TimelineChart.d.ts.map +1 -0
- package/dist/TimelineChart.js +173 -0
- package/dist/TimelineChart.js.map +1 -0
- package/dist/Toast.d.ts.map +1 -1
- package/dist/Toast.js +26 -10
- package/dist/Toast.js.map +1 -1
- package/dist/TreegraphChart.d.ts +64 -0
- package/dist/TreegraphChart.d.ts.map +1 -0
- package/dist/TreegraphChart.js +198 -0
- package/dist/TreegraphChart.js.map +1 -0
- package/dist/UnorderedList.d.ts +2 -1
- package/dist/UnorderedList.d.ts.map +1 -1
- package/dist/UnorderedList.js +2 -2
- package/dist/UnorderedList.js.map +1 -1
- package/dist/VariablePieChart.d.ts +64 -0
- package/dist/VariablePieChart.d.ts.map +1 -0
- package/dist/VariablePieChart.js +164 -0
- package/dist/VariablePieChart.js.map +1 -0
- package/dist/index.d.ts +40 -0
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +20 -0
- package/dist/index.js.map +1 -1
- package/dist/styles.css +2975 -1100
- package/package.json +1 -1
|
@@ -0,0 +1,194 @@
|
|
|
1
|
+
import { defineComponent, h, ref } from "vue";
|
|
2
|
+
import { classNames } from "./classNames.js";
|
|
3
|
+
import { buildLinearPath, buildSmoothPath, chartDataList, scaleLinear } from "./chartScale.js";
|
|
4
|
+
const MARGIN = { top: 12, right: 16, bottom: 32, left: 16 };
|
|
5
|
+
const TONES = [
|
|
6
|
+
"category1",
|
|
7
|
+
"category2",
|
|
8
|
+
"category3",
|
|
9
|
+
"category4",
|
|
10
|
+
"category5",
|
|
11
|
+
"category6",
|
|
12
|
+
"category7",
|
|
13
|
+
"category8",
|
|
14
|
+
];
|
|
15
|
+
// Valeur non-finie ou négative → 0 (le streamgraph empile des grandeurs ≥ 0).
|
|
16
|
+
const safeValue = (v) => (Number.isFinite(v) && v > 0 ? v : 0);
|
|
17
|
+
export const StreamgraphChart = defineComponent({
|
|
18
|
+
name: "StreamgraphChart",
|
|
19
|
+
props: {
|
|
20
|
+
data: { type: Array, default: () => [] },
|
|
21
|
+
width: { type: Number, default: 480 },
|
|
22
|
+
height: { type: Number, default: 240 },
|
|
23
|
+
label: { type: String, required: true },
|
|
24
|
+
smooth: { type: Boolean, default: true },
|
|
25
|
+
showLegend: { type: Boolean, default: true },
|
|
26
|
+
class: { type: String, default: undefined },
|
|
27
|
+
},
|
|
28
|
+
setup(props, { attrs }) {
|
|
29
|
+
const hovered = ref(null);
|
|
30
|
+
function handleLeave() {
|
|
31
|
+
hovered.value = null;
|
|
32
|
+
}
|
|
33
|
+
function handleVisualPointerMove(event) {
|
|
34
|
+
const target = event.target;
|
|
35
|
+
if (!(target instanceof Element)) {
|
|
36
|
+
hovered.value = null;
|
|
37
|
+
return;
|
|
38
|
+
}
|
|
39
|
+
const si = Number(target.getAttribute("data-series-index"));
|
|
40
|
+
hovered.value = Number.isInteger(si) ? si : null;
|
|
41
|
+
}
|
|
42
|
+
return () => {
|
|
43
|
+
const width = props.width ?? 480;
|
|
44
|
+
const height = props.height ?? 240;
|
|
45
|
+
const smooth = props.smooth ?? true;
|
|
46
|
+
const showLegend = props.showLegend ?? true;
|
|
47
|
+
const label = props.label;
|
|
48
|
+
const data = props.data ?? [];
|
|
49
|
+
const plotWidth = Math.max(width - MARGIN.left - MARGIN.right, 1);
|
|
50
|
+
const plotHeight = Math.max(height - MARGIN.top - MARGIN.bottom, 1);
|
|
51
|
+
const seen = new Map();
|
|
52
|
+
data.forEach((d) => d.values.forEach((sv) => {
|
|
53
|
+
if (!seen.has(sv.label))
|
|
54
|
+
seen.set(sv.label, sv.tone ?? TONES[seen.size % TONES.length]);
|
|
55
|
+
}));
|
|
56
|
+
const series = [...seen.entries()].map(([seriesLabel, tone]) => ({ seriesLabel, tone }));
|
|
57
|
+
let halfMaxRaw = 0;
|
|
58
|
+
for (const d of data) {
|
|
59
|
+
let sum = 0;
|
|
60
|
+
for (const sv of d.values)
|
|
61
|
+
sum += safeValue(sv.value);
|
|
62
|
+
if (sum > halfMaxRaw)
|
|
63
|
+
halfMaxRaw = sum;
|
|
64
|
+
}
|
|
65
|
+
const halfMax = halfMaxRaw / 2 || 1;
|
|
66
|
+
const n = data.length;
|
|
67
|
+
const xs = data.map((_, i) => {
|
|
68
|
+
const denom = Math.max(n - 1, 1);
|
|
69
|
+
const xRatio = n === 1 ? 0.5 : i / denom;
|
|
70
|
+
return MARGIN.left + xRatio * plotWidth;
|
|
71
|
+
});
|
|
72
|
+
const midY = MARGIN.top + plotHeight / 2;
|
|
73
|
+
const valToY = (signed) => midY - scaleLinear(signed, 0, halfMax, 0, plotHeight / 2);
|
|
74
|
+
const bands = series.map(() => []);
|
|
75
|
+
data.forEach((d, xi) => {
|
|
76
|
+
const total = d.values.reduce((s, sv) => s + safeValue(sv.value), 0);
|
|
77
|
+
let acc = -total / 2;
|
|
78
|
+
series.forEach((s, si) => {
|
|
79
|
+
const sv = d.values.find((v) => v.label === s.seriesLabel);
|
|
80
|
+
const v = sv ? safeValue(sv.value) : 0;
|
|
81
|
+
const lower = acc;
|
|
82
|
+
const upper = acc + v;
|
|
83
|
+
acc = upper;
|
|
84
|
+
bands[si].push({ x: xs[xi], top: valToY(upper), bottom: valToY(lower) });
|
|
85
|
+
});
|
|
86
|
+
});
|
|
87
|
+
const areas = series.map((s, si) => {
|
|
88
|
+
const band = bands[si];
|
|
89
|
+
if (!band || band.length === 0)
|
|
90
|
+
return { tone: s.tone, seriesLabel: s.seriesLabel, d: "" };
|
|
91
|
+
const topPts = band.map((b) => ({ x: b.x, y: b.top }));
|
|
92
|
+
const bottomPts = band.map((b) => ({ x: b.x, y: b.bottom })).reverse();
|
|
93
|
+
const topPath = smooth ? buildSmoothPath(topPts) : buildLinearPath(topPts);
|
|
94
|
+
const bottomPath = (smooth ? buildSmoothPath(bottomPts) : buildLinearPath(bottomPts)).replace(/^M/, "L");
|
|
95
|
+
return { tone: s.tone, seriesLabel: s.seriesLabel, d: `${topPath} ${bottomPath} Z` };
|
|
96
|
+
});
|
|
97
|
+
let xTickEntries = [];
|
|
98
|
+
if (n !== 0) {
|
|
99
|
+
const target = Math.min(5, n);
|
|
100
|
+
const stride = Math.max(1, Math.round((n - 1) / (target - 1 || 1)));
|
|
101
|
+
for (let i = 0; i < n; i += stride)
|
|
102
|
+
xTickEntries.push({ x: xs[i], label: data[i].category });
|
|
103
|
+
const lastIdx = n - 1;
|
|
104
|
+
if (xTickEntries[xTickEntries.length - 1]?.label !== data[lastIdx].category) {
|
|
105
|
+
xTickEntries.push({ x: xs[lastIdx], label: data[lastIdx].category });
|
|
106
|
+
}
|
|
107
|
+
}
|
|
108
|
+
const dataValueItems = series.map((s) => {
|
|
109
|
+
const total = data.reduce((sum, d) => {
|
|
110
|
+
const sv = d.values.find((v) => v.label === s.seriesLabel);
|
|
111
|
+
return sum + (sv ? safeValue(sv.value) : 0);
|
|
112
|
+
}, 0);
|
|
113
|
+
return `${s.seriesLabel}: ${total}`;
|
|
114
|
+
});
|
|
115
|
+
const grand = data.reduce((sum, d) => sum + d.values.reduce((s, sv) => s + safeValue(sv.value), 0), 0);
|
|
116
|
+
if (series.length > 0)
|
|
117
|
+
dataValueItems.push(`Total: ${grand}`);
|
|
118
|
+
const svgChildren = [
|
|
119
|
+
h("line", {
|
|
120
|
+
class: "st-streamgraphChart__axis",
|
|
121
|
+
x1: MARGIN.left,
|
|
122
|
+
x2: width - MARGIN.right,
|
|
123
|
+
y1: height - MARGIN.bottom,
|
|
124
|
+
y2: height - MARGIN.bottom,
|
|
125
|
+
}),
|
|
126
|
+
];
|
|
127
|
+
xTickEntries.forEach((tick, i) => {
|
|
128
|
+
svgChildren.push(h("text", { key: `x${i}`, class: "st-streamgraphChart__tickLabel", x: tick.x, y: height - MARGIN.bottom + 16, "text-anchor": "middle" }, tick.label));
|
|
129
|
+
});
|
|
130
|
+
areas.forEach((area, si) => {
|
|
131
|
+
if (!area.d)
|
|
132
|
+
return;
|
|
133
|
+
svgChildren.push(h("path", {
|
|
134
|
+
key: area.seriesLabel,
|
|
135
|
+
class: classNames("st-streamgraphChart__area", `st-streamgraphChart__area--${area.tone}`, hovered.value !== null && hovered.value !== si && "st-streamgraphChart__area--dim"),
|
|
136
|
+
d: area.d,
|
|
137
|
+
"data-series-index": si,
|
|
138
|
+
}));
|
|
139
|
+
});
|
|
140
|
+
let tooltip = null;
|
|
141
|
+
if (hovered.value !== null && series[hovered.value]) {
|
|
142
|
+
const s = series[hovered.value];
|
|
143
|
+
const band = bands[hovered.value];
|
|
144
|
+
if (band && band.length > 0) {
|
|
145
|
+
const mid = band[Math.floor(band.length / 2)];
|
|
146
|
+
const total = data.reduce((sum, d) => {
|
|
147
|
+
const sv = d.values.find((v) => v.label === s.seriesLabel);
|
|
148
|
+
return sum + (sv ? safeValue(sv.value) : 0);
|
|
149
|
+
}, 0);
|
|
150
|
+
tooltip = { label: s.seriesLabel, value: total, cx: mid.x, cy: (mid.top + mid.bottom) / 2 };
|
|
151
|
+
}
|
|
152
|
+
}
|
|
153
|
+
return h("div", { ...attrs, class: classNames("st-streamgraphChart", props.class) }, [
|
|
154
|
+
h("div", {
|
|
155
|
+
class: "st-streamgraphChart__visual",
|
|
156
|
+
role: "img",
|
|
157
|
+
"aria-label": label,
|
|
158
|
+
onPointermove: handleVisualPointerMove,
|
|
159
|
+
onPointerleave: handleLeave,
|
|
160
|
+
}, [
|
|
161
|
+
h("svg", {
|
|
162
|
+
viewBox: `0 0 ${width} ${height}`,
|
|
163
|
+
preserveAspectRatio: "xMidYMid meet",
|
|
164
|
+
width: "100%",
|
|
165
|
+
height: "100%",
|
|
166
|
+
focusable: "false",
|
|
167
|
+
"aria-hidden": "true",
|
|
168
|
+
}, svgChildren),
|
|
169
|
+
]),
|
|
170
|
+
chartDataList(label, dataValueItems),
|
|
171
|
+
tooltip
|
|
172
|
+
? h("div", {
|
|
173
|
+
class: "st-streamgraphChart__tooltip",
|
|
174
|
+
role: "presentation",
|
|
175
|
+
style: `left: ${(tooltip.cx / width) * 100}%; top: ${(tooltip.cy / height) * 100}%`,
|
|
176
|
+
}, [
|
|
177
|
+
h("span", { class: "st-streamgraphChart__tooltipLabel" }, tooltip.label),
|
|
178
|
+
h("span", { class: "st-streamgraphChart__tooltipValue" }, String(tooltip.value)),
|
|
179
|
+
])
|
|
180
|
+
: null,
|
|
181
|
+
showLegend && series.length > 0
|
|
182
|
+
? h("ul", { class: "st-streamgraphChart__legend" }, series.map((item) => h("li", { key: item.seriesLabel, class: "st-streamgraphChart__legendItem" }, [
|
|
183
|
+
h("span", {
|
|
184
|
+
class: classNames("st-streamgraphChart__legendSwatch", `st-streamgraphChart__legendSwatch--${item.tone}`),
|
|
185
|
+
"aria-hidden": "true",
|
|
186
|
+
}),
|
|
187
|
+
item.seriesLabel,
|
|
188
|
+
])))
|
|
189
|
+
: null,
|
|
190
|
+
]);
|
|
191
|
+
};
|
|
192
|
+
},
|
|
193
|
+
});
|
|
194
|
+
//# sourceMappingURL=StreamgraphChart.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"StreamgraphChart.js","sourceRoot":"","sources":["../src/StreamgraphChart.ts"],"names":[],"mappings":"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"}
|
package/dist/Tile.d.ts
CHANGED
|
@@ -3,6 +3,9 @@ export type TileProps = {
|
|
|
3
3
|
title?: unknown;
|
|
4
4
|
description?: unknown;
|
|
5
5
|
variant?: TileVariant;
|
|
6
|
+
/** Pour `clickable` : si fourni, rend un `<a>`, sinon un `<button>`. */
|
|
7
|
+
href?: string;
|
|
8
|
+
/** Pour `selectable` : état coché. */
|
|
6
9
|
selected?: boolean;
|
|
7
10
|
disabled?: boolean;
|
|
8
11
|
class?: string;
|
|
@@ -20,6 +23,10 @@ export declare const Tile: import("vue").DefineComponent<import("vue").ExtractPr
|
|
|
20
23
|
type: () => TileVariant;
|
|
21
24
|
default: string;
|
|
22
25
|
};
|
|
26
|
+
href: {
|
|
27
|
+
type: StringConstructor;
|
|
28
|
+
default: undefined;
|
|
29
|
+
};
|
|
23
30
|
selected: {
|
|
24
31
|
type: BooleanConstructor;
|
|
25
32
|
default: boolean;
|
|
@@ -34,7 +41,7 @@ export declare const Tile: import("vue").DefineComponent<import("vue").ExtractPr
|
|
|
34
41
|
};
|
|
35
42
|
}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
|
36
43
|
[key: string]: any;
|
|
37
|
-
}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin,
|
|
44
|
+
}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "select"[], "select", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
38
45
|
title: {
|
|
39
46
|
type: () => unknown;
|
|
40
47
|
default: undefined;
|
|
@@ -47,6 +54,10 @@ export declare const Tile: import("vue").DefineComponent<import("vue").ExtractPr
|
|
|
47
54
|
type: () => TileVariant;
|
|
48
55
|
default: string;
|
|
49
56
|
};
|
|
57
|
+
href: {
|
|
58
|
+
type: StringConstructor;
|
|
59
|
+
default: undefined;
|
|
60
|
+
};
|
|
50
61
|
selected: {
|
|
51
62
|
type: BooleanConstructor;
|
|
52
63
|
default: boolean;
|
|
@@ -59,10 +70,13 @@ export declare const Tile: import("vue").DefineComponent<import("vue").ExtractPr
|
|
|
59
70
|
type: StringConstructor;
|
|
60
71
|
default: undefined;
|
|
61
72
|
};
|
|
62
|
-
}>> & Readonly<{
|
|
73
|
+
}>> & Readonly<{
|
|
74
|
+
onSelect?: ((...args: any[]) => any) | undefined;
|
|
75
|
+
}>, {
|
|
63
76
|
class: string;
|
|
64
77
|
title: undefined;
|
|
65
78
|
disabled: boolean;
|
|
79
|
+
href: string;
|
|
66
80
|
variant: TileVariant;
|
|
67
81
|
description: undefined;
|
|
68
82
|
selected: boolean;
|
package/dist/Tile.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tile.d.ts","sourceRoot":"","sources":["../src/Tile.ts"],"names":[],"mappings":"AAGA,MAAM,MAAM,WAAW,GAAG,QAAQ,GAAG,WAAW,GAAG,YAAY,CAAC;AAEhE,MAAM,MAAM,SAAS,GAAG;IACtB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,OAAO,CAAC,EAAE,WAAW,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,eAAO,MAAM,IAAI;;cAGiC,MAAM,OAAO;;;;cACP,MAAM,OAAO;;;;cACtC,MAAM,WAAW
|
|
1
|
+
{"version":3,"file":"Tile.d.ts","sourceRoot":"","sources":["../src/Tile.ts"],"names":[],"mappings":"AAGA,MAAM,MAAM,WAAW,GAAG,QAAQ,GAAG,WAAW,GAAG,YAAY,CAAC;AAEhE,MAAM,MAAM,SAAS,GAAG;IACtB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,OAAO,CAAC,EAAE,WAAW,CAAC;IACtB,wEAAwE;IACxE,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,sCAAsC;IACtC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,eAAO,MAAM,IAAI;;cAGiC,MAAM,OAAO;;;;cACP,MAAM,OAAO;;;;cACtC,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;cAFE,MAAM,OAAO;;;;cACP,MAAM,OAAO;;;;cACtC,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4EAgE9C,CAAC"}
|
package/dist/Tile.js
CHANGED
|
@@ -6,25 +6,51 @@ export const Tile = defineComponent({
|
|
|
6
6
|
title: { type: [String, Object], default: undefined },
|
|
7
7
|
description: { type: [String, Object], default: undefined },
|
|
8
8
|
variant: { type: String, default: "static" },
|
|
9
|
+
href: { type: String, default: undefined },
|
|
9
10
|
selected: { type: Boolean, default: false },
|
|
10
11
|
disabled: { type: Boolean, default: false },
|
|
11
12
|
class: { type: String, default: undefined },
|
|
12
13
|
},
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
14
|
+
emits: ["select"],
|
|
15
|
+
setup(props, { slots, attrs, emit }) {
|
|
16
|
+
return () => {
|
|
17
|
+
const tileClass = classNames("st-tile", `st-tile--${props.variant}`, props.variant === "selectable" && props.selected && "st-tile--selected", props.disabled && "st-tile--disabled", props.class);
|
|
18
|
+
const bodyChildren = slots.default
|
|
19
|
+
? [slots.default()]
|
|
20
|
+
: [
|
|
21
|
+
props.title
|
|
22
|
+
? h("span", { class: "st-tile__title" }, props.title)
|
|
23
|
+
: null,
|
|
24
|
+
props.description
|
|
25
|
+
? h("span", { class: "st-tile__description" }, props.description)
|
|
26
|
+
: null,
|
|
27
|
+
];
|
|
28
|
+
const body = h("span", { class: "st-tile__content" }, bodyChildren);
|
|
29
|
+
if (props.variant === "clickable" && props.href) {
|
|
30
|
+
return h("a", {
|
|
31
|
+
...attrs,
|
|
32
|
+
class: tileClass,
|
|
33
|
+
href: props.href,
|
|
34
|
+
"aria-disabled": props.disabled ? "true" : undefined,
|
|
35
|
+
}, [body]);
|
|
36
|
+
}
|
|
37
|
+
if (props.variant === "clickable") {
|
|
38
|
+
return h("button", { ...attrs, type: "button", class: tileClass, disabled: props.disabled }, [body]);
|
|
39
|
+
}
|
|
40
|
+
if (props.variant === "selectable") {
|
|
41
|
+
return h("label", { class: tileClass }, [
|
|
42
|
+
h("input", {
|
|
43
|
+
type: "checkbox",
|
|
44
|
+
class: "st-tile__input",
|
|
45
|
+
checked: props.selected,
|
|
46
|
+
disabled: props.disabled,
|
|
47
|
+
onChange: (event) => emit("select", event.target.checked),
|
|
48
|
+
}),
|
|
49
|
+
body,
|
|
50
|
+
]);
|
|
51
|
+
}
|
|
52
|
+
return h("div", { ...attrs, class: tileClass }, [body]);
|
|
53
|
+
};
|
|
28
54
|
},
|
|
29
55
|
});
|
|
30
56
|
//# sourceMappingURL=Tile.js.map
|
package/dist/Tile.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tile.js","sourceRoot":"","sources":["../src/Tile.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AACzC,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;
|
|
1
|
+
{"version":3,"file":"Tile.js","sourceRoot":"","sources":["../src/Tile.ts"],"names":[],"mappings":"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"}
|
package/dist/TileGroup.d.ts
CHANGED
|
@@ -1,6 +1,9 @@
|
|
|
1
1
|
export interface TileGroupItem {
|
|
2
2
|
value: string;
|
|
3
|
-
|
|
3
|
+
/** Libellé du tile (canonique Svelte). */
|
|
4
|
+
label?: unknown;
|
|
5
|
+
/** @deprecated Alias de `label` (compat). Utilisez `label`. */
|
|
6
|
+
title?: unknown;
|
|
4
7
|
description?: unknown;
|
|
5
8
|
disabled?: boolean;
|
|
6
9
|
}
|
package/dist/TileGroup.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TileGroup.d.ts","sourceRoot":"","sources":["../src/TileGroup.ts"],"names":[],"mappings":"AAGA,MAAM,WAAW,aAAa;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"TileGroup.d.ts","sourceRoot":"","sources":["../src/TileGroup.ts"],"names":[],"mappings":"AAGA,MAAM,WAAW,aAAa;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,0CAA0C;IAC1C,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,+DAA+D;IAC/D,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,MAAM,cAAc,GAAG;IAC3B,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,KAAK,EAAE,aAAa,EAAE,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,eAAO,MAAM,SAAS;;cAG6B,MAAM,OAAO;;;;cACpC,MAAM,aAAa,EAAE;;;;;;;;;;;;;;;;;;;cADE,MAAM,OAAO;;;;cACpC,MAAM,aAAa,EAAE;;;;;;;;;;;;;;;;;;;;;;;4EA8E/C,CAAC"}
|
package/dist/TileGroup.js
CHANGED
|
@@ -36,7 +36,7 @@ export const TileGroup = defineComponent({
|
|
|
36
36
|
},
|
|
37
37
|
}),
|
|
38
38
|
h("span", { class: "st-tileGroup__content" }, [
|
|
39
|
-
h("span", { class: "st-tileGroup__label" }, item.title),
|
|
39
|
+
h("span", { class: "st-tileGroup__label" }, (item.label ?? item.title)),
|
|
40
40
|
item.description
|
|
41
41
|
? h("span", { class: "st-tileGroup__description" }, item.description)
|
|
42
42
|
: null,
|
package/dist/TileGroup.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TileGroup.js","sourceRoot":"","sources":["../src/TileGroup.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AACzC,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;
|
|
1
|
+
{"version":3,"file":"TileGroup.js","sourceRoot":"","sources":["../src/TileGroup.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AACzC,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAoB7C,MAAM,CAAC,MAAM,SAAS,GAAG,eAAe,CAAC;IACvC,IAAI,EAAE,WAAW;IACjB,KAAK,EAAE;QACL,MAAM,EAAE,EAAE,IAAI,EAAE,CAAC,MAAM,EAAE,MAAM,CAA6B,EAAE,OAAO,EAAE,SAAS,EAAE;QAClF,KAAK,EAAE,EAAE,IAAI,EAAE,KAA8B,EAAE,QAAQ,EAAE,IAAI,EAAE;QAC/D,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE;QAC3C,QAAQ,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE;QAC3C,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE;KAC5C;IACD,KAAK,EAAE,CAAC,mBAAmB,EAAE,QAAQ,CAAC;IACtC,KAAK,CAAC,KAAK,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE;QAC1B,OAAO,GAAG,EAAE,CACV,CAAC,CACC,UAAU,EACV;YACE,GAAG,KAAK;YACR,KAAK,EAAE,UAAU,CACf,cAAc,EACd,KAAK,CAAC,QAAQ,IAAI,wBAAwB,EAC1C,KAAK,CAAC,KAAK,CACZ;SACF,EACD;YACE,KAAK,CAAC,MAAM;gBACV,CAAC,CAAC,CAAC,CACC,QAAQ,EACR,EAAE,KAAK,EAAE,sBAAsB,EAAE,EACjC,KAAK,CAAC,MAAgB,CACvB;gBACH,CAAC,CAAC,IAAI;YACR,CAAC,CACC,KAAK,EACL,EAAE,KAAK,EAAE,qBAAqB,EAAE,EAChC,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CACvB,CAAC,CACC,OAAO,EACP;gBACE,GAAG,EAAE,IAAI,CAAC,KAAK;gBACf,KAAK,EAAE,UAAU,CACf,oBAAoB,EACpB,IAAI,CAAC,KAAK,KAAK,KAAK,CAAC,KAAK;oBACxB,6BAA6B,EAC/B,IAAI,CAAC,QAAQ,IAAI,8BAA8B,CAChD;aACF,EACD;gBACE,CAAC,CAAC,OAAO,EAAE;oBACT,KAAK,EAAE,qBAAqB;oBAC5B,IAAI,EAAE,OAAO;oBACb,KAAK,EAAE,IAAI,CAAC,KAAK;oBACjB,OAAO,EAAE,IAAI,CAAC,KAAK,KAAK,KAAK,CAAC,KAAK;oBACnC,QAAQ,EAAE,KAAK,CAAC,QAAQ,IAAI,IAAI,CAAC,QAAQ;oBACzC,QAAQ,EAAE,IAAI;oBACd,QAAQ,EAAE,CAAC,KAAY,EAAE,EAAE;wBACzB,IAAI,CACF,mBAAmB,EAClB,KAAK,CAAC,MAA2B,CAAC,KAAK,CACzC,CAAC;wBACF,IAAI,CAAC,QAAQ,EAAE,KAAK,CAAC,CAAC;oBACxB,CAAC;iBACF,CAAC;gBACF,CAAC,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,uBAAuB,EAAE,EAAE;oBAC5C,CAAC,CACC,MAAM,EACN,EAAE,KAAK,EAAE,qBAAqB,EAAE,EAChC,CAAC,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,KAAK,CAAW,CACrC;oBACD,IAAI,CAAC,WAAW;wBACd,CAAC,CAAC,CAAC,CACC,MAAM,EACN,EAAE,KAAK,EAAE,2BAA2B,EAAE,EACtC,IAAI,CAAC,WAAqB,CAC3B;wBACH,CAAC,CAAC,IAAI;iBACT,CAAC;aACH,CACF,CACF,CACF;SACF,CACF,CAAC;IACN,CAAC;CACF,CAAC,CAAC"}
|
|
@@ -0,0 +1,63 @@
|
|
|
1
|
+
export type TileMapChartTile = {
|
|
2
|
+
label: string;
|
|
3
|
+
col: number;
|
|
4
|
+
row: number;
|
|
5
|
+
value: number;
|
|
6
|
+
};
|
|
7
|
+
export type TileMapChartProps = {
|
|
8
|
+
data: TileMapChartTile[];
|
|
9
|
+
width?: number;
|
|
10
|
+
height?: number;
|
|
11
|
+
label: string;
|
|
12
|
+
class?: string;
|
|
13
|
+
};
|
|
14
|
+
export declare const TileMapChart: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
|
|
15
|
+
data: {
|
|
16
|
+
type: () => TileMapChartTile[];
|
|
17
|
+
required: true;
|
|
18
|
+
};
|
|
19
|
+
width: {
|
|
20
|
+
type: NumberConstructor;
|
|
21
|
+
default: number;
|
|
22
|
+
};
|
|
23
|
+
height: {
|
|
24
|
+
type: NumberConstructor;
|
|
25
|
+
default: number;
|
|
26
|
+
};
|
|
27
|
+
label: {
|
|
28
|
+
type: StringConstructor;
|
|
29
|
+
required: true;
|
|
30
|
+
};
|
|
31
|
+
class: {
|
|
32
|
+
type: StringConstructor;
|
|
33
|
+
default: undefined;
|
|
34
|
+
};
|
|
35
|
+
}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
|
36
|
+
[key: string]: any;
|
|
37
|
+
}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
38
|
+
data: {
|
|
39
|
+
type: () => TileMapChartTile[];
|
|
40
|
+
required: true;
|
|
41
|
+
};
|
|
42
|
+
width: {
|
|
43
|
+
type: NumberConstructor;
|
|
44
|
+
default: number;
|
|
45
|
+
};
|
|
46
|
+
height: {
|
|
47
|
+
type: NumberConstructor;
|
|
48
|
+
default: number;
|
|
49
|
+
};
|
|
50
|
+
label: {
|
|
51
|
+
type: StringConstructor;
|
|
52
|
+
required: true;
|
|
53
|
+
};
|
|
54
|
+
class: {
|
|
55
|
+
type: StringConstructor;
|
|
56
|
+
default: undefined;
|
|
57
|
+
};
|
|
58
|
+
}>> & Readonly<{}>, {
|
|
59
|
+
class: string;
|
|
60
|
+
height: number;
|
|
61
|
+
width: number;
|
|
62
|
+
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
63
|
+
//# sourceMappingURL=TileMapChart.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TileMapChart.d.ts","sourceRoot":"","sources":["../src/TileMapChart.ts"],"names":[],"mappings":"AAIA,MAAM,MAAM,gBAAgB,GAAG;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG;IAC9B,IAAI,EAAE,gBAAgB,EAAE,CAAC;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AA2BF,eAAO,MAAM,YAAY;;cAGE,MAAM,gBAAgB,EAAE;;;;;;;;;;;;;;;;;;;;;;;cAAxB,MAAM,gBAAgB,EAAE;;;;;;;;;;;;;;;;;;;;;;;4EA4KjD,CAAC"}
|
|
@@ -0,0 +1,154 @@
|
|
|
1
|
+
import { defineComponent, h, ref } from "vue";
|
|
2
|
+
import { classNames } from "./classNames.js";
|
|
3
|
+
import { chartDataList } from "./chartScale.js";
|
|
4
|
+
const MARGIN = { top: 16, right: 16, bottom: 44, left: 16 };
|
|
5
|
+
const TONES = [
|
|
6
|
+
"category1",
|
|
7
|
+
"category2",
|
|
8
|
+
"category3",
|
|
9
|
+
"category4",
|
|
10
|
+
"category5",
|
|
11
|
+
"category6",
|
|
12
|
+
"category7",
|
|
13
|
+
"category8",
|
|
14
|
+
];
|
|
15
|
+
const GAP = 4;
|
|
16
|
+
function toneForValue(value, min, max) {
|
|
17
|
+
if (!Number.isFinite(value) || max <= min)
|
|
18
|
+
return "category1";
|
|
19
|
+
const index = Math.max(0, Math.min(TONES.length - 1, Math.floor(((value - min) / (max - min)) * TONES.length)));
|
|
20
|
+
return TONES[index];
|
|
21
|
+
}
|
|
22
|
+
function formatNumber(value) {
|
|
23
|
+
if (!Number.isFinite(value))
|
|
24
|
+
return "0";
|
|
25
|
+
if (Number.isInteger(value))
|
|
26
|
+
return String(value);
|
|
27
|
+
return value.toFixed(2).replace(/\.?0+$/, "");
|
|
28
|
+
}
|
|
29
|
+
export const TileMapChart = defineComponent({
|
|
30
|
+
name: "TileMapChart",
|
|
31
|
+
props: {
|
|
32
|
+
data: { type: Array, required: true },
|
|
33
|
+
width: { type: Number, default: 480 },
|
|
34
|
+
height: { type: Number, default: 360 },
|
|
35
|
+
label: { type: String, required: true },
|
|
36
|
+
class: { type: String, default: undefined },
|
|
37
|
+
},
|
|
38
|
+
setup(props, { attrs }) {
|
|
39
|
+
const hoveredIndex = ref(null);
|
|
40
|
+
function handleLeave() {
|
|
41
|
+
hoveredIndex.value = null;
|
|
42
|
+
}
|
|
43
|
+
function handleVisualPointerMove(event) {
|
|
44
|
+
const target = event.target;
|
|
45
|
+
if (!(target instanceof Element)) {
|
|
46
|
+
hoveredIndex.value = null;
|
|
47
|
+
return;
|
|
48
|
+
}
|
|
49
|
+
const index = Number(target.getAttribute("data-chart-index"));
|
|
50
|
+
hoveredIndex.value = Number.isInteger(index) ? index : null;
|
|
51
|
+
}
|
|
52
|
+
return () => {
|
|
53
|
+
const data = props.data ?? [];
|
|
54
|
+
const width = props.width ?? 480;
|
|
55
|
+
const height = props.height ?? 360;
|
|
56
|
+
const label = props.label;
|
|
57
|
+
const plotWidth = Math.max(width - MARGIN.left - MARGIN.right, 1);
|
|
58
|
+
const plotHeight = Math.max(height - MARGIN.top - MARGIN.bottom, 1);
|
|
59
|
+
const valid = data.filter((tile) => Number.isFinite(tile.col) && Number.isFinite(tile.row) && Number.isFinite(tile.value));
|
|
60
|
+
const tiles = valid.length > 0
|
|
61
|
+
? (() => {
|
|
62
|
+
const cols = Math.max(...valid.map((t) => t.col)) + 1;
|
|
63
|
+
const rows = Math.max(...valid.map((t) => t.row)) + 1;
|
|
64
|
+
const values = valid.map((t) => t.value);
|
|
65
|
+
const min = Math.min(...values);
|
|
66
|
+
const max = Math.max(...values);
|
|
67
|
+
const side = Math.max(Math.min(plotWidth / cols, plotHeight / rows) - GAP, 1);
|
|
68
|
+
const gridW = cols * (side + GAP) - GAP;
|
|
69
|
+
const gridH = rows * (side + GAP) - GAP;
|
|
70
|
+
const offsetX = MARGIN.left + Math.max((plotWidth - gridW) / 2, 0);
|
|
71
|
+
const offsetY = MARGIN.top + Math.max((plotHeight - gridH) / 2, 0);
|
|
72
|
+
return valid.map((tile, index) => {
|
|
73
|
+
const x = offsetX + tile.col * (side + GAP);
|
|
74
|
+
const y = offsetY + tile.row * (side + GAP);
|
|
75
|
+
return {
|
|
76
|
+
tile,
|
|
77
|
+
index,
|
|
78
|
+
tone: toneForValue(tile.value, min, max),
|
|
79
|
+
x,
|
|
80
|
+
y,
|
|
81
|
+
side,
|
|
82
|
+
cx: x + side / 2,
|
|
83
|
+
cy: y + side / 2,
|
|
84
|
+
};
|
|
85
|
+
});
|
|
86
|
+
})()
|
|
87
|
+
: [];
|
|
88
|
+
const dataValueItems = valid.map((tile) => `${tile.label}: ${formatNumber(tile.value)}`);
|
|
89
|
+
const svgChildren = [];
|
|
90
|
+
tiles.forEach((tile, i) => {
|
|
91
|
+
const isDim = hoveredIndex.value !== null && hoveredIndex.value !== i;
|
|
92
|
+
const groupChildren = [
|
|
93
|
+
h("rect", {
|
|
94
|
+
class: classNames("st-tileMapChart__tile", `st-tileMapChart__tile--${tile.tone}`, isDim ? "st-tileMapChart__tile--dim" : undefined),
|
|
95
|
+
x: tile.x,
|
|
96
|
+
y: tile.y,
|
|
97
|
+
width: tile.side,
|
|
98
|
+
height: tile.side,
|
|
99
|
+
rx: "3",
|
|
100
|
+
"data-chart-index": i,
|
|
101
|
+
}),
|
|
102
|
+
];
|
|
103
|
+
if (tile.side > 18) {
|
|
104
|
+
groupChildren.push(h("text", {
|
|
105
|
+
class: "st-tileMapChart__tileLabel",
|
|
106
|
+
x: tile.cx,
|
|
107
|
+
y: tile.cy,
|
|
108
|
+
"text-anchor": "middle",
|
|
109
|
+
"dominant-baseline": "middle",
|
|
110
|
+
"pointer-events": "none",
|
|
111
|
+
}, tile.tile.label));
|
|
112
|
+
}
|
|
113
|
+
svgChildren.push(h("g", { key: `${tile.tile.label}-${i}` }, groupChildren));
|
|
114
|
+
});
|
|
115
|
+
const hovered = hoveredIndex.value !== null ? tiles[hoveredIndex.value] : undefined;
|
|
116
|
+
const children = [
|
|
117
|
+
h("div", {
|
|
118
|
+
class: "st-tileMapChart__visual",
|
|
119
|
+
role: "img",
|
|
120
|
+
"aria-label": label,
|
|
121
|
+
onPointermove: handleVisualPointerMove,
|
|
122
|
+
onPointerleave: handleLeave,
|
|
123
|
+
}, [
|
|
124
|
+
h("svg", {
|
|
125
|
+
viewBox: `0 0 ${width} ${height}`,
|
|
126
|
+
preserveAspectRatio: "xMidYMid meet",
|
|
127
|
+
width: "100%",
|
|
128
|
+
height: "100%",
|
|
129
|
+
focusable: "false",
|
|
130
|
+
"aria-hidden": "true",
|
|
131
|
+
}, svgChildren),
|
|
132
|
+
]),
|
|
133
|
+
chartDataList(label, dataValueItems),
|
|
134
|
+
];
|
|
135
|
+
if (hovered) {
|
|
136
|
+
children.push(h("div", {
|
|
137
|
+
class: "st-tileMapChart__tooltip",
|
|
138
|
+
role: "presentation",
|
|
139
|
+
style: `left: ${(hovered.cx / width) * 100}%; top: ${(hovered.cy / height) * 100}%`,
|
|
140
|
+
}, [
|
|
141
|
+
h("span", { class: "st-tileMapChart__tooltipLabel" }, hovered.tile.label),
|
|
142
|
+
h("span", { class: "st-tileMapChart__tooltipValue" }, formatNumber(hovered.tile.value)),
|
|
143
|
+
]));
|
|
144
|
+
}
|
|
145
|
+
children.push(h("div", { class: "st-tileMapChart__legend", "aria-hidden": "true" }, [
|
|
146
|
+
h("span", { class: "st-tileMapChart__legendText" }, "Low"),
|
|
147
|
+
h("span", { class: "st-tileMapChart__legendRamp" }, TONES.map((tone) => h("span", { key: tone, class: `st-tileMapChart__legendSwatch st-tileMapChart__legendSwatch--${tone}` }))),
|
|
148
|
+
h("span", { class: "st-tileMapChart__legendText" }, "High"),
|
|
149
|
+
]));
|
|
150
|
+
return h("div", { ...attrs, class: classNames("st-tileMapChart", props.class) }, children);
|
|
151
|
+
};
|
|
152
|
+
},
|
|
153
|
+
});
|
|
154
|
+
//# sourceMappingURL=TileMapChart.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TileMapChart.js","sourceRoot":"","sources":["../src/TileMapChart.ts"],"names":[],"mappings":"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"}
|