@sentropic/design-system-vue 0.3.0 → 0.5.0

package/dist/DataTable.js

@@ -1,41 +1,282 @@
-import { defineComponent, h } from "vue";
+import { defineComponent, h, ref } from "vue";
 import { classNames } from "./classNames.js";
 export const DataTable = defineComponent({
     name: "DataTable",
     props: {
         columns: { type: Array, required: true },
         rows: { type: Array, required: true },
-        caption: { type: [String, Object], default: undefined },
+        caption: { type: null, default: undefined },
         size: { type: String, default: "md" },
+        selectable: { type: String, default: "none" },
+        selectedIds: { type: Array, default: undefined },
+        onSelectionChange: { type: Function, default: undefined },
+        sortable: { type: Boolean, default: true },
+        sortBy: { type: Object, default: undefined },
+        onSortChange: { type: Function, default: undefined },
         pageSize: { type: Number, default: undefined },
-        page: { type: Number, default: 1 },
-        totalItems: { type: Number, default: undefined },
+        page: { type: Number, default: undefined },
+        onPageChange: { type: Function, default: undefined },
+        selectAllLabel: { type: String, default: "Select all rows" },
+        selectRowLabel: { type: String, default: "Select row" },
+        sortAscendingLabel: { type: String, default: "Sorted ascending" },
+        sortDescendingLabel: { type: String, default: "Sorted descending" },
+        sortNoneLabel: { type: String, default: "Not sorted" },
+        previousLabel: { type: String, default: "Previous" },
+        nextLabel: { type: String, default: "Next" },
+        rangeLabel: {
+            type: Function,
+            default: ({ start, end, total }) => `${start}–${end} of ${total}`,
+        },
+        emptyLabel: { type: String, default: "No data" },
+        onRowClick: { type: Function, default: undefined },
         class: { type: String, default: undefined },
     },
     setup(props, { attrs }) {
+        const selectedIdsState = ref(props.selectedIds ?? []);
+        const sortByState = ref(props.sortBy ?? null);
+        const pageState = ref(props.page ?? 1);
+        function commitSelection(next) {
+            if (props.selectedIds === undefined)
+                selectedIdsState.value = next;
+            props.onSelectionChange?.(next);
+        }
+        function commitSort(next) {
+            if (props.sortBy === undefined)
+                sortByState.value = next;
+            props.onSortChange?.(next);
+        }
+        function commitPage(next) {
+            if (props.page === undefined)
+                pageState.value = next;
+            props.onPageChange?.(next);
+        }
         return () => {
-            const visibleRows = props.pageSize
-                ? props.rows.slice((props.page - 1) * props.pageSize, props.page * props.pageSize)
-                : props.rows;
-            const total = props.totalItems ?? props.rows.length;
-            return h("div", { class: "st-dataTable-wrap" }, [
-                h("table", {
-                    ...attrs,
-                    class: classNames("st-dataTable", `st-dataTable--${props.size}`, props.class),
-                }, [
-                    props.caption ? h("caption", {}, props.caption) : null,
-                    h("thead", {}, h("tr", {}, props.columns.map((col) => h("th", { key: col.key }, col.label)))),
-                    h("tbody", {}, visibleRows.map((row) => h("tr", { key: row.id }, props.columns.map((col) => h("td", {
-                        key: col.key,
-                        class: classNames(col.align === "center" && "st-dataTable__cell--center", col.align === "end" && "st-dataTable__cell--end"),
-                    }, col.render
-                        ? col.render(row, col)
-                        : String(row[col.key] ?? "")))))),
-                ]),
-                props.pageSize
-                    ? h("div", { class: "st-dataTable__pagerStatus" }, `${(props.page - 1) * props.pageSize + 1}-${Math.min(props.page * props.pageSize, total)} of ${total}`)
-                    : null,
-            ]);
+            const columns = props.columns;
+            const rows = props.rows;
+            const size = props.size ?? "md";
+            const selectable = props.selectable ?? "none";
+            const sortable = props.sortable ?? true;
+            const pageSize = props.pageSize;
+            const selectedIds = props.selectedIds ?? selectedIdsState.value;
+            const sortBy = props.sortBy !== undefined ? props.sortBy : sortByState.value;
+            const page = props.page ?? pageState.value;
+            const isColumnSortable = (column) => sortable && column.sortable !== false;
+            let sortedRows = rows;
+            if (sortBy) {
+                const { key, direction } = sortBy;
+                const factor = direction === "asc" ? 1 : -1;
+                sortedRows = [...rows].sort((a, b) => {
+                    const av = a[key];
+                    const bv = b[key];
+                    if (av == null && bv == null)
+                        return 0;
+                    if (av == null)
+                        return 1;
+                    if (bv == null)
+                        return -1;
+                    if (typeof av === "number" && typeof bv === "number") {
+                        return (av - bv) * factor;
+                    }
+                    return String(av).localeCompare(String(bv), undefined, { numeric: true, sensitivity: "base" }) * factor;
+                });
+            }
+            const pageCount = pageSize && pageSize > 0 ? Math.max(1, Math.ceil(sortedRows.length / pageSize)) : 1;
+            const safePage = Math.min(Math.max(1, page), pageCount);
+            let visibleRows = sortedRows;
+            if (pageSize && pageSize > 0) {
+                const start = (safePage - 1) * pageSize;
+                visibleRows = sortedRows.slice(start, start + pageSize);
+            }
+            let range;
+            if (!pageSize || pageSize <= 0) {
+                range = { start: sortedRows.length === 0 ? 0 : 1, end: sortedRows.length, total: sortedRows.length };
+            }
+            else if (sortedRows.length === 0) {
+                range = { start: 0, end: 0, total: 0 };
+            }
+            else {
+                range = {
+                    start: (safePage - 1) * pageSize + 1,
+                    end: Math.min(safePage * pageSize, sortedRows.length),
+                    total: sortedRows.length,
+                };
+            }
+            const allVisibleSelected = selectable === "multiple" && visibleRows.length > 0 && visibleRows.every((row) => selectedIds.includes(row.id));
+            const someVisibleSelected = selectable === "multiple" && visibleRows.some((row) => selectedIds.includes(row.id)) && !allVisibleSelected;
+            function ariaSortFor(column) {
+                if (!isColumnSortable(column))
+                    return undefined;
+                if (sortBy?.key !== column.key)
+                    return "none";
+                return sortBy.direction === "asc" ? "ascending" : "descending";
+            }
+            function toggleSort(column) {
+                if (!isColumnSortable(column))
+                    return;
+                if (sortBy?.key !== column.key) {
+                    commitSort({ key: column.key, direction: "asc" });
+                    return;
+                }
+                if (sortBy.direction === "asc") {
+                    commitSort({ key: column.key, direction: "desc" });
+                    return;
+                }
+                commitSort(null);
+            }
+            function toggleRow(row, checked) {
+                if (selectable === "none")
+                    return;
+                if (selectable === "single") {
+                    commitSelection(checked ? [row.id] : []);
+                    return;
+                }
+                commitSelection(checked ? [...selectedIds, row.id] : selectedIds.filter((id) => id !== row.id));
+            }
+            function toggleAllVisible(checked) {
+                if (selectable !== "multiple")
+                    return;
+                const visibleIds = visibleRows.map((r) => r.id);
+                if (checked) {
+                    commitSelection(Array.from(new Set([...selectedIds, ...visibleIds])));
+                }
+                else {
+                    commitSelection(selectedIds.filter((id) => !visibleIds.includes(id)));
+                }
+            }
+            function alignClass(align) {
+                if (align === "center")
+                    return "st-dataTable__cell--center";
+                if (align === "end")
+                    return "st-dataTable__cell--end";
+                return undefined;
+            }
+            function goToPage(target) {
+                if (target >= 1 && target <= pageCount && target !== safePage) {
+                    commitPage(target);
+                }
+            }
+            const selectColspan = columns.length + (selectable !== "none" ? 1 : 0);
+            // ---- header ----
+            const headerCells = [];
+            if (selectable === "multiple") {
+                headerCells.push(h("th", { scope: "col", class: "st-dataTable__select" }, [
+                    h("label", { class: "st-dataTable__selectLabel" }, [
+                        h("input", {
+                            type: "checkbox",
+                            checked: allVisibleSelected,
+                            indeterminate: someVisibleSelected,
+                            "aria-label": props.selectAllLabel,
+                            onChange: (e) => toggleAllVisible(e.currentTarget.checked),
+                        }),
+                        h("span", { class: "st-visually-hidden" }, props.selectAllLabel),
+                    ]),
+                ]));
+            }
+            else if (selectable === "single") {
+                headerCells.push(h("th", { scope: "col", class: "st-dataTable__select", "aria-label": props.selectRowLabel }));
+            }
+            for (const column of columns) {
+                const sortState = ariaSortFor(column);
+                const sortableCol = isColumnSortable(column);
+                headerCells.push(h("th", {
+                    key: column.key,
+                    scope: "col",
+                    class: alignClass(column.align),
+                    "aria-sort": sortState,
+                    style: column.width ? `width: ${column.width}` : undefined,
+                }, sortableCol
+                    ? [
+                        h("button", { type: "button", class: "st-dataTable__sortBtn", onClick: () => toggleSort(column) }, [
+                            h("span", {}, [column.label]),
+                            h("span", { class: "st-dataTable__sortIcon", "aria-hidden": "true" }, sortState === "ascending" ? "↑" : sortState === "descending" ? "↓" : "↕"),
+                            h("span", { class: "st-visually-hidden" }, sortState === "ascending"
+                                ? props.sortAscendingLabel
+                                : sortState === "descending"
+                                    ? props.sortDescendingLabel
+                                    : props.sortNoneLabel),
+                        ]),
+                    ]
+                    : [column.label]));
+            }
+            // ---- body ----
+            let bodyChildren;
+            if (visibleRows.length === 0) {
+                bodyChildren = [
+                    h("tr", {}, [h("td", { class: "st-dataTable__empty", colspan: selectColspan }, props.emptyLabel)]),
+                ];
+            }
+            else {
+                bodyChildren = visibleRows.map((row) => {
+                    const isSelected = selectedIds.includes(row.id);
+                    const rowCells = [];
+                    if (selectable === "multiple") {
+                        rowCells.push(h("td", { class: "st-dataTable__select" }, [
+                            h("label", { class: "st-dataTable__selectLabel" }, [
+                                h("input", {
+                                    type: "checkbox",
+                                    checked: isSelected,
+                                    "aria-label": `${props.selectRowLabel} ${row.id}`,
+                                    onClick: (e) => e.stopPropagation(),
+                                    onChange: (e) => toggleRow(row, e.currentTarget.checked),
+                                }),
+                                h("span", { class: "st-visually-hidden" }, props.selectRowLabel),
+                            ]),
+                        ]));
+                    }
+                    else if (selectable === "single") {
+                        rowCells.push(h("td", { class: "st-dataTable__select" }, [
+                            h("label", { class: "st-dataTable__selectLabel" }, [
+                                h("input", {
+                                    type: "radio",
+                                    name: "st-dataTable-select",
+                                    checked: isSelected,
+                                    "aria-label": `${props.selectRowLabel} ${row.id}`,
+                                    onClick: (e) => e.stopPropagation(),
+                                    onChange: (e) => toggleRow(row, e.currentTarget.checked),
+                                }),
+                                h("span", { class: "st-visually-hidden" }, props.selectRowLabel),
+                            ]),
+                        ]));
+                    }
+                    for (const column of columns) {
+                        rowCells.push(h("td", { key: column.key, class: alignClass(column.align) }, column.cell ? [column.cell(row, column)] : String(row[column.key] ?? "")));
+                    }
+                    return h("tr", {
+                        key: row.id,
+                        class: classNames(isSelected && "st-dataTable__row--selected", props.onRowClick && "st-dataTable__row--clickable"),
+                        onClick: props.onRowClick ? () => props.onRowClick?.(row) : undefined,
+                    }, rowCells);
+                });
+            }
+            const tableChildren = [];
+            if (props.caption)
+                tableChildren.push(h("caption", {}, [props.caption]));
+            tableChildren.push(h("thead", {}, [h("tr", {}, headerCells)]));
+            tableChildren.push(h("tbody", {}, bodyChildren));
+            const wrapChildren = [
+                h("table", { ...attrs, class: classNames("st-dataTable", `st-dataTable--${size}`, props.class) }, tableChildren),
+            ];
+            if (pageSize && pageSize > 0) {
+                wrapChildren.push(h("div", { class: "st-dataTable__footer" }, [
+                    h("span", { class: "st-dataTable__range", "aria-live": "polite" }, props.rangeLabel(range)),
+                    h("nav", { class: "st-dataTable__pager", "aria-label": "Pagination" }, [
+                        h("button", {
+                            type: "button",
+                            class: "st-dataTable__pagerBtn",
+                            disabled: safePage <= 1,
+                            onClick: () => goToPage(safePage - 1),
+                        }, props.previousLabel),
+                        h("span", { class: "st-dataTable__pagerStatus", "aria-live": "polite" }, `${safePage} / ${pageCount}`),
+                        h("button", {
+                            type: "button",
+                            class: "st-dataTable__pagerBtn",
+                            disabled: safePage >= pageCount,
+                            onClick: () => goToPage(safePage + 1),
+                        }, props.nextLabel),
+                    ]),
+                ]));
+            }
+            return h("div", { class: "st-dataTable-wrap" }, wrapChildren);
         };
     },
 });

package/dist/DataTable.js.map

@@ -1 +1 @@
-{"version":3,"file":"DataTable.js","sourceRoot":"","sources":["../src/DataTable.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AACzC,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AA6B7C,MAAM,CAAC,MAAM,SAAS,GAAG,eAAe,CAAC;IACvC,IAAI,EAAE,WAAW;IACjB,KAAK,EAAE;QACL,OAAO,EAAE,EAAE,IAAI,EAAE,KAAgC,EAAE,QAAQ,EAAE,IAAI,EAAE;QACnE,IAAI,EAAE,EAAE,IAAI,EAAE,KAA6B,EAAE,QAAQ,EAAE,IAAI,EAAE;QAC7D,OAAO,EAAE,EAAE,IAAI,EAAE,CAAC,MAAM,EAAE,MAAM,CAA6B,EAAE,OAAO,EAAE,SAAS,EAAE;QACnF,IAAI,EAAE,EAAE,IAAI,EAAE,MAA6B,EAAE,OAAO,EAAE,IAAI,EAAE;QAC5D,QAAQ,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE;QAC9C,IAAI,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,CAAC,EAAE;QAClC,UAAU,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE;QAChD,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE;KAC5C;IACD,KAAK,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE;QACpB,OAAO,GAAG,EAAE;YACV,MAAM,WAAW,GAAG,KAAK,CAAC,QAAQ;gBAChC,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC,IAAI,GAAG,CAAC,CAAC,GAAG,KAAK,CAAC,QAAQ,EAAE,KAAK,CAAC,IAAI,GAAG,KAAK,CAAC,QAAQ,CAAC;gBAClF,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC;YACf,MAAM,KAAK,GAAG,KAAK,CAAC,UAAU,IAAI,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC;YAEpD,OAAO,CAAC,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,mBAAmB,EAAE,EAAE;gBAC9C,CAAC,CACC,OAAO,EACP;oBACE,GAAG,KAAK;oBACR,KAAK,EAAE,UAAU,CAAC,cAAc,EAAE,iBAAiB,KAAK,CAAC,IAAI,EAAE,EAAE,KAAK,CAAC,KAAK,CAAC;iBAC9E,EACD;oBACE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,EAAE,EAAE,EAAE,KAAK,CAAC,OAAiB,CAAC,CAAC,CAAC,CAAC,IAAI;oBAChE,CAAC,CACC,OAAO,EACP,EAAE,EACF,CAAC,CACC,IAAI,EACJ,EAAE,EACF,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,EAAE,EAAE,GAAG,EAAE,GAAG,CAAC,GAAG,EAAE,EAAE,GAAG,CAAC,KAAe,CAAC,CAAC,CAC3E,CACF;oBACD,CAAC,CACC,OAAO,EACP,EAAE,EACF,WAAW,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CACtB,CAAC,CACC,IAAI,EACJ,EAAE,GAAG,EAAE,GAAG,CAAC,EAAE,EAAE,EACf,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CACxB,CAAC,CACC,IAAI,EACJ;wBACE,GAAG,EAAE,GAAG,CAAC,GAAG;wBACZ,KAAK,EAAE,UAAU,CACf,GAAG,CAAC,KAAK,KAAK,QAAQ,IAAI,4BAA4B,EACtD,GAAG,CAAC,KAAK,KAAK,KAAK,IAAI,yBAAyB,CACjD;qBACF,EACD,GAAG,CAAC,MAAM;wBACR,CAAC,CAAE,GAAG,CAAC,MAAM,CAAC,GAAG,EAAE,GAAG,CAAY;wBAClC,CAAC,CAAC,MAAM,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,IAAI,EAAE,CAAC,CAC/B,CACF,CACF,CACF,CACF;iBACF,CACF;gBACD,KAAK,CAAC,QAAQ;oBACZ,CAAC,CAAC,CAAC,CACC,KAAK,EACL,EAAE,KAAK,EAAE,2BAA2B,EAAE,EACtC,GAAG,CAAC,KAAK,CAAC,IAAI,GAAG,CAAC,CAAC,GAAG,KAAK,CAAC,QAAQ,GAAG,CAAC,IAAI,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,IAAI,GAAG,KAAK,CAAC,QAAQ,EAAE,KAAK,CAAC,OAAO,KAAK,EAAE,CACvG;oBACH,CAAC,CAAC,IAAI;aACT,CAAC,CAAC;QACL,CAAC,CAAC;IACJ,CAAC;CACF,CAAC,CAAC"}
+{"version":3,"file":"DataTable.js","sourceRoot":"","sources":["../src/DataTable.ts"],"names":[],"mappings":"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"}

package/dist/DonutChart.d.ts

@@ -1,16 +1,15 @@
+export type DonutChartTone = "category1" | "category2" | "category3" | "category4" | "category5" | "category6" | "category7" | "category8";
 export type DonutChartDatum = {
-    label?: string;
-    x?: string | number;
-    y?: number;
-    value?: number;
-    tone?: string;
+    label: string;
+    value: number;
+    tone?: DonutChartTone;
 };
-export type DonutChartTone = string;
 export type DonutChartProps = {
     data: DonutChartDatum[];
-    label?: string;
-    width?: number;
-    height?: number;
+    size?: number;
+    thickness?: number;
+    centerLabel?: string | null;
+    label: string;
     class?: string;
 };
 export declare const DonutChart: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
@@ -18,18 +17,22 @@ export declare const DonutChart: import("vue").DefineComponent<import("vue").Ext
         type: () => DonutChartDatum[];
         required: true;
     };
-    label: {
-        type: StringConstructor;
-        default: string;
-    };
-    width: {
+    size: {
         type: NumberConstructor;
-        default: undefined;
+        default: number;
     };
-    height: {
+    thickness: {
         type: NumberConstructor;
+        default: number;
+    };
+    centerLabel: {
+        type: () => string | null;
         default: undefined;
     };
+    label: {
+        type: StringConstructor;
+        required: true;
+    };
     class: {
         type: StringConstructor;
         default: undefined;
@@ -41,26 +44,30 @@ export declare const DonutChart: import("vue").DefineComponent<import("vue").Ext
         type: () => DonutChartDatum[];
         required: true;
     };
-    label: {
-        type: StringConstructor;
-        default: string;
-    };
-    width: {
+    size: {
         type: NumberConstructor;
-        default: undefined;
+        default: number;
     };
-    height: {
+    thickness: {
         type: NumberConstructor;
+        default: number;
+    };
+    centerLabel: {
+        type: () => string | null;
         default: undefined;
     };
+    label: {
+        type: StringConstructor;
+        required: true;
+    };
     class: {
         type: StringConstructor;
         default: undefined;
     };
 }>> & Readonly<{}>, {
     class: string;
-    label: string;
-    width: number;
-    height: number;
+    size: number;
+    thickness: number;
+    centerLabel: string | null;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 //# sourceMappingURL=DonutChart.d.ts.map

package/dist/DonutChart.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DonutChart.d.ts","sourceRoot":"","sources":["../src/DonutChart.ts"],"names":[],"mappings":"AAGA,MAAM,MAAM,eAAe,GAAG;IAAE,KAAK,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAAC,CAAC,CAAC,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IAAC,IAAI,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC;AACjH,MAAM,MAAM,cAAc,GAAG,MAAM,CAAC;AAEpC,MAAM,MAAM,eAAe,GAAG;IAC5B,IAAI,EAAE,eAAe,EAAE,CAAC;IACxB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAOF,eAAO,MAAM,UAAU;;cAGI,MAAM,eAAe,EAAE;;;;;;;;;;;;;;;;;;;;;;;cAAvB,MAAM,eAAe,EAAE;;;;;;;;;;;;;;;;;;;;;;;;4EAwChD,CAAC"}
+{"version":3,"file":"DonutChart.d.ts","sourceRoot":"","sources":["../src/DonutChart.ts"],"names":[],"mappings":"AAIA,MAAM,MAAM,cAAc,GACtB,WAAW,GACX,WAAW,GACX,WAAW,GACX,WAAW,GACX,WAAW,GACX,WAAW,GACX,WAAW,GACX,WAAW,CAAC;AAEhB,MAAM,MAAM,eAAe,GAAG;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,cAAc,CAAC;CACvB,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG;IAC5B,IAAI,EAAE,eAAe,EAAE,CAAC;IACxB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAiBF,eAAO,MAAM,UAAU;;cAGI,MAAM,eAAe,EAAE;;;;;;;;;;;;cAGI,MAAM,MAAM,GAAG,IAAI;;;;;;;;;;;;;;;cAH9C,MAAM,eAAe,EAAE;;;;;;;;;;;;cAGI,MAAM,MAAM,GAAG,IAAI;;;;;;;;;;;;;;;;4EA6HvE,CAAC"}

package/dist/DonutChart.js

@@ -1,40 +1,118 @@
-import { defineComponent, h } from "vue";
+import { defineComponent, h, ref } from "vue";
 import { classNames } from "./classNames.js";
-const DATA_TONES = [
-    "category1", "category2", "category3", "category4",
-    "category5", "category6", "category7", "category8",
+import { chartDataList } from "./chartScale.js";
+const TONES = [
+    "category1",
+    "category2",
+    "category3",
+    "category4",
+    "category5",
+    "category6",
+    "category7",
+    "category8",
 ];
+const fmtPct = (p) => `${p.toFixed(p < 10 ? 1 : 0)}%`;
 export const DonutChart = defineComponent({
     name: "DonutChart",
     props: {
         data: { type: Array, required: true },
-        label: { type: String, default: "Donut chart" },
-        width: { type: Number, default: undefined },
-        height: { type: Number, default: undefined },
+        size: { type: Number, default: 220 },
+        thickness: { type: Number, default: 34 },
+        centerLabel: { type: [String, null], default: undefined },
+        label: { type: String, required: true },
         class: { type: String, default: undefined },
     },
     setup(props, { attrs }) {
+        const hoveredIndex = ref(null);
+        function handleLeave() {
+            hoveredIndex.value = null;
+        }
+        function handleVisualPointerMove(event) {
+            const target = event.target;
+            if (!(target instanceof Element)) {
+                hoveredIndex.value = null;
+                return;
+            }
+            const index = Number(target.getAttribute("data-chart-index"));
+            hoveredIndex.value = Number.isInteger(index) ? index : null;
+        }
         return () => {
-            const label = props.label ?? "Donut chart";
-            const total = props.data.reduce((sum, datum) => sum + (datum.value ?? datum.y ?? 0), 0);
-            return h("figure", {
-                ...attrs,
-                class: classNames("st-donutChart", props.class),
-                "aria-label": label,
-            }, [
-                h("span", { class: "st-visually-hidden" }, label),
-                h("svg", { viewBox: "0 0 120 120", "aria-hidden": "true" }, [
-                    ...props.data.map((datum, index) => h("circle", {
-                        key: index,
-                        class: classNames("st-donutChart__slice", `st-donutChart__slice--${datum.tone ?? DATA_TONES[index % DATA_TONES.length]}`),
-                        cx: "60",
-                        cy: "60",
-                        r: 36 - index * 3,
-                        fill: "none",
-                        "stroke-width": "8",
-                    })),
-                    h("text", { class: "st-donutChart__center", x: "60", y: "64", "text-anchor": "middle" }, String(total)),
+            const size = props.size ?? 220;
+            const thickness = props.thickness ?? 34;
+            const centerLabel = props.centerLabel;
+            const label = props.label;
+            const data = props.data;
+            const total = data.reduce((sum, d) => sum + Math.max(d.value, 0), 0);
+            let items = [];
+            if (total > 0) {
+                const cx = size / 2;
+                const cy = size / 2;
+                const rOuter = size / 2 - 2;
+                const rInner = Math.max(rOuter - thickness, 1);
+                const TWO_PI = Math.PI * 2;
+                let angle = -Math.PI / 2;
+                const polar = (r, a) => [cx + r * Math.cos(a), cy + r * Math.sin(a)];
+                items = data.map((d, i) => {
+                    const frac = Math.max(d.value, 0) / total;
+                    const span = Math.min(frac * TWO_PI, TWO_PI - 0.0001);
+                    const a0 = angle;
+                    const a1 = angle + span;
+                    angle = a1;
+                    const large = span > Math.PI ? 1 : 0;
+                    const [x0o, y0o] = polar(rOuter, a0);
+                    const [x1o, y1o] = polar(rOuter, a1);
+                    const [x1i, y1i] = polar(rInner, a1);
+                    const [x0i, y0i] = polar(rInner, a0);
+                    const path = `M ${x0o} ${y0o} A ${rOuter} ${rOuter} 0 ${large} 1 ${x1o} ${y1o} L ${x1i} ${y1i} A ${rInner} ${rInner} 0 ${large} 0 ${x0i} ${y0i} Z`;
+                    return { d, path, tone: d.tone ?? TONES[i % TONES.length], pct: frac * 100 };
+                });
+            }
+            const dataValueItems = items.map((slice) => `${slice.d.label}: ${slice.d.value} (${fmtPct(slice.pct)})`);
+            const svgChildren = [];
+            if (total > 0) {
+                for (let i = 0; i < items.length; i++) {
+                    const slice = items[i];
+                    svgChildren.push(h("path", {
+                        key: slice.d.label,
+                        class: classNames("st-donutChart__slice", `st-donutChart__slice--${slice.tone}`, hoveredIndex.value !== null && hoveredIndex.value !== i && "st-donutChart__slice--dim"),
+                        d: slice.path,
+                        "data-chart-index": i,
+                    }));
+                }
+                if (centerLabel !== null) {
+                    svgChildren.push(h("text", {
+                        class: "st-donutChart__center",
+                        x: size / 2,
+                        y: size / 2,
+                        "text-anchor": "middle",
+                        "dominant-baseline": "central",
+                    }, String(centerLabel ?? total)));
+                }
+            }
+            const hovered = hoveredIndex.value !== null ? items[hoveredIndex.value] : undefined;
+            return h("div", { ...attrs, class: classNames("st-donutChart", props.class) }, [
+                h("div", {
+                    class: "st-donutChart__visual",
+                    role: "img",
+                    "aria-label": label,
+                    onPointermove: handleVisualPointerMove,
+                    onPointerleave: handleLeave,
+                }, [
+                    h("svg", {
+                        viewBox: `0 0 ${size} ${size}`,
+                        width: "100%",
+                        height: "100%",
+                        focusable: "false",
+                        "aria-hidden": "true",
+                    }, svgChildren),
                 ]),
+                chartDataList(label, dataValueItems),
+                hovered
+                    ? h("div", { class: "st-donutChart__tooltip", role: "presentation" }, [
+                        h("span", { class: "st-donutChart__tooltipLabel" }, hovered.d.label),
+                        h("span", { class: "st-donutChart__tooltipValue" }, `${hovered.d.value} · ${fmtPct(hovered.pct)}`),
+                    ])
+                    : null,
             ]);
         };
     },

package/dist/DonutChart.js.map

@@ -1 +1 @@
-{"version":3,"file":"DonutChart.js","sourceRoot":"","sources":["../src/DonutChart.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AACzC,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAa7C,MAAM,UAAU,GAAG;IACjB,WAAW,EAAE,WAAW,EAAE,WAAW,EAAE,WAAW;IAClD,WAAW,EAAE,WAAW,EAAE,WAAW,EAAE,WAAW;CACnD,CAAC;AAEF,MAAM,CAAC,MAAM,UAAU,GAAG,eAAe,CAAC;IACxC,IAAI,EAAE,YAAY;IAClB,KAAK,EAAE;QACL,IAAI,EAAE,EAAE,IAAI,EAAE,KAAgC,EAAE,QAAQ,EAAE,IAAI,EAAE;QAChE,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,aAAa,EAAE;QAC/C,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE;QAC3C,MAAM,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE;QAC5C,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE;KAC5C;IACD,KAAK,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE;QACpB,OAAO,GAAG,EAAE;YACV,MAAM,KAAK,GAAG,KAAK,CAAC,KAAK,IAAI,aAAa,CAAC;YAC3C,MAAM,KAAK,GAAG,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,KAAK,EAAE,EAAE,CAAC,GAAG,GAAG,CAAC,KAAK,CAAC,KAAK,IAAI,KAAK,CAAC,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;YACxF,OAAO,CAAC,CACN,QAAQ,EACR;gBACE,GAAG,KAAK;gBACR,KAAK,EAAE,UAAU,CAAC,eAAe,EAAE,KAAK,CAAC,KAAK,CAAC;gBAC/C,YAAY,EAAE,KAAK;aACpB,EACD;gBACE,CAAC,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,oBAAoB,EAAE,EAAE,KAAK,CAAC;gBACjD,CAAC,CAAC,KAAK,EAAE,EAAE,OAAO,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,EAAE,EAAE;oBAC1D,GAAG,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE,CACjC,CAAC,CAAC,QAAQ,EAAE;wBACV,GAAG,EAAE,KAAK;wBACV,KAAK,EAAE,UAAU,CACf,sBAAsB,EACtB,yBAAyB,KAAK,CAAC,IAAI,IAAI,UAAU,CAAC,KAAK,GAAG,UAAU,CAAC,MAAM,CAAC,EAAE,CAC/E;wBACD,EAAE,EAAE,IAAI;wBACR,EAAE,EAAE,IAAI;wBACR,CAAC,EAAE,EAAE,GAAG,KAAK,GAAG,CAAC;wBACjB,IAAI,EAAE,MAAM;wBACZ,cAAc,EAAE,GAAG;qBACpB,CAAC,CACH;oBACD,CAAC,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,uBAAuB,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,aAAa,EAAE,QAAQ,EAAE,EAAE,MAAM,CAAC,KAAK,CAAC,CAAC;iBACxG,CAAC;aACH,CACF,CAAC;QACJ,CAAC,CAAC;IACJ,CAAC;CACF,CAAC,CAAC"}
+{"version":3,"file":"DonutChart.js","sourceRoot":"","sources":["../src/DonutChart.ts"],"names":[],"mappings":"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"}

package/dist/Drawer.d.ts

@@ -53,9 +53,9 @@ export declare const Drawer: import("vue").DefineComponent<import("vue").Extract
 }>> & Readonly<{
     onClose?: ((...args: any[]) => any) | undefined;
 }>, {
+    open: boolean;
     class: string;
     title: string;
-    open: boolean;
     description: string;
     placement: DrawerPlacement;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;