@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.
Files changed (117) hide show
  1. package/dist/ArcDiagramChart.d.ts +73 -0
  2. package/dist/ArcDiagramChart.d.ts.map +1 -0
  3. package/dist/ArcDiagramChart.js +180 -0
  4. package/dist/ArcDiagramChart.js.map +1 -0
  5. package/dist/AreaRangeChart.d.ts +84 -0
  6. package/dist/AreaRangeChart.d.ts.map +1 -0
  7. package/dist/AreaRangeChart.js +202 -0
  8. package/dist/AreaRangeChart.js.map +1 -0
  9. package/dist/AreaSplineRangeChart.d.ts +74 -0
  10. package/dist/AreaSplineRangeChart.d.ts.map +1 -0
  11. package/dist/AreaSplineRangeChart.js +200 -0
  12. package/dist/AreaSplineRangeChart.js.map +1 -0
  13. package/dist/Autosave.d.ts +1 -1
  14. package/dist/Autosave.d.ts.map +1 -1
  15. package/dist/Avatar.d.ts +1 -1
  16. package/dist/BellCurveChart.d.ts +89 -0
  17. package/dist/BellCurveChart.d.ts.map +1 -0
  18. package/dist/BellCurveChart.js +195 -0
  19. package/dist/BellCurveChart.js.map +1 -0
  20. package/dist/Calendar.d.ts +1 -1
  21. package/dist/ColumnPyramidChart.d.ts +75 -0
  22. package/dist/ColumnPyramidChart.d.ts.map +1 -0
  23. package/dist/ColumnPyramidChart.js +162 -0
  24. package/dist/ColumnPyramidChart.js.map +1 -0
  25. package/dist/ColumnRangeChart.d.ts +91 -0
  26. package/dist/ColumnRangeChart.d.ts.map +1 -0
  27. package/dist/ColumnRangeChart.js +259 -0
  28. package/dist/ColumnRangeChart.js.map +1 -0
  29. package/dist/DataTable.d.ts +1 -1
  30. package/dist/DependencyWheelChart.d.ts +73 -0
  31. package/dist/DependencyWheelChart.d.ts.map +1 -0
  32. package/dist/DependencyWheelChart.js +221 -0
  33. package/dist/DependencyWheelChart.js.map +1 -0
  34. package/dist/DumbbellChart.d.ts +104 -0
  35. package/dist/DumbbellChart.d.ts.map +1 -0
  36. package/dist/DumbbellChart.js +163 -0
  37. package/dist/DumbbellChart.js.map +1 -0
  38. package/dist/ErrorBarChart.d.ts +75 -0
  39. package/dist/ErrorBarChart.d.ts.map +1 -0
  40. package/dist/ErrorBarChart.js +173 -0
  41. package/dist/ErrorBarChart.js.map +1 -0
  42. package/dist/ForceGraph.d.ts +1 -1
  43. package/dist/GanttChart.d.ts +74 -0
  44. package/dist/GanttChart.d.ts.map +1 -0
  45. package/dist/GanttChart.js +245 -0
  46. package/dist/GanttChart.js.map +1 -0
  47. package/dist/HeikinAshiChart.d.ts +65 -0
  48. package/dist/HeikinAshiChart.d.ts.map +1 -0
  49. package/dist/HeikinAshiChart.js +196 -0
  50. package/dist/HeikinAshiChart.js.map +1 -0
  51. package/dist/HollowCandlestickChart.d.ts +65 -0
  52. package/dist/HollowCandlestickChart.d.ts.map +1 -0
  53. package/dist/HollowCandlestickChart.js +189 -0
  54. package/dist/HollowCandlestickChart.js.map +1 -0
  55. package/dist/InlineLoading.d.ts +3 -3
  56. package/dist/InlineLoading.d.ts.map +1 -1
  57. package/dist/InlineLoading.js +36 -18
  58. package/dist/InlineLoading.js.map +1 -1
  59. package/dist/LollipopChart.js +1 -1
  60. package/dist/OHLCChart.d.ts +65 -0
  61. package/dist/OHLCChart.d.ts.map +1 -0
  62. package/dist/OHLCChart.js +193 -0
  63. package/dist/OHLCChart.js.map +1 -0
  64. package/dist/OrderedList.d.ts +2 -1
  65. package/dist/OrderedList.d.ts.map +1 -1
  66. package/dist/OrderedList.js +2 -2
  67. package/dist/OrderedList.js.map +1 -1
  68. package/dist/OrganizationChart.d.ts +64 -0
  69. package/dist/OrganizationChart.d.ts.map +1 -0
  70. package/dist/OrganizationChart.js +200 -0
  71. package/dist/OrganizationChart.js.map +1 -0
  72. package/dist/PolygonChart.d.ts +72 -0
  73. package/dist/PolygonChart.d.ts.map +1 -0
  74. package/dist/PolygonChart.js +109 -0
  75. package/dist/PolygonChart.js.map +1 -0
  76. package/dist/Popper.d.ts +1 -1
  77. package/dist/StreamgraphChart.d.ts +88 -0
  78. package/dist/StreamgraphChart.d.ts.map +1 -0
  79. package/dist/StreamgraphChart.js +194 -0
  80. package/dist/StreamgraphChart.js.map +1 -0
  81. package/dist/Tile.d.ts +16 -2
  82. package/dist/Tile.d.ts.map +1 -1
  83. package/dist/Tile.js +41 -15
  84. package/dist/Tile.js.map +1 -1
  85. package/dist/TileGroup.d.ts +4 -1
  86. package/dist/TileGroup.d.ts.map +1 -1
  87. package/dist/TileGroup.js +1 -1
  88. package/dist/TileGroup.js.map +1 -1
  89. package/dist/TileMapChart.d.ts +63 -0
  90. package/dist/TileMapChart.d.ts.map +1 -0
  91. package/dist/TileMapChart.js +154 -0
  92. package/dist/TileMapChart.js.map +1 -0
  93. package/dist/TimelineChart.d.ts +68 -0
  94. package/dist/TimelineChart.d.ts.map +1 -0
  95. package/dist/TimelineChart.js +173 -0
  96. package/dist/TimelineChart.js.map +1 -0
  97. package/dist/Toast.d.ts.map +1 -1
  98. package/dist/Toast.js +26 -10
  99. package/dist/Toast.js.map +1 -1
  100. package/dist/TreegraphChart.d.ts +64 -0
  101. package/dist/TreegraphChart.d.ts.map +1 -0
  102. package/dist/TreegraphChart.js +198 -0
  103. package/dist/TreegraphChart.js.map +1 -0
  104. package/dist/UnorderedList.d.ts +2 -1
  105. package/dist/UnorderedList.d.ts.map +1 -1
  106. package/dist/UnorderedList.js +2 -2
  107. package/dist/UnorderedList.js.map +1 -1
  108. package/dist/VariablePieChart.d.ts +64 -0
  109. package/dist/VariablePieChart.d.ts.map +1 -0
  110. package/dist/VariablePieChart.js +164 -0
  111. package/dist/VariablePieChart.js.map +1 -0
  112. package/dist/index.d.ts +40 -0
  113. package/dist/index.d.ts.map +1 -1
  114. package/dist/index.js +20 -0
  115. package/dist/index.js.map +1 -1
  116. package/dist/styles.css +2975 -1100
  117. 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, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
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;
@@ -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;;;;;;;;;;;;;;;;;;;cAFE,MAAM,OAAO;;;;cACP,MAAM,OAAO;;;;cACtC,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;4EAwC9C,CAAC"}
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
- setup(props, { slots, attrs }) {
14
- return () => h("section", {
15
- ...attrs,
16
- class: classNames("st-tile", `st-tile--${props.variant}`, props.selected && "st-tile--selected", props.disabled && "st-tile--disabled", props.class),
17
- }, [
18
- h("div", { class: "st-tile__content" }, [
19
- props.title
20
- ? h("h3", { class: "st-tile__title" }, props.title)
21
- : null,
22
- props.description
23
- ? h("p", { class: "st-tile__description" }, props.description)
24
- : null,
25
- slots.default?.(),
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;AAa7C,MAAM,CAAC,MAAM,IAAI,GAAG,eAAe,CAAC;IAClC,IAAI,EAAE,MAAM;IACZ,KAAK,EAAE;QACL,KAAK,EAAE,EAAE,IAAI,EAAE,CAAC,MAAM,EAAE,MAAM,CAA6B,EAAE,OAAO,EAAE,SAAS,EAAE;QACjF,WAAW,EAAE,EAAE,IAAI,EAAE,CAAC,MAAM,EAAE,MAAM,CAA6B,EAAE,OAAO,EAAE,SAAS,EAAE;QACvF,OAAO,EAAE,EAAE,IAAI,EAAE,MAA2B,EAAE,OAAO,EAAE,QAAQ,EAAE;QACjE,QAAQ,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,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,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE;QAC3B,OAAO,GAAG,EAAE,CACV,CAAC,CACC,SAAS,EACT;YACE,GAAG,KAAK;YACR,KAAK,EAAE,UAAU,CACf,SAAS,EACT,YAAY,KAAK,CAAC,OAAO,EAAE,EAC3B,KAAK,CAAC,QAAQ,IAAI,mBAAmB,EACrC,KAAK,CAAC,QAAQ,IAAI,mBAAmB,EACrC,KAAK,CAAC,KAAK,CACZ;SACF,EACD;YACE,CAAC,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,kBAAkB,EAAE,EAAE;gBACtC,KAAK,CAAC,KAAK;oBACT,CAAC,CAAC,CAAC,CACC,IAAI,EACJ,EAAE,KAAK,EAAE,gBAAgB,EAAE,EAC3B,KAAK,CAAC,KAAe,CACtB;oBACH,CAAC,CAAC,IAAI;gBACR,KAAK,CAAC,WAAW;oBACf,CAAC,CAAC,CAAC,CACC,GAAG,EACH,EAAE,KAAK,EAAE,sBAAsB,EAAE,EACjC,KAAK,CAAC,WAAqB,CAC5B;oBACH,CAAC,CAAC,IAAI;gBACR,KAAK,CAAC,OAAO,EAAE,EAAE;aAClB,CAAC;SACH,CACF,CAAC;IACN,CAAC;CACF,CAAC,CAAC"}
1
+ {"version":3,"file":"Tile.js","sourceRoot":"","sources":["../src/Tile.ts"],"names":[],"mappings":"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"}
@@ -1,6 +1,9 @@
1
1
  export interface TileGroupItem {
2
2
  value: string;
3
- title: unknown;
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
  }
@@ -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;IACf,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"}
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,
@@ -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;AAiB7C,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,IAAI,CAAC,KAAe,CACrB;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"}
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":"AAAA,OAAO,EAAE,eAAe,EAAE,CAAC,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC9C,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAC7C,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAiBhD,MAAM,MAAM,GAAG,EAAE,GAAG,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAW,CAAC;AACrE,MAAM,KAAK,GAAG;IACZ,WAAW;IACX,WAAW;IACX,WAAW;IACX,WAAW;IACX,WAAW;IACX,WAAW;IACX,WAAW;IACX,WAAW;CACH,CAAC;AACX,MAAM,GAAG,GAAG,CAAC,CAAC;AAEd,SAAS,YAAY,CAAC,KAAa,EAAE,GAAW,EAAE,GAAW;IAC3D,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,KAAK,CAAC,IAAI,GAAG,IAAI,GAAG;QAAE,OAAO,WAAW,CAAC;IAC9D,MAAM,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,GAAG,GAAG,CAAC,GAAG,CAAC,GAAG,GAAG,GAAG,CAAC,CAAC,GAAG,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;IAChH,OAAO,KAAK,CAAC,KAAK,CAAC,CAAC;AACtB,CAAC;AAED,SAAS,YAAY,CAAC,KAAa;IACjC,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,KAAK,CAAC;QAAE,OAAO,GAAG,CAAC;IACxC,IAAI,MAAM,CAAC,SAAS,CAAC,KAAK,CAAC;QAAE,OAAO,MAAM,CAAC,KAAK,CAAC,CAAC;IAClD,OAAO,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,QAAQ,EAAE,EAAE,CAAC,CAAC;AAChD,CAAC;AAED,MAAM,CAAC,MAAM,YAAY,GAAG,eAAe,CAAC;IAC1C,IAAI,EAAE,cAAc;IACpB,KAAK,EAAE;QACL,IAAI,EAAE,EAAE,IAAI,EAAE,KAAiC,EAAE,QAAQ,EAAE,IAAI,EAAE;QACjE,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,GAAG,EAAE;QACrC,MAAM,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,GAAG,EAAE;QACtC,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,IAAI,EAAE;QACvC,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE;KAC5C;IACD,KAAK,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE;QACpB,MAAM,YAAY,GAAG,GAAG,CAAgB,IAAI,CAAC,CAAC;QAE9C,SAAS,WAAW;YAClB,YAAY,CAAC,KAAK,GAAG,IAAI,CAAC;QAC5B,CAAC;QAED,SAAS,uBAAuB,CAAC,KAAmB;YAClD,MAAM,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC;YAC5B,IAAI,CAAC,CAAC,MAAM,YAAY,OAAO,CAAC,EAAE,CAAC;gBACjC,YAAY,CAAC,KAAK,GAAG,IAAI,CAAC;gBAC1B,OAAO;YACT,CAAC;YACD,MAAM,KAAK,GAAG,MAAM,CAAC,MAAM,CAAC,YAAY,CAAC,kBAAkB,CAAC,CAAC,CAAC;YAC9D,YAAY,CAAC,KAAK,GAAG,MAAM,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC;QAC9D,CAAC;QAED,OAAO,GAAG,EAAE;YACV,MAAM,IAAI,GAAG,KAAK,CAAC,IAAI,IAAI,EAAE,CAAC;YAC9B,MAAM,KAAK,GAAG,KAAK,CAAC,KAAK,IAAI,GAAG,CAAC;YACjC,MAAM,MAAM,GAAG,KAAK,CAAC,MAAM,IAAI,GAAG,CAAC;YACnC,MAAM,KAAK,GAAG,KAAK,CAAC,KAAK,CAAC;YAE1B,MAAM,SAAS,GAAG,IAAI,CAAC,GAAG,CAAC,KAAK,GAAG,MAAM,CAAC,IAAI,GAAG,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC;YAClE,MAAM,UAAU,GAAG,IAAI,CAAC,GAAG,CAAC,MAAM,GAAG,MAAM,CAAC,GAAG,GAAG,MAAM,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC;YAEpE,MAAM,KAAK,GAAG,IAAI,CAAC,MAAM,CACvB,CAAC,IAAI,EAAE,EAAE,CAAC,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,CAChG,CAAC;YAEF,MAAM,KAAK,GACT,KAAK,CAAC,MAAM,GAAG,CAAC;gBACd,CAAC,CAAC,CAAC,GAAG,EAAE;oBACJ,MAAM,IAAI,GAAG,IAAI,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC;oBACtD,MAAM,IAAI,GAAG,IAAI,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC;oBACtD,MAAM,MAAM,GAAG,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC;oBACzC,MAAM,GAAG,GAAG,IAAI,CAAC,GAAG,CAAC,GAAG,MAAM,CAAC,CAAC;oBAChC,MAAM,GAAG,GAAG,IAAI,CAAC,GAAG,CAAC,GAAG,MAAM,CAAC,CAAC;oBAEhC,MAAM,IAAI,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,SAAS,GAAG,IAAI,EAAE,UAAU,GAAG,IAAI,CAAC,GAAG,GAAG,EAAE,CAAC,CAAC,CAAC;oBAC9E,MAAM,KAAK,GAAG,IAAI,GAAG,CAAC,IAAI,GAAG,GAAG,CAAC,GAAG,GAAG,CAAC;oBACxC,MAAM,KAAK,GAAG,IAAI,GAAG,CAAC,IAAI,GAAG,GAAG,CAAC,GAAG,GAAG,CAAC;oBACxC,MAAM,OAAO,GAAG,MAAM,CAAC,IAAI,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,SAAS,GAAG,KAAK,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC,CAAC;oBACnE,MAAM,OAAO,GAAG,MAAM,CAAC,GAAG,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,UAAU,GAAG,KAAK,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC,CAAC;oBAEnE,OAAO,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE;wBAC/B,MAAM,CAAC,GAAG,OAAO,GAAG,IAAI,CAAC,GAAG,GAAG,CAAC,IAAI,GAAG,GAAG,CAAC,CAAC;wBAC5C,MAAM,CAAC,GAAG,OAAO,GAAG,IAAI,CAAC,GAAG,GAAG,CAAC,IAAI,GAAG,GAAG,CAAC,CAAC;wBAC5C,OAAO;4BACL,IAAI;4BACJ,KAAK;4BACL,IAAI,EAAE,YAAY,CAAC,IAAI,CAAC,KAAK,EAAE,GAAG,EAAE,GAAG,CAAC;4BACxC,CAAC;4BACD,CAAC;4BACD,IAAI;4BACJ,EAAE,EAAE,CAAC,GAAG,IAAI,GAAG,CAAC;4BAChB,EAAE,EAAE,CAAC,GAAG,IAAI,GAAG,CAAC;yBACjB,CAAC;oBACJ,CAAC,CAAC,CAAC;gBACL,CAAC,CAAC,EAAE;gBACN,CAAC,CAAC,EAAE,CAAC;YAET,MAAM,cAAc,GAAG,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,GAAG,IAAI,CAAC,KAAK,KAAK,YAAY,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;YAEzF,MAAM,WAAW,GAA2B,EAAE,CAAC;YAE/C,KAAK,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE;gBACxB,MAAM,KAAK,GAAG,YAAY,CAAC,KAAK,KAAK,IAAI,IAAI,YAAY,CAAC,KAAK,KAAK,CAAC,CAAC;gBACtE,MAAM,aAAa,GAA2B;oBAC5C,CAAC,CAAC,MAAM,EAAE;wBACR,KAAK,EAAE,UAAU,CACf,uBAAuB,EACvB,0BAA0B,IAAI,CAAC,IAAI,EAAE,EACrC,KAAK,CAAC,CAAC,CAAC,4BAA4B,CAAC,CAAC,CAAC,SAAS,CACjD;wBACD,CAAC,EAAE,IAAI,CAAC,CAAC;wBACT,CAAC,EAAE,IAAI,CAAC,CAAC;wBACT,KAAK,EAAE,IAAI,CAAC,IAAI;wBAChB,MAAM,EAAE,IAAI,CAAC,IAAI;wBACjB,EAAE,EAAE,GAAG;wBACP,kBAAkB,EAAE,CAAC;qBACtB,CAAC;iBACH,CAAC;gBACF,IAAI,IAAI,CAAC,IAAI,GAAG,EAAE,EAAE,CAAC;oBACnB,aAAa,CAAC,IAAI,CAChB,CAAC,CACC,MAAM,EACN;wBACE,KAAK,EAAE,4BAA4B;wBACnC,CAAC,EAAE,IAAI,CAAC,EAAE;wBACV,CAAC,EAAE,IAAI,CAAC,EAAE;wBACV,aAAa,EAAE,QAAQ;wBACvB,mBAAmB,EAAE,QAAQ;wBAC7B,gBAAgB,EAAE,MAAM;qBACzB,EACD,IAAI,CAAC,IAAI,CAAC,KAAK,CAChB,CACF,CAAC;gBACJ,CAAC;gBACD,WAAW,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,EAAE,EAAE,GAAG,EAAE,GAAG,IAAI,CAAC,IAAI,CAAC,KAAK,IAAI,CAAC,EAAE,EAAE,EAAE,aAAa,CAAC,CAAC,CAAC;YAC9E,CAAC,CAAC,CAAC;YAEH,MAAM,OAAO,GAAG,YAAY,CAAC,KAAK,KAAK,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;YAEpF,MAAM,QAAQ,GAAoC;gBAChD,CAAC,CACC,KAAK,EACL;oBACE,KAAK,EAAE,yBAAyB;oBAChC,IAAI,EAAE,KAAK;oBACX,YAAY,EAAE,KAAK;oBACnB,aAAa,EAAE,uBAAuB;oBACtC,cAAc,EAAE,WAAW;iBAC5B,EACD;oBACE,CAAC,CACC,KAAK,EACL;wBACE,OAAO,EAAE,OAAO,KAAK,IAAI,MAAM,EAAE;wBACjC,mBAAmB,EAAE,eAAe;wBACpC,KAAK,EAAE,MAAM;wBACb,MAAM,EAAE,MAAM;wBACd,SAAS,EAAE,OAAO;wBAClB,aAAa,EAAE,MAAM;qBACtB,EACD,WAAW,CACZ;iBACF,CACF;gBACD,aAAa,CAAC,KAAK,EAAE,cAAc,CAAC;aACrC,CAAC;YAEF,IAAI,OAAO,EAAE,CAAC;gBACZ,QAAQ,CAAC,IAAI,CACX,CAAC,CACC,KAAK,EACL;oBACE,KAAK,EAAE,0BAA0B;oBACjC,IAAI,EAAE,cAAc;oBACpB,KAAK,EAAE,SAAS,CAAC,OAAO,CAAC,EAAE,GAAG,KAAK,CAAC,GAAG,GAAG,WAAW,CAAC,OAAO,CAAC,EAAE,GAAG,MAAM,CAAC,GAAG,GAAG,GAAG;iBACpF,EACD;oBACE,CAAC,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,+BAA+B,EAAE,EAAE,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC;oBACzE,CAAC,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,+BAA+B,EAAE,EAAE,YAAY,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;iBACxF,CACF,CACF,CAAC;YACJ,CAAC;YAED,QAAQ,CAAC,IAAI,CACX,CAAC,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,yBAAyB,EAAE,aAAa,EAAE,MAAM,EAAE,EAAE;gBACpE,CAAC,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,6BAA6B,EAAE,EAAE,KAAK,CAAC;gBAC1D,CAAC,CACC,MAAM,EACN,EAAE,KAAK,EAAE,6BAA6B,EAAE,EACxC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CACjB,CAAC,CAAC,MAAM,EAAE,EAAE,GAAG,EAAE,IAAI,EAAE,KAAK,EAAE,gEAAgE,IAAI,EAAE,EAAE,CAAC,CACxG,CACF;gBACD,CAAC,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,6BAA6B,EAAE,EAAE,MAAM,CAAC;aAC5D,CAAC,CACH,CAAC;YAEF,OAAO,CAAC,CAAC,KAAK,EAAE,EAAE,GAAG,KAAK,EAAE,KAAK,EAAE,UAAU,CAAC,iBAAiB,EAAE,KAAK,CAAC,KAAK,CAAC,EAAE,EAAE,QAAQ,CAAC,CAAC;QAC7F,CAAC,CAAC;IACJ,CAAC;CACF,CAAC,CAAC"}