@sentropic/design-system-vue 0.36.18 → 0.36.20

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -0,0 +1,185 @@
1
+ import { defineComponent, h, ref } from "vue";
2
+ import { classNames } from "./classNames.js";
3
+ import { chartDataList } from "./chartScale.js";
4
+ const TONES = [
5
+ "category1",
6
+ "category2",
7
+ "category3",
8
+ "category4",
9
+ "category5",
10
+ "category6",
11
+ "category7",
12
+ "category8",
13
+ ];
14
+ export function seatCount(value) {
15
+ if (!Number.isFinite(value) || value < 0)
16
+ return 0;
17
+ return Math.round(value);
18
+ }
19
+ /**
20
+ * Construit la liste ordonnée des sièges de l'hémicycle, puis affecte chaque
21
+ * siège à un groupe dans l'ordre fourni (blocs contigus). Pur, sans état.
22
+ */
23
+ export function buildSeats(counts, width, height) {
24
+ const total = counts.reduce((sum, c) => sum + c, 0);
25
+ const cx = width / 2;
26
+ const cy = height - 8;
27
+ if (total <= 0)
28
+ return { seats: [], cx, cy };
29
+ const rows = Math.max(1, Math.min(5, Math.round(Math.sqrt(total / 12)) || 1));
30
+ const outerR = Math.max(Math.min(cx, cy) - 14, 1);
31
+ const innerR = outerR * 0.42;
32
+ const rowGap = rows > 1 ? (outerR - innerR) / (rows - 1) : 0;
33
+ // Poids de chaque rangée ∝ son rayon (rangées extérieures = plus de sièges).
34
+ const radii = [];
35
+ let weightSum = 0;
36
+ for (let r = 0; r < rows; r++) {
37
+ const radius = rows > 1 ? innerR + rowGap * r : (innerR + outerR) / 2;
38
+ radii.push(radius);
39
+ weightSum += radius;
40
+ }
41
+ // Répartit `total` sièges sur les rangées au prorata du rayon (reste au plus
42
+ // grand résidu) pour conserver exactement `total` sièges.
43
+ const perRowFloat = radii.map((radius) => (total * radius) / weightSum);
44
+ const perRow = perRowFloat.map((v) => Math.floor(v));
45
+ let assigned = perRow.reduce((sum, c) => sum + c, 0);
46
+ const residuals = perRowFloat
47
+ .map((v, i) => ({ i, frac: v - Math.floor(v) }))
48
+ .sort((a, b) => b.frac - a.frac);
49
+ let ri = 0;
50
+ while (assigned < total) {
51
+ perRow[residuals[ri % residuals.length].i] += 1;
52
+ assigned += 1;
53
+ ri += 1;
54
+ }
55
+ // Rayon du point ≈ moitié de l'espacement de rangée, borné par l'arc.
56
+ const seatR = Math.max(2, Math.min(rowGap > 0 ? rowGap * 0.34 : outerR * 0.12, outerR * 0.12));
57
+ const ordered = [];
58
+ for (let r = 0; r < rows; r++) {
59
+ const radius = radii[r];
60
+ const n = perRow[r];
61
+ if (n <= 0)
62
+ continue;
63
+ // Demi-cercle de la GAUCHE (π) vers la DROITE (0) en passant par le HAUT.
64
+ for (let s = 0; s < n; s++) {
65
+ const t = n === 1 ? 0.5 : s / (n - 1);
66
+ const angle = Math.PI - t * Math.PI;
67
+ ordered.push({
68
+ x: cx + radius * Math.cos(angle),
69
+ y: cy - radius * Math.sin(angle),
70
+ r: seatR,
71
+ });
72
+ }
73
+ }
74
+ // Attribution des sièges ordonnés aux groupes (blocs contigus).
75
+ const seats = [];
76
+ let cursor = 0;
77
+ for (let g = 0; g < counts.length; g++) {
78
+ const tone = TONES[g % TONES.length];
79
+ for (let k = 0; k < counts[g] && cursor < ordered.length; k++) {
80
+ const seat = ordered[cursor++];
81
+ seats.push({ x: seat.x, y: seat.y, r: seat.r, tone, groupIndex: g });
82
+ }
83
+ }
84
+ return { seats, cx, cy };
85
+ }
86
+ export const ItemChart = defineComponent({
87
+ name: "ItemChart",
88
+ props: {
89
+ data: { type: Array, required: true },
90
+ width: { type: Number, default: 480 },
91
+ height: { type: Number, default: 280 },
92
+ label: { type: String, required: true },
93
+ class: { type: String, default: undefined },
94
+ },
95
+ setup(props, { attrs }) {
96
+ const hoveredIndex = ref(null);
97
+ function handleLeave() {
98
+ hoveredIndex.value = null;
99
+ }
100
+ function handleVisualPointerMove(event) {
101
+ const target = event.target;
102
+ if (!(target instanceof Element)) {
103
+ hoveredIndex.value = null;
104
+ return;
105
+ }
106
+ const index = Number(target.getAttribute("data-chart-index"));
107
+ hoveredIndex.value = Number.isInteger(index) ? index : null;
108
+ }
109
+ return () => {
110
+ const data = props.data ?? [];
111
+ const width = props.width ?? 480;
112
+ const height = props.height ?? 280;
113
+ const label = props.label;
114
+ const groups = data.map((datum, index) => ({
115
+ datum,
116
+ count: seatCount(datum.value),
117
+ tone: datum.tone ?? TONES[index % TONES.length],
118
+ }));
119
+ const layout = buildSeats(groups.map((g) => g.count), width, height);
120
+ // Sièges avec le ton EFFECTIF du groupe (respecte un `tone` explicite).
121
+ const seats = layout.seats.map((seat) => ({
122
+ ...seat,
123
+ tone: groups[seat.groupIndex]?.tone ?? seat.tone,
124
+ }));
125
+ const dataValueItems = groups.map((g) => `${g.datum.label}: ${g.count}`);
126
+ const total = groups.reduce((sum, g) => sum + g.count, 0);
127
+ const svgChildren = [];
128
+ seats.forEach((seat, i) => {
129
+ const isDim = hoveredIndex.value !== null && hoveredIndex.value !== seat.groupIndex;
130
+ svgChildren.push(h("circle", {
131
+ key: `seat-${i}`,
132
+ class: classNames("st-itemChart__seat", `st-itemChart__seat--${seat.tone}`, isDim ? "st-itemChart__seat--dim" : undefined),
133
+ cx: seat.x,
134
+ cy: seat.y,
135
+ r: seat.r,
136
+ "data-chart-index": seat.groupIndex,
137
+ }));
138
+ });
139
+ if (total > 0) {
140
+ svgChildren.push(h("text", {
141
+ key: "total",
142
+ class: "st-itemChart__total",
143
+ x: layout.cx,
144
+ y: layout.cy - 6,
145
+ "text-anchor": "middle",
146
+ }, String(total)));
147
+ }
148
+ const hovered = hoveredIndex.value !== null ? groups[hoveredIndex.value] : undefined;
149
+ return h("div", { ...attrs, class: classNames("st-itemChart", props.class) }, [
150
+ h("div", {
151
+ class: "st-itemChart__visual",
152
+ role: "img",
153
+ "aria-label": label,
154
+ onPointermove: handleVisualPointerMove,
155
+ onPointerleave: handleLeave,
156
+ }, [
157
+ h("svg", {
158
+ viewBox: `0 0 ${width} ${height}`,
159
+ preserveAspectRatio: "xMidYMid meet",
160
+ width: "100%",
161
+ height: "100%",
162
+ focusable: "false",
163
+ "aria-hidden": "true",
164
+ }, svgChildren),
165
+ ]),
166
+ h("ul", { class: "st-itemChart__legend", "aria-hidden": "true" }, groups.map((group, i) => h("li", {
167
+ key: group.datum.label,
168
+ class: classNames("st-itemChart__legendItem", hoveredIndex.value !== null && hoveredIndex.value !== i ? "st-itemChart__legendItem--dim" : undefined),
169
+ }, [
170
+ h("span", { class: classNames("st-itemChart__swatch", `st-itemChart__swatch--${group.tone}`) }),
171
+ h("span", { class: "st-itemChart__legendLabel" }, group.datum.label),
172
+ h("span", { class: "st-itemChart__legendValue" }, String(group.count)),
173
+ ]))),
174
+ chartDataList(label, dataValueItems),
175
+ hovered
176
+ ? h("div", { class: "st-itemChart__tooltip", role: "presentation" }, [
177
+ h("span", { class: "st-itemChart__tooltipLabel" }, hovered.datum.label),
178
+ h("span", { class: "st-itemChart__tooltipValue" }, String(hovered.count)),
179
+ ])
180
+ : null,
181
+ ]);
182
+ };
183
+ },
184
+ });
185
+ //# sourceMappingURL=ItemChart.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ItemChart.js","sourceRoot":"","sources":["../src/ItemChart.ts"],"names":[],"mappings":"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"}
@@ -0,0 +1,63 @@
1
+ import { type PropType, type VNode } from "vue";
2
+ export type VennChartTone = "category1" | "category2" | "category3" | "category4" | "category5" | "category6" | "category7" | "category8";
3
+ export type VennChartArea = {
4
+ sets: string[];
5
+ value: number;
6
+ };
7
+ export type VennChartProps = {
8
+ data: VennChartArea[];
9
+ label: string;
10
+ width?: number;
11
+ height?: number;
12
+ class?: string;
13
+ };
14
+ export declare const VennChart: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
15
+ data: {
16
+ type: PropType<VennChartArea[]>;
17
+ required: true;
18
+ };
19
+ label: {
20
+ type: StringConstructor;
21
+ required: true;
22
+ };
23
+ width: {
24
+ type: NumberConstructor;
25
+ default: number;
26
+ };
27
+ height: {
28
+ type: NumberConstructor;
29
+ default: number;
30
+ };
31
+ class: {
32
+ type: StringConstructor;
33
+ default: undefined;
34
+ };
35
+ }>, () => 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: PropType<VennChartArea[]>;
40
+ required: true;
41
+ };
42
+ label: {
43
+ type: StringConstructor;
44
+ required: true;
45
+ };
46
+ width: {
47
+ type: NumberConstructor;
48
+ default: number;
49
+ };
50
+ height: {
51
+ type: NumberConstructor;
52
+ default: number;
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=VennChart.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"VennChart.d.ts","sourceRoot":"","sources":["../src/VennChart.ts"],"names":[],"mappings":"AAAA,OAAO,EAA2B,KAAK,QAAQ,EAAE,KAAK,KAAK,EAAE,MAAM,KAAK,CAAC;AAIzE,MAAM,MAAM,aAAa,GACrB,WAAW,GACX,WAAW,GACX,WAAW,GACX,WAAW,GACX,WAAW,GACX,WAAW,GACX,WAAW,GACX,WAAW,CAAC;AAEhB,MAAM,MAAM,aAAa,GAAG;IAC1B,IAAI,EAAE,MAAM,EAAE,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG;IAC3B,IAAI,EAAE,aAAa,EAAE,CAAC;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAuIF,eAAO,MAAM,SAAS;;cAGK,QAAQ,CAAC,aAAa,EAAE,CAAC;;;;;;;;;;;;;;;;;;;;;;;cAAzB,QAAQ,CAAC,aAAa,EAAE,CAAC;;;;;;;;;;;;;;;;;;;;;;;4EA4HlD,CAAC"}
@@ -0,0 +1,199 @@
1
+ import { defineComponent, h, ref } from "vue";
2
+ import { classNames } from "./classNames.js";
3
+ import { chartDataList } from "./chartScale.js";
4
+ const TONES = [
5
+ "category1",
6
+ "category2",
7
+ "category3",
8
+ "category4",
9
+ "category5",
10
+ "category6",
11
+ "category7",
12
+ "category8",
13
+ ];
14
+ function safeValue(value) {
15
+ return Number.isFinite(value) && value > 0 ? value : 0;
16
+ }
17
+ function vennLayout(data, width, height) {
18
+ const areas = data
19
+ .map((d) => ({
20
+ sets: Array.isArray(d.sets) ? d.sets.filter((s) => typeof s === "string") : [],
21
+ value: safeValue(d.value),
22
+ }))
23
+ .filter((d) => d.sets.length > 0 && d.value > 0);
24
+ const order = [];
25
+ for (const a of areas) {
26
+ for (const s of a.sets)
27
+ if (!order.includes(s))
28
+ order.push(s);
29
+ }
30
+ const names = order.slice(0, 3);
31
+ if (names.length === 0) {
32
+ return { circles: [], regions: [], items: [] };
33
+ }
34
+ const totals = new Map();
35
+ for (const name of names) {
36
+ let sum = 0;
37
+ for (const a of areas)
38
+ if (a.sets.includes(name))
39
+ sum += a.value;
40
+ totals.set(name, sum);
41
+ }
42
+ const cx = width / 2;
43
+ const cy = height / 2;
44
+ const span = Math.min(width, height);
45
+ const rMax = span * 0.3;
46
+ const rMin = span * 0.2;
47
+ const roots = names.map((n) => Math.sqrt(totals.get(n) ?? 0));
48
+ const rootMin = Math.min(...roots);
49
+ const rootMax = Math.max(...roots);
50
+ const rootSpan = rootMax - rootMin;
51
+ const radiusFor = (root) => (rootSpan > 0 ? rMin + ((root - rootMin) / rootSpan) * (rMax - rMin) : rMax);
52
+ let centers;
53
+ if (names.length === 1) {
54
+ centers = [{ cx, cy }];
55
+ }
56
+ else if (names.length === 2) {
57
+ const off = span * 0.16;
58
+ centers = [
59
+ { cx: cx - off, cy },
60
+ { cx: cx + off, cy },
61
+ ];
62
+ }
63
+ else {
64
+ const off = span * 0.17;
65
+ centers = [
66
+ { cx: cx - off, cy: cy - off * 0.6 },
67
+ { cx: cx + off, cy: cy - off * 0.6 },
68
+ { cx, cy: cy + off * 0.85 },
69
+ ];
70
+ }
71
+ const circles = names.map((name, i) => {
72
+ const r = radiusFor(roots[i]);
73
+ const c = centers[i];
74
+ const dx = c.cx - cx;
75
+ const dy = c.cy - cy;
76
+ const len = Math.hypot(dx, dy) || 1;
77
+ const ux = names.length === 1 ? 0 : dx / len;
78
+ const uy = names.length === 1 ? -1 : dy / len;
79
+ const labelX = c.cx + ux * (r + 6);
80
+ const labelY = c.cy + uy * (r + 6);
81
+ const anchor = ux > 0.3 ? "start" : ux < -0.3 ? "end" : "middle";
82
+ return {
83
+ name,
84
+ tone: TONES[i % TONES.length],
85
+ cx: c.cx,
86
+ cy: c.cy,
87
+ r,
88
+ total: totals.get(name) ?? 0,
89
+ labelX,
90
+ labelY,
91
+ anchor,
92
+ };
93
+ });
94
+ const centerByName = new Map(circles.map((c) => [c.name, c]));
95
+ const regions = areas
96
+ .filter((a) => a.sets.length >= 2)
97
+ .map((a) => {
98
+ const pts = a.sets.map((s) => centerByName.get(s)).filter((c) => c !== undefined);
99
+ const px = pts.length > 0 ? pts.reduce((s, c) => s + c.cx, 0) / pts.length : cx;
100
+ const py = pts.length > 0 ? pts.reduce((s, c) => s + c.cy, 0) / pts.length : cy;
101
+ return { sets: a.sets, value: a.value, x: px, y: py };
102
+ });
103
+ const items = areas.map((a) => `${a.sets.join(" ∩ ")}: ${a.value}`);
104
+ return { circles, regions, items };
105
+ }
106
+ export const VennChart = defineComponent({
107
+ name: "VennChart",
108
+ props: {
109
+ data: { type: Array, required: true },
110
+ label: { type: String, required: true },
111
+ width: { type: Number, default: 420 },
112
+ height: { type: Number, default: 360 },
113
+ class: { type: String, default: undefined },
114
+ },
115
+ setup(props, { attrs }) {
116
+ const hoveredIndex = ref(null);
117
+ function handleLeave() {
118
+ hoveredIndex.value = null;
119
+ }
120
+ function handleVisualPointerMove(event) {
121
+ const target = event.target;
122
+ if (!(target instanceof Element)) {
123
+ hoveredIndex.value = null;
124
+ return;
125
+ }
126
+ const index = Number(target.getAttribute("data-chart-index"));
127
+ hoveredIndex.value = Number.isInteger(index) ? index : null;
128
+ }
129
+ return () => {
130
+ const width = props.width ?? 420;
131
+ const height = props.height ?? 360;
132
+ const label = props.label;
133
+ const layout = vennLayout(props.data, width, height);
134
+ const svgChildren = [];
135
+ for (let i = 0; i < layout.circles.length; i++) {
136
+ const circle = layout.circles[i];
137
+ svgChildren.push(h("circle", {
138
+ key: `c${circle.name}`,
139
+ class: classNames("st-vennChart__circle", `st-vennChart__circle--${circle.tone}`, hoveredIndex.value !== null && hoveredIndex.value !== i && "st-vennChart__circle--dim"),
140
+ cx: circle.cx,
141
+ cy: circle.cy,
142
+ r: circle.r,
143
+ "data-chart-index": i,
144
+ }));
145
+ }
146
+ for (const region of layout.regions) {
147
+ svgChildren.push(h("text", {
148
+ key: `v${region.sets.join("|")}`,
149
+ class: "st-vennChart__value",
150
+ x: region.x,
151
+ y: region.y,
152
+ "text-anchor": "middle",
153
+ "dominant-baseline": "middle",
154
+ }, String(region.value)));
155
+ }
156
+ for (const circle of layout.circles) {
157
+ svgChildren.push(h("text", {
158
+ key: `l${circle.name}`,
159
+ class: "st-vennChart__label",
160
+ x: circle.labelX,
161
+ y: circle.labelY,
162
+ "text-anchor": circle.anchor,
163
+ "dominant-baseline": "middle",
164
+ }, circle.name));
165
+ }
166
+ const hovered = hoveredIndex.value !== null ? layout.circles[hoveredIndex.value] : undefined;
167
+ return h("div", { ...attrs, class: classNames("st-vennChart", props.class) }, [
168
+ h("div", {
169
+ class: "st-vennChart__visual",
170
+ role: "img",
171
+ "aria-label": label,
172
+ onPointermove: handleVisualPointerMove,
173
+ onPointerleave: handleLeave,
174
+ }, [
175
+ h("svg", {
176
+ viewBox: `0 0 ${width} ${height}`,
177
+ preserveAspectRatio: "xMidYMid meet",
178
+ width: "100%",
179
+ height: "100%",
180
+ focusable: "false",
181
+ "aria-hidden": "true",
182
+ }, svgChildren),
183
+ ]),
184
+ chartDataList(label, layout.items),
185
+ hovered
186
+ ? h("div", {
187
+ class: "st-vennChart__tooltip",
188
+ role: "presentation",
189
+ style: { left: `${(hovered.cx / width) * 100}%`, top: `${(hovered.cy / height) * 100}%` },
190
+ }, [
191
+ h("span", { class: "st-vennChart__tooltipLabel" }, hovered.name),
192
+ h("span", { class: "st-vennChart__tooltipValue" }, String(hovered.total)),
193
+ ])
194
+ : null,
195
+ ]);
196
+ };
197
+ },
198
+ });
199
+ //# sourceMappingURL=VennChart.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"VennChart.js","sourceRoot":"","sources":["../src/VennChart.ts"],"names":[],"mappings":"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"}
@@ -0,0 +1,63 @@
1
+ export type WordCloudChartTone = "category1" | "category2" | "category3" | "category4" | "category5" | "category6" | "category7" | "category8";
2
+ export type WordCloudChartWord = {
3
+ text: string;
4
+ weight: number;
5
+ tone?: WordCloudChartTone;
6
+ };
7
+ export type WordCloudChartProps = {
8
+ data: WordCloudChartWord[];
9
+ width?: number;
10
+ height?: number;
11
+ label: string;
12
+ class?: string;
13
+ };
14
+ export declare const WordCloudChart: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
15
+ data: {
16
+ type: () => WordCloudChartWord[];
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: () => WordCloudChartWord[];
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=WordCloudChart.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"WordCloudChart.d.ts","sourceRoot":"","sources":["../src/WordCloudChart.ts"],"names":[],"mappings":"AAIA,MAAM,MAAM,kBAAkB,GAC1B,WAAW,GACX,WAAW,GACX,WAAW,GACX,WAAW,GACX,WAAW,GACX,WAAW,GACX,WAAW,GACX,WAAW,CAAC;AAEhB,MAAM,MAAM,kBAAkB,GAAG;IAC/B,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,kBAAkB,CAAC;CAC3B,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG;IAChC,IAAI,EAAE,kBAAkB,EAAE,CAAC;IAC3B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AA6HF,eAAO,MAAM,cAAc;;cAGA,MAAM,kBAAkB,EAAE;;;;;;;;;;;;;;;;;;;;;;;cAA1B,MAAM,kBAAkB,EAAE;;;;;;;;;;;;;;;;;;;;;;;4EA0GnD,CAAC"}