@sentropic/design-system-vue 0.2.0 → 0.4.0
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/Accordion.d.ts +26 -4
- package/dist/Accordion.d.ts.map +1 -1
- package/dist/Accordion.js +7 -4
- package/dist/Accordion.js.map +1 -1
- package/dist/AreaChart.d.ts +38 -21
- package/dist/AreaChart.d.ts.map +1 -1
- package/dist/AreaChart.js +154 -40
- package/dist/AreaChart.js.map +1 -1
- package/dist/BackToTop.d.ts +79 -0
- package/dist/BackToTop.d.ts.map +1 -0
- package/dist/BackToTop.js +72 -0
- package/dist/BackToTop.js.map +1 -0
- package/dist/BarChart.d.ts +23 -16
- package/dist/BarChart.d.ts.map +1 -1
- package/dist/BarChart.js +137 -30
- package/dist/BarChart.js.map +1 -1
- package/dist/Combobox.d.ts +1 -1
- package/dist/ContentSwitcher.d.ts +10 -0
- package/dist/ContentSwitcher.d.ts.map +1 -1
- package/dist/ContentSwitcher.js +5 -1
- package/dist/ContentSwitcher.js.map +1 -1
- package/dist/CopyButton.d.ts +1 -1
- package/dist/DataTable.d.ts +208 -18
- package/dist/DataTable.d.ts.map +1 -1
- package/dist/DataTable.js +267 -26
- package/dist/DataTable.js.map +1 -1
- package/dist/DisplaySettings.d.ts +90 -0
- package/dist/DisplaySettings.d.ts.map +1 -0
- package/dist/DisplaySettings.js +91 -0
- package/dist/DisplaySettings.js.map +1 -0
- package/dist/DonutChart.d.ts +33 -26
- package/dist/DonutChart.d.ts.map +1 -1
- package/dist/DonutChart.js +104 -26
- package/dist/DonutChart.js.map +1 -1
- package/dist/Drawer.d.ts +1 -1
- package/dist/Dropdown.d.ts +11 -1
- package/dist/Dropdown.d.ts.map +1 -1
- package/dist/Dropdown.js +1 -0
- package/dist/Dropdown.js.map +1 -1
- package/dist/FileUploader.d.ts +10 -1
- package/dist/FileUploader.d.ts.map +1 -1
- package/dist/FileUploader.js +33 -9
- package/dist/FileUploader.js.map +1 -1
- package/dist/ForceGraph.d.ts +1 -1
- package/dist/LanguageSelector.d.ts +1 -1
- package/dist/LineChart.d.ts +42 -16
- package/dist/LineChart.d.ts.map +1 -1
- package/dist/LineChart.js +146 -35
- package/dist/LineChart.js.map +1 -1
- package/dist/MediaContent.d.ts +130 -0
- package/dist/MediaContent.d.ts.map +1 -0
- package/dist/MediaContent.js +53 -0
- package/dist/MediaContent.js.map +1 -0
- package/dist/Menu.d.ts +7 -3
- package/dist/Menu.d.ts.map +1 -1
- package/dist/Menu.js +17 -7
- package/dist/Menu.js.map +1 -1
- package/dist/MenuPopover.d.ts +1 -1
- package/dist/MenuTriggerButton.d.ts +13 -3
- package/dist/MenuTriggerButton.d.ts.map +1 -1
- package/dist/MenuTriggerButton.js +4 -2
- package/dist/MenuTriggerButton.js.map +1 -1
- package/dist/MessageActions.d.ts +7 -1
- package/dist/MessageActions.d.ts.map +1 -1
- package/dist/MessageActions.js +4 -1
- package/dist/MessageActions.js.map +1 -1
- package/dist/Modal.d.ts +1 -1
- package/dist/MultiSelect.d.ts +1 -1
- package/dist/Notification.d.ts +71 -0
- package/dist/Notification.d.ts.map +1 -0
- package/dist/Notification.js +43 -0
- package/dist/Notification.js.map +1 -0
- package/dist/NumberInput.d.ts +13 -2
- package/dist/NumberInput.d.ts.map +1 -1
- package/dist/NumberInput.js +2 -1
- package/dist/NumberInput.js.map +1 -1
- package/dist/OverflowMenu.d.ts +1 -1
- package/dist/PaginationNav.d.ts +12 -2
- package/dist/PaginationNav.d.ts.map +1 -1
- package/dist/PaginationNav.js +3 -2
- package/dist/PaginationNav.js.map +1 -1
- package/dist/Popover.d.ts +1 -1
- package/dist/ProgressBar.d.ts +1 -1
- package/dist/ScatterPlot.d.ts +43 -14
- package/dist/ScatterPlot.d.ts.map +1 -1
- package/dist/ScatterPlot.js +113 -25
- package/dist/ScatterPlot.js.map +1 -1
- package/dist/Search.d.ts +11 -0
- package/dist/Search.d.ts.map +1 -1
- package/dist/Search.js +2 -1
- package/dist/Search.js.map +1 -1
- package/dist/Slider.d.ts +2 -2
- package/dist/Sparkline.d.ts +47 -7
- package/dist/Sparkline.d.ts.map +1 -1
- package/dist/Sparkline.js +57 -21
- package/dist/Sparkline.js.map +1 -1
- package/dist/StackedBarChart.d.ts +25 -16
- package/dist/StackedBarChart.d.ts.map +1 -1
- package/dist/StackedBarChart.js +131 -39
- package/dist/StackedBarChart.js.map +1 -1
- package/dist/TableOfContents.d.ts +53 -0
- package/dist/TableOfContents.d.ts.map +1 -0
- package/dist/TableOfContents.js +39 -0
- package/dist/TableOfContents.js.map +1 -0
- package/dist/Tabs.d.ts +10 -0
- package/dist/Tabs.d.ts.map +1 -1
- package/dist/Tabs.js +2 -0
- package/dist/Tabs.js.map +1 -1
- package/dist/Toggletip.d.ts +1 -1
- package/dist/Transcription.d.ts +75 -0
- package/dist/Transcription.d.ts.map +1 -0
- package/dist/Transcription.js +59 -0
- package/dist/Transcription.js.map +1 -0
- package/dist/chartScale.d.ts +22 -0
- package/dist/chartScale.d.ts.map +1 -0
- package/dist/chartScale.js +70 -0
- package/dist/chartScale.js.map +1 -0
- package/dist/index.d.ts +13 -1
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +6 -0
- package/dist/index.js.map +1 -1
- package/dist/styles.css +260 -0
- package/package.json +1 -1
package/dist/Accordion.d.ts
CHANGED
|
@@ -9,6 +9,10 @@ export type AccordionProps = {
|
|
|
9
9
|
openIds?: string[];
|
|
10
10
|
defaultOpenIds?: string[];
|
|
11
11
|
allowMultiple?: boolean;
|
|
12
|
+
/** Svelte-canonical alias for `defaultOpenIds` (initially open item ids). */
|
|
13
|
+
open?: string[];
|
|
14
|
+
/** Svelte-canonical alias for `allowMultiple`. */
|
|
15
|
+
multiple?: boolean;
|
|
12
16
|
class?: string;
|
|
13
17
|
};
|
|
14
18
|
export declare const Accordion: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
|
|
@@ -22,11 +26,19 @@ export declare const Accordion: import("vue").DefineComponent<import("vue").Extr
|
|
|
22
26
|
};
|
|
23
27
|
defaultOpenIds: {
|
|
24
28
|
type: () => string[];
|
|
25
|
-
default:
|
|
29
|
+
default: undefined;
|
|
26
30
|
};
|
|
27
31
|
allowMultiple: {
|
|
28
32
|
type: BooleanConstructor;
|
|
29
|
-
default:
|
|
33
|
+
default: undefined;
|
|
34
|
+
};
|
|
35
|
+
open: {
|
|
36
|
+
type: () => string[];
|
|
37
|
+
default: undefined;
|
|
38
|
+
};
|
|
39
|
+
multiple: {
|
|
40
|
+
type: BooleanConstructor;
|
|
41
|
+
default: undefined;
|
|
30
42
|
};
|
|
31
43
|
class: {
|
|
32
44
|
type: StringConstructor;
|
|
@@ -45,11 +57,19 @@ export declare const Accordion: import("vue").DefineComponent<import("vue").Extr
|
|
|
45
57
|
};
|
|
46
58
|
defaultOpenIds: {
|
|
47
59
|
type: () => string[];
|
|
48
|
-
default:
|
|
60
|
+
default: undefined;
|
|
49
61
|
};
|
|
50
62
|
allowMultiple: {
|
|
51
63
|
type: BooleanConstructor;
|
|
52
|
-
default:
|
|
64
|
+
default: undefined;
|
|
65
|
+
};
|
|
66
|
+
open: {
|
|
67
|
+
type: () => string[];
|
|
68
|
+
default: undefined;
|
|
69
|
+
};
|
|
70
|
+
multiple: {
|
|
71
|
+
type: BooleanConstructor;
|
|
72
|
+
default: undefined;
|
|
53
73
|
};
|
|
54
74
|
class: {
|
|
55
75
|
type: StringConstructor;
|
|
@@ -61,6 +81,8 @@ export declare const Accordion: import("vue").DefineComponent<import("vue").Extr
|
|
|
61
81
|
openIds: string[];
|
|
62
82
|
defaultOpenIds: string[];
|
|
63
83
|
allowMultiple: boolean;
|
|
84
|
+
open: string[];
|
|
85
|
+
multiple: boolean;
|
|
64
86
|
class: string;
|
|
65
87
|
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
66
88
|
//# sourceMappingURL=Accordion.d.ts.map
|
package/dist/Accordion.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Accordion.d.ts","sourceRoot":"","sources":["../src/Accordion.ts"],"names":[],"mappings":"AAGA,MAAM,MAAM,aAAa,GAAG;IAC1B,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,GAAG,CAAC,MAAM,OAAO,CAAC,CAAC;IAClC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG;IAC3B,KAAK,EAAE,aAAa,EAAE,CAAC;IACvB,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,EAAE,CAAC;IAC1B,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAMF,eAAO,MAAM,SAAS;;cAGM,MAAM,aAAa,EAAE;;;;cACnB,MAAM,MAAM,EAAE;;;;cACP,MAAM,MAAM,EAAE;;;;;;;;;;;;;;;
|
|
1
|
+
{"version":3,"file":"Accordion.d.ts","sourceRoot":"","sources":["../src/Accordion.ts"],"names":[],"mappings":"AAGA,MAAM,MAAM,aAAa,GAAG;IAC1B,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,GAAG,CAAC,MAAM,OAAO,CAAC,CAAC;IAClC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG;IAC3B,KAAK,EAAE,aAAa,EAAE,CAAC;IACvB,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,EAAE,CAAC;IAC1B,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,6EAA6E;IAC7E,IAAI,CAAC,EAAE,MAAM,EAAE,CAAC;IAChB,kDAAkD;IAClD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAMF,eAAO,MAAM,SAAS;;cAGM,MAAM,aAAa,EAAE;;;;cACnB,MAAM,MAAM,EAAE;;;;cACP,MAAM,MAAM,EAAE;;;;;;;;cAExB,MAAM,MAAM,EAAE;;;;;;;;;;;;;;;cAJb,MAAM,aAAa,EAAE;;;;cACnB,MAAM,MAAM,EAAE;;;;cACP,MAAM,MAAM,EAAE;;;;;;;;cAExB,MAAM,MAAM,EAAE;;;;;;;;;;;;;;;;;;;;4EAwFvC,CAAC"}
|
package/dist/Accordion.js
CHANGED
|
@@ -8,19 +8,22 @@ export const Accordion = defineComponent({
|
|
|
8
8
|
props: {
|
|
9
9
|
items: { type: Array, required: true },
|
|
10
10
|
openIds: { type: Array, default: undefined },
|
|
11
|
-
defaultOpenIds: { type: Array, default:
|
|
12
|
-
allowMultiple: { type: Boolean, default:
|
|
11
|
+
defaultOpenIds: { type: Array, default: undefined },
|
|
12
|
+
allowMultiple: { type: Boolean, default: undefined },
|
|
13
|
+
open: { type: Array, default: undefined },
|
|
14
|
+
multiple: { type: Boolean, default: undefined },
|
|
13
15
|
class: { type: String, default: undefined },
|
|
14
16
|
},
|
|
15
17
|
emits: ["change"],
|
|
16
18
|
setup(props, { emit, attrs }) {
|
|
17
|
-
const localOpen = ref(props.defaultOpenIds ?? []);
|
|
19
|
+
const localOpen = ref(props.defaultOpenIds ?? props.open ?? []);
|
|
18
20
|
return () => {
|
|
19
21
|
const open = props.openIds ?? localOpen.value;
|
|
22
|
+
const allowMultiple = props.allowMultiple ?? props.multiple ?? true;
|
|
20
23
|
const toggle = (id) => {
|
|
21
24
|
const next = open.includes(id)
|
|
22
25
|
? open.filter((v) => v !== id)
|
|
23
|
-
:
|
|
26
|
+
: allowMultiple
|
|
24
27
|
? [...open, id]
|
|
25
28
|
: [id];
|
|
26
29
|
if (props.openIds === undefined) {
|
package/dist/Accordion.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Accordion.js","sourceRoot":"","sources":["../src/Accordion.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,CAAC,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC9C,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;
|
|
1
|
+
{"version":3,"file":"Accordion.js","sourceRoot":"","sources":["../src/Accordion.ts"],"names":[],"mappings":"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"}
|
package/dist/AreaChart.d.ts
CHANGED
|
@@ -1,26 +1,21 @@
|
|
|
1
|
+
export type AreaChartTone = "category1" | "category2" | "category3" | "category4" | "category5" | "category6" | "category7" | "category8";
|
|
1
2
|
export type AreaChartDatum = {
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
y?: number;
|
|
5
|
-
value?: number;
|
|
6
|
-
tone?: string;
|
|
3
|
+
x: number | string;
|
|
4
|
+
y: number;
|
|
7
5
|
};
|
|
8
|
-
export type AreaChartTone = string;
|
|
9
6
|
export type AreaChartProps = {
|
|
10
|
-
data: AreaChartDatum[];
|
|
11
|
-
label?: string;
|
|
7
|
+
data: (number | AreaChartDatum)[];
|
|
12
8
|
width?: number;
|
|
13
9
|
height?: number;
|
|
10
|
+
tone?: AreaChartTone;
|
|
11
|
+
smooth?: boolean;
|
|
12
|
+
label: string;
|
|
14
13
|
class?: string;
|
|
15
14
|
};
|
|
16
15
|
export declare const AreaChart: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
|
|
17
16
|
data: {
|
|
18
|
-
type: () => AreaChartDatum[];
|
|
19
|
-
|
|
20
|
-
};
|
|
21
|
-
label: {
|
|
22
|
-
type: StringConstructor;
|
|
23
|
-
default: undefined;
|
|
17
|
+
type: () => (number | AreaChartDatum)[];
|
|
18
|
+
default: () => never[];
|
|
24
19
|
};
|
|
25
20
|
width: {
|
|
26
21
|
type: NumberConstructor;
|
|
@@ -30,6 +25,18 @@ export declare const AreaChart: import("vue").DefineComponent<import("vue").Extr
|
|
|
30
25
|
type: NumberConstructor;
|
|
31
26
|
default: number;
|
|
32
27
|
};
|
|
28
|
+
tone: {
|
|
29
|
+
type: () => AreaChartTone;
|
|
30
|
+
default: string;
|
|
31
|
+
};
|
|
32
|
+
smooth: {
|
|
33
|
+
type: BooleanConstructor;
|
|
34
|
+
default: boolean;
|
|
35
|
+
};
|
|
36
|
+
label: {
|
|
37
|
+
type: StringConstructor;
|
|
38
|
+
required: true;
|
|
39
|
+
};
|
|
33
40
|
class: {
|
|
34
41
|
type: StringConstructor;
|
|
35
42
|
default: undefined;
|
|
@@ -38,12 +45,8 @@ export declare const AreaChart: import("vue").DefineComponent<import("vue").Extr
|
|
|
38
45
|
[key: string]: any;
|
|
39
46
|
}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
40
47
|
data: {
|
|
41
|
-
type: () => AreaChartDatum[];
|
|
42
|
-
|
|
43
|
-
};
|
|
44
|
-
label: {
|
|
45
|
-
type: StringConstructor;
|
|
46
|
-
default: undefined;
|
|
48
|
+
type: () => (number | AreaChartDatum)[];
|
|
49
|
+
default: () => never[];
|
|
47
50
|
};
|
|
48
51
|
width: {
|
|
49
52
|
type: NumberConstructor;
|
|
@@ -53,14 +56,28 @@ export declare const AreaChart: import("vue").DefineComponent<import("vue").Extr
|
|
|
53
56
|
type: NumberConstructor;
|
|
54
57
|
default: number;
|
|
55
58
|
};
|
|
59
|
+
tone: {
|
|
60
|
+
type: () => AreaChartTone;
|
|
61
|
+
default: string;
|
|
62
|
+
};
|
|
63
|
+
smooth: {
|
|
64
|
+
type: BooleanConstructor;
|
|
65
|
+
default: boolean;
|
|
66
|
+
};
|
|
67
|
+
label: {
|
|
68
|
+
type: StringConstructor;
|
|
69
|
+
required: true;
|
|
70
|
+
};
|
|
56
71
|
class: {
|
|
57
72
|
type: StringConstructor;
|
|
58
73
|
default: undefined;
|
|
59
74
|
};
|
|
60
75
|
}>> & Readonly<{}>, {
|
|
61
76
|
class: string;
|
|
62
|
-
|
|
77
|
+
data: (number | AreaChartDatum)[];
|
|
78
|
+
tone: AreaChartTone;
|
|
63
79
|
width: number;
|
|
64
80
|
height: number;
|
|
81
|
+
smooth: boolean;
|
|
65
82
|
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
66
83
|
//# sourceMappingURL=AreaChart.d.ts.map
|
package/dist/AreaChart.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AreaChart.d.ts","sourceRoot":"","sources":["../src/AreaChart.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"AreaChart.d.ts","sourceRoot":"","sources":["../src/AreaChart.ts"],"names":[],"mappings":"AAaA,MAAM,MAAM,aAAa,GACrB,WAAW,GACX,WAAW,GACX,WAAW,GACX,WAAW,GACX,WAAW,GACX,WAAW,GACX,WAAW,GACX,WAAW,CAAC;AAEhB,MAAM,MAAM,cAAc,GAAG;IAC3B,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACnB,CAAC,EAAE,MAAM,CAAC;CACX,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG;IAC3B,IAAI,EAAE,CAAC,MAAM,GAAG,cAAc,CAAC,EAAE,CAAC;IAClC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAMF,eAAO,MAAM,SAAS;;cAGK,MAAM,CAAC,MAAM,GAAG,cAAc,CAAC,EAAE;;;;;;;;;;;;cAGhC,MAAM,aAAa;;;;;;;;;;;;;;;;;;;cAHpB,MAAM,CAAC,MAAM,GAAG,cAAc,CAAC,EAAE;;;;;;;;;;;;cAGhC,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;4EA0M7C,CAAC"}
|
package/dist/AreaChart.js
CHANGED
|
@@ -1,52 +1,166 @@
|
|
|
1
|
-
import { defineComponent, h } from "vue";
|
|
1
|
+
import { defineComponent, h, ref } from "vue";
|
|
2
2
|
import { classNames } from "./classNames.js";
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
return ys
|
|
7
|
-
.map((value, index) => {
|
|
8
|
-
const x = ys.length === 1 ? width / 2 : (index / (ys.length - 1)) * width;
|
|
9
|
-
const y = height - (value / max) * height;
|
|
10
|
-
return `${x},${y}`;
|
|
11
|
-
})
|
|
12
|
-
.join(" ");
|
|
13
|
-
}
|
|
3
|
+
import { buildLinearPath, buildSmoothPath, CHART_MARGIN, chartDataList, formatTick, isNumeric, niceTicks, scaleLinear, } from "./chartScale.js";
|
|
4
|
+
const MARGIN = CHART_MARGIN;
|
|
5
|
+
let gradientCounter = 0;
|
|
14
6
|
export const AreaChart = defineComponent({
|
|
15
7
|
name: "AreaChart",
|
|
16
8
|
props: {
|
|
17
|
-
data: { type: Array,
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
9
|
+
data: { type: Array, default: () => [] },
|
|
10
|
+
width: { type: Number, default: 480 },
|
|
11
|
+
height: { type: Number, default: 240 },
|
|
12
|
+
tone: { type: String, default: "category1" },
|
|
13
|
+
smooth: { type: Boolean, default: false },
|
|
14
|
+
label: { type: String, required: true },
|
|
21
15
|
class: { type: String, default: undefined },
|
|
22
16
|
},
|
|
23
17
|
setup(props, { attrs }) {
|
|
18
|
+
const hoveredIndex = ref(null);
|
|
19
|
+
const gradientId = `st-areachart-gradient-${(gradientCounter++).toString(36)}-${Math.random().toString(36).substring(2, 9)}`;
|
|
20
|
+
function handleLeave() {
|
|
21
|
+
hoveredIndex.value = null;
|
|
22
|
+
}
|
|
23
|
+
function handleVisualPointerMove(event) {
|
|
24
|
+
const target = event.target;
|
|
25
|
+
if (!(target instanceof Element)) {
|
|
26
|
+
hoveredIndex.value = null;
|
|
27
|
+
return;
|
|
28
|
+
}
|
|
29
|
+
const index = Number(target.getAttribute("data-chart-index"));
|
|
30
|
+
hoveredIndex.value = Number.isInteger(index) ? index : null;
|
|
31
|
+
}
|
|
24
32
|
return () => {
|
|
25
|
-
const width = props.width ??
|
|
26
|
-
const height = props.height ??
|
|
27
|
-
const
|
|
28
|
-
const
|
|
29
|
-
const
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
33
|
+
const width = props.width ?? 480;
|
|
34
|
+
const height = props.height ?? 240;
|
|
35
|
+
const tone = props.tone ?? "category1";
|
|
36
|
+
const smooth = props.smooth ?? false;
|
|
37
|
+
const label = props.label;
|
|
38
|
+
const plotWidth = Math.max(width - MARGIN.left - MARGIN.right, 1);
|
|
39
|
+
const plotHeight = Math.max(height - MARGIN.top - MARGIN.bottom, 1);
|
|
40
|
+
const normalizedData = (props.data ?? []).map((d, i) => typeof d === "number" ? { x: i, y: d } : d);
|
|
41
|
+
const dataValueItems = normalizedData.map((d) => `${d.x}: ${d.y}`);
|
|
42
|
+
let xDomain;
|
|
43
|
+
if (normalizedData.length === 0) {
|
|
44
|
+
xDomain = { kind: "ordinal", values: [] };
|
|
45
|
+
}
|
|
46
|
+
else if (normalizedData.every((d) => isNumeric(d.x))) {
|
|
47
|
+
const xs = normalizedData.map((d) => d.x);
|
|
48
|
+
xDomain = { kind: "numeric", min: Math.min(...xs), max: Math.max(...xs) };
|
|
49
|
+
}
|
|
50
|
+
else {
|
|
51
|
+
xDomain = { kind: "ordinal", values: normalizedData.map((d) => d.x) };
|
|
52
|
+
}
|
|
53
|
+
let yTicks;
|
|
54
|
+
const ys = normalizedData.map((d) => d.y);
|
|
55
|
+
if (ys.length === 0) {
|
|
56
|
+
yTicks = [0];
|
|
57
|
+
}
|
|
58
|
+
else {
|
|
59
|
+
const yMin = Math.min(...ys);
|
|
60
|
+
const yMax = Math.max(...ys);
|
|
61
|
+
const padded = (yMax - yMin) * 0.08 || Math.max(Math.abs(yMax), 1) * 0.1;
|
|
62
|
+
const minTickVal = Math.min(0, yMin - padded);
|
|
63
|
+
yTicks = niceTicks(minTickVal, yMax + padded, 5);
|
|
64
|
+
}
|
|
65
|
+
const yDomain = yTicks.length === 0 ? { min: 0, max: 1 } : { min: yTicks[0], max: yTicks[yTicks.length - 1] };
|
|
66
|
+
let points = [];
|
|
67
|
+
if (normalizedData.length !== 0) {
|
|
68
|
+
points = normalizedData.map((d, i) => {
|
|
69
|
+
let x;
|
|
70
|
+
if (xDomain.kind === "numeric") {
|
|
71
|
+
x = scaleLinear(d.x, xDomain.min, xDomain.max, 0, plotWidth);
|
|
72
|
+
}
|
|
73
|
+
else {
|
|
74
|
+
const denom = Math.max(normalizedData.length - 1, 1);
|
|
75
|
+
x = normalizedData.length === 1 ? plotWidth / 2 : (i / denom) * plotWidth;
|
|
76
|
+
}
|
|
77
|
+
const y = scaleLinear(d.y, yDomain.min, yDomain.max, plotHeight, 0);
|
|
78
|
+
return { x: MARGIN.left + x, y: MARGIN.top + y, datum: d, index: i };
|
|
79
|
+
});
|
|
80
|
+
}
|
|
81
|
+
const linePath = points.length === 0 ? "" : smooth ? buildSmoothPath(points) : buildLinearPath(points);
|
|
82
|
+
let areaPath = "";
|
|
83
|
+
if (points.length !== 0) {
|
|
84
|
+
const base = MARGIN.top + scaleLinear(Math.max(0, yDomain.min), yDomain.min, yDomain.max, plotHeight, 0);
|
|
85
|
+
const first = points[0];
|
|
86
|
+
const last = points[points.length - 1];
|
|
87
|
+
areaPath = `${linePath} L${last.x.toFixed(2)},${base.toFixed(2)} L${first.x.toFixed(2)},${base.toFixed(2)} Z`;
|
|
88
|
+
}
|
|
89
|
+
const gridLines = yTicks.map((tick) => ({
|
|
90
|
+
value: tick,
|
|
91
|
+
y: MARGIN.top + scaleLinear(tick, yDomain.min, yDomain.max, plotHeight, 0),
|
|
92
|
+
}));
|
|
93
|
+
let xTickEntries = [];
|
|
94
|
+
if (normalizedData.length !== 0) {
|
|
95
|
+
if (xDomain.kind === "ordinal") {
|
|
96
|
+
xTickEntries = points.map((p, i) => ({ x: p.x, label: String(normalizedData[i].x) }));
|
|
97
|
+
}
|
|
98
|
+
else {
|
|
99
|
+
const target = Math.min(5, normalizedData.length);
|
|
100
|
+
const stride = Math.max(1, Math.round((normalizedData.length - 1) / (target - 1 || 1)));
|
|
101
|
+
for (let i = 0; i < normalizedData.length; i += stride) {
|
|
102
|
+
xTickEntries.push({ x: points[i].x, label: String(normalizedData[i].x) });
|
|
103
|
+
}
|
|
104
|
+
const lastIdx = normalizedData.length - 1;
|
|
105
|
+
if (xTickEntries[xTickEntries.length - 1]?.label !== String(normalizedData[lastIdx].x)) {
|
|
106
|
+
xTickEntries.push({ x: points[lastIdx].x, label: String(normalizedData[lastIdx].x) });
|
|
107
|
+
}
|
|
108
|
+
}
|
|
109
|
+
}
|
|
110
|
+
const gridChildren = [];
|
|
111
|
+
for (const g of gridLines) {
|
|
112
|
+
gridChildren.push(h("line", { key: `g${g.value}`, class: "st-areaChart__grid", x1: MARGIN.left, x2: width - MARGIN.right, y1: g.y, y2: g.y }), h("text", { key: `t${g.value}`, class: "st-areaChart__tickLabel", x: MARGIN.left - 6, y: g.y, "text-anchor": "end", "dominant-baseline": "middle" }, formatTick(g.value)));
|
|
113
|
+
}
|
|
114
|
+
const xLabels = xTickEntries.map((tick, i) => h("text", { key: `x${i}`, class: "st-areaChart__tickLabel", x: tick.x, y: height - MARGIN.bottom + 16, "text-anchor": "middle" }, tick.label));
|
|
115
|
+
const dots = points.map((p) => h("circle", { key: p.index, class: "st-areaChart__dot", cx: p.x, cy: p.y, r: "4", "data-chart-index": p.index }));
|
|
116
|
+
const svgChildren = [
|
|
117
|
+
h("defs", {}, [
|
|
118
|
+
h("linearGradient", { id: gradientId, x1: "0", y1: "0", x2: "0", y2: "1" }, [
|
|
119
|
+
h("stop", { offset: "0%", "stop-color": "currentColor", "stop-opacity": "0.3" }),
|
|
120
|
+
h("stop", { offset: "100%", "stop-color": "currentColor", "stop-opacity": "0.0" }),
|
|
121
|
+
]),
|
|
49
122
|
]),
|
|
123
|
+
...gridChildren,
|
|
124
|
+
h("line", { class: "st-areaChart__axis", x1: MARGIN.left, x2: MARGIN.left, y1: MARGIN.top, y2: height - MARGIN.bottom }),
|
|
125
|
+
h("line", { class: "st-areaChart__axis", x1: MARGIN.left, x2: width - MARGIN.right, y1: height - MARGIN.bottom, y2: height - MARGIN.bottom }),
|
|
126
|
+
...xLabels,
|
|
127
|
+
];
|
|
128
|
+
if (areaPath) {
|
|
129
|
+
svgChildren.push(h("path", { class: "st-areaChart__area", d: areaPath, fill: `url(#${gradientId})` }));
|
|
130
|
+
}
|
|
131
|
+
if (linePath) {
|
|
132
|
+
svgChildren.push(h("path", { class: "st-areaChart__line", d: linePath, fill: "none", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }));
|
|
133
|
+
}
|
|
134
|
+
svgChildren.push(...dots);
|
|
135
|
+
const hoveredPoint = hoveredIndex.value !== null ? points[hoveredIndex.value] : undefined;
|
|
136
|
+
return h("div", { ...attrs, class: classNames("st-areaChart", `st-areaChart--${tone}`, props.class) }, [
|
|
137
|
+
h("div", {
|
|
138
|
+
class: "st-areaChart__visual",
|
|
139
|
+
role: "img",
|
|
140
|
+
"aria-label": label,
|
|
141
|
+
onPointermove: handleVisualPointerMove,
|
|
142
|
+
onPointerleave: handleLeave,
|
|
143
|
+
}, [
|
|
144
|
+
h("svg", {
|
|
145
|
+
viewBox: `0 0 ${width} ${height}`,
|
|
146
|
+
preserveAspectRatio: "xMidYMid meet",
|
|
147
|
+
width: "100%",
|
|
148
|
+
height: "100%",
|
|
149
|
+
focusable: "false",
|
|
150
|
+
"aria-hidden": "true",
|
|
151
|
+
}, svgChildren),
|
|
152
|
+
]),
|
|
153
|
+
chartDataList(label, dataValueItems),
|
|
154
|
+
hoveredPoint
|
|
155
|
+
? h("div", {
|
|
156
|
+
class: "st-areaChart__tooltip",
|
|
157
|
+
role: "presentation",
|
|
158
|
+
style: `left: ${(hoveredPoint.x / width) * 100}%; top: ${(hoveredPoint.y / height) * 100}%`,
|
|
159
|
+
}, [
|
|
160
|
+
h("span", { class: "st-areaChart__tooltipLabel" }, String(hoveredPoint.datum.x)),
|
|
161
|
+
h("span", { class: "st-areaChart__tooltipValue" }, String(hoveredPoint.datum.y)),
|
|
162
|
+
])
|
|
163
|
+
: null,
|
|
50
164
|
]);
|
|
51
165
|
};
|
|
52
166
|
},
|
package/dist/AreaChart.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AreaChart.js","sourceRoot":"","sources":["../src/AreaChart.ts"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"AreaChart.js","sourceRoot":"","sources":["../src/AreaChart.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,79 @@
|
|
|
1
|
+
export type BackToTopProps = {
|
|
2
|
+
label?: string;
|
|
3
|
+
disabled?: boolean;
|
|
4
|
+
targetId?: string;
|
|
5
|
+
threshold?: number;
|
|
6
|
+
autoHide?: boolean;
|
|
7
|
+
smooth?: boolean;
|
|
8
|
+
class?: string;
|
|
9
|
+
};
|
|
10
|
+
export declare const BackToTop: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
|
|
11
|
+
label: {
|
|
12
|
+
type: StringConstructor;
|
|
13
|
+
default: string;
|
|
14
|
+
};
|
|
15
|
+
disabled: {
|
|
16
|
+
type: BooleanConstructor;
|
|
17
|
+
default: boolean;
|
|
18
|
+
};
|
|
19
|
+
targetId: {
|
|
20
|
+
type: StringConstructor;
|
|
21
|
+
default: string;
|
|
22
|
+
};
|
|
23
|
+
threshold: {
|
|
24
|
+
type: NumberConstructor;
|
|
25
|
+
default: number;
|
|
26
|
+
};
|
|
27
|
+
autoHide: {
|
|
28
|
+
type: BooleanConstructor;
|
|
29
|
+
default: boolean;
|
|
30
|
+
};
|
|
31
|
+
smooth: {
|
|
32
|
+
type: BooleanConstructor;
|
|
33
|
+
default: boolean;
|
|
34
|
+
};
|
|
35
|
+
class: {
|
|
36
|
+
type: StringConstructor;
|
|
37
|
+
default: undefined;
|
|
38
|
+
};
|
|
39
|
+
}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
|
40
|
+
[key: string]: any;
|
|
41
|
+
}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
42
|
+
label: {
|
|
43
|
+
type: StringConstructor;
|
|
44
|
+
default: string;
|
|
45
|
+
};
|
|
46
|
+
disabled: {
|
|
47
|
+
type: BooleanConstructor;
|
|
48
|
+
default: boolean;
|
|
49
|
+
};
|
|
50
|
+
targetId: {
|
|
51
|
+
type: StringConstructor;
|
|
52
|
+
default: string;
|
|
53
|
+
};
|
|
54
|
+
threshold: {
|
|
55
|
+
type: NumberConstructor;
|
|
56
|
+
default: number;
|
|
57
|
+
};
|
|
58
|
+
autoHide: {
|
|
59
|
+
type: BooleanConstructor;
|
|
60
|
+
default: boolean;
|
|
61
|
+
};
|
|
62
|
+
smooth: {
|
|
63
|
+
type: BooleanConstructor;
|
|
64
|
+
default: boolean;
|
|
65
|
+
};
|
|
66
|
+
class: {
|
|
67
|
+
type: StringConstructor;
|
|
68
|
+
default: undefined;
|
|
69
|
+
};
|
|
70
|
+
}>> & Readonly<{}>, {
|
|
71
|
+
class: string;
|
|
72
|
+
label: string;
|
|
73
|
+
disabled: boolean;
|
|
74
|
+
smooth: boolean;
|
|
75
|
+
targetId: string;
|
|
76
|
+
threshold: number;
|
|
77
|
+
autoHide: boolean;
|
|
78
|
+
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
79
|
+
//# sourceMappingURL=BackToTop.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"BackToTop.d.ts","sourceRoot":"","sources":["../src/BackToTop.ts"],"names":[],"mappings":"AAGA,MAAM,MAAM,cAAc,GAAG;IAC3B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4EAqFpB,CAAC"}
|
|
@@ -0,0 +1,72 @@
|
|
|
1
|
+
import { defineComponent, h, onMounted, onUnmounted, ref } from "vue";
|
|
2
|
+
import { classNames } from "./classNames.js";
|
|
3
|
+
export const BackToTop = defineComponent({
|
|
4
|
+
name: "BackToTop",
|
|
5
|
+
props: {
|
|
6
|
+
label: { type: String, default: "Retour en haut" },
|
|
7
|
+
disabled: { type: Boolean, default: false },
|
|
8
|
+
targetId: { type: String, default: "top" },
|
|
9
|
+
threshold: { type: Number, default: 240 },
|
|
10
|
+
autoHide: { type: Boolean, default: true },
|
|
11
|
+
smooth: { type: Boolean, default: true },
|
|
12
|
+
class: { type: String, default: undefined },
|
|
13
|
+
},
|
|
14
|
+
setup(props, { attrs }) {
|
|
15
|
+
const visible = ref(!props.autoHide);
|
|
16
|
+
const updateVisibility = () => {
|
|
17
|
+
visible.value = window.scrollY > props.threshold;
|
|
18
|
+
};
|
|
19
|
+
onMounted(() => {
|
|
20
|
+
if (!props.autoHide || typeof window === "undefined") {
|
|
21
|
+
visible.value = true;
|
|
22
|
+
return;
|
|
23
|
+
}
|
|
24
|
+
updateVisibility();
|
|
25
|
+
window.addEventListener("scroll", updateVisibility, { passive: true });
|
|
26
|
+
});
|
|
27
|
+
onUnmounted(() => {
|
|
28
|
+
if (typeof window !== "undefined") {
|
|
29
|
+
window.removeEventListener("scroll", updateVisibility);
|
|
30
|
+
}
|
|
31
|
+
});
|
|
32
|
+
const goTop = () => {
|
|
33
|
+
const target = props.targetId ? `#${props.targetId.replace(/^#/, "")}` : "#top";
|
|
34
|
+
const anchor = target.startsWith("#") ? target.slice(1) : target;
|
|
35
|
+
const element = anchor ? document.getElementById(anchor) : null;
|
|
36
|
+
if (element) {
|
|
37
|
+
element.scrollIntoView({ behavior: props.smooth ? "smooth" : "auto", block: "start" });
|
|
38
|
+
return;
|
|
39
|
+
}
|
|
40
|
+
window.scrollTo({ top: 0, behavior: props.smooth ? "smooth" : "auto" });
|
|
41
|
+
};
|
|
42
|
+
return () => {
|
|
43
|
+
const hidden = props.autoHide && !visible.value;
|
|
44
|
+
return h("button", {
|
|
45
|
+
...attrs,
|
|
46
|
+
type: "button",
|
|
47
|
+
class: classNames("st-backToTop", props.class),
|
|
48
|
+
onClick: goTop,
|
|
49
|
+
"aria-label": props.label,
|
|
50
|
+
"aria-hidden": hidden ? "true" : undefined,
|
|
51
|
+
"aria-live": hidden ? "polite" : undefined,
|
|
52
|
+
tabindex: hidden ? -1 : undefined,
|
|
53
|
+
disabled: props.disabled,
|
|
54
|
+
}, [
|
|
55
|
+
h("span", { class: "st-backToTop__icon", "aria-hidden": "true" }, h("svg", {
|
|
56
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
57
|
+
width: 16,
|
|
58
|
+
height: 16,
|
|
59
|
+
viewBox: "0 0 24 24",
|
|
60
|
+
fill: "none",
|
|
61
|
+
stroke: "currentColor",
|
|
62
|
+
"stroke-width": 2,
|
|
63
|
+
"stroke-linecap": "round",
|
|
64
|
+
"stroke-linejoin": "round",
|
|
65
|
+
"aria-hidden": "true",
|
|
66
|
+
}, [h("path", { d: "m5 12 7-7 7 7" }), h("path", { d: "M12 19V5" })])),
|
|
67
|
+
h("span", { class: "st-backToTop__label" }, props.label),
|
|
68
|
+
]);
|
|
69
|
+
};
|
|
70
|
+
},
|
|
71
|
+
});
|
|
72
|
+
//# sourceMappingURL=BackToTop.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"BackToTop.js","sourceRoot":"","sources":["../src/BackToTop.ts"],"names":[],"mappings":"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"}
|