@martinomagnifico/tablechart 1.2.2 → 1.2.3
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/CHANGELOG.md +29 -0
- package/dist/tablechart-additional-types.d.mts +1 -1
- package/dist/tablechart-additional-types.mjs +70 -70
- package/dist/tablechart-core.d.mts +2 -2
- package/dist/tablechart-core.mjs +1 -1
- package/dist/tablechart-shared.d.mts +5 -1
- package/dist/tablechart-shared.mjs +823 -763
- package/dist/tablechart-summary.mjs +10 -10
- package/dist/tablechart.css +1 -1
- package/dist/tablechart.d.mts +1 -1
- package/dist/tablechart.js +1 -1
- package/dist/tablechart.mjs +1 -1
- package/package.json +1 -1
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { D as e,
|
|
1
|
+
import { D as e, L as t, b as n, k as r, v as i, x as a, y as o } from "./tablechart-shared.mjs";
|
|
2
2
|
// src/js/summary.ts
|
|
3
3
|
var s = {
|
|
4
4
|
selector: "[data-chart]:not(th)",
|
|
@@ -24,25 +24,25 @@ var s = {
|
|
|
24
24
|
], p = (e) => e.replace(/[.*+?^${}()|[\]\\]/g, "\\$&"), m = 0, h = /* @__PURE__ */ new Set(), g = (e) => {
|
|
25
25
|
h.has(e) || (h.add(e), console.warn(`[${t}] ${e}`));
|
|
26
26
|
}, _ = (t, s, c, l) => {
|
|
27
|
-
let u =
|
|
27
|
+
let u = o(t, c.langattribute).filter((e) => !e.isTotal), f = i(t, u, c.langattribute)[s], p = (e, t) => {
|
|
28
28
|
if (!t || !c.langattribute) return e;
|
|
29
29
|
let n = document.createElement("span");
|
|
30
30
|
return n.setAttribute(c.langattribute, t), n.textContent = e, n;
|
|
31
|
-
}, m = Math.max(0, ...u.map((
|
|
32
|
-
let [i, a] = e
|
|
33
|
-
return
|
|
31
|
+
}, m = Math.max(0, ...u.map((t) => e(t.cells[s]?.number ?? ""))), h = (e, t, n = m) => {
|
|
32
|
+
let [i, a] = r(e, n, l);
|
|
33
|
+
return t.prefix + i + a + t.suffix;
|
|
34
34
|
}, g = (e) => new Intl.NumberFormat(l, {
|
|
35
35
|
style: "percent",
|
|
36
36
|
maximumFractionDigits: +(Math.abs(e) < 10)
|
|
37
37
|
}).format(e / 100), _ = (e) => p(e.label, e.key), v = t.querySelector(":scope > figcaption"), y = v?.querySelector("b, strong") ?? v, b = {
|
|
38
38
|
values: {
|
|
39
39
|
title: p((y?.textContent ?? "").trim(), c.langattribute && y?.getAttribute(c.langattribute) || null),
|
|
40
|
-
rows:
|
|
40
|
+
rows: r(u.length, 0, l).join(""),
|
|
41
41
|
series: f ? p(f.name, f.key) : ""
|
|
42
42
|
},
|
|
43
43
|
counts: { rows: u.length }
|
|
44
44
|
}, x = u.filter((e) => e.note), S = x.length ? {
|
|
45
|
-
values: { "notes.count":
|
|
45
|
+
values: { "notes.count": r(x.length, 0, l).join("") },
|
|
46
46
|
counts: { "notes.count": x.length },
|
|
47
47
|
items: x.map((e) => ({
|
|
48
48
|
name: _(e),
|
|
@@ -93,7 +93,7 @@ var s = {
|
|
|
93
93
|
trend: null,
|
|
94
94
|
outliers: null
|
|
95
95
|
};
|
|
96
|
-
let { share: k } =
|
|
96
|
+
let { share: k } = n(C), A = (e) => Math.abs(e) < c.flat ? "flat" : e > 0 ? "up" : "down", j = C[0], M = C[C.length - 1], N = k(M.y - j.y, j.y), P = {
|
|
97
97
|
values: {
|
|
98
98
|
"first.name": _(j.row),
|
|
99
99
|
"first.value": h(j.y, j.cell),
|
|
@@ -104,7 +104,7 @@ var s = {
|
|
|
104
104
|
change: c.words[A(N)]
|
|
105
105
|
},
|
|
106
106
|
when: A(N)
|
|
107
|
-
}, F =
|
|
107
|
+
}, F = a(C, c.flat, c.outliers);
|
|
108
108
|
if (!F) return {
|
|
109
109
|
chart: b,
|
|
110
110
|
notes: S,
|
|
@@ -140,7 +140,7 @@ var s = {
|
|
|
140
140
|
change: P,
|
|
141
141
|
trend: z,
|
|
142
142
|
outliers: R.length ? {
|
|
143
|
-
values: { "outliers.count":
|
|
143
|
+
values: { "outliers.count": r(R.length, 0, l).join("") },
|
|
144
144
|
counts: { "outliers.count": R.length },
|
|
145
145
|
items: R.map((e) => ({
|
|
146
146
|
name: _(e.row),
|
package/dist/tablechart.css
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
:root{--cssimported-tablechart:true}.tablechart,:where([data-chart]){margin:var(--tablechart-margin,0);color:var(--tablechart-color,currentColor);font-size:var(--tablechart-font-size,1em);line-height:var(--tablechart-line-height,1.25)}.tablechart :where(figcaption),:where([data-chart]) :where(figcaption){margin-bottom:var(--tablechart-caption-gap,.5em);text-align:var(--tablechart-caption-align,left)}.tablechart,:where([data-chart]){position:relative}.tablechart :where(table),.tablechart :where(.chart-annotations),.tablechart :where(.chart-summary),:where([data-chart]) :where(table),:where([data-chart]) :where(.chart-annotations),:where([data-chart]) :where(.chart-summary){inset-inline:0;clip-path:inset(50%);margin:0;position:absolute;top:0}.tablechart[data-summary=always]>:where(.chart-summary),:where([data-chart])[data-summary=always]>:where(.chart-summary){clip-path:none;margin-top:var(--tablechart-summary-gap,1.5em);position:static}.tablechart[data-table]>:where(table),:where([data-chart])[data-table]>:where(table){border-collapse:collapse;margin-top:.75em}.tablechart[data-table]>:where(table) :where(th,td),:where([data-chart])[data-table]>:where(table) :where(th,td){text-align:start;padding:.2em 1.25em .2em 0}.tablechart[data-table]>:where(table) :where(td,thead th:not(:first-child)),:where([data-chart])[data-table]>:where(table) :where(td,thead th:not(:first-child)){text-align:end;font-variant-numeric:tabular-nums}.tablechart[data-table=always]>:where(table),:where([data-chart])[data-table=always]>:where(table){clip-path:none;position:static}@media (scripting:none){.tablechart :where(table),.tablechart :where(.chart-annotations),:where([data-chart]) :where(table),:where([data-chart]) :where(.chart-annotations){clip-path:none;position:static}.tablechart :where(.chart-summary),:where([data-chart]) :where(.chart-summary){display:none}}@media (scripting:enabled){.tablechart:where(:not([data-chart-empty]):not(:has(>.tablechart-plot))):after,:where([data-chart]):where(:not([data-chart-empty]):not(:has(>.tablechart-plot))):after{content:"";height:0;padding-top:max(var(--tablechart-min-height,200px), var(--_room,.38) * 100%);padding-bottom:1.5em;display:block}.tablechart :where(.tablechart-plot:not(.is-placed)),:where([data-chart]) :where(.tablechart-plot:not(.is-placed)){height:0;padding-top:max(var(--tablechart-min-height,200px), var(--_room,.38) * 100%);overflow:hidden}}:where([data-chart=donut]){--_room:.66}:where([data-chart=bar]){--_room:.5}.tablechart-plot{position:relative}.tablechart-plot :where(svg){width:100%;height:auto;display:block;overflow:visible}.tablechart-plot:not(.is-placed) :where(.tablechart-value,.tablechart-badge,.tablechart-name){visibility:hidden}.tablechart-sr{white-space:nowrap;clip-path:inset(50%);width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.tablechart-value{white-space:nowrap;font-size:var(--tablechart-value-size,calc(var(--tablechart-name-size,.95em) * 1.3));position:absolute;transform:translate(-50%,-100%)}.tablechart-value[data-place=outside]{color:var(--tablechart-value-color,currentColor)}.tablechart-value:where([data-place=outside],[data-place=below]) :where(.tablechart-minus){position:absolute;right:100%}.tablechart-value[data-place=inside]{color:var(--tablechart-bar-value-color,var(--_ink,oklch(from var(--tablechart-bar-color,currentColor) clamp(0, (.564 - l) * 1000, 1) 0 0)));transform:translate(-50%,-50%)}.tablechart-value[data-place=around]{color:var(--tablechart-value-color,currentColor);transform:translate(-50%,-50%)}.tablechart-value[data-place=below]{color:var(--tablechart-value-color,currentColor);transform:translate(-50%)}.tablechart-value[data-place=middle]{color:var(--tablechart-value-color,currentColor);transform:translate(-50%,-50%)}.tablechart-value[data-place=after]{color:var(--tablechart-value-color,currentColor);transform:translateY(-50%)}.tablechart-value[data-place=before]{color:var(--tablechart-value-color,currentColor);transform:translate(-100%,-50%)}.tablechart-value[data-place=none]{display:none}.tablechart-value[data-left-out]{visibility:hidden}.tablechart-value[data-place=inside][data-kind=up]{color:var(--tablechart-up-value-color,var(--_ink,oklch(from var(--tablechart-up-color,var(--tablechart-bar-color,currentColor)) clamp(0, (.564 - l) * 1000, 1) 0 0)))}.tablechart-value[data-place=inside][data-kind=down]{color:var(--tablechart-down-value-color,var(--_ink,oklch(from var(--tablechart-down-color,var(--tablechart-bar-color,currentColor)) clamp(0, (.564 - l) * 1000, 1) 0 0)))}.tablechart-value[data-place=inside][data-series]{color:var(--tablechart-piece-value-color,var(--_ink,oklch(from var(--tablechart-series-own-color,color-mix(in oklab, var(--palette,var(--_series-range,color-mix(in oklab, var(--tablechart-series-color,var(--tablechart-series-color-start,var(--tablechart-bar-color,currentColor))) max(var(--tablechart-series-min,40%), calc((100% - var(--n,0) * min(var(--tablechart-series-fade,30%), calc((100% - var(--tablechart-series-min,40%)) / max(var(--_series-count,2) - 1, 1)))) * (1 - var(--m,0)) + var(--m,0) * 100%)), var(--tablechart-surface,Canvas)))) calc(100% - var(--m,0) * (100% - var(--tablechart-series-muted-share,45%))), var(--tablechart-surface,Canvas))) clamp(0, (.564 - l) * 1000, 1) 0 0)))}.tablechart-value[data-place=inside][data-kind=total]{color:var(--tablechart-total-value-color,var(--_ink,oklch(from var(--tablechart-total-color,var(--tablechart-bar-color,currentColor)) clamp(0, (.564 - l) * 1000, 1) 0 0)))}.tablechart-name{white-space:nowrap;font-size:var(--tablechart-name-size,.95em);color:var(--tablechart-series-own-color,color-mix(in oklab, var(--palette,var(--_series-range,color-mix(in oklab, var(--tablechart-series-color,var(--tablechart-series-color-start,var(--tablechart-bar-color,currentColor))) max(var(--tablechart-series-min,40%), calc((100% - var(--n,0) * min(var(--tablechart-series-fade,30%), calc((100% - var(--tablechart-series-min,40%)) / max(var(--_series-count,2) - 1, 1)))) * (1 - var(--m,0)) + var(--m,0) * 100%)), var(--tablechart-surface,Canvas)))) calc(100% - var(--m,0) * (100% - var(--tablechart-series-muted-share,45%))), var(--tablechart-surface,Canvas)));position:absolute;transform:translateY(-50%)}.tablechart-legend{box-sizing:border-box;width:fit-content;max-width:100%;padding:var(--tablechart-legend-padding,0);border:var(--tablechart-legend-border,none);border-radius:var(--tablechart-legend-radius,0);background:var(--tablechart-legend-surface,none);margin-inline:auto;margin-top:var(--tablechart-legend-gap,.6em);font-size:var(--tablechart-name-size,.95em);flex-wrap:wrap;justify-content:center;gap:.3em 1.2em;display:flex}.tablechart-name[data-place=legend]{color:inherit;font-size:inherit;position:static;transform:none}.tablechart-name[data-place=legend]:before{content:"";vertical-align:-.05em;background:var(--tablechart-series-own-color,color-mix(in oklab, var(--palette,var(--_series-range,color-mix(in oklab, var(--tablechart-series-color,var(--tablechart-series-color-start,var(--tablechart-bar-color,currentColor))) max(var(--tablechart-series-min,40%), calc((100% - var(--n,0) * min(var(--tablechart-series-fade,30%), calc((100% - var(--tablechart-series-min,40%)) / max(var(--_series-count,2) - 1, 1)))) * (1 - var(--m,0)) + var(--m,0) * 100%)), var(--tablechart-surface,Canvas)))) calc(100% - var(--m,0) * (100% - var(--tablechart-series-muted-share,45%))), var(--tablechart-surface,Canvas)));width:1.6em;height:.8em;mask-image:var(--_line), var(--_mark,none);margin-right:.4em;display:inline-block;mask-position:50%;mask-size:contain;mask-repeat:no-repeat}.tablechart-name[data-place=legend][data-swatch=box]:before{vertical-align:-.05em;background:var(--tablechart-series-own-color,color-mix(in oklab, var(--palette,var(--_series-range,color-mix(in oklab, var(--tablechart-series-color,var(--tablechart-series-color-start,var(--tablechart-bar-color,currentColor))) max(var(--tablechart-series-min,40%), calc((100% - var(--n,0) * min(var(--tablechart-series-fade,30%), calc((100% - var(--tablechart-series-min,40%)) / max(var(--_series-count,2) - 1, 1)))) * (1 - var(--m,0)) + var(--m,0) * 100%)), var(--tablechart-surface,Canvas)))) calc(100% - var(--m,0) * (100% - var(--tablechart-series-muted-share,45%))), var(--tablechart-surface,Canvas)));border-radius:.15em;width:.7em;height:.7em;mask:none}.tablechart-name[data-place=legend],.tablechart-tooltip-key[data-sample]{--_line:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 12' fill='none' stroke='white' stroke-width='1.6' stroke-linecap='round'%3E%3Cpath d='M0 6H24'/%3E%3C/svg%3E")}.tablechart-name[data-place=legend][data-line=dashed],.tablechart-tooltip-key[data-sample][data-line=dashed]{--_line:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 12' fill='none' stroke='white' stroke-width='1.6' stroke-linecap='round'%3E%3Cpath d='M0 6H24' stroke-dasharray='4 2.5' stroke-linecap='butt'/%3E%3C/svg%3E")}.tablechart-name[data-place=legend][data-line=dotted],.tablechart-tooltip-key[data-sample][data-line=dotted]{--_line:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 12' fill='none' stroke='white' stroke-width='1.6' stroke-linecap='round'%3E%3Cpath d='M0 6H24' stroke-dasharray='0 3'/%3E%3C/svg%3E")}.tablechart-name[data-place=legend][data-marker=circle],.tablechart-tooltip-key[data-sample][data-marker=circle]{--_mark:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 12' fill='none' stroke='white' stroke-width='1.6' stroke-linecap='round'%3E%3Ccircle cx='12' cy='6' r='3.4' fill='white'/%3E%3C/svg%3E")}.tablechart-name[data-place=legend][data-marker=circle][data-open],.tablechart-tooltip-key[data-sample][data-marker=circle][data-open]{--_mark:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 12' fill='none' stroke='white' stroke-width='1.6' stroke-linecap='round'%3E%3Ccircle cx='12' cy='6' r='3.4'/%3E%3C/svg%3E");--_line:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 12' fill='none' stroke='white' stroke-width='1.6' stroke-linecap='round'%3E%3Cpath d='M0 6H8.6 M15.4 6H24'/%3E%3C/svg%3E")}.tablechart-name[data-place=legend][data-marker=circle][data-open][data-line=dashed],.tablechart-tooltip-key[data-sample][data-marker=circle][data-open][data-line=dashed]{--_line:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 12' fill='none' stroke='white' stroke-width='1.6' stroke-linecap='round'%3E%3Cpath d='M0 6H8.6 M15.4 6H24' stroke-dasharray='4 2.5' stroke-linecap='butt'/%3E%3C/svg%3E")}.tablechart-name[data-place=legend][data-marker=circle][data-open][data-line=dotted],.tablechart-tooltip-key[data-sample][data-marker=circle][data-open][data-line=dotted]{--_line:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 12' fill='none' stroke='white' stroke-width='1.6' stroke-linecap='round'%3E%3Cpath d='M0 6H8.6 M15.4 6H24' stroke-dasharray='0 3'/%3E%3C/svg%3E")}.tablechart-name[data-place=legend][data-marker=square],.tablechart-tooltip-key[data-sample][data-marker=square]{--_mark:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 12' fill='none' stroke='white' stroke-width='1.6' stroke-linecap='round'%3E%3Crect x='9' y='3' width='6' height='6' stroke-linecap='butt' fill='white'/%3E%3C/svg%3E")}.tablechart-name[data-place=legend][data-marker=square][data-open],.tablechart-tooltip-key[data-sample][data-marker=square][data-open]{--_mark:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 12' fill='none' stroke='white' stroke-width='1.6' stroke-linecap='round'%3E%3Crect x='9' y='3' width='6' height='6' stroke-linecap='butt'/%3E%3C/svg%3E");--_line:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 12' fill='none' stroke='white' stroke-width='1.6' stroke-linecap='round'%3E%3Cpath d='M0 6H9 M15 6H24'/%3E%3C/svg%3E")}.tablechart-name[data-place=legend][data-marker=square][data-open][data-line=dashed],.tablechart-tooltip-key[data-sample][data-marker=square][data-open][data-line=dashed]{--_line:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 12' fill='none' stroke='white' stroke-width='1.6' stroke-linecap='round'%3E%3Cpath d='M0 6H9 M15 6H24' stroke-dasharray='4 2.5' stroke-linecap='butt'/%3E%3C/svg%3E")}.tablechart-name[data-place=legend][data-marker=square][data-open][data-line=dotted],.tablechart-tooltip-key[data-sample][data-marker=square][data-open][data-line=dotted]{--_line:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 12' fill='none' stroke='white' stroke-width='1.6' stroke-linecap='round'%3E%3Cpath d='M0 6H9 M15 6H24' stroke-dasharray='0 3'/%3E%3C/svg%3E")}.tablechart-name[data-place=legend][data-marker=diamond],.tablechart-tooltip-key[data-sample][data-marker=diamond]{--_mark:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 12' fill='none' stroke='white' stroke-width='1.6' stroke-linecap='round'%3E%3Cpolygon points='12,1.9 16.1,6 12,10.1 7.9,6' fill='white'/%3E%3C/svg%3E")}.tablechart-name[data-place=legend][data-marker=diamond][data-open],.tablechart-tooltip-key[data-sample][data-marker=diamond][data-open]{--_mark:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 12' fill='none' stroke='white' stroke-width='1.6' stroke-linecap='round'%3E%3Cpolygon points='12,1.9 16.1,6 12,10.1 7.9,6'/%3E%3C/svg%3E");--_line:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 12' fill='none' stroke='white' stroke-width='1.6' stroke-linecap='round'%3E%3Cpath d='M0 6H7.9 M16.1 6H24'/%3E%3C/svg%3E")}.tablechart-name[data-place=legend][data-marker=diamond][data-open][data-line=dashed],.tablechart-tooltip-key[data-sample][data-marker=diamond][data-open][data-line=dashed]{--_line:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 12' fill='none' stroke='white' stroke-width='1.6' stroke-linecap='round'%3E%3Cpath d='M0 6H7.9 M16.1 6H24' stroke-dasharray='4 2.5' stroke-linecap='butt'/%3E%3C/svg%3E")}.tablechart-name[data-place=legend][data-marker=diamond][data-open][data-line=dotted],.tablechart-tooltip-key[data-sample][data-marker=diamond][data-open][data-line=dotted]{--_line:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 12' fill='none' stroke='white' stroke-width='1.6' stroke-linecap='round'%3E%3Cpath d='M0 6H7.9 M16.1 6H24' stroke-dasharray='0 3'/%3E%3C/svg%3E")}.tablechart-name[data-place=legend][data-line=none]{--_line:none}.tablechart-name[data-place=legend][data-line=none][data-marker=triangle]{--_mark:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 12'%3E%3Cpolygon points='12,1.6 16.4,9.6 7.6,9.6' fill='white'/%3E%3C/svg%3E")}.tablechart-name[data-place=legend][data-line=none][data-marker=size]{--_mark:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 12' fill='none' stroke='white' stroke-width='1.4'%3E%3Ccircle cx='6' cy='8' r='2.6'/%3E%3Ccircle cx='15.5' cy='6' r='4.8'/%3E%3C/svg%3E")}.tablechart-tick,.tablechart-axis-title{white-space:nowrap;font-size:var(--tablechart-axis-size,var(--tablechart-name-size,.95em));color:var(--tablechart-axis-text-color,inherit);position:absolute}.tablechart-tick[data-place=below]{transform:translate(-50%)}.tablechart-tick[data-place=before]{transform:translate(-100%,-50%)}.tablechart-tick[data-place=none]{display:none}.tablechart-axis-title{transform:translate(-50%)}.tablechart-axis-title[data-axis=y]{writing-mode:vertical-rl;transform:translateY(-50%)rotate(180deg)}.tablechart-categories :where(span[data-kind=total]){display:none}.tablechart-categories :where(span[data-kind=slice]):before{content:"";width:var(--tablechart-legend-key-size,.6em);height:var(--tablechart-legend-key-size,.6em);background:var(--palette,var(--_slice-range,color-mix(in oklab, var(--tablechart-slice-color,var(--tablechart-slice-color-start,currentColor)) max(var(--tablechart-slice-min,20%), calc(100% - var(--n) * var(--tablechart-slice-fade,15%))), var(--tablechart-surface,Canvas))));border-radius:50%;margin-right:.4em;display:inline-block}.tablechart-categories[data-place=key]{box-sizing:border-box;width:fit-content;max-width:100%;padding:var(--tablechart-legend-padding,0);border:var(--tablechart-legend-border,none);border-radius:var(--tablechart-legend-radius,0);background:var(--tablechart-legend-surface,none);flex-wrap:wrap;justify-content:center;gap:.3em 1.2em;margin-inline:auto;display:flex}.tablechart-categories[data-place=key] :where(span){white-space:nowrap;padding:0}.tablechart-categories[data-place=beside]{pointer-events:none;margin:0;display:block;position:absolute;inset:0}.tablechart-categories[data-place=beside] :where(span){text-align:right;width:max-content;max-width:min(var(--tablechart-name-max,40%), var(--_beside,100%));text-wrap:balance;hyphens:auto;hyphenate-limit-chars:6 3 3;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;overflow-wrap:break-word;min-width:min-content;padding:0;position:absolute;transform:translate(-100%,-50%)}.tablechart-categories{grid-template-columns:repeat(var(--_columns,1), minmax(0, 1fr));margin-top:var(--tablechart-name-gap,.45em);display:grid}.tablechart-categories :where(span){color:var(--tablechart-name-color,inherit);text-align:center;padding:var(--tablechart-name-padding,0 .2em);font-size:calc(var(--tablechart-name-size,.95em) * var(--_name-fit,1));hyphens:manual;overflow-wrap:normal}.tablechart-categories[data-thinned] :where(span){white-space:nowrap;justify-self:center;width:max-content}.tablechart-categories[data-thinned] :where(span[data-edge=start]){justify-self:start}.tablechart-categories[data-thinned] :where(span[data-edge=end]){justify-self:end}.tablechart-categories :where(span[data-left-out]){visibility:hidden}.tablechart-categories[data-ticks] :where(span:not([data-left-out])){position:relative}.tablechart-categories[data-ticks] :where(span:not([data-left-out])):before{content:"";bottom:100%;left:var(--_tick,50%);width:var(--tablechart-tick-width,var(--tablechart-grid-width,1px));height:var(--tablechart-tick-length,calc(var(--tablechart-name-gap,.45em) + var(--_tick-reach,0px)));background:var(--tablechart-tick-color,color-mix(in oklab, var(--tablechart-grid-color,currentColor) calc(var(--tablechart-tick-opacity,.22) * 100%), transparent));position:absolute;transform:translate(-50%)}:where([data-chart=scatter]) .tablechart-categories[data-place=beside] :where(span){text-align:left;max-width:12em;transform:none}:where([data-chart=scatter]) .tablechart-categories[data-place=beside] :where(span)[data-side=left]{text-align:right}:where([data-chart=scatter]) .tablechart-categories[data-place=beside] :where(span):is([data-side=above],[data-side=below]){text-align:center}:where([data-chart=scatter]) .tablechart-categories[data-place=beside] :where(span)[data-left-out]{visibility:hidden}:where([data-chart=scatter]) .tablechart-categories[data-place=beside] :where(span)[data-more]:after{content:" +" attr(data-more)}.tablechart-bar{fill:var(--tablechart-bar-color,currentColor)}.tablechart-bar[data-kind=up]{fill:var(--tablechart-up-color,var(--tablechart-bar-color,currentColor))}.tablechart-bar[data-kind=down]{fill:var(--tablechart-down-color,var(--tablechart-bar-color,currentColor))}.tablechart-bar[data-kind=total]{fill:var(--tablechart-total-color,var(--tablechart-bar-color,currentColor))}.tablechart-bar[data-series],.tablechart-piece{fill:var(--tablechart-series-own-color,color-mix(in oklab, var(--palette,var(--_series-range,color-mix(in oklab, var(--tablechart-series-color,var(--tablechart-series-color-start,var(--tablechart-bar-color,currentColor))) max(var(--tablechart-series-min,40%), calc((100% - var(--n,0) * min(var(--tablechart-series-fade,30%), calc((100% - var(--tablechart-series-min,40%)) / max(var(--_series-count,2) - 1, 1)))) * (1 - var(--m,0)) + var(--m,0) * 100%)), var(--tablechart-surface,Canvas)))) calc(100% - var(--m,0) * (100% - var(--tablechart-series-muted-share,45%))), var(--tablechart-surface,Canvas)))}.tablechart-plot[data-grouped] :where(.tablechart-value){font-size:calc(var(--tablechart-value-group-size,.95em) * var(--_fit,1))}.tablechart-rule{stroke:var(--tablechart-baseline-color,currentColor);stroke-width:var(--tablechart-baseline-width,1px);opacity:var(--tablechart-baseline-opacity,.45);vector-effect:non-scaling-stroke}.tablechart-connector{stroke:var(--tablechart-connector-color,currentColor);stroke-width:var(--tablechart-connector-width,1px);stroke-dasharray:var(--tablechart-connector-dash,2 3);opacity:var(--tablechart-connector-opacity,.55);fill:none;vector-effect:non-scaling-stroke}.tablechart-series{stroke:var(--tablechart-series-own-color,color-mix(in oklab, var(--palette,var(--_series-range,color-mix(in oklab, var(--tablechart-series-color,var(--tablechart-series-color-start,var(--tablechart-bar-color,currentColor))) max(var(--tablechart-series-min,40%), calc((100% - var(--n,0) * min(var(--tablechart-series-fade,30%), calc((100% - var(--tablechart-series-min,40%)) / max(var(--_series-count,2) - 1, 1)))) * (1 - var(--m,0)) + var(--m,0) * 100%)), var(--tablechart-surface,Canvas)))) calc(100% - var(--m,0) * (100% - var(--tablechart-series-muted-share,45%))), var(--tablechart-surface,Canvas)));stroke-width:var(--tablechart-series-width,2px);stroke-linecap:round;fill:none;vector-effect:non-scaling-stroke}.tablechart-area{fill:var(--tablechart-area-color,var(--tablechart-series-own-color,color-mix(in oklab, var(--palette,var(--_series-range,color-mix(in oklab, var(--tablechart-series-color,var(--tablechart-series-color-start,var(--tablechart-bar-color,currentColor))) max(var(--tablechart-series-min,40%), calc((100% - var(--n,0) * min(var(--tablechart-series-fade,30%), calc((100% - var(--tablechart-series-min,40%)) / max(var(--_series-count,2) - 1, 1)))) * (1 - var(--m,0)) + var(--m,0) * 100%)), var(--tablechart-surface,Canvas)))) calc(100% - var(--m,0) * (100% - var(--tablechart-series-muted-share,45%))), var(--tablechart-surface,Canvas))));opacity:var(--tablechart-area-opacity,.25)}.tablechart-area[data-muted]{opacity:calc(var(--tablechart-area-opacity,.25) / 2)}.tablechart-area[data-stacked]{opacity:var(--tablechart-area-opacity,.5)}.tablechart-area[data-stacked][data-muted]{opacity:calc(var(--tablechart-area-opacity,.5) / 2)}.tablechart-series[data-line=dashed]{stroke-dasharray:var(--tablechart-series-dash,6 4)}.tablechart-series[data-line=dotted]{stroke-dasharray:var(--tablechart-series-dot,0 4)}.tablechart-point{fill:var(--tablechart-point-color,var(--tablechart-series-own-color,color-mix(in oklab, var(--palette,var(--_series-range,color-mix(in oklab, var(--tablechart-series-color,var(--tablechart-series-color-start,var(--tablechart-bar-color,currentColor))) max(var(--tablechart-series-min,40%), calc((100% - var(--n,0) * min(var(--tablechart-series-fade,30%), calc((100% - var(--tablechart-series-min,40%)) / max(var(--_series-count,2) - 1, 1)))) * (1 - var(--m,0)) + var(--m,0) * 100%)), var(--tablechart-surface,Canvas)))) calc(100% - var(--m,0) * (100% - var(--tablechart-series-muted-share,45%))), var(--tablechart-surface,Canvas))))}.tablechart-point[data-open]{fill:none;stroke:var(--tablechart-point-color,var(--tablechart-series-own-color,color-mix(in oklab, var(--palette,var(--_series-range,color-mix(in oklab, var(--tablechart-series-color,var(--tablechart-series-color-start,var(--tablechart-bar-color,currentColor))) max(var(--tablechart-series-min,40%), calc((100% - var(--n,0) * min(var(--tablechart-series-fade,30%), calc((100% - var(--tablechart-series-min,40%)) / max(var(--_series-count,2) - 1, 1)))) * (1 - var(--m,0)) + var(--m,0) * 100%)), var(--tablechart-surface,Canvas)))) calc(100% - var(--m,0) * (100% - var(--tablechart-series-muted-share,45%))), var(--tablechart-surface,Canvas))));stroke-width:var(--tablechart-series-width,2px);vector-effect:non-scaling-stroke}:where([data-chart=scatter]) .tablechart-point{stroke:var(--tablechart-surface,Canvas);stroke-width:calc(2 * var(--tablechart-marker-gap,2px));stroke-linejoin:round;paint-order:stroke;vector-effect:non-scaling-stroke}.tablechart-axis{fill:none;stroke:var(--tablechart-axis-color,color-mix(in oklab, currentColor 55%, transparent));stroke-width:var(--tablechart-axis-width,1px);vector-effect:non-scaling-stroke}.tablechart-grid{fill:none;stroke:var(--tablechart-grid-color,currentColor);stroke-width:var(--tablechart-grid-width,1px);opacity:var(--tablechart-grid-opacity,.09);vector-effect:non-scaling-stroke}:where(.tablechart-grid[data-gap],.tablechart-quadrant[data-gap]){stroke-opacity:0}.tablechart-slice{fill:none;stroke:var(--palette,var(--_slice-range,color-mix(in oklab, var(--tablechart-slice-color,var(--tablechart-slice-color-start,currentColor)) max(var(--tablechart-slice-min,20%), calc(100% - var(--n) * var(--tablechart-slice-fade,15%))), var(--tablechart-surface,Canvas))))}.tablechart-divide{stroke:#000;stroke-width:var(--tablechart-slice-gap,4);fill:none}.tablechart-leader{stroke:var(--tablechart-leader-color,currentColor);stroke-width:var(--tablechart-leader-width,1px);opacity:var(--tablechart-leader-opacity,.45);fill:none;vector-effect:non-scaling-stroke}.tablechart-centre{white-space:nowrap;text-align:center;font-size:var(--tablechart-centre-size,1.6em);color:var(--tablechart-centre-color,currentColor);position:absolute;transform:translate(-50%,-50%)}.tablechart-break[data-part=edge]{fill:none;stroke:var(--tablechart-break-color,currentColor);stroke-width:var(--tablechart-break-width,1px);opacity:var(--tablechart-break-opacity,1);stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}:where([data-series-range]) *{--_series-range:color-mix(in oklab, var(--tablechart-series-color,var(--tablechart-series-color-start,var(--tablechart-bar-color,currentColor))) calc(100% - var(--n,0) / max(var(--_series-count,2) - 1, 1) * 100%), var(--tablechart-series-color-end))}:where([data-slice-range]) *{--_slice-range:color-mix(in oklab, var(--tablechart-slice-color,var(--tablechart-slice-color-start,currentColor)) calc(100% - var(--n,0) / max(var(--_slice-count,2) - 1, 1) * 100%), var(--tablechart-slice-color-end))}.tablechart-line{stroke:var(--tablechart-annotation-color,currentColor);stroke-width:var(--tablechart-annotation-width,1.25px);fill:none;stroke-linecap:butt;stroke-linejoin:miter;vector-effect:non-scaling-stroke}.tablechart-reference{fill:none;stroke:var(--tablechart-annotation-color,currentColor);stroke-width:var(--tablechart-annotation-width,1.25px);stroke-dasharray:6 4;vector-effect:non-scaling-stroke}.tablechart-reference[data-line=dotted]{stroke-dasharray:0 4;stroke-linecap:round}.tablechart-quadrant{fill:none;stroke:var(--tablechart-quadrant-color,var(--tablechart-annotation-color,currentColor));stroke-width:var(--tablechart-quadrant-width,1.5px);stroke-dasharray:var(--tablechart-quadrant-dash,6 4);opacity:var(--tablechart-quadrant-opacity,.7);vector-effect:non-scaling-stroke}.tablechart-quadrant-name{color:var(--tablechart-quadrant-name-color,color-mix(in oklab, currentColor 60%, transparent));font-size:var(--tablechart-quadrant-name-size,.85em);font-weight:var(--tablechart-quadrant-name-weight,600);white-space:nowrap;pointer-events:none;position:absolute}.tablechart-quadrant-name[data-corner~=right]{transform:translate(-100%)}.tablechart-quadrant-name[data-corner~=bottom]{transform:translateY(-100%)}.tablechart-quadrant-name[data-corner~=bottom][data-corner~=right]{transform:translate(-100%,-100%)}.tablechart-badge[data-kind=reference]{white-space:nowrap;border:0;border-radius:0;padding:.2em .4em}.tablechart-head{fill:var(--tablechart-annotation-color,currentColor)}.tablechart-badge{background:var(--tablechart-badge-surface,none);color:var(--tablechart-annotation-color,currentColor);border:var(--tablechart-badge-border-width,1px) solid currentColor;border-radius:var(--tablechart-badge-radius,.4em);padding:var(--tablechart-badge-padding,.4em .8em);white-space:nowrap;line-height:1;position:absolute;transform:translate(-50%,-50%)}.tablechart-badge :where(.tablechart-caption){color:var(--tablechart-color,currentColor);background:0 0;border:0;position:absolute;bottom:calc(100% + .45em);left:50%;transform:translate(-50%)}@media screen{:where([data-animate],[data-animate] .tablechart-plot){--_speed:var(--tablechart-animation-speed,1);--_el:calc(var(--tablechart-animation-element-duration,.4s) / var(--_speed));--_max:calc(var(--tablechart-animation-max,2s) / var(--_speed));--_min:calc(var(--tablechart-animation-min,.5s) / var(--_speed));--_r:calc(var(--tablechart-animation-stagger,.25) * var(--_factor,1));--_dur:min(max(var(--_el), calc(var(--_min) / (1 + (var(--count,1) - 1) * var(--_r)))), calc(var(--_max) / (1 + var(--_keep,0) * (var(--count,1) - 1) * var(--_r))));--_stg:min(calc(var(--_r) * var(--_dur)), max(0s, calc((var(--_max) - var(--_dur)) / max(var(--count,1) - 1, 1))));--_fade:min(var(--_dur), calc(var(--_max) / 4), calc(.6s / var(--_speed)));--_ease:var(--tablechart-animation-ease,ease-in-out);--_build:min(calc(.6 * var(--count,1) * var(--_dur)), calc(var(--_max) - var(--_fade)));--_steptime:min(calc(.65 * var(--_dur)), calc(var(--_max) / (var(--count,1) - .08)));--_rise:min(calc(var(--_el) * 1.6), calc(var(--_max) - var(--_fade)));--_ring:calc(var(--_dur) + (var(--count,1) - 1) * var(--_stg))}:where([data-animate]) :where(.tablechart-bar){transform-box:fill-box;transform-origin:bottom;transition:transform var(--_dur) var(--_ease);transition-delay:calc(var(--i) * var(--_stg));transform:scaleY(0)}:where([data-animate]) :where(.tablechart-bar[data-grow=down]){transform-origin:top}:where([data-animate]) :where(.tablechart-bar[data-grow=right]){transform-origin:0;transform:scaleX(0)}:where([data-animate]) :where(.tablechart-bar[data-grow=left]){transform-origin:100%;transform:scaleX(0)}:where([data-animate]) :where(.tablechart-series){clip-path:inset(-10px calc(100% + 10px) -10px -10px);transition:clip-path calc(var(--d,1) * var(--_stg)) linear;transition-delay:calc(max(var(--i) - 1, 0) * var(--_stg))}:where([data-animate]) :where(.tablechart-area-fill){opacity:0;transition:opacity calc(max(var(--rows) - 1, 1) * var(--_stg)) linear;transition-delay:calc(max(var(--i) - 1, 0) * var(--_stg))}:where([data-animate]) :where(.tablechart-point,.tablechart-hole){opacity:0;transition:opacity var(--_fade) ease;transition-delay:calc(var(--i) * var(--_stg) + .048 * var(--_dur))}:where([data-animate]) :where(.tablechart-hole[data-for=badge]){transition:opacity calc(.3s / var(--_speed)) ease;transition-delay:calc(var(--after) * var(--_stg) + .35s / var(--_speed))}:where([data-animate]) :where([data-chart=scatter] .tablechart-point){transform-box:fill-box;transform-origin:50%;transition:transform var(--_dur) var(--_ease), opacity var(--_fade) ease;transition-delay:calc(var(--i) * var(--_stg));transform:scale(0)}:where([data-animate]) :where(.tablechart-value,.tablechart-name,.tablechart-legend,[data-chart=scatter] .tablechart-categories span,.tablechart-hole[data-for=text]){opacity:0;transition:opacity var(--_fade) ease;transition-delay:calc(var(--i) * var(--_stg) + var(--_lag,.096) * var(--_dur))}:where([data-animate]) :where(.tablechart-grid[data-gap],.tablechart-quadrant[data-gap]){stroke-opacity:1;transition:stroke-opacity var(--_fade) ease;transition-delay:calc(var(--i,0) * var(--_stg) + var(--_lag,.096) * var(--_dur))}:where([data-animate]) :where(.tablechart-grid[data-gap=badge]){transition-delay:calc(var(--after) * var(--_stg) + .35s / var(--_speed))}:where([data-animate]) :where(.tablechart-connector){clip-path:inset(-10px calc(100% + 10px) -10px -10px);transition:clip-path calc(var(--_dur) / 3) linear;transition-delay:calc(var(--i) * var(--_stg))}:where([data-animate]) :where(.tablechart-slice){stroke-dasharray:0 var(--circ);transition:stroke-dasharray var(--_dur) var(--_ease);transition-delay:calc(var(--i) * var(--_stg))}:where([data-animate]) :where(.tablechart-centre){opacity:0;transition:opacity var(--_fade) ease;transition-delay:calc(var(--i,0) * var(--_stg) + .5 * var(--_dur))}:where([data-animate]) :where(.tablechart-leader){stroke-opacity:0;transition:stroke-opacity var(--_fade) ease;transition-delay:calc(var(--i,0) * var(--_stg) + .5 * var(--_dur))}:where([data-animate]) :where([data-chart=donut] .tablechart-value){transition-delay:calc(var(--i,0) * var(--_stg) + .5 * var(--_dur))}:where([data-animate]) :where(.tablechart-break[data-part=edge]){stroke-opacity:0;transition:stroke-opacity calc(.2s / var(--_speed)) ease;transition-delay:calc((var(--after) + .9) * var(--_stg))}:where([data-animate]) :where(.tablechart-line){stroke-dasharray:var(--len);stroke-dashoffset:var(--len);transition:stroke-dashoffset calc(var(--tablechart-annotation-duration,.6s) / var(--_speed)) var(--_ease);transition-delay:calc(var(--after) * var(--_stg))}:where([data-animate]) :where(.tablechart-reference){opacity:0;transition:opacity calc(.3s / var(--_speed)) ease;transition-delay:calc(var(--after) * var(--_stg) + .35s / var(--_speed))}:where([data-animate]) :where(.tablechart-head){opacity:0;transition:opacity calc(.2s / var(--_speed)) ease;transition-delay:calc(var(--after) * var(--_stg) + .55s / var(--_speed))}:where([data-animate]) :where(.tablechart-badge){opacity:0;transition:opacity calc(.3s / var(--_speed)) ease;transition-delay:calc(var(--after) * var(--_stg) + .35s / var(--_speed))}:where([data-animate]:is([data-chart=column],[data-chart=bar])){--_lag:.75}:where([data-animate][data-chart=waterfall]){--_lag:.5}:where([data-chart=waterfall]:not([data-animate=sweep])){--_factor:var(--tablechart-waterfall-stagger-factor,2.4);--_keep:1}:where([data-animate=sweep][data-chart=waterfall]:not([data-steps])) :where(.tablechart-bar,.tablechart-connector){transition-duration:calc(var(--span,1) * var(--_build));transition-timing-function:var(--ease,linear);transition-delay:calc(var(--start,0) * var(--_build))}:where([data-animate=sweep][data-chart=waterfall]:not([data-steps])) :where(.tablechart-value,.tablechart-grid[data-gap],.tablechart-quadrant[data-gap]){transition-delay:calc((var(--start,0) + .5 * var(--span,0)) * var(--_build))}:where([data-animate=sweep][data-chart=waterfall]:not([data-steps])) :where(.tablechart-badge,.tablechart-hole[data-for=badge],.tablechart-grid[data-gap=badge]){transition-delay:calc(var(--_build) + .2s / var(--_speed))}:where([data-animate=sweep][data-chart=waterfall]:not([data-steps])) :where(.tablechart-break[data-part=edge]){transition-delay:calc((var(--start,0) + var(--span,1)) * var(--_build))}:where([data-animate][data-chart=waterfall][data-steps]) :where(.tablechart-bar){transition-duration:calc(.923 * var(--_steptime));transition-delay:calc(var(--i) * var(--_steptime))}:where([data-animate][data-chart=waterfall][data-steps]) :where(.tablechart-connector){transition:clip-path calc(.308 * var(--_steptime)) linear;transition-delay:calc((var(--i) - 1) * var(--_steptime) + calc(.692 * var(--_steptime)))}:where([data-animate][data-chart=waterfall][data-steps]) :where(.tablechart-value,.tablechart-hole[data-for=text]){transition-delay:calc(var(--i) * var(--_steptime) + calc(.923 * var(--_steptime)) * .5)}:where([data-animate][data-chart=waterfall][data-steps]) :where(.tablechart-badge,.tablechart-hole[data-for=badge]){transition-delay:calc(var(--after) * var(--_steptime) + .2s / var(--_speed))}:where([data-animate].is-shown) :where(.tablechart-bar){transform:scaleY(1)}:where([data-animate].is-shown) :where(.tablechart-bar:is([data-grow=right],[data-grow=left])){transform:scaleX(1)}:where([data-animate].is-shown) :where(.tablechart-series){clip-path:inset(-10px)}:where([data-animate].is-shown) :where(.tablechart-point),:where([data-animate].is-shown) :where(.tablechart-hole),:where([data-animate].is-shown) :where(.tablechart-area-fill){opacity:1}:where([data-animate].is-shown) :where([data-chart=scatter] .tablechart-point){transform:none}:where([data-animate].is-shown) :where(.tablechart-grid[data-gap],.tablechart-quadrant[data-gap]){stroke-opacity:0}:where([data-animate].is-shown) :where(.tablechart-reference),:where([data-animate].is-shown) :where(.tablechart-value),:where([data-animate].is-shown) :where(.tablechart-name),:where([data-animate].is-shown) :where(.tablechart-legend),:where([data-animate].is-shown) :where([data-chart=scatter] .tablechart-categories span),:where([data-animate].is-shown) :where(.tablechart-head),:where([data-animate].is-shown) :where(.tablechart-badge),:where([data-animate].is-shown) :where(.tablechart-centre){opacity:1}:where([data-animate].is-shown) :where(.tablechart-leader),:where([data-animate].is-shown) :where(.tablechart-break[data-part=edge]){stroke-opacity:1}:where([data-animate].is-shown) :where(.tablechart-slice){stroke-dasharray:var(--arc) calc(var(--circ) - var(--arc))}:where([data-animate].is-shown) :where(.tablechart-connector){clip-path:inset(-10px)}:where([data-animate].is-shown) :where(.tablechart-line){stroke-dashoffset:0}:where([data-animate=grow]:is([data-chart=line],[data-chart=area])) :where(.tablechart-series,.tablechart-area){clip-path:none;transform-box:view-box;transform-origin:0 var(--_base);transition:transform var(--_rise) var(--_ease);transition-delay:0s;transform:scaleY(0)}:where([data-animate=grow]:is([data-chart=line],[data-chart=area])) :where(.tablechart-area-fill){opacity:1;transition:none}:where([data-animate=grow]:is([data-chart=line],[data-chart=area])) :where(.tablechart-point,.tablechart-hole:not([data-for])){opacity:0;transform:translateY(var(--rise,0));transition:transform var(--_rise) var(--_ease), opacity calc(.15s / var(--_speed)) ease;transition-delay:0s}:where([data-animate=grow]:is([data-chart=line],[data-chart=area])) :where(.tablechart-value,.tablechart-name,.tablechart-grid[data-gap=""],.tablechart-quadrant[data-gap=""]){transition-delay:var(--_rise)}:where([data-animate=grow]:is([data-chart=line],[data-chart=area]).is-shown) :where(.tablechart-series,.tablechart-area){transform:scaleY(1)}:where([data-animate=grow]:is([data-chart=line],[data-chart=area]).is-shown) :where(.tablechart-point,.tablechart-hole:not([data-for])){opacity:1;transform:none}:where([data-animate=sweep][data-chart=donut]) :where(.tablechart-slice){transition:stroke-dasharray calc(var(--span,1) * var(--_ring)) var(--ease,linear);transition-delay:calc(var(--start,0) * var(--_ring))}:where([data-animate=sweep][data-chart=donut]) :where(.tablechart-leader,.tablechart-value){transition-delay:calc((var(--start,0) + var(--span,0)) * var(--_ring))}:where([data-animate=sweep][data-chart=donut]) :where(.tablechart-centre){transition-delay:calc(.5 * var(--_ring))}:where([data-animate]:not([data-steps])) :where(.tablechart-values .tablechart-value,[data-chart=scatter] .tablechart-categories[data-place=beside] span){opacity:1;transition-property:color}:where([data-animate]:not([data-steps])) :where(.tablechart-name,.tablechart-legend,.tablechart-badge,.tablechart-centre){opacity:1;transition-property:color,border-color,background-color}:where([data-animate]:not([data-steps])) :where(.tablechart-badge){transition-duration:.3s,.3s,0s}:where([data-animate]:not([data-steps])) :where(.tablechart-grid[data-gap=badge]){transition-duration:0s}:where([data-animate]:not([data-steps])) :where(.tablechart-name):before{transition:background-color var(--_fade) ease;transition-delay:calc(var(--i) * var(--_stg) + .096 * var(--_dur))}:where([data-animate]:not([data-steps])) :where(.tablechart-reference){opacity:1;transition-property:stroke-opacity}:where([data-animate]:not([data-steps])) :where(.tablechart-head){opacity:1;transition-property:fill-opacity}:where([data-animate]:not([data-steps])) :where(.tablechart-hole[data-for=badge]){transition-duration:0s}:where([data-animate]:not([data-steps])) :where(.tablechart-hole:not([data-for])){transition:opacity linear;transition-delay:calc(var(--i) * var(--_stg) + .048 * var(--_dur) + .7 * var(--_fade))}[data-animate]:not([data-steps]):not(.is-shown) .tablechart-values .tablechart-value,[data-chart=scatter][data-animate]:not([data-steps]):not(.is-shown) .tablechart-categories[data-place=beside] span{color:#0000}[data-animate]:not([data-steps]):not(.is-shown) :is(.tablechart-name,.tablechart-badge,.tablechart-badge .tablechart-caption,.tablechart-centre){color:#0000;background-color:#0000;border-color:#0000}[data-animate]:not([data-steps]):not(.is-shown) .tablechart-legend{background-color:#0000;border-color:#0000}[data-animate]:not([data-steps]):not(.is-shown) .tablechart-name:before{background-color:#0000}[data-animate]:not([data-steps]):not(.is-shown) .tablechart-reference{stroke-opacity:0}[data-animate]:not([data-steps]):not(.is-shown) .tablechart-head{fill-opacity:0}:where([data-animate=grow]:is([data-chart=line],[data-chart=area]):not([data-steps])) :where(.tablechart-hole:not([data-for])){transition:transform var(--_rise) var(--_ease), opacity 0s linear var(--_rise)}:where([data-animate]){transition:opacity var(--tablechart-queue-duration,.4s) ease}:where([data-animate].tablechart-queued){opacity:0}}@media screen and (prefers-reduced-motion:reduce){:where([data-animate]) :where(*){transition-duration:1ms!important;transition-delay:0s!important}}@media screen{:where([data-animate][data-steps]) :where(.tablechart-series),:where([data-animate][data-steps]) :where(.tablechart-area-fill>*){clip-path:inset(-10px calc(100% + 10px) -10px -10px);transition:clip-path var(--_dur) ease}:where([data-animate][data-steps]) :where(.tablechart-area-fill){opacity:1;transition:none}:where([data-animate][data-steps]) :where(.tablechart-piece){transform-box:fill-box;transform-origin:bottom;transition:transform var(--_dur) var(--_ease);transition-delay:calc(var(--i,0) * var(--_stg))}:where([data-animate][data-steps]) :where(.tablechart-piece[data-grow=right]){transform-origin:0}:where([data-animate][data-steps]) :where(.tablechart-piece[data-grow=down]){transform-origin:top}:where([data-animate][data-steps]) :where(.tablechart-piece[data-grow=left]){transform-origin:100%}:where([data-animate][data-steps].is-shown) :where(.tablechart-bar){transform:scaleY(clamp(0, var(--_step,0) - var(--step,-1), 1))}:where([data-animate][data-steps].is-shown) :where(.tablechart-bar:is([data-grow=right],[data-grow=left])){transform:scaleX(clamp(0, var(--_step,0) - var(--step,-1), 1))}:where([data-animate][data-steps].is-shown) :where(.tablechart-piece){transform:scaleY(clamp(0, var(--_step,0) - var(--step,-1), 1))}:where([data-animate][data-steps].is-shown) :where(.tablechart-piece:is([data-grow=right],[data-grow=left])){transform:scaleX(clamp(0, var(--_step,0) - var(--step,-1), 1))}:where([data-animate][data-steps].is-shown) :where(.tablechart-value),:where([data-animate][data-steps].is-shown) :where(.tablechart-name),:where([data-animate][data-steps].is-shown) :where(.tablechart-legend),:where([data-animate][data-steps].is-shown) :where([data-chart=scatter] .tablechart-categories span),:where([data-animate][data-steps].is-shown) :where(.tablechart-head),:where([data-animate][data-steps].is-shown) :where(.tablechart-badge),:where([data-animate][data-steps].is-shown) :where(.tablechart-centre),:where([data-animate][data-steps].is-shown) :where(.tablechart-point),:where([data-animate][data-steps].is-shown) :where(.tablechart-hole){opacity:clamp(0, var(--_step,0) - var(--step,-1), 1)}:where([data-animate][data-steps].is-shown) :where(.tablechart-leader),:where([data-animate][data-steps].is-shown) :where(.tablechart-break[data-part=edge]){stroke-opacity:clamp(0, var(--_step,0) - var(--step,-1), 1)}:where([data-animate][data-steps].is-shown) :where(.tablechart-line){stroke-dashoffset:calc(var(--len) * (1 - clamp(0, var(--_step,0) - var(--step,-1), 1)))}:where([data-animate][data-steps].is-shown) :where(.tablechart-connector){clip-path:inset(-10px calc((1 - clamp(0, var(--_step,0) - var(--step,-1), 1)) * (100% + 20px) - 10px) -10px -10px)}:where([data-animate][data-steps].is-shown) :where(.tablechart-series),:where([data-animate][data-steps].is-shown) :where(.tablechart-area-fill>*){clip-path:inset(-10px calc((1 - var(--reveal,0)) * (100% + 20px) - 10px) -10px -10px)}:where([data-animate][data-steps].is-shown) :where(.tablechart-slice){stroke-dasharray:calc(var(--arc) * clamp(0, var(--_step,0) - var(--step,-1), 1)) calc(var(--circ) - var(--arc) * clamp(0, var(--_step,0) - var(--step,-1), 1))}}:where(.tablechart-controls){justify-content:var(--tablechart-control-justify,space-between);margin-top:var(--tablechart-control-gap,.75em);align-items:center;gap:.5em;display:flex}:where(.tablechart-controls) :where(button){padding:var(--tablechart-control-padding,.3em .7em);border:var(--tablechart-control-border,1px solid color-mix(in oklab, currentColor 30%, transparent));border-radius:var(--tablechart-control-radius,.4em);background:var(--tablechart-control-surface,none);color:inherit;font:inherit;cursor:pointer;align-items:center;gap:.35em;display:inline-flex}:where(.tablechart-controls) :where(button:disabled){opacity:.35;cursor:default}:where(.tablechart-controls) :where(.tablechart-control-icon svg){fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:.8em;height:.8em;display:block}@media print{:where([data-steps]){--_step:999!important}:where([data-steps] [data-from]){--reveal:1!important}:where(.tablechart-controls){display:none}}.tablechart-plot[data-hover]{cursor:default}.tablechart-plot[data-hover] :where(.tablechart-value){-webkit-user-select:none;user-select:none}.tablechart-tooltip{pointer-events:auto;text-align:start;z-index:1000;box-sizing:border-box;min-width:7em;max-width:min(18em,100vw - 16px);padding:var(--tablechart-tooltip-padding,.45em .7em);border:var(--tablechart-tooltip-border,1px solid color-mix(in oklab, currentColor 28%, transparent));border-radius:var(--tablechart-tooltip-radius,.4em);background:var(--tablechart-tooltip-surface,light-dark(#fff,oklch(from var(--tablechart-surface,Canvas) calc(l + .06) c h)));color:var(--tablechart-tooltip-color,var(--_color,CanvasText));box-shadow:var(--tablechart-tooltip-shadow,0 1px 3px #0000001f, 0 6px 18px #0000002e);line-height:1.35;position:fixed;top:0;left:0}.tablechart-tooltip[hidden]{display:none}.tablechart-tooltip-title{font-weight:600}.tablechart-tooltip-line{align-items:baseline;gap:.45em;display:flex}.tablechart-tooltip-name,.tablechart-tooltip-title{min-width:0}.tablechart-tooltip-note{max-width:16em;margin-top:.3em;font-style:italic}.tablechart-tooltip-value{white-space:nowrap;font-variant-numeric:tabular-nums;flex:none;margin-left:auto;padding-left:1em}.tablechart-tooltip-key{border-radius:50%;flex:none;align-self:center;width:.6em;height:.6em}.tablechart-tooltip-key[data-sample=line]{width:1.6em;height:.8em;mask-image:var(--_line), var(--_mark,none);border-radius:0;mask-position:50%;mask-size:contain;mask-repeat:no-repeat}.tablechart-tooltip-key[data-sample=box]{border-radius:.15em;width:.7em;height:.7em}.tablechart-tooltip-arrow{border:inherit;background:inherit;width:.6em;height:.6em;position:absolute;transform:translate(-50%,-50%)rotate(45deg)}[data-side=top]>.tablechart-tooltip-arrow{border-top-color:#0000;border-left-color:#0000;top:100%}[data-side=bottom]>.tablechart-tooltip-arrow{border-bottom-color:#0000;border-right-color:#0000;top:0}@media print{.tablechart-tooltip,:where(.tablechart,[data-chart]) :where(table,.chart-annotations){display:none}:where(.tablechart-plot){break-inside:avoid;page-break-inside:avoid}:where(.tablechart,[data-chart])>:where(figcaption){break-after:avoid;page-break-after:avoid}:where(.tablechart-categories,.tablechart-legend){break-before:avoid;page-break-before:avoid}[data-table=print]>:where(table),[data-table=always]>:where(table),[data-table=auto][data-left-out]:not([data-long])>:where(table){clip-path:none;display:table;position:static}[data-summary=print]>:where(.chart-summary),[data-summary=always]>:where(.chart-summary),[data-summary=auto][data-left-out]:not([data-table=print],[data-table=always],[data-table=auto]:not([data-long]))>:where(.chart-summary){clip-path:none;margin-top:var(--tablechart-summary-gap,1.5em);position:static}}.is-printing,.is-printing *,.is-printing :before,.is-printing :after,.is-at-once,.is-at-once *,.is-at-once :before,.is-at-once :after{transition:none!important;animation:none!important}
|
|
1
|
+
:root{--cssimported-tablechart:true}.tablechart,:where([data-chart]){margin:var(--tablechart-margin,0);color:var(--tablechart-color,currentColor);font-size:var(--tablechart-font-size,1em);line-height:var(--tablechart-line-height,1.25)}.tablechart :where(figcaption),:where([data-chart]) :where(figcaption){margin-bottom:var(--tablechart-caption-gap,.5em);text-align:var(--tablechart-caption-align,left)}.tablechart,:where([data-chart]){position:relative}.tablechart :where(table),.tablechart :where(.chart-annotations),.tablechart :where(.chart-summary),:where([data-chart]) :where(table),:where([data-chart]) :where(.chart-annotations),:where([data-chart]) :where(.chart-summary){inset-inline:0;clip-path:inset(50%);margin:0;position:absolute;top:0}.tablechart[data-summary=always]>:where(.chart-summary),:where([data-chart])[data-summary=always]>:where(.chart-summary){clip-path:none;margin-top:var(--tablechart-summary-gap,1.5em);position:static}.tablechart[data-table]>:where(table),:where([data-chart])[data-table]>:where(table){border-collapse:collapse;margin-top:.75em}.tablechart[data-table]>:where(table) :where(th,td),:where([data-chart])[data-table]>:where(table) :where(th,td){text-align:start;padding:.2em 1.25em .2em 0}.tablechart[data-table]>:where(table) :where(td,thead th:not(:first-child)),:where([data-chart])[data-table]>:where(table) :where(td,thead th:not(:first-child)){text-align:end;font-variant-numeric:tabular-nums}.tablechart[data-table=always]>:where(table),:where([data-chart])[data-table=always]>:where(table){clip-path:none;position:static}@media (scripting:none){.tablechart :where(table),.tablechart :where(.chart-annotations),:where([data-chart]) :where(table),:where([data-chart]) :where(.chart-annotations){clip-path:none;position:static}.tablechart :where(.chart-summary),:where([data-chart]) :where(.chart-summary){display:none}}@media (scripting:enabled){.tablechart:where(:not([data-chart-empty]):not(:has(>.tablechart-plot))):after,:where([data-chart]):where(:not([data-chart-empty]):not(:has(>.tablechart-plot))):after{content:"";height:0;padding-top:max(var(--tablechart-min-height,200px), var(--_room,.38) * 100%);padding-bottom:1.5em;display:block}.tablechart :where(.tablechart-plot:not(.is-placed)),:where([data-chart]) :where(.tablechart-plot:not(.is-placed)){height:0;padding-top:max(var(--tablechart-min-height,200px), var(--_room,.38) * 100%);overflow:hidden}}:where([data-chart=donut]){--_room:.66}:where([data-chart=bar]){--_room:.5}:where([data-chart=scatter]){--_room:.62}.tablechart-plot{position:relative}.tablechart-plot :where(svg){width:100%;height:auto;display:block;overflow:visible}.tablechart-plot:not(.is-placed) :where(.tablechart-value,.tablechart-badge,.tablechart-name){visibility:hidden}.tablechart-sr{white-space:nowrap;clip-path:inset(50%);width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.tablechart-value{white-space:nowrap;font-size:var(--tablechart-value-size,calc(var(--tablechart-name-size,.95em) * 1.3));position:absolute;transform:translate(-50%,-100%)}.tablechart-value[data-place=outside]{color:var(--tablechart-value-color,currentColor)}.tablechart-value:where([data-place=outside],[data-place=below]) :where(.tablechart-minus){position:absolute;right:100%}.tablechart-value[data-place=inside]{color:var(--tablechart-bar-value-color,var(--_ink,oklch(from var(--tablechart-bar-color,currentColor) clamp(0, (.564 - l) * 1000, 1) 0 0)));transform:translate(-50%,-50%)}.tablechart-value[data-place=around]{color:var(--tablechart-value-color,currentColor);transform:translate(-50%,-50%)}.tablechart-value[data-place=below]{color:var(--tablechart-value-color,currentColor);transform:translate(-50%)}.tablechart-value[data-place=middle]{color:var(--tablechart-value-color,currentColor);transform:translate(-50%,-50%)}.tablechart-value[data-place=after]{color:var(--tablechart-value-color,currentColor);transform:translateY(-50%)}.tablechart-value[data-place=before]{color:var(--tablechart-value-color,currentColor);transform:translate(-100%,-50%)}.tablechart-value[data-place=none]{display:none}.tablechart-value[data-left-out]{visibility:hidden}.tablechart-value[data-place=inside][data-kind=up]{color:var(--tablechart-up-value-color,var(--_ink,oklch(from var(--tablechart-up-color,var(--tablechart-bar-color,currentColor)) clamp(0, (.564 - l) * 1000, 1) 0 0)))}.tablechart-value[data-place=inside][data-kind=down]{color:var(--tablechart-down-value-color,var(--_ink,oklch(from var(--tablechart-down-color,var(--tablechart-bar-color,currentColor)) clamp(0, (.564 - l) * 1000, 1) 0 0)))}.tablechart-value[data-place=inside][data-series]{color:var(--tablechart-piece-value-color,var(--_ink,oklch(from var(--tablechart-series-own-color,color-mix(in oklab, var(--palette,var(--_series-range,color-mix(in oklab, var(--tablechart-series-color,var(--tablechart-series-color-start,var(--tablechart-bar-color,currentColor))) max(var(--tablechart-series-min,40%), calc((100% - var(--n,0) * min(var(--tablechart-series-fade,30%), calc((100% - var(--tablechart-series-min,40%)) / max(var(--_series-count,2) - 1, 1)))) * (1 - var(--m,0)) + var(--m,0) * 100%)), var(--tablechart-surface,var(--_surface,Canvas))))) calc(100% - var(--m,0) * (100% - var(--tablechart-series-muted-share,45%))), var(--tablechart-surface,var(--_surface,Canvas)))) clamp(0, (.564 - l) * 1000, 1) 0 0)))}.tablechart-value[data-place=inside][data-kind=total]{color:var(--tablechart-total-value-color,var(--_ink,oklch(from var(--tablechart-total-color,var(--tablechart-bar-color,currentColor)) clamp(0, (.564 - l) * 1000, 1) 0 0)))}.tablechart-name{white-space:nowrap;font-size:var(--tablechart-name-size,.95em);color:var(--tablechart-series-own-color,color-mix(in oklab, var(--palette,var(--_series-range,color-mix(in oklab, var(--tablechart-series-color,var(--tablechart-series-color-start,var(--tablechart-bar-color,currentColor))) max(var(--tablechart-series-min,40%), calc((100% - var(--n,0) * min(var(--tablechart-series-fade,30%), calc((100% - var(--tablechart-series-min,40%)) / max(var(--_series-count,2) - 1, 1)))) * (1 - var(--m,0)) + var(--m,0) * 100%)), var(--tablechart-surface,var(--_surface,Canvas))))) calc(100% - var(--m,0) * (100% - var(--tablechart-series-muted-share,45%))), var(--tablechart-surface,var(--_surface,Canvas))));position:absolute;transform:translateY(-50%)}.tablechart-legend{box-sizing:border-box;width:fit-content;max-width:100%;padding:var(--tablechart-legend-padding,0);border:var(--tablechart-legend-border,none);border-radius:var(--tablechart-legend-radius,0);background:var(--tablechart-legend-surface,none);margin-inline:auto;margin-top:var(--tablechart-legend-gap,.6em);font-size:var(--tablechart-name-size,.95em);flex-wrap:wrap;justify-content:center;gap:.3em 1.2em;display:flex}.tablechart-name[data-place=legend]{color:inherit;font-size:inherit;position:static;transform:none}.tablechart-name[data-place=legend]:before{content:"";vertical-align:-.05em;background:var(--tablechart-series-own-color,color-mix(in oklab, var(--palette,var(--_series-range,color-mix(in oklab, var(--tablechart-series-color,var(--tablechart-series-color-start,var(--tablechart-bar-color,currentColor))) max(var(--tablechart-series-min,40%), calc((100% - var(--n,0) * min(var(--tablechart-series-fade,30%), calc((100% - var(--tablechart-series-min,40%)) / max(var(--_series-count,2) - 1, 1)))) * (1 - var(--m,0)) + var(--m,0) * 100%)), var(--tablechart-surface,var(--_surface,Canvas))))) calc(100% - var(--m,0) * (100% - var(--tablechart-series-muted-share,45%))), var(--tablechart-surface,var(--_surface,Canvas))));width:1.6em;height:.8em;mask-image:var(--_line), var(--_mark,none);margin-right:.4em;display:inline-block;mask-position:50%;mask-size:contain;mask-repeat:no-repeat}.tablechart-name[data-place=legend][data-swatch=box]:before{vertical-align:-.05em;background:var(--tablechart-series-own-color,color-mix(in oklab, var(--palette,var(--_series-range,color-mix(in oklab, var(--tablechart-series-color,var(--tablechart-series-color-start,var(--tablechart-bar-color,currentColor))) max(var(--tablechart-series-min,40%), calc((100% - var(--n,0) * min(var(--tablechart-series-fade,30%), calc((100% - var(--tablechart-series-min,40%)) / max(var(--_series-count,2) - 1, 1)))) * (1 - var(--m,0)) + var(--m,0) * 100%)), var(--tablechart-surface,var(--_surface,Canvas))))) calc(100% - var(--m,0) * (100% - var(--tablechart-series-muted-share,45%))), var(--tablechart-surface,var(--_surface,Canvas))));border-radius:.15em;width:.7em;height:.7em;mask:none}.tablechart-name[data-place=legend],.tablechart-tooltip-key[data-sample]{--_line:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 12' fill='none' stroke='white' stroke-width='1.6' stroke-linecap='round'%3E%3Cpath d='M0 6H24'/%3E%3C/svg%3E")}.tablechart-name[data-place=legend][data-line=dashed],.tablechart-tooltip-key[data-sample][data-line=dashed]{--_line:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 12' fill='none' stroke='white' stroke-width='1.6' stroke-linecap='round'%3E%3Cpath d='M0 6H24' stroke-dasharray='4 2.5' stroke-linecap='butt'/%3E%3C/svg%3E")}.tablechart-name[data-place=legend][data-line=dotted],.tablechart-tooltip-key[data-sample][data-line=dotted]{--_line:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 12' fill='none' stroke='white' stroke-width='1.6' stroke-linecap='round'%3E%3Cpath d='M0 6H24' stroke-dasharray='0 3'/%3E%3C/svg%3E")}.tablechart-name[data-place=legend][data-marker=circle],.tablechart-tooltip-key[data-sample][data-marker=circle]{--_mark:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 12' fill='none' stroke='white' stroke-width='1.6' stroke-linecap='round'%3E%3Ccircle cx='12' cy='6' r='3.4' fill='white'/%3E%3C/svg%3E")}.tablechart-name[data-place=legend][data-marker=circle][data-open],.tablechart-tooltip-key[data-sample][data-marker=circle][data-open]{--_mark:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 12' fill='none' stroke='white' stroke-width='1.6' stroke-linecap='round'%3E%3Ccircle cx='12' cy='6' r='3.4'/%3E%3C/svg%3E");--_line:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 12' fill='none' stroke='white' stroke-width='1.6' stroke-linecap='round'%3E%3Cpath d='M0 6H8.6 M15.4 6H24'/%3E%3C/svg%3E")}.tablechart-name[data-place=legend][data-marker=circle][data-open][data-line=dashed],.tablechart-tooltip-key[data-sample][data-marker=circle][data-open][data-line=dashed]{--_line:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 12' fill='none' stroke='white' stroke-width='1.6' stroke-linecap='round'%3E%3Cpath d='M0 6H8.6 M15.4 6H24' stroke-dasharray='4 2.5' stroke-linecap='butt'/%3E%3C/svg%3E")}.tablechart-name[data-place=legend][data-marker=circle][data-open][data-line=dotted],.tablechart-tooltip-key[data-sample][data-marker=circle][data-open][data-line=dotted]{--_line:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 12' fill='none' stroke='white' stroke-width='1.6' stroke-linecap='round'%3E%3Cpath d='M0 6H8.6 M15.4 6H24' stroke-dasharray='0 3'/%3E%3C/svg%3E")}.tablechart-name[data-place=legend][data-marker=square],.tablechart-tooltip-key[data-sample][data-marker=square]{--_mark:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 12' fill='none' stroke='white' stroke-width='1.6' stroke-linecap='round'%3E%3Crect x='9' y='3' width='6' height='6' stroke-linecap='butt' fill='white'/%3E%3C/svg%3E")}.tablechart-name[data-place=legend][data-marker=square][data-open],.tablechart-tooltip-key[data-sample][data-marker=square][data-open]{--_mark:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 12' fill='none' stroke='white' stroke-width='1.6' stroke-linecap='round'%3E%3Crect x='9' y='3' width='6' height='6' stroke-linecap='butt'/%3E%3C/svg%3E");--_line:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 12' fill='none' stroke='white' stroke-width='1.6' stroke-linecap='round'%3E%3Cpath d='M0 6H9 M15 6H24'/%3E%3C/svg%3E")}.tablechart-name[data-place=legend][data-marker=square][data-open][data-line=dashed],.tablechart-tooltip-key[data-sample][data-marker=square][data-open][data-line=dashed]{--_line:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 12' fill='none' stroke='white' stroke-width='1.6' stroke-linecap='round'%3E%3Cpath d='M0 6H9 M15 6H24' stroke-dasharray='4 2.5' stroke-linecap='butt'/%3E%3C/svg%3E")}.tablechart-name[data-place=legend][data-marker=square][data-open][data-line=dotted],.tablechart-tooltip-key[data-sample][data-marker=square][data-open][data-line=dotted]{--_line:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 12' fill='none' stroke='white' stroke-width='1.6' stroke-linecap='round'%3E%3Cpath d='M0 6H9 M15 6H24' stroke-dasharray='0 3'/%3E%3C/svg%3E")}.tablechart-name[data-place=legend][data-marker=diamond],.tablechart-tooltip-key[data-sample][data-marker=diamond]{--_mark:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 12' fill='none' stroke='white' stroke-width='1.6' stroke-linecap='round'%3E%3Cpolygon points='12,1.9 16.1,6 12,10.1 7.9,6' fill='white'/%3E%3C/svg%3E")}.tablechart-name[data-place=legend][data-marker=diamond][data-open],.tablechart-tooltip-key[data-sample][data-marker=diamond][data-open]{--_mark:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 12' fill='none' stroke='white' stroke-width='1.6' stroke-linecap='round'%3E%3Cpolygon points='12,1.9 16.1,6 12,10.1 7.9,6'/%3E%3C/svg%3E");--_line:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 12' fill='none' stroke='white' stroke-width='1.6' stroke-linecap='round'%3E%3Cpath d='M0 6H7.9 M16.1 6H24'/%3E%3C/svg%3E")}.tablechart-name[data-place=legend][data-marker=diamond][data-open][data-line=dashed],.tablechart-tooltip-key[data-sample][data-marker=diamond][data-open][data-line=dashed]{--_line:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 12' fill='none' stroke='white' stroke-width='1.6' stroke-linecap='round'%3E%3Cpath d='M0 6H7.9 M16.1 6H24' stroke-dasharray='4 2.5' stroke-linecap='butt'/%3E%3C/svg%3E")}.tablechart-name[data-place=legend][data-marker=diamond][data-open][data-line=dotted],.tablechart-tooltip-key[data-sample][data-marker=diamond][data-open][data-line=dotted]{--_line:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 12' fill='none' stroke='white' stroke-width='1.6' stroke-linecap='round'%3E%3Cpath d='M0 6H7.9 M16.1 6H24' stroke-dasharray='0 3'/%3E%3C/svg%3E")}.tablechart-name[data-place=legend][data-line=none]{--_line:none}.tablechart-name[data-place=legend][data-line=none][data-marker=triangle]{--_mark:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 12'%3E%3Cpolygon points='12,1.6 16.4,9.6 7.6,9.6' fill='white'/%3E%3C/svg%3E")}.tablechart-name[data-place=legend][data-line=none][data-marker=size]{--_mark:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 12' fill='none' stroke='white' stroke-width='1.4'%3E%3Ccircle cx='6' cy='8' r='2.6'/%3E%3Ccircle cx='15.5' cy='6' r='4.8'/%3E%3C/svg%3E")}.tablechart-tick,.tablechart-axis-title{white-space:nowrap;font-size:var(--tablechart-axis-size,var(--tablechart-name-size,.95em));color:var(--tablechart-axis-text-color,inherit);position:absolute}.tablechart-tick[data-place=below]{transform:translate(-50%)}.tablechart-tick[data-place=before]{transform:translate(-100%,-50%)}.tablechart-tick[data-place=none]{display:none}.tablechart-axis-title{transform:translate(-50%)}.tablechart-axis-title[data-axis=y]{writing-mode:vertical-rl;transform:translateY(-50%)rotate(180deg)}.tablechart-categories :where(span[data-kind=total]){display:none}.tablechart-categories :where(span[data-kind=slice]):before{content:"";width:var(--tablechart-legend-key-size,.6em);height:var(--tablechart-legend-key-size,.6em);background:var(--palette,var(--_slice-range,color-mix(in oklab, var(--tablechart-slice-color,var(--tablechart-slice-color-start,currentColor)) max(var(--tablechart-slice-min,20%), calc(100% - var(--n) * var(--tablechart-slice-fade,15%))), var(--tablechart-surface,var(--_surface,Canvas)))));border-radius:50%;margin-right:.4em;display:inline-block}.tablechart-categories[data-place=key]{box-sizing:border-box;width:fit-content;max-width:100%;padding:var(--tablechart-legend-padding,0);border:var(--tablechart-legend-border,none);border-radius:var(--tablechart-legend-radius,0);background:var(--tablechart-legend-surface,none);flex-wrap:wrap;justify-content:center;gap:.3em 1.2em;margin-inline:auto;display:flex}.tablechart-categories[data-place=key] :where(span){white-space:nowrap;padding:0}.tablechart-categories[data-place=beside]{pointer-events:none;margin:0;display:block;position:absolute;inset:0}.tablechart-categories[data-place=beside] :where(span){text-align:right;width:max-content;max-width:min(var(--tablechart-name-max,40%), var(--_beside,100%));text-wrap:balance;hyphens:auto;hyphenate-limit-chars:6 3 3;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;overflow-wrap:break-word;min-width:min-content;padding:0;position:absolute;transform:translate(-100%,-50%)}.tablechart-categories{grid-template-columns:repeat(var(--_columns,1), minmax(0, 1fr));margin-top:var(--tablechart-name-gap,.45em);display:grid}.tablechart-categories :where(span){color:var(--tablechart-name-color,inherit);text-align:center;padding:var(--tablechart-name-padding,0 .2em);font-size:calc(var(--tablechart-name-size,.95em) * var(--_name-fit,1));hyphens:manual;overflow-wrap:normal}.tablechart-categories[data-thinned] :where(span){white-space:nowrap;justify-self:center;width:max-content}.tablechart-categories[data-thinned] :where(span[data-edge=start]){justify-self:start}.tablechart-categories[data-thinned] :where(span[data-edge=end]){justify-self:end}.tablechart-categories :where(span[data-left-out]){visibility:hidden}.tablechart-categories[data-ticks] :where(span:not([data-left-out])){position:relative}.tablechart-categories[data-ticks] :where(span:not([data-left-out])):before{content:"";bottom:100%;left:var(--_tick,50%);width:var(--tablechart-tick-width,var(--tablechart-grid-width,1px));height:var(--tablechart-tick-length,calc(var(--tablechart-name-gap,.45em) + var(--_tick-reach,0px)));background:var(--tablechart-tick-color,color-mix(in oklab, var(--tablechart-grid-color,currentColor) calc(var(--tablechart-tick-opacity,.22) * 100%), transparent));position:absolute;transform:translate(-50%)}:where([data-chart=scatter]) .tablechart-categories[data-place=beside] :where(span){text-align:left;max-width:12em;transform:none}:where([data-chart=scatter]) .tablechart-categories[data-place=beside] :where(span)[data-side=left]{text-align:right}:where([data-chart=scatter]) .tablechart-categories[data-place=beside] :where(span):is([data-side=above],[data-side=below]){text-align:center}:where([data-chart=scatter]) .tablechart-categories[data-place=beside] :where(span)[data-left-out]{visibility:hidden}:where([data-chart=scatter]) .tablechart-categories[data-place=beside] :where(span)[data-more]:after{content:" +" attr(data-more)}.tablechart-bar{fill:var(--tablechart-bar-color,currentColor)}.tablechart-bar[data-kind=up]{fill:var(--tablechart-up-color,var(--tablechart-bar-color,currentColor))}.tablechart-bar[data-kind=down]{fill:var(--tablechart-down-color,var(--tablechart-bar-color,currentColor))}.tablechart-bar[data-kind=total]{fill:var(--tablechart-total-color,var(--tablechart-bar-color,currentColor))}.tablechart-bar[data-series],.tablechart-piece{fill:var(--tablechart-series-own-color,color-mix(in oklab, var(--palette,var(--_series-range,color-mix(in oklab, var(--tablechart-series-color,var(--tablechart-series-color-start,var(--tablechart-bar-color,currentColor))) max(var(--tablechart-series-min,40%), calc((100% - var(--n,0) * min(var(--tablechart-series-fade,30%), calc((100% - var(--tablechart-series-min,40%)) / max(var(--_series-count,2) - 1, 1)))) * (1 - var(--m,0)) + var(--m,0) * 100%)), var(--tablechart-surface,var(--_surface,Canvas))))) calc(100% - var(--m,0) * (100% - var(--tablechart-series-muted-share,45%))), var(--tablechart-surface,var(--_surface,Canvas))))}.tablechart-plot[data-grouped] :where(.tablechart-value){font-size:calc(var(--tablechart-value-group-size,.95em) * var(--_fit,1))}.tablechart-rule{stroke:var(--tablechart-baseline-color,currentColor);stroke-width:var(--tablechart-baseline-width,1px);opacity:var(--tablechart-baseline-opacity,.45);vector-effect:non-scaling-stroke}.tablechart-connector{stroke:var(--tablechart-connector-color,currentColor);stroke-width:var(--tablechart-connector-width,1px);stroke-dasharray:var(--tablechart-connector-dash,2 3);opacity:var(--tablechart-connector-opacity,.55);fill:none;vector-effect:non-scaling-stroke}.tablechart-series{stroke:var(--tablechart-series-own-color,color-mix(in oklab, var(--palette,var(--_series-range,color-mix(in oklab, var(--tablechart-series-color,var(--tablechart-series-color-start,var(--tablechart-bar-color,currentColor))) max(var(--tablechart-series-min,40%), calc((100% - var(--n,0) * min(var(--tablechart-series-fade,30%), calc((100% - var(--tablechart-series-min,40%)) / max(var(--_series-count,2) - 1, 1)))) * (1 - var(--m,0)) + var(--m,0) * 100%)), var(--tablechart-surface,var(--_surface,Canvas))))) calc(100% - var(--m,0) * (100% - var(--tablechart-series-muted-share,45%))), var(--tablechart-surface,var(--_surface,Canvas))));stroke-width:var(--tablechart-series-width,2px);stroke-linecap:round;fill:none;vector-effect:non-scaling-stroke}.tablechart-area{fill:var(--tablechart-area-color,var(--tablechart-series-own-color,color-mix(in oklab, var(--palette,var(--_series-range,color-mix(in oklab, var(--tablechart-series-color,var(--tablechart-series-color-start,var(--tablechart-bar-color,currentColor))) max(var(--tablechart-series-min,40%), calc((100% - var(--n,0) * min(var(--tablechart-series-fade,30%), calc((100% - var(--tablechart-series-min,40%)) / max(var(--_series-count,2) - 1, 1)))) * (1 - var(--m,0)) + var(--m,0) * 100%)), var(--tablechart-surface,var(--_surface,Canvas))))) calc(100% - var(--m,0) * (100% - var(--tablechart-series-muted-share,45%))), var(--tablechart-surface,var(--_surface,Canvas)))));opacity:var(--tablechart-area-opacity,.25)}.tablechart-area[data-muted]{opacity:calc(var(--tablechart-area-opacity,.25) / 2)}.tablechart-area[data-stacked]{opacity:var(--tablechart-area-opacity,.5)}.tablechart-area[data-stacked][data-muted]{opacity:calc(var(--tablechart-area-opacity,.5) / 2)}.tablechart-series[data-line=dashed]{stroke-dasharray:var(--tablechart-series-dash,6 4)}.tablechart-series[data-line=dotted]{stroke-dasharray:var(--tablechart-series-dot,0 4)}.tablechart-point{fill:var(--tablechart-point-color,var(--tablechart-series-own-color,color-mix(in oklab, var(--palette,var(--_series-range,color-mix(in oklab, var(--tablechart-series-color,var(--tablechart-series-color-start,var(--tablechart-bar-color,currentColor))) max(var(--tablechart-series-min,40%), calc((100% - var(--n,0) * min(var(--tablechart-series-fade,30%), calc((100% - var(--tablechart-series-min,40%)) / max(var(--_series-count,2) - 1, 1)))) * (1 - var(--m,0)) + var(--m,0) * 100%)), var(--tablechart-surface,var(--_surface,Canvas))))) calc(100% - var(--m,0) * (100% - var(--tablechart-series-muted-share,45%))), var(--tablechart-surface,var(--_surface,Canvas)))))}.tablechart-point[data-open]{fill:none;stroke:var(--tablechart-point-color,var(--tablechart-series-own-color,color-mix(in oklab, var(--palette,var(--_series-range,color-mix(in oklab, var(--tablechart-series-color,var(--tablechart-series-color-start,var(--tablechart-bar-color,currentColor))) max(var(--tablechart-series-min,40%), calc((100% - var(--n,0) * min(var(--tablechart-series-fade,30%), calc((100% - var(--tablechart-series-min,40%)) / max(var(--_series-count,2) - 1, 1)))) * (1 - var(--m,0)) + var(--m,0) * 100%)), var(--tablechart-surface,var(--_surface,Canvas))))) calc(100% - var(--m,0) * (100% - var(--tablechart-series-muted-share,45%))), var(--tablechart-surface,var(--_surface,Canvas)))));stroke-width:var(--tablechart-series-width,2px);vector-effect:non-scaling-stroke}:where([data-chart=scatter]) .tablechart-point{stroke:var(--tablechart-surface,var(--_surface,Canvas));stroke-width:calc(2 * var(--tablechart-marker-gap,2px));stroke-linejoin:round;paint-order:stroke;vector-effect:non-scaling-stroke}.tablechart-axis{fill:none;stroke:var(--tablechart-axis-color,color-mix(in oklab, currentColor 55%, transparent));stroke-width:var(--tablechart-axis-width,1px);vector-effect:non-scaling-stroke}.tablechart-grid{fill:none;stroke:var(--tablechart-grid-color,currentColor);stroke-width:var(--tablechart-grid-width,1px);opacity:var(--tablechart-grid-opacity,.09);vector-effect:non-scaling-stroke}:where(.tablechart-grid[data-gap],.tablechart-quadrant[data-gap]){stroke-opacity:0}.tablechart-slice{fill:none;stroke:var(--palette,var(--_slice-range,color-mix(in oklab, var(--tablechart-slice-color,var(--tablechart-slice-color-start,currentColor)) max(var(--tablechart-slice-min,20%), calc(100% - var(--n) * var(--tablechart-slice-fade,15%))), var(--tablechart-surface,var(--_surface,Canvas)))))}.tablechart-divide{stroke:#000;stroke-width:var(--tablechart-slice-gap,4);fill:none}.tablechart-leader{stroke:var(--tablechart-leader-color,currentColor);stroke-width:var(--tablechart-leader-width,1px);opacity:var(--tablechart-leader-opacity,.45);fill:none;vector-effect:non-scaling-stroke}.tablechart-centre{white-space:nowrap;text-align:center;font-size:var(--tablechart-centre-size,1.6em);color:var(--tablechart-centre-color,currentColor);position:absolute;transform:translate(-50%,-50%)}.tablechart-break[data-part=edge]{fill:none;stroke:var(--tablechart-break-color,currentColor);stroke-width:var(--tablechart-break-width,1px);opacity:var(--tablechart-break-opacity,1);stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}:where([data-series-range]) *{--_series-range:color-mix(in oklab, var(--tablechart-series-color,var(--tablechart-series-color-start,var(--tablechart-bar-color,currentColor))) calc(100% - var(--n,0) / max(var(--_series-count,2) - 1, 1) * 100%), var(--tablechart-series-color-end))}:where([data-slice-range]) *{--_slice-range:color-mix(in oklab, var(--tablechart-slice-color,var(--tablechart-slice-color-start,currentColor)) calc(100% - var(--n,0) / max(var(--_slice-count,2) - 1, 1) * 100%), var(--tablechart-slice-color-end))}.tablechart-line{stroke:var(--tablechart-annotation-color,currentColor);stroke-width:var(--tablechart-annotation-width,1.25px);fill:none;stroke-linecap:butt;stroke-linejoin:miter;vector-effect:non-scaling-stroke}.tablechart-reference{fill:none;stroke:var(--tablechart-annotation-color,currentColor);stroke-width:var(--tablechart-annotation-width,1.25px);stroke-dasharray:6 4;vector-effect:non-scaling-stroke}.tablechart-reference[data-line=dotted]{stroke-dasharray:0 4;stroke-linecap:round}.tablechart-quadrant{fill:none;stroke:var(--tablechart-quadrant-color,var(--tablechart-annotation-color,currentColor));stroke-width:var(--tablechart-quadrant-width,1.5px);stroke-dasharray:var(--tablechart-quadrant-dash,6 4);opacity:var(--tablechart-quadrant-opacity,.7);vector-effect:non-scaling-stroke}.tablechart-quadrant-name{color:var(--tablechart-quadrant-name-color,color-mix(in oklab, currentColor 60%, transparent));font-size:var(--tablechart-quadrant-name-size,.85em);font-weight:var(--tablechart-quadrant-name-weight,600);white-space:nowrap;pointer-events:none;position:absolute}.tablechart-quadrant-name[data-corner~=right]{transform:translate(-100%)}.tablechart-quadrant-name[data-corner~=bottom]{transform:translateY(-100%)}.tablechart-quadrant-name[data-corner~=bottom][data-corner~=right]{transform:translate(-100%,-100%)}.tablechart-badge[data-kind=reference]{white-space:nowrap;border:0;border-radius:0;padding:.2em .4em}.tablechart-head{fill:var(--tablechart-annotation-color,currentColor)}.tablechart-badge{background:var(--tablechart-badge-surface,none);color:var(--tablechart-annotation-color,currentColor);border:var(--tablechart-badge-border-width,1px) solid currentColor;border-radius:var(--tablechart-badge-radius,.4em);padding:var(--tablechart-badge-padding,.4em .8em);white-space:nowrap;line-height:1;position:absolute;transform:translate(-50%,-50%)}.tablechart-badge :where(.tablechart-caption){color:var(--tablechart-color,currentColor);background:0 0;border:0;position:absolute;bottom:calc(100% + .45em);left:50%;transform:translate(-50%)}@media screen{:where([data-animate],[data-animate] .tablechart-plot){--_speed:var(--tablechart-animation-speed,1);--_el:calc(var(--tablechart-animation-element-duration,.4s) / var(--_speed));--_max:calc(var(--tablechart-animation-max,2s) / var(--_speed));--_min:calc(var(--tablechart-animation-min,.5s) / var(--_speed));--_r:calc(var(--tablechart-animation-stagger,.25) * var(--_factor,1));--_dur:min(max(var(--_el), calc(var(--_min) / (1 + (var(--count,1) - 1) * var(--_r)))), calc(var(--_max) / (1 + var(--_keep,0) * (var(--count,1) - 1) * var(--_r))));--_stg:min(calc(var(--_r) * var(--_dur)), max(0s, calc((var(--_max) - var(--_dur)) / max(var(--count,1) - 1, 1))));--_fade:min(var(--_dur), calc(var(--_max) / 4), calc(.6s / var(--_speed)));--_ease:var(--tablechart-animation-ease,ease-in-out);--_build:min(calc(.6 * var(--count,1) * var(--_dur)), calc(var(--_max) - var(--_fade)));--_steptime:min(calc(.65 * var(--_dur)), calc(var(--_max) / (var(--count,1) - .08)));--_rise:min(calc(var(--_el) * 1.6), calc(var(--_max) - var(--_fade)));--_ring:calc(var(--_dur) + (var(--count,1) - 1) * var(--_stg))}:where([data-animate]) :where(.tablechart-bar){transform-box:fill-box;transform-origin:bottom;transition:transform var(--_dur) var(--_ease);transition-delay:calc(var(--i) * var(--_stg));transform:scaleY(0)}:where([data-animate]) :where(.tablechart-bar[data-grow=down]){transform-origin:top}:where([data-animate]) :where(.tablechart-bar[data-grow=right]){transform-origin:0;transform:scaleX(0)}:where([data-animate]) :where(.tablechart-bar[data-grow=left]){transform-origin:100%;transform:scaleX(0)}:where([data-animate]) :where(.tablechart-series){clip-path:inset(-10px calc(100% + 10px) -10px -10px);transition:clip-path calc(var(--d,1) * var(--_stg)) linear;transition-delay:calc(max(var(--i) - 1, 0) * var(--_stg))}:where([data-animate]) :where(.tablechart-area-fill){opacity:0;transition:opacity calc(max(var(--rows) - 1, 1) * var(--_stg)) linear;transition-delay:calc(max(var(--i) - 1, 0) * var(--_stg))}:where([data-animate]) :where(.tablechart-point,.tablechart-hole){opacity:0;transition:opacity var(--_fade) ease;transition-delay:calc(var(--i) * var(--_stg) + .048 * var(--_dur))}:where([data-animate]) :where(.tablechart-hole[data-for=badge]){transition:opacity calc(.3s / var(--_speed)) ease;transition-delay:calc(var(--after) * var(--_stg) + .35s / var(--_speed))}:where([data-animate]) :where([data-chart=scatter] .tablechart-point){transform-box:fill-box;transform-origin:50%;transition:transform var(--_dur) var(--tablechart-marker-ease,var(--_ease)), opacity var(--_fade) ease;transition-delay:calc(var(--i) * var(--_stg));transform:scale(0)}:where([data-animate]) :where(.tablechart-value,.tablechart-name,.tablechart-legend,[data-chart=scatter] .tablechart-categories span,.tablechart-hole[data-for=text]){opacity:0;transition:opacity var(--_fade) ease;transition-delay:calc(var(--i) * var(--_stg) + var(--_lag,.096) * var(--_dur))}:where([data-animate]) :where(.tablechart-grid[data-gap],.tablechart-quadrant[data-gap]){stroke-opacity:1;transition:stroke-opacity var(--_fade) ease;transition-delay:calc(var(--i,0) * var(--_stg) + var(--_lag,.096) * var(--_dur))}:where([data-animate]) :where(.tablechart-grid[data-gap=badge]){transition-delay:calc(var(--after) * var(--_stg) + .35s / var(--_speed))}:where([data-animate]) :where(.tablechart-connector){clip-path:inset(-10px calc(100% + 10px) -10px -10px);transition:clip-path calc(var(--_dur) / 3) linear;transition-delay:calc(var(--i) * var(--_stg))}:where([data-animate]) :where(.tablechart-slice){stroke-dasharray:0 var(--circ);transition:stroke-dasharray var(--_dur) var(--_ease);transition-delay:calc(var(--i) * var(--_stg))}:where([data-animate]) :where(.tablechart-centre){opacity:0;transition:opacity var(--_fade) ease;transition-delay:calc(var(--i,0) * var(--_stg) + .5 * var(--_dur))}:where([data-animate]) :where(.tablechart-leader){stroke-opacity:0;transition:stroke-opacity var(--_fade) ease;transition-delay:calc(var(--i,0) * var(--_stg) + .5 * var(--_dur))}:where([data-animate]) :where([data-chart=donut] .tablechart-value){transition-delay:calc(var(--i,0) * var(--_stg) + .5 * var(--_dur))}:where([data-animate]) :where(.tablechart-break[data-part=edge]){stroke-opacity:0;transition:stroke-opacity calc(.2s / var(--_speed)) ease;transition-delay:calc((var(--after) + .9) * var(--_stg))}:where([data-animate]) :where(.tablechart-line){stroke-dasharray:var(--len);stroke-dashoffset:var(--len);transition:stroke-dashoffset calc(var(--tablechart-annotation-duration,.6s) / var(--_speed)) var(--_ease);transition-delay:calc(var(--after) * var(--_stg))}:where([data-animate]) :where(.tablechart-reference){opacity:0;transition:opacity calc(.3s / var(--_speed)) ease;transition-delay:calc(var(--after) * var(--_stg) + .35s / var(--_speed))}:where([data-animate]) :where(.tablechart-head){opacity:0;transition:opacity calc(.2s / var(--_speed)) ease;transition-delay:calc(var(--after) * var(--_stg) + .55s / var(--_speed))}:where([data-animate]) :where(.tablechart-badge){opacity:0;transition:opacity calc(.3s / var(--_speed)) ease;transition-delay:calc(var(--after) * var(--_stg) + .35s / var(--_speed))}:where([data-animate]:is([data-chart=column],[data-chart=bar])){--_lag:.75}:where([data-animate][data-chart=waterfall]){--_lag:.5}:where([data-chart=waterfall]:not([data-animate=sweep])){--_factor:var(--tablechart-waterfall-stagger-factor,2.4);--_keep:1}:where([data-animate=sweep][data-chart=waterfall]:not([data-steps])) :where(.tablechart-bar,.tablechart-connector){transition-duration:calc(var(--span,1) * var(--_build));transition-timing-function:var(--ease,linear);transition-delay:calc(var(--start,0) * var(--_build))}:where([data-animate=sweep][data-chart=waterfall]:not([data-steps])) :where(.tablechart-value,.tablechart-grid[data-gap],.tablechart-quadrant[data-gap]){transition-delay:calc((var(--start,0) + .5 * var(--span,0)) * var(--_build))}:where([data-animate=sweep][data-chart=waterfall]:not([data-steps])) :where(.tablechart-badge,.tablechart-hole[data-for=badge],.tablechart-grid[data-gap=badge]){transition-delay:calc(var(--_build) + .2s / var(--_speed))}:where([data-animate=sweep][data-chart=waterfall]:not([data-steps])) :where(.tablechart-break[data-part=edge]){transition-delay:calc((var(--start,0) + var(--span,1)) * var(--_build))}:where([data-animate][data-chart=waterfall][data-steps]) :where(.tablechart-bar){transition-duration:calc(.923 * var(--_steptime));transition-delay:calc(var(--i) * var(--_steptime))}:where([data-animate][data-chart=waterfall][data-steps]) :where(.tablechart-connector){transition:clip-path calc(.308 * var(--_steptime)) linear;transition-delay:calc((var(--i) - 1) * var(--_steptime) + calc(.692 * var(--_steptime)))}:where([data-animate][data-chart=waterfall][data-steps]) :where(.tablechart-value,.tablechart-hole[data-for=text]){transition-delay:calc(var(--i) * var(--_steptime) + calc(.923 * var(--_steptime)) * .5)}:where([data-animate][data-chart=waterfall][data-steps]) :where(.tablechart-badge,.tablechart-hole[data-for=badge]){transition-delay:calc(var(--after) * var(--_steptime) + .2s / var(--_speed))}:where([data-animate].is-shown) :where(.tablechart-bar){transform:scaleY(1)}:where([data-animate].is-shown) :where(.tablechart-bar:is([data-grow=right],[data-grow=left])){transform:scaleX(1)}:where([data-animate].is-shown) :where(.tablechart-series){clip-path:inset(-10px)}:where([data-animate].is-shown) :where(.tablechart-point),:where([data-animate].is-shown) :where(.tablechart-hole),:where([data-animate].is-shown) :where(.tablechart-area-fill){opacity:1}:where([data-animate].is-shown) :where([data-chart=scatter] .tablechart-point){transform:none}:where([data-animate].is-shown) :where(.tablechart-grid[data-gap],.tablechart-quadrant[data-gap]){stroke-opacity:0}:where([data-animate].is-shown) :where(.tablechart-reference),:where([data-animate].is-shown) :where(.tablechart-value),:where([data-animate].is-shown) :where(.tablechart-name),:where([data-animate].is-shown) :where(.tablechart-legend),:where([data-animate].is-shown) :where([data-chart=scatter] .tablechart-categories span),:where([data-animate].is-shown) :where(.tablechart-head),:where([data-animate].is-shown) :where(.tablechart-badge),:where([data-animate].is-shown) :where(.tablechart-centre){opacity:1}:where([data-animate].is-shown) :where(.tablechart-leader),:where([data-animate].is-shown) :where(.tablechart-break[data-part=edge]){stroke-opacity:1}:where([data-animate].is-shown) :where(.tablechart-slice){stroke-dasharray:var(--arc) calc(var(--circ) - var(--arc))}:where([data-animate].is-shown) :where(.tablechart-connector){clip-path:inset(-10px)}:where([data-animate].is-shown) :where(.tablechart-line){stroke-dashoffset:0}:where([data-animate=grow]:is([data-chart=line],[data-chart=area])) :where(.tablechart-series,.tablechart-area){clip-path:none;transform-box:view-box;transform-origin:0 var(--_base);transition:transform var(--_rise) var(--_ease);transition-delay:0s;transform:scaleY(0)}:where([data-animate=grow]:is([data-chart=line],[data-chart=area])) :where(.tablechart-area-fill){opacity:1;transition:none}:where([data-animate=grow]:is([data-chart=line],[data-chart=area])) :where(.tablechart-point,.tablechart-hole:not([data-for])){opacity:0;transform:translateY(var(--rise,0));transition:transform var(--_rise) var(--_ease), opacity calc(.15s / var(--_speed)) ease;transition-delay:0s}:where([data-animate=grow]:is([data-chart=line],[data-chart=area])) :where(.tablechart-value,.tablechart-name,.tablechart-grid[data-gap=""],.tablechart-quadrant[data-gap=""]){transition-delay:var(--_rise)}:where([data-animate=grow]:is([data-chart=line],[data-chart=area]).is-shown) :where(.tablechart-series,.tablechart-area){transform:scaleY(1)}:where([data-animate=grow]:is([data-chart=line],[data-chart=area]).is-shown) :where(.tablechart-point,.tablechart-hole:not([data-for])){opacity:1;transform:none}:where([data-animate=sweep][data-chart=donut]) :where(.tablechart-slice){transition:stroke-dasharray calc(var(--span,1) * var(--_ring)) var(--ease,linear);transition-delay:calc(var(--start,0) * var(--_ring))}:where([data-animate=sweep][data-chart=donut]) :where(.tablechart-leader,.tablechart-value){transition-delay:calc((var(--start,0) + var(--span,0)) * var(--_ring))}:where([data-animate=sweep][data-chart=donut]) :where(.tablechart-centre){transition-delay:calc(.5 * var(--_ring))}:where([data-animate]:not([data-steps])) :where(.tablechart-values .tablechart-value,[data-chart=scatter] .tablechart-categories[data-place=beside] span){opacity:1;transition-property:color}:where([data-animate]:not([data-steps])) :where(.tablechart-name,.tablechart-legend,.tablechart-badge,.tablechart-centre){opacity:1;transition-property:color,border-color,background-color}:where([data-animate]:not([data-steps])) :where(.tablechart-badge){transition-duration:.3s,.3s,0s}:where([data-animate]:not([data-steps])) :where(.tablechart-grid[data-gap=badge]){transition-duration:0s}:where([data-animate]:not([data-steps])) :where(.tablechart-name):before{transition:background-color var(--_fade) ease;transition-delay:calc(var(--i) * var(--_stg) + .096 * var(--_dur))}:where([data-animate]:not([data-steps])) :where(.tablechart-reference){opacity:1;transition-property:stroke-opacity}:where([data-animate]:not([data-steps])) :where(.tablechart-head){opacity:1;transition-property:fill-opacity}:where([data-animate]:not([data-steps])) :where(.tablechart-hole[data-for=badge]){transition-duration:0s}:where([data-animate]:not([data-steps])) :where(.tablechart-hole:not([data-for])){transition:opacity linear;transition-delay:calc(var(--i) * var(--_stg) + .048 * var(--_dur) + .7 * var(--_fade))}:where([data-animate].is-built:not([data-steps])) :where(.tablechart-values .tablechart-value,[data-chart=scatter] .tablechart-categories[data-place=beside] span),:where([data-animate].is-built:not([data-steps])) :where(.tablechart-name,.tablechart-legend,.tablechart-badge,.tablechart-centre,.tablechart-reference,.tablechart-head),:where([data-animate].is-built:not([data-steps])) :where(.tablechart-name):before{transition:none}[data-animate]:not([data-steps]):not(.is-shown) .tablechart-values .tablechart-value,[data-chart=scatter][data-animate]:not([data-steps]):not(.is-shown) .tablechart-categories[data-place=beside] span{color:#0000}[data-animate]:not([data-steps]):not(.is-shown) :is(.tablechart-name,.tablechart-badge,.tablechart-badge .tablechart-caption,.tablechart-centre){color:#0000;background-color:#0000;border-color:#0000}[data-animate]:not([data-steps]):not(.is-shown) .tablechart-legend{background-color:#0000;border-color:#0000}[data-animate]:not([data-steps]):not(.is-shown) .tablechart-name:before{background-color:#0000}[data-animate]:not([data-steps]):not(.is-shown) .tablechart-reference{stroke-opacity:0}[data-animate]:not([data-steps]):not(.is-shown) .tablechart-head{fill-opacity:0}:where([data-animate=grow]:is([data-chart=line],[data-chart=area]):not([data-steps])) :where(.tablechart-hole:not([data-for])){transition:transform var(--_rise) var(--_ease), opacity 0s linear var(--_rise)}:where([data-animate]){transition:opacity var(--tablechart-queue-duration,.4s) ease}:where([data-animate].tablechart-queued){opacity:0}}@media screen and (prefers-reduced-motion:reduce){:where([data-animate]) :where(*){transition-duration:1ms!important;transition-delay:0s!important}}@media screen{:where([data-animate][data-steps]) :where(.tablechart-series),:where([data-animate][data-steps]) :where(.tablechart-area-fill>*){clip-path:inset(-10px calc(100% + 10px) -10px -10px);transition:clip-path var(--_dur) ease}:where([data-animate][data-steps]) :where(.tablechart-area-fill){opacity:1;transition:none}:where([data-animate][data-steps]) :where(.tablechart-piece){transform-box:fill-box;transform-origin:bottom;transition:transform var(--_dur) var(--_ease);transition-delay:calc(var(--i,0) * var(--_stg))}:where([data-animate][data-steps]) :where(.tablechart-piece[data-grow=right]){transform-origin:0}:where([data-animate][data-steps]) :where(.tablechart-piece[data-grow=down]){transform-origin:top}:where([data-animate][data-steps]) :where(.tablechart-piece[data-grow=left]){transform-origin:100%}:where([data-animate][data-steps].is-shown) :where(.tablechart-bar){transform:scaleY(clamp(0, var(--_step,0) - var(--step,-1), 1))}:where([data-animate][data-steps].is-shown) :where(.tablechart-bar:is([data-grow=right],[data-grow=left])){transform:scaleX(clamp(0, var(--_step,0) - var(--step,-1), 1))}:where([data-animate][data-steps].is-shown) :where(.tablechart-piece){transform:scaleY(clamp(0, var(--_step,0) - var(--step,-1), 1))}:where([data-animate][data-steps].is-shown) :where(.tablechart-piece:is([data-grow=right],[data-grow=left])){transform:scaleX(clamp(0, var(--_step,0) - var(--step,-1), 1))}:where([data-animate][data-steps].is-shown) :where(.tablechart-value),:where([data-animate][data-steps].is-shown) :where(.tablechart-name),:where([data-animate][data-steps].is-shown) :where(.tablechart-legend),:where([data-animate][data-steps].is-shown) :where([data-chart=scatter] .tablechart-categories span),:where([data-animate][data-steps].is-shown) :where(.tablechart-head),:where([data-animate][data-steps].is-shown) :where(.tablechart-badge),:where([data-animate][data-steps].is-shown) :where(.tablechart-centre),:where([data-animate][data-steps].is-shown) :where(.tablechart-point),:where([data-animate][data-steps].is-shown) :where(.tablechart-hole){opacity:clamp(0, var(--_step,0) - var(--step,-1), 1)}:where([data-animate][data-steps].is-shown) :where(.tablechart-leader),:where([data-animate][data-steps].is-shown) :where(.tablechart-break[data-part=edge]){stroke-opacity:clamp(0, var(--_step,0) - var(--step,-1), 1)}:where([data-animate][data-steps].is-shown) :where([data-chart=scatter] .tablechart-point){transform:scale(clamp(0, var(--_step,0) - var(--step,-1), 1))}:where([data-animate][data-steps].is-shown) :where(.tablechart-grid[data-gap],.tablechart-quadrant[data-gap]){stroke-opacity:calc(1 - clamp(0, var(--_step,0) - var(--step,-1), 1))}:where([data-animate][data-steps].is-shown) :where(.tablechart-line){stroke-dashoffset:calc(var(--len) * (1 - clamp(0, var(--_step,0) - var(--step,-1), 1)))}:where([data-animate][data-steps].is-shown) :where(.tablechart-connector){clip-path:inset(-10px calc((1 - clamp(0, var(--_step,0) - var(--step,-1), 1)) * (100% + 20px) - 10px) -10px -10px)}:where([data-animate][data-steps].is-shown) :where(.tablechart-series),:where([data-animate][data-steps].is-shown) :where(.tablechart-area-fill>*){clip-path:inset(-10px calc((1 - var(--reveal,0)) * (100% + 20px) - 10px) -10px -10px)}:where([data-animate][data-steps].is-shown) :where(.tablechart-slice){stroke-dasharray:calc(var(--arc) * clamp(0, var(--_step,0) - var(--step,-1), 1)) calc(var(--circ) - var(--arc) * clamp(0, var(--_step,0) - var(--step,-1), 1))}}:where(.tablechart-controls){justify-content:var(--tablechart-control-justify,space-between);margin-top:var(--tablechart-control-gap,.75em);align-items:center;gap:.5em;display:flex}:where(.tablechart-controls) :where(button){padding:var(--tablechart-control-padding,.3em .7em);border:var(--tablechart-control-border,1px solid color-mix(in oklab, currentColor 30%, transparent));border-radius:var(--tablechart-control-radius,.4em);background:var(--tablechart-control-surface,none);color:inherit;font:inherit;cursor:pointer;align-items:center;gap:.35em;display:inline-flex}:where(.tablechart-controls) :where(button:disabled){opacity:.35;cursor:default}:where(.tablechart-controls) :where(.tablechart-control-icon svg){fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:.8em;height:.8em;display:block}@media print{:where([data-steps]){--_step:999!important}:where([data-steps] [data-from]){--reveal:1!important}:where(.tablechart-controls){display:none}}.tablechart-plot[data-hover]{cursor:default}.tablechart-plot[data-hover] :where(.tablechart-value){-webkit-user-select:none;user-select:none}.tablechart-tooltip{pointer-events:auto;text-align:start;z-index:1000;box-sizing:border-box;min-width:7em;max-width:min(18em,100vw - 16px);padding:var(--tablechart-tooltip-padding,.45em .7em);border:var(--tablechart-tooltip-border,1px solid color-mix(in oklab, currentColor 28%, transparent));border-radius:var(--tablechart-tooltip-radius,.4em);background:var(--tablechart-tooltip-surface,light-dark(#fff,oklch(from var(--tablechart-surface,var(--_surface,Canvas)) calc(l + .06) c h)));color:var(--tablechart-tooltip-color,var(--_color,CanvasText));box-shadow:var(--tablechart-tooltip-shadow,0 1px 3px #0000001f, 0 6px 18px #0000002e);line-height:1.35;position:fixed;top:0;left:0}.tablechart-tooltip[hidden]{display:none}.tablechart-tooltip-title{font-weight:600}.tablechart-tooltip-line{align-items:baseline;gap:.45em;display:flex}.tablechart-tooltip-name,.tablechart-tooltip-title{min-width:0}.tablechart-tooltip-note{max-width:16em;margin-top:.3em;font-style:italic}.tablechart-tooltip-value{white-space:nowrap;font-variant-numeric:tabular-nums;flex:none;margin-left:auto;padding-left:1em}.tablechart-tooltip-key{border-radius:50%;flex:none;align-self:center;width:.6em;height:.6em}.tablechart-tooltip-key[data-sample=line]{width:1.6em;height:.8em;mask-image:var(--_line), var(--_mark,none);border-radius:0;mask-position:50%;mask-size:contain;mask-repeat:no-repeat}.tablechart-tooltip-key[data-sample=box]{border-radius:.15em;width:.7em;height:.7em}.tablechart-tooltip-arrow{border:inherit;background:inherit;width:.6em;height:.6em;position:absolute;transform:translate(-50%,-50%)rotate(45deg)}[data-side=top]>.tablechart-tooltip-arrow{border-top-color:#0000;border-left-color:#0000;top:100%}[data-side=bottom]>.tablechart-tooltip-arrow{border-bottom-color:#0000;border-right-color:#0000;top:0}@media print{.tablechart-tooltip,:where(.tablechart,[data-chart]) :where(table,.chart-annotations){display:none}:where(.tablechart-plot){break-inside:avoid;page-break-inside:avoid}:where(.tablechart,[data-chart])>:where(figcaption){break-after:avoid;page-break-after:avoid}:where(.tablechart-categories,.tablechart-legend){break-before:avoid;page-break-before:avoid}[data-table=print]>:where(table),[data-table=always]>:where(table),[data-table=auto][data-left-out]:not([data-long])>:where(table){clip-path:none;display:table;position:static}[data-summary=print]>:where(.chart-summary),[data-summary=always]>:where(.chart-summary),[data-summary=auto][data-left-out]:not([data-table=print],[data-table=always],[data-table=auto]:not([data-long]))>:where(.chart-summary){clip-path:none;margin-top:var(--tablechart-summary-gap,1.5em);position:static}}.is-printing,.is-printing *,.is-printing :before,.is-printing :after,.is-at-once,.is-at-once *,.is-at-once :before,.is-at-once :after{transition:none!important;animation:none!important}
|
|
2
2
|
/*$vite$:1*/
|
package/dist/tablechart.d.mts
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { D as Config, N as defaultConfig, c as TablechartInstance, d as init, l as create, p as addType, s as TablechartChart, x as ChartType } from "./tablechart-shared.mjs";
|
|
2
2
|
export { type ChartType, type TablechartChart, type Config as TablechartConfig, type TablechartInstance, addType, create, defaultConfig, init };
|