@cfasim-ui/charts 0.6.3 → 0.6.4

package/dist/_shared/chartProps.d.ts

@@ -77,16 +77,16 @@ export interface ChartCommonProps {
     /** Styling for the chart title. See `TitleStyle`. */
     titleStyle?: TitleStyle;
     /**
-     * ARIA role for the chart's root element. Defaults to `"figure"` when an
-     * accessible name is present (from `ariaLabel` or `title`), so screen
-     * readers announce the chart as a labeled figure while its controls (menu,
-     * download) stay reachable. Pass `"img"` to expose it as a single image
-     * (which hides the inner controls from assistive tech), or your own role.
+     * ARIA role for the chart's `<svg>`. Defaults to `"img"` when an accessible
+     * name is present (from `ariaLabel` or `title`), so screen readers announce
+     * the chart as a single labeled image instead of exposing the individual
+     * marks. The menu and download controls sit outside the `<svg>`, so they
+     * stay reachable regardless. Pass your own role to override.
      */
     role?: string;
     /**
-     * Accessible name for the chart, announced by screen readers via the root
-     * element's `aria-label`. Defaults to the `title` prop. The individual
+     * Accessible name for the chart, announced by screen readers via the
+     * `<svg>`'s `aria-label`. Defaults to the `title` prop. The individual
      * marks aren't exposed to assistive tech, so set this to a short summary of
      * what the chart shows.
      */

package/dist/index.css

@@ -1,2 +1,2 @@
-.chart-menu-trigger-area[data-v-f5743494]{z-index:1;position:absolute;top:.5em;right:.5em}.chart-menu-trigger-area--expanded[data-v-f5743494]{top:1.25em;right:1.25em}.chart-menu-button[data-v-f5743494]{border:1px solid var(--color-border);background:var(--color-bg-0,#fff);width:28px;height:28px;color:var(--color-text-secondary);cursor:pointer;opacity:0;border-radius:.25em;justify-content:center;align-items:center;transition:opacity .15s;display:flex}.chart-menu-button[data-state=open][data-v-f5743494],.chart-close-button[data-v-f5743494]{opacity:1}.chart-menu-button[data-v-f5743494]:hover{background:var(--color-bg-1,#0000000d);color:var(--color-text)}.line-chart-wrapper:hover .chart-menu-button,.bar-chart-wrapper:hover .chart-menu-button,.choropleth-wrapper:hover .chart-menu-button,.line-chart-wrapper:focus-within .chart-menu-button,.bar-chart-wrapper:focus-within .chart-menu-button,.choropleth-wrapper:focus-within .chart-menu-button{opacity:1}.chart-sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.chart-menu-content{z-index:100;background:var(--color-bg-0);border:1px solid var(--color-border);border-radius:.25em;min-width:140px;padding:.25em;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a}.chart-menu-item{font-size:var(--font-size-sm);cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;border-radius:.25em;outline:none;align-items:center;padding:.375em .5em;display:flex}.chart-menu-item[data-highlighted]{background:var(--color-primary);color:#fff}.line-chart-wrapper[data-v-0cf7b0c7]{width:100%;position:relative}.line-chart-tooltip-label[data-v-0cf7b0c7]{margin-bottom:.25em;font-weight:600}.line-chart-tooltip-row[data-v-0cf7b0c7]{align-items:center;gap:.375em;display:flex}.line-chart-download-link[data-v-0cf7b0c7]{text-align:right;font-size:var(--font-size-sm);margin-top:.25em;display:block}.line-chart-tooltip-swatch[data-v-0cf7b0c7]{border-radius:50%;flex-shrink:0;width:.625em;height:.625em;display:inline-block}.line-chart-download-button{border:1px solid var(--color-border);background:var(--color-bg-0,#fff);color:var(--color-text);font-size:var(--font-size-sm);cursor:pointer;border-radius:.25em;align-items:center;margin-top:.5em;padding:.5em 1em;display:inline-flex}.line-chart-download-button:hover{background:var(--color-bg-1,#0000000d)}.line-chart-download-button:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.bar-chart-wrapper[data-v-5f38ef02]{width:100%;position:relative}.bar-chart-tooltip-label[data-v-5f38ef02]{margin-bottom:.25em;font-weight:600}.bar-chart-tooltip-row[data-v-5f38ef02]{align-items:center;gap:.375em;display:flex}.bar-chart-download-link[data-v-5f38ef02]{text-align:right;font-size:var(--font-size-sm);margin-top:.25em;display:block}.bar-chart-tooltip-swatch[data-v-5f38ef02]{border-radius:50%;flex-shrink:0;width:.625em;height:.625em;display:inline-block}.bar-chart-download-button{border:1px solid var(--color-border);background:var(--color-bg-0,#fff);color:var(--color-text);font-size:var(--font-size-sm);cursor:pointer;border-radius:.25em;align-items:center;margin-top:.5em;padding:.5em 1em;display:inline-flex}.bar-chart-download-button:hover{background:var(--color-bg-1,#0000000d)}.bar-chart-download-button:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.choropleth-wrapper[data-v-7bd9e073]{--choropleth-legend-bg:var(--color-bg-0,#fff);width:100%;position:relative}.choropleth-wrapper svg[data-v-7bd9e073]{width:100%;height:auto;display:block}.choropleth-wrapper.pannable svg[data-v-7bd9e073]{cursor:grab}.choropleth-wrapper.is-fullscreen svg[data-v-7bd9e073]{flex:auto;width:100%;height:100%;min-height:0}.choropleth-wrapper.pannable svg[data-v-7bd9e073]:active{cursor:grabbing}.state-path[data-v-7bd9e073]{cursor:pointer}.choropleth-reset[data-v-7bd9e073]{font:inherit;color:var(--color-text-secondary,#555);background:var(--color-bg-0,#fff);border:1px solid var(--color-border,#e5e7eb);cursor:pointer;border-radius:4px;padding:4px 10px;font-size:12px;position:absolute;bottom:8px;left:8px;box-shadow:0 1px 2px #0000000d}.choropleth-reset[data-v-7bd9e073]:hover{background:var(--color-bg-1,#f8f9fa);color:var(--color-text,#212529)}.choropleth-header[data-v-7bd9e073]{background:var(--choropleth-legend-bg);color:currentColor;border-radius:4px;flex-direction:column;align-items:center;gap:10px;width:fit-content;margin:0 auto;padding:8px 14px;display:flex}.choropleth-title[data-v-7bd9e073]{white-space:pre-line;font-size:14px;font-weight:600;line-height:1.2}.choropleth-legend[data-v-7bd9e073]{align-items:center;gap:14px;font-size:13px;line-height:1.2;display:flex}.choropleth-legend-title[data-v-7bd9e073]{font-weight:600}.choropleth-legend-item[data-v-7bd9e073]{align-items:center;gap:6px;display:inline-flex}.choropleth-legend-swatch[data-v-7bd9e073]{border-radius:3px;width:12px;height:12px;display:inline-block}.choropleth-legend-continuous[data-v-7bd9e073]{flex-direction:column;width:160px;display:flex}.choropleth-legend-gradient[data-v-7bd9e073]{border-radius:2px;height:12px}.choropleth-legend-ticks[data-v-7bd9e073]{opacity:.7;height:14px;margin-top:4px;font-size:11px;position:relative}.choropleth-legend-ticks>span[data-v-7bd9e073]{position:absolute;transform:translate(-50%)}.chart-tooltip-anchor[data-v-44377f70]{pointer-events:none;width:1px;height:1px;position:absolute}.chart-tooltip-content{z-index:100;background:var(--color-bg-0,#fff);border:1px solid var(--color-border,#e5e7eb);font-size:var(--font-size-sm,.875rem);pointer-events:none;border-radius:.375em;padding:.5em .75em;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a}.TableOuter[data-v-21721f41]{display:inline-block;position:relative}.TableOuter.full-width[data-v-21721f41]{display:block}.TableWrapper[data-v-21721f41]{font-size:var(--font-size-sm);overflow-x:auto}.Table[data-v-21721f41]{border-collapse:collapse;font-variant-numeric:tabular-nums;border:1px solid var(--color-border);table-layout:fixed;margin:0;display:table}.Table.full-width[data-v-21721f41]{width:100%}.Table tr[data-v-21721f41],.Table th[data-v-21721f41],.Table td[data-v-21721f41]{background:0 0;border:none}.Table th[data-v-21721f41],.Table td[data-v-21721f41]{white-space:nowrap;text-overflow:ellipsis;text-align:left;padding:.75em 1.25em;overflow:hidden}.Table th.cell-wrap[data-v-21721f41],.Table td.cell-wrap[data-v-21721f41]{white-space:normal;text-overflow:clip;overflow:visible}.Table th[data-v-21721f41]{border-bottom:1px solid var(--color-border-header);font-weight:600;position:sticky;top:0}.Table tbody td[data-v-21721f41]{border-bottom:1px solid var(--color-border)}.Table tbody tr:last-child td[data-v-21721f41]{border-bottom:none}.TableOuter[data-v-21721f41] .chart-menu-trigger-area{top:4px;right:4px}.TableOuter[data-v-21721f41] .chart-menu-button{opacity:1}.TableOuter.has-menu .Table thead th[data-v-21721f41]:last-child{padding-right:2.5em}.data-table-download-button{border:1px solid var(--color-border);background:var(--color-bg-0,#fff);color:var(--color-text);font-size:var(--font-size-sm);cursor:pointer;border-radius:.25em;align-items:center;margin-top:.75em;padding:.5em 1em;display:inline-flex}.data-table-download-button:hover{background:var(--color-bg-1,#0000000d)}.data-table-download-button:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.data-table-download-link{text-align:right;font-size:var(--font-size-sm);margin-top:.25em;display:block}
+.chart-menu-trigger-area[data-v-f5743494]{z-index:1;position:absolute;top:.5em;right:.5em}.chart-menu-trigger-area--expanded[data-v-f5743494]{top:1.25em;right:1.25em}.chart-menu-button[data-v-f5743494]{border:1px solid var(--color-border);background:var(--color-bg-0,#fff);width:28px;height:28px;color:var(--color-text-secondary);cursor:pointer;opacity:0;border-radius:.25em;justify-content:center;align-items:center;transition:opacity .15s;display:flex}.chart-menu-button[data-state=open][data-v-f5743494],.chart-close-button[data-v-f5743494]{opacity:1}.chart-menu-button[data-v-f5743494]:hover{background:var(--color-bg-1,#0000000d);color:var(--color-text)}.line-chart-wrapper:hover .chart-menu-button,.bar-chart-wrapper:hover .chart-menu-button,.choropleth-wrapper:hover .chart-menu-button,.line-chart-wrapper:focus-within .chart-menu-button,.bar-chart-wrapper:focus-within .chart-menu-button,.choropleth-wrapper:focus-within .chart-menu-button{opacity:1}.chart-sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.chart-menu-content{z-index:100;background:var(--color-bg-0);border:1px solid var(--color-border);border-radius:.25em;min-width:140px;padding:.25em;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a}.chart-menu-item{font-size:var(--font-size-sm);cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;border-radius:.25em;outline:none;align-items:center;padding:.375em .5em;display:flex}.chart-menu-item[data-highlighted]{background:var(--color-primary);color:#fff}.line-chart-wrapper[data-v-a3132bed]{width:100%;position:relative}.line-chart-tooltip-label[data-v-a3132bed]{margin-bottom:.25em;font-weight:600}.line-chart-tooltip-row[data-v-a3132bed]{align-items:center;gap:.375em;display:flex}.line-chart-download-link[data-v-a3132bed]{text-align:right;font-size:var(--font-size-sm);margin-top:.25em;display:block}.line-chart-tooltip-swatch[data-v-a3132bed]{border-radius:50%;flex-shrink:0;width:.625em;height:.625em;display:inline-block}.line-chart-download-button{border:1px solid var(--color-border);background:var(--color-bg-0,#fff);color:var(--color-text);font-size:var(--font-size-sm);cursor:pointer;border-radius:.25em;align-items:center;margin-top:.5em;padding:.5em 1em;display:inline-flex}.line-chart-download-button:hover{background:var(--color-bg-1,#0000000d)}.line-chart-download-button:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.bar-chart-wrapper[data-v-251f7945]{width:100%;position:relative}.bar-chart-tooltip-label[data-v-251f7945]{margin-bottom:.25em;font-weight:600}.bar-chart-tooltip-row[data-v-251f7945]{align-items:center;gap:.375em;display:flex}.bar-chart-download-link[data-v-251f7945]{text-align:right;font-size:var(--font-size-sm);margin-top:.25em;display:block}.bar-chart-tooltip-swatch[data-v-251f7945]{border-radius:50%;flex-shrink:0;width:.625em;height:.625em;display:inline-block}.bar-chart-download-button{border:1px solid var(--color-border);background:var(--color-bg-0,#fff);color:var(--color-text);font-size:var(--font-size-sm);cursor:pointer;border-radius:.25em;align-items:center;margin-top:.5em;padding:.5em 1em;display:inline-flex}.bar-chart-download-button:hover{background:var(--color-bg-1,#0000000d)}.bar-chart-download-button:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.choropleth-wrapper[data-v-7bd9e073]{--choropleth-legend-bg:var(--color-bg-0,#fff);width:100%;position:relative}.choropleth-wrapper svg[data-v-7bd9e073]{width:100%;height:auto;display:block}.choropleth-wrapper.pannable svg[data-v-7bd9e073]{cursor:grab}.choropleth-wrapper.is-fullscreen svg[data-v-7bd9e073]{flex:auto;width:100%;height:100%;min-height:0}.choropleth-wrapper.pannable svg[data-v-7bd9e073]:active{cursor:grabbing}.state-path[data-v-7bd9e073]{cursor:pointer}.choropleth-reset[data-v-7bd9e073]{font:inherit;color:var(--color-text-secondary,#555);background:var(--color-bg-0,#fff);border:1px solid var(--color-border,#e5e7eb);cursor:pointer;border-radius:4px;padding:4px 10px;font-size:12px;position:absolute;bottom:8px;left:8px;box-shadow:0 1px 2px #0000000d}.choropleth-reset[data-v-7bd9e073]:hover{background:var(--color-bg-1,#f8f9fa);color:var(--color-text,#212529)}.choropleth-header[data-v-7bd9e073]{background:var(--choropleth-legend-bg);color:currentColor;border-radius:4px;flex-direction:column;align-items:center;gap:10px;width:fit-content;margin:0 auto;padding:8px 14px;display:flex}.choropleth-title[data-v-7bd9e073]{white-space:pre-line;font-size:14px;font-weight:600;line-height:1.2}.choropleth-legend[data-v-7bd9e073]{align-items:center;gap:14px;font-size:13px;line-height:1.2;display:flex}.choropleth-legend-title[data-v-7bd9e073]{font-weight:600}.choropleth-legend-item[data-v-7bd9e073]{align-items:center;gap:6px;display:inline-flex}.choropleth-legend-swatch[data-v-7bd9e073]{border-radius:3px;width:12px;height:12px;display:inline-block}.choropleth-legend-continuous[data-v-7bd9e073]{flex-direction:column;width:160px;display:flex}.choropleth-legend-gradient[data-v-7bd9e073]{border-radius:2px;height:12px}.choropleth-legend-ticks[data-v-7bd9e073]{opacity:.7;height:14px;margin-top:4px;font-size:11px;position:relative}.choropleth-legend-ticks>span[data-v-7bd9e073]{position:absolute;transform:translate(-50%)}.chart-tooltip-anchor[data-v-44377f70]{pointer-events:none;width:1px;height:1px;position:absolute}.chart-tooltip-content{z-index:100;background:var(--color-bg-0,#fff);border:1px solid var(--color-border,#e5e7eb);font-size:var(--font-size-sm,.875rem);pointer-events:none;border-radius:.375em;padding:.5em .75em;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a}.TableOuter[data-v-21721f41]{display:inline-block;position:relative}.TableOuter.full-width[data-v-21721f41]{display:block}.TableWrapper[data-v-21721f41]{font-size:var(--font-size-sm);overflow-x:auto}.Table[data-v-21721f41]{border-collapse:collapse;font-variant-numeric:tabular-nums;border:1px solid var(--color-border);table-layout:fixed;margin:0;display:table}.Table.full-width[data-v-21721f41]{width:100%}.Table tr[data-v-21721f41],.Table th[data-v-21721f41],.Table td[data-v-21721f41]{background:0 0;border:none}.Table th[data-v-21721f41],.Table td[data-v-21721f41]{white-space:nowrap;text-overflow:ellipsis;text-align:left;padding:.75em 1.25em;overflow:hidden}.Table th.cell-wrap[data-v-21721f41],.Table td.cell-wrap[data-v-21721f41]{white-space:normal;text-overflow:clip;overflow:visible}.Table th[data-v-21721f41]{border-bottom:1px solid var(--color-border-header);font-weight:600;position:sticky;top:0}.Table tbody td[data-v-21721f41]{border-bottom:1px solid var(--color-border)}.Table tbody tr:last-child td[data-v-21721f41]{border-bottom:none}.TableOuter[data-v-21721f41] .chart-menu-trigger-area{top:4px;right:4px}.TableOuter[data-v-21721f41] .chart-menu-button{opacity:1}.TableOuter.has-menu .Table thead th[data-v-21721f41]:last-child{padding-right:2.5em}.data-table-download-button{border:1px solid var(--color-border);background:var(--color-bg-0,#fff);color:var(--color-text);font-size:var(--font-size-sm);cursor:pointer;border-radius:.25em;align-items:center;margin-top:.75em;padding:.5em 1em;display:inline-flex}.data-table-download-button:hover{background:var(--color-bg-1,#0000000d)}.data-table-download-button:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.data-table-download-link{text-align:right;font-size:var(--font-size-sm);margin-top:.25em;display:block}
 /*$vite$:1*/

package/dist/index.js

@@ -1261,68 +1261,73 @@ function zt(e, t, n, r) {
 }
 //#endregion
 //#region src/LineChart/LineChart.vue?vue&type=script&setup=true&lang.ts
-var Bt = ["role", "aria-label"], Vt = {
+var Bt = {
 	class: "chart-sr-only",
 	"aria-live": "polite"
-}, Ht = ["width", "height"], Ut = [
+}, Vt = [
+	"width",
+	"height",
+	"role",
+	"aria-label"
+], Ht = [
 	"x",
 	"y",
 	"text-anchor",
 	"font-size",
 	"font-weight",
 	"fill"
-], Wt = ["x", "dy"], Gt = { key: 1 }, Kt = [
+], Ut = ["x", "dy"], Wt = { key: 1 }, Gt = [
 	"x1",
 	"y1",
 	"x2",
 	"y2",
 	"stroke",
 	"stroke-dasharray"
-], qt = [
+], Kt = [
 	"cx",
 	"cy",
 	"fill",
 	"fill-opacity",
 	"stroke"
-], Jt = [
+], qt = [
 	"x",
 	"y",
 	"font-size",
 	"fill",
 	"font-weight"
-], Yt = [
+], Jt = [
 	"x1",
 	"y1",
 	"x2",
 	"y2"
-], Xt = [
+], Yt = [
 	"x1",
 	"y1",
 	"x2",
 	"y2"
-], Zt = [
+], Xt = [
 	"x1",
 	"y1",
 	"x2",
 	"y2"
-], Qt = [
+], Zt = [
 	"x1",
 	"y1",
 	"x2",
 	"y2"
-], $t = [
+], Qt = [
 	"x",
 	"y",
 	"font-size",
 	"fill",
 	"font-weight",
 	"fill-opacity"
-], en = [
+], $t = [
 	"transform",
 	"font-size",
 	"fill",
 	"font-weight"
-], tn = [
+], en = [
 	"x",
 	"y",
 	"text-anchor",
@@ -1330,43 +1335,43 @@ var Bt = ["role", "aria-label"], Vt = {
 	"fill",
 	"font-weight",
 	"fill-opacity"
-], nn = [
+], tn = [
 	"x",
 	"y",
 	"font-size",
 	"fill",
 	"font-weight"
-], rn = [
+], nn = [
 	"d",
 	"fill",
 	"fill-opacity"
-], an = [
+], rn = [
 	"d",
 	"stroke",
 	"stroke-width"
-], on = [
+], an = [
 	"d",
 	"stroke",
 	"stroke-width",
 	"stroke-opacity",
 	"stroke-dasharray"
-], sn = [
+], on = [
 	"cx",
 	"cy",
 	"r",
 	"fill",
 	"fill-opacity",
 	"stroke"
-], cn = [
+], sn = [
 	"d",
 	"fill",
 	"fill-opacity"
-], ln = [
+], cn = [
 	"d",
 	"stroke",
 	"stroke-width",
 	"stroke-dasharray"
-], un = [
+], ln = [
 	"x1",
 	"y1",
 	"x2",
@@ -1374,7 +1379,7 @@ var Bt = ["role", "aria-label"], Vt = {
 	"stroke",
 	"stroke-width",
 	"stroke-dasharray"
-], dn = [
+], un = [
 	"x1",
 	"y1",
 	"x2",
@@ -1382,53 +1387,53 @@ var Bt = ["role", "aria-label"], Vt = {
 	"stroke",
 	"stroke-width",
 	"stroke-dasharray"
-], fn = [
+], dn = [
 	"x1",
 	"y1",
 	"x2",
 	"y2"
-], pn = [
+], fn = [
 	"x1",
 	"y1",
 	"x2",
 	"y2"
-], mn = [
+], pn = [
 	"x1",
 	"y1",
 	"x2",
 	"y2"
-], hn = [
+], mn = [
 	"cx",
 	"cy",
 	"fill"
-], gn = [
+], hn = [
 	"x",
 	"y",
 	"width",
 	"height"
-], _n = [
+], gn = [
 	"cx",
 	"cy",
 	"fill",
 	"fill-opacity",
 	"stroke"
-], vn = [
+], _n = [
 	"x",
 	"y",
 	"font-size",
 	"font-weight",
 	"fill"
-], yn = [
+], vn = [
 	"x",
 	"y",
 	"font-size",
 	"font-weight",
 	"fill",
 	"fill-opacity"
-], bn = { class: "line-chart-tooltip" }, xn = {
+], yn = { class: "line-chart-tooltip" }, bn = {
 	key: 0,
 	class: "line-chart-tooltip-label"
-}, Sn = ["href", "download"], Cn = 36, wn = 12, Tn = 7, En = 16, Dn = /* @__PURE__ */ L(/* @__PURE__ */ l({
+}, xn = ["href", "download"], Sn = 36, Cn = 12, wn = 7, Tn = 16, En = /* @__PURE__ */ L(/* @__PURE__ */ l({
 	inheritAttrs: !1,
 	__name: "LineChart",
 	props: {
@@ -1480,7 +1485,7 @@ var Bt = ["role", "aria-label"], Vt = {
 	},
 	emits: ["hover"],
 	setup(c, { emit: l }) {
-		let f = c, h = n(() => f.ariaLabel ?? f.title), g = n(() => f.role ?? (h.value ? "figure" : void 0)), v = l, S = [];
+		let f = c, h = n(() => f.ariaLabel ?? f.title), g = n(() => f.role ?? (h.value ? "img" : void 0)), v = l, S = [];
 		function* te(e) {
 			if (e.x && e.x.length > 0 && (yield e.x), e.series) for (let t of e.series) t.x && t.x.length > 0 && (yield t.x);
 			if (e.areas) for (let t of e.areas) t.x && t.x.length > 0 && (yield t.x);
@@ -1652,7 +1657,7 @@ var Bt = ["role", "aria-label"], Vt = {
 			let t = [], n = U.value.left + G.value;
 			for (let r of e) {
 				if (!r.label && !r.description || r.legend === "inline" || r.legend === !1) continue;
-				let e = r.label ?? "", i = r.description ?? "", a = Math.max(e.length, i.length) * Tn, o = I(r, "start") + a / 2 + 2, s = n - a / 2 - 8, c = Math.min(o, s), l = r.color ?? (r.seriesIndex == null ? "#999" : k.value[r.seriesIndex]?.color ?? "currentColor"), u = V({
+				let e = r.label ?? "", i = r.description ?? "", a = Math.max(e.length, i.length) * wn, o = I(r, "start") + a / 2 + 2, s = n - a / 2 - 8, c = Math.min(o, s), l = r.color ?? (r.seriesIndex == null ? "#999" : k.value[r.seriesIndex]?.color ?? "currentColor"), u = V({
 					color: l,
 					fontWeight: 600,
 					...r.inlineLabelStyle
@@ -1676,7 +1681,7 @@ var Bt = ["role", "aria-label"], Vt = {
 			let r = [];
 			for (let e of t) {
 				let t = e.cx - e.textWidth / 2, n = 0;
-				for (; n < r.length && !(t >= r[n] + En);) n++;
+				for (; n < r.length && !(t >= r[n] + Tn);) n++;
 				e.row = n;
 				let i = e.cx + e.textWidth / 2;
 				r[n] = Math.max(r[n] ?? -Infinity, i);
@@ -1686,7 +1691,7 @@ var Bt = ["role", "aria-label"], Vt = {
 				extraHeight: 0
 			} : {
 				labels: t,
-				extraHeight: (Math.max(...t.map((e) => e.row)) + 1) * Cn + wn
+				extraHeight: (Math.max(...t.map((e) => e.row)) + 1) * Sn + Cn
 			};
 		}), fe = n(() => {
 			let e = [];
@@ -1708,7 +1713,7 @@ var Bt = ["role", "aria-label"], Vt = {
 				});
 			}
 			return e;
-		}), L = n(() => fe.value.map((e) => e.label)), me = n(() => Pe.value + de.value.extraHeight), he = n(() => U.value.top + K.value + U.value.bottom + wn), z = n(() => {
+		}), L = n(() => fe.value.map((e) => e.label)), me = n(() => Pe.value + de.value.extraHeight), he = n(() => U.value.top + K.value + U.value.bottom + Cn), z = n(() => {
 			let { min: e, max: t } = oe.value, n = (e) => f.yTickFormat === void 0 ? B(e) : ne(e, f.yTickFormat);
 			return e === t ? [{
 				value: n(e),
@@ -1890,9 +1895,7 @@ var Bt = ["role", "aria-label"], Vt = {
 			ref: Me
 		}, n.$attrs, {
 			class: ["line-chart-wrapper", { "is-fullscreen": C(Je) }],
-			style: C(Ye),
-			role: g.value || void 0,
-			"aria-label": h.value || void 0
+			style: C(Ye)
 		}), [
 			c.menu ? (_(), r(pe, {
 				key: 0,
@@ -1904,12 +1907,14 @@ var Bt = ["role", "aria-label"], Vt = {
 				"is-fullscreen",
 				"onClose"
 			])) : i("", !0),
-			o("div", Vt, x(C(Je) ? "Chart expanded to fill window" : ""), 1),
+			o("div", Bt, x(C(Je) ? "Chart expanded to fill window" : ""), 1),
 			(_(), a("svg", {
 				ref_key: "svgRef",
 				ref: H,
 				width: C(Ne),
-				height: me.value
+				height: me.value,
+				role: g.value || void 0,
+				"aria-label": h.value || void 0
 			}, [
 				c.title ? (_(), a("text", {
 					key: 0,
@@ -1923,8 +1928,8 @@ var Bt = ["role", "aria-label"], Vt = {
 					key: t,
 					x: X.value.x,
 					dy: t === 0 ? 0 : X.value.lineHeight
-				}, x(e), 9, Wt))), 128))], 8, Ut)) : i("", !0),
-				Z.value.length > 0 ? (_(), a("g", Gt, [(_(!0), a(e, null, y(Z.value, (t, n) => (_(), a(e, { key: "ileg" + n }, [t.type === "series" ? (_(), a("line", {
+				}, x(e), 9, Ut))), 128))], 8, Ht)) : i("", !0),
+				Z.value.length > 0 ? (_(), a("g", Wt, [(_(!0), a(e, null, y(Z.value, (t, n) => (_(), a(e, { key: "ileg" + n }, [t.type === "series" ? (_(), a("line", {
 					key: 0,
 					x1: t.x,
 					y1: t.y,
@@ -1933,7 +1938,7 @@ var Bt = ["role", "aria-label"], Vt = {
 					stroke: t.color,
 					"stroke-width": "2",
 					"stroke-dasharray": t.dashed ? "4 2" : void 0
-				}, null, 8, Kt)) : (_(), a("circle", {
+				}, null, 8, Gt)) : (_(), a("circle", {
 					key: 1,
 					cx: t.x + 4,
 					cy: t.y,
@@ -1942,13 +1947,13 @@ var Bt = ["role", "aria-label"], Vt = {
 					"fill-opacity": t.fillOpacity,
 					stroke: t.color,
 					"stroke-width": "1.5"
-				}, null, 8, qt)), o("text", {
+				}, null, 8, Kt)), o("text", {
 					x: t.x + 18,
 					y: t.y + 4,
 					"font-size": Ze.value.fontSize,
 					fill: Ze.value.fill,
 					"font-weight": Ze.value.fontWeight
-				}, x(t.label), 9, Jt)], 64))), 128))])) : i("", !0),
+				}, x(t.label), 9, qt)], 64))), 128))])) : i("", !0),
 				o("line", {
 					x1: C(R)(C(U).left),
 					y1: C(R)(C(U).top),
@@ -1956,7 +1961,7 @@ var Bt = ["role", "aria-label"], Vt = {
 					y2: C(R)(C(U).top + C(K)),
 					stroke: "currentColor",
 					"stroke-opacity": "0.3"
-				}, null, 8, Yt),
+				}, null, 8, Jt),
 				o("line", {
 					x1: C(R)(C(U).left),
 					y1: C(R)(C(U).top + C(K)),
@@ -1964,7 +1969,7 @@ var Bt = ["role", "aria-label"], Vt = {
 					y2: C(R)(C(U).top + C(K)),
 					stroke: "currentColor",
 					"stroke-opacity": "0.3"
-				}, null, 8, Xt),
+				}, null, 8, Yt),
 				c.yGrid ? (_(!0), a(e, { key: 2 }, y(z.value, (e, t) => (_(), a("line", {
 					key: "yg" + t,
 					x1: C(U).left,
@@ -1973,7 +1978,7 @@ var Bt = ["role", "aria-label"], Vt = {
 					y2: e.y,
 					stroke: "currentColor",
 					"stroke-opacity": "0.1"
-				}, null, 8, Zt))), 128)) : i("", !0),
+				}, null, 8, Xt))), 128)) : i("", !0),
 				c.xGrid ? (_(!0), a(e, { key: 3 }, y(Se.value, (e, t) => (_(), a("line", {
 					key: "xg" + t,
 					x1: e.x,
@@ -1982,7 +1987,7 @@ var Bt = ["role", "aria-label"], Vt = {
 					y2: C(U).top + C(K),
 					stroke: "currentColor",
 					"stroke-opacity": "0.1"
-				}, null, 8, Qt))), 128)) : i("", !0),
+				}, null, 8, Zt))), 128)) : i("", !0),
 				(_(!0), a(e, null, y(z.value, (e, t) => (_(), a("text", {
 					key: "y" + t,
 					"data-testid": "y-tick",
@@ -1994,7 +1999,7 @@ var Bt = ["role", "aria-label"], Vt = {
 					fill: Y.value.fill,
 					"font-weight": Y.value.fontWeight,
 					"fill-opacity": Y.value.fillOpacity
-				}, x(e.value), 9, $t))), 128)),
+				}, x(e.value), 9, Qt))), 128)),
 				c.yLabel ? (_(), a("text", {
 					key: 4,
 					x: 0,
@@ -2004,7 +2009,7 @@ var Bt = ["role", "aria-label"], Vt = {
 					"font-size": J.value.fontSize,
 					fill: J.value.fill,
 					"font-weight": J.value.fontWeight
-				}, x(c.yLabel), 9, en)) : i("", !0),
+				}, x(c.yLabel), 9, $t)) : i("", !0),
 				(_(!0), a(e, null, y(Se.value, (e, t) => (_(), a("text", {
 					key: "x" + t,
 					"data-testid": "x-tick",
@@ -2015,7 +2020,7 @@ var Bt = ["role", "aria-label"], Vt = {
 					fill: Y.value.fill,
 					"font-weight": Y.value.fontWeight,
 					"fill-opacity": Y.value.fillOpacity
-				}, x(e.value), 9, tn))), 128)),
+				}, x(e.value), 9, en))), 128)),
 				c.xLabel ? (_(), a("text", {
 					key: 5,
 					x: C(U).left + C(G) / 2,
@@ -2024,7 +2029,7 @@ var Bt = ["role", "aria-label"], Vt = {
 					"font-size": J.value.fontSize,
 					fill: J.value.fill,
 					"font-weight": J.value.fontWeight
-				}, x(c.xLabel), 9, nn)) : i("", !0),
+				}, x(c.xLabel), 9, tn)) : i("", !0),
 				(_(!0), a(e, null, y(A.value, (e, t) => (_(), a("path", {
 					key: "area" + t,
 					d: le(e),
@@ -2032,7 +2037,7 @@ var Bt = ["role", "aria-label"], Vt = {
 					"fill-opacity": e.opacity ?? .2,
 					stroke: "none",
 					style: m(e.blendMode ? { mixBlendMode: e.blendMode } : void 0)
-				}, null, 12, rn))), 128)),
+				}, null, 12, nn))), 128)),
 				(_(!0), a(e, null, y(k.value, (t, n) => (_(), a(e, { key: n }, [
 					t.line !== !1 && t.outline ? (_(), a("path", {
 						key: 0,
@@ -2043,7 +2048,7 @@ var Bt = ["role", "aria-label"], Vt = {
 						"stroke-linecap": "round",
 						"stroke-linejoin": "round",
 						"data-testid": "line-outline"
-					}, null, 8, an)) : i("", !0),
+					}, null, 8, rn)) : i("", !0),
 					t.line === !1 ? i("", !0) : (_(), a("path", {
 						key: 1,
 						d: se(t),
@@ -2053,7 +2058,7 @@ var Bt = ["role", "aria-label"], Vt = {
 						"stroke-opacity": t.lineOpacity ?? t.opacity ?? c.lineOpacity,
 						"stroke-dasharray": t.dashed ? "6 3" : void 0,
 						style: m(t.blendMode ? { mixBlendMode: t.blendMode } : void 0)
-					}, null, 12, on)),
+					}, null, 12, an)),
 					t.dots ? (_(!0), a(e, { key: 2 }, y(ce(t), (e, n) => (_(), a("circle", {
 						key: n,
 						cx: e.x,
@@ -2063,7 +2068,7 @@ var Bt = ["role", "aria-label"], Vt = {
 						"fill-opacity": t.dotOpacity ?? t.opacity ?? c.lineOpacity,
 						stroke: t.dotStroke ?? "none",
 						style: m(t.blendMode ? { mixBlendMode: t.blendMode } : void 0)
-					}, null, 12, sn))), 128)) : i("", !0)
+					}, null, 12, on))), 128)) : i("", !0)
 				], 64))), 128)),
 				(_(!0), a(e, null, y(c.areaSections ?? [], (t, n) => (_(), a(e, { key: "areasec" + n }, [
 					o("path", {
@@ -2071,7 +2076,7 @@ var Bt = ["role", "aria-label"], Vt = {
 						fill: t.color ?? (t.seriesIndex == null ? "#999" : k.value[t.seriesIndex]?.color ?? "currentColor"),
 						"fill-opacity": t.opacity ?? .15,
 						stroke: "none"
-					}, null, 8, cn),
+					}, null, 8, sn),
 					t.seriesIndex == null ? i("", !0) : (_(), a("path", {
 						key: 0,
 						d: ue(t, !1),
@@ -2079,7 +2084,7 @@ var Bt = ["role", "aria-label"], Vt = {
 						stroke: t.color ?? k.value[t.seriesIndex]?.color ?? "currentColor",
 						"stroke-width": t.strokeWidth ?? 2,
 						"stroke-dasharray": t.dashed ? "6 3" : void 0
-					}, null, 8, ln)),
+					}, null, 8, cn)),
 					t.seriesIndex == null ? (_(), a(e, { key: 1 }, [o("line", {
 						x1: C(R)(I(t, "start")),
 						y1: C(U).top,
@@ -2088,7 +2093,7 @@ var Bt = ["role", "aria-label"], Vt = {
 						stroke: t.color ?? "#999",
 						"stroke-width": t.strokeWidth ?? 2,
 						"stroke-dasharray": t.dashed ? "6 3" : void 0
-					}, null, 8, un), o("line", {
+					}, null, 8, ln), o("line", {
 						x1: C(R)(I(t, "end")),
 						y1: C(U).top,
 						x2: C(R)(I(t, "end")),
@@ -2096,7 +2101,7 @@ var Bt = ["role", "aria-label"], Vt = {
 						stroke: t.color ?? "#999",
 						"stroke-width": t.strokeWidth ?? 2,
 						"stroke-dasharray": t.dashed ? "6 3" : void 0
-					}, null, 8, dn)], 64)) : i("", !0),
+					}, null, 8, un)], 64)) : i("", !0),
 					o("line", {
 						x1: C(R)(I(t, "start")),
 						y1: C(U).top + C(K) - 4,
@@ -2104,7 +2109,7 @@ var Bt = ["role", "aria-label"], Vt = {
 						y2: C(U).top + C(K) + 4,
 						stroke: "currentColor",
 						"stroke-opacity": "0.4"
-					}, null, 8, fn),
+					}, null, 8, dn),
 					o("line", {
 						x1: C(R)(I(t, "end")),
 						y1: C(U).top + C(K) - 4,
@@ -2112,7 +2117,7 @@ var Bt = ["role", "aria-label"], Vt = {
 						y2: C(U).top + C(K) + 4,
 						stroke: "currentColor",
 						"stroke-opacity": "0.4"
-					}, null, 8, pn)
+					}, null, 8, fn)
 				], 64))), 128)),
 				we.value && C(Le) !== null ? (_(), a("line", {
 					key: 6,
@@ -2124,7 +2129,7 @@ var Bt = ["role", "aria-label"], Vt = {
 					"stroke-opacity": "0.3",
 					"stroke-dasharray": "4 2",
 					"pointer-events": "none"
-				}, null, 8, mn)) : i("", !0),
+				}, null, 8, pn)) : i("", !0),
 				(_(!0), a(e, null, y(Oe.value, (e, t) => (_(), a("circle", {
 					key: "hd" + t,
 					cx: e.x,
@@ -2134,7 +2139,7 @@ var Bt = ["role", "aria-label"], Vt = {
 					stroke: "var(--color-bg-0, #fff)",
 					"stroke-width": "2",
 					"pointer-events": "none"
-				}, null, 8, hn))), 128)),
+				}, null, 8, mn))), 128)),
 				we.value ? (_(), a("rect", d({
 					key: 7,
 					x: C(U).left,
@@ -2146,7 +2151,7 @@ var Bt = ["role", "aria-label"], Vt = {
 						cursor: "crosshair",
 						"touch-action": "pan-y"
 					}
-				}, ee(C(Be), !0)), null, 16, gn)) : i("", !0),
+				}, ee(C(Be), !0)), null, 16, hn)) : i("", !0),
 				c.annotations && c.annotations.length > 0 ? (_(), r(C(ot), {
 					key: 8,
 					annotations: c.annotations,
@@ -2156,32 +2161,32 @@ var Bt = ["role", "aria-label"], Vt = {
 				(_(!0), a(e, null, y(de.value.labels, (e, t) => (_(), a("g", { key: "seclab" + t }, [
 					o("circle", {
 						cx: e.cx - e.textWidth / 2 - 2,
-						cy: he.value + e.row * Cn + 4,
+						cy: he.value + e.row * Sn + 4,
 						r: "4",
 						fill: e.color,
 						"fill-opacity": e.fillOpacity,
 						stroke: e.color,
 						"stroke-width": "1.5"
-					}, null, 8, _n),
+					}, null, 8, gn),
 					e.labelText ? (_(), a("text", {
 						key: 0,
 						x: e.cx - e.textWidth / 2 + 8,
-						y: he.value + e.row * Cn + 8,
+						y: he.value + e.row * Sn + 8,
 						"font-size": e.labelStyle.fontSize,
 						"font-weight": e.labelStyle.fontWeight,
 						fill: e.labelStyle.fill
-					}, x(e.labelText), 9, vn)) : i("", !0),
+					}, x(e.labelText), 9, _n)) : i("", !0),
 					e.descText ? (_(), a("text", {
 						key: 1,
 						x: e.cx - e.textWidth / 2 + 8,
-						y: he.value + e.row * Cn + 22,
+						y: he.value + e.row * Sn + 22,
 						"font-size": e.descStyle.fontSize,
 						"font-weight": e.descStyle.fontWeight,
 						fill: e.descStyle.fill,
 						"fill-opacity": e.descStyle.fillOpacity
-					}, x(e.descText), 9, yn)) : i("", !0)
+					}, x(e.descText), 9, vn)) : i("", !0)
 				]))), 128))
-			], 8, Ht)),
+			], 8, Vt)),
 			we.value && C(Le) !== null && ke.value ? (_(), a("div", {
 				key: 1,
 				ref_key: "tooltipRef",
@@ -2195,7 +2200,7 @@ var Bt = ["role", "aria-label"], Vt = {
 					transform: C(ze) ? `translate3d(${C(ze).left}px, ${C(ze).top}px, 0) translateY(-50%)` : "translateY(-50%)",
 					visibility: C(ze) ? "visible" : "hidden"
 				})
-			}, [b(n.$slots, "tooltip", p(u(ke.value)), () => [o("div", bn, [ke.value.xLabel ? (_(), a("div", xn, x(ke.value.xLabel), 1)) : i("", !0), (_(!0), a(e, null, y(ke.value.values, (e) => (_(), a("div", {
+			}, [b(n.$slots, "tooltip", p(u(ke.value)), () => [o("div", yn, [ke.value.xLabel ? (_(), a("div", bn, x(ke.value.xLabel), 1)) : i("", !0), (_(!0), a(e, null, y(ke.value.values, (e) => (_(), a("div", {
 				key: e.seriesIndex,
 				class: "line-chart-tooltip-row"
 			}, [o("span", {
@@ -2207,89 +2212,94 @@ var Bt = ["role", "aria-label"], Vt = {
 				class: "line-chart-download-link",
 				href: C(We),
 				download: `${C(qe)()}.csv`
-			}, x(C(Ue)), 9, Sn)) : i("", !0),
+			}, x(C(Ue)), 9, xn)) : i("", !0),
 			C(Ge) ? (_(), a("button", {
 				key: 3,
 				type: "button",
 				class: "line-chart-download-button",
 				onClick: l[0] ||= (...e) => C(Ke) && C(Ke)(...e)
 			}, x(C(Ge)), 1)) : i("", !0)
-		], 16, Bt)], 8, ["to", "disabled"]));
+		], 16)], 8, ["to", "disabled"]));
 	}
-}), [["__scopeId", "data-v-0cf7b0c7"]]), On = ["role", "aria-label"], kn = {
+}), [["__scopeId", "data-v-a3132bed"]]), Dn = {
 	class: "chart-sr-only",
 	"aria-live": "polite"
-}, An = ["width", "height"], jn = [
+}, On = [
+	"width",
+	"height",
+	"role",
+	"aria-label"
+], kn = [
 	"x",
 	"y",
 	"text-anchor",
 	"font-size",
 	"font-weight",
 	"fill"
-], Mn = ["x", "dy"], Nn = [
+], An = ["x", "dy"], jn = [
 	"data-testid",
 	"x",
 	"y",
 	"text-anchor",
 	"font-size",
 	"fill"
-], Pn = { key: 1 }, Fn = [
+], Mn = { key: 1 }, Nn = [
 	"x",
 	"y",
 	"fill"
-], In = [
+], Pn = [
 	"x1",
 	"y1",
 	"x2",
 	"y2",
 	"stroke",
 	"stroke-dasharray"
-], Ln = [
+], Fn = [
 	"x",
 	"y",
 	"font-size",
 	"fill",
 	"font-weight"
-], Rn = [
+], In = [
 	"x1",
 	"y1",
 	"x2",
 	"y2"
-], zn = [
+], Ln = [
 	"x1",
 	"y1",
 	"x2",
 	"y2"
-], Bn = [
+], Rn = [
 	"x1",
 	"y1",
 	"x2",
 	"y2"
-], Vn = [
+], zn = [
 	"x",
 	"y",
 	"width",
 	"height"
-], Hn = [
+], Bn = [
 	"x",
 	"y",
 	"font-size",
 	"fill",
 	"font-weight",
 	"fill-opacity"
-], Un = [
+], Vn = [
 	"x",
 	"y",
 	"font-size",
 	"fill",
 	"font-weight",
 	"fill-opacity"
-], Wn = [
+], Hn = [
 	"transform",
 	"font-size",
 	"fill",
 	"font-weight"
-], Gn = [
+], Un = [
 	"x",
 	"y",
 	"text-anchor",
@@ -2297,7 +2307,7 @@ var Bt = ["role", "aria-label"], Vt = {
 	"fill",
 	"font-weight",
 	"fill-opacity"
-], Kn = [
+], Wn = [
 	"x",
 	"y",
 	"text-anchor",
@@ -2305,13 +2315,13 @@ var Bt = ["role", "aria-label"], Vt = {
 	"fill",
 	"font-weight",
 	"fill-opacity"
-], qn = [
+], Gn = [
 	"x",
 	"y",
 	"font-size",
 	"fill",
 	"font-weight"
-], Jn = [
+], Kn = [
 	"data-category",
 	"data-series",
 	"x",
@@ -2320,34 +2330,34 @@ var Bt = ["role", "aria-label"], Vt = {
 	"height",
 	"fill",
 	"fill-opacity"
-], Yn = [
+], qn = [
 	"x",
 	"y",
 	"text-anchor",
 	"font-size",
 	"font-weight",
 	"fill"
-], Xn = [
+], Jn = [
 	"d",
 	"stroke",
 	"stroke-width",
 	"stroke-opacity",
 	"stroke-dasharray"
-], Zn = [
+], Yn = [
 	"cx",
 	"cy",
 	"r",
 	"fill",
 	"fill-opacity"
-], Qn = [
+], Xn = [
 	"x",
 	"y",
 	"width",
 	"height"
-], $n = { class: "bar-chart-tooltip" }, er = {
+], Zn = { class: "bar-chart-tooltip" }, Qn = {
 	key: 0,
 	class: "bar-chart-tooltip-label"
-}, tr = ["href", "download"], nr = 22, rr = 2, ir = 11, ar = .6, or = 4, sr = 4, cr = /* @__PURE__ */ L(/* @__PURE__ */ l({
+}, $n = ["href", "download"], er = 22, tr = 2, nr = 11, rr = .6, ir = 4, ar = 4, or = /* @__PURE__ */ L(/* @__PURE__ */ l({
 	inheritAttrs: !1,
 	__name: "BarChart",
 	props: {
@@ -2408,7 +2418,7 @@ var Bt = ["role", "aria-label"], Vt = {
 	},
 	emits: ["hover"],
 	setup(c, { emit: l }) {
-		let f = c, h = n(() => f.ariaLabel ?? f.title), g = n(() => f.role ?? (h.value ? "figure" : void 0)), v = l, S = [];
+		let f = c, h = n(() => f.ariaLabel ?? f.title), g = n(() => f.role ?? (h.value ? "img" : void 0)), v = l, S = [];
 		function te(e) {
 			return {
 				data: e.y ?? e.data ?? S,
@@ -2719,7 +2729,7 @@ var Bt = ["role", "aria-label"], Vt = {
 			return Math.max(0, Math.min(r - 1, Math.floor(i / j.value)));
 		}
 		let De = n(() => !!(f.categoryHeader || f.valueHeader)), Oe = n(() => {
-			let e = De.value ? nr : 0, t = f.chartPadding;
+			let e = De.value ? er : 0, t = f.chartPadding;
 			return e ? t == null ? { top: e } : typeof t == "number" ? {
 				top: t + e,
 				right: t,
@@ -2754,7 +2764,7 @@ var Bt = ["role", "aria-label"], Vt = {
 		}), Ye = n(() => V(f.axisLabelStyle, { fontSize: 13 })), q = n(() => V(f.tickLabelStyle, {
 			fontSize: 10,
 			fillOpacity: xe
-		})), Xe = n(() => V(f.legendStyle, { fontSize: 11 })), J = n(() => f.categoryAlign === "start" && !O.value ? rr : H.value.left), Y = n(() => {
+		})), Xe = n(() => V(f.legendStyle, { fontSize: 11 })), J = n(() => f.categoryAlign === "start" && !O.value ? tr : H.value.left), Y = n(() => {
 			let e = f.titleStyle, t = e?.align ?? "left", n = Fe.value, r = t === "left" ? J.value : t === "right" ? n.right : n.left + n.width / 2, i = t === "left" ? "start" : t === "right" ? "end" : "middle";
 			return {
 				lines: (f.title ?? "").split("\n"),
@@ -2824,7 +2834,7 @@ var Bt = ["role", "aria-label"], Vt = {
 				align: t.align ?? "center",
 				overlap: t.overlap ?? "shift",
 				minSize: t.minSize ?? 0,
-				fontSize: t.fontSize ?? ir,
+				fontSize: t.fontSize ?? nr,
 				fontWeight: t.fontWeight
 			};
 		});
@@ -2851,10 +2861,10 @@ var Bt = ["role", "aria-label"], Vt = {
 					category: E.value[i.categoryIndex] ?? String(i.categoryIndex)
 				});
 				if (!a) continue;
-				let o = t ? i.h : i.w, s = a.length * n * ar, c = o >= s + 2 * or && o >= e.minSize, l = e.placement === "inside" ? !0 : e.placement === "outside" ? !1 : c, u, d, f, p = "middle", m = t ? -i.y : i.x + i.w, h = t ? -(i.y + i.h) : i.x, g = t ? n : s;
-				if (f = t ? i.x + i.w / 2 : i.y + i.h / 2, !l) u = m + or, d = u + g, p = "start";
-				else if (e.align === "start") u = h + or, d = u + g, p = "start";
-				else if (e.align === "end") d = m - or, u = d - g, p = "end";
+				let o = t ? i.h : i.w, s = a.length * n * rr, c = o >= s + 2 * ir && o >= e.minSize, l = e.placement === "inside" ? !0 : e.placement === "outside" ? !1 : c, u, d, f, p = "middle", m = t ? -i.y : i.x + i.w, h = t ? -(i.y + i.h) : i.x, g = t ? n : s;
+				if (f = t ? i.x + i.w / 2 : i.y + i.h / 2, !l) u = m + ir, d = u + g, p = "start";
+				else if (e.align === "start") u = h + ir, d = u + g, p = "start";
+				else if (e.align === "end") d = m - ir, u = d - g, p = "end";
 				else {
 					let e = (m + h) / 2;
 					u = e - g / 2, d = e + g / 2, p = "middle";
@@ -2880,12 +2890,12 @@ var Bt = ["role", "aria-label"], Vt = {
 				t.sort((e, t) => e.lo - t.lo);
 				let n = -Infinity;
 				for (let r of t) {
-					if (r.lo < n + sr) {
+					if (r.lo < n + ar) {
 						if (e.overlap === "hide") {
 							r.hidden = !0;
 							continue;
 						}
-						let t = n + sr - r.lo;
+						let t = n + ar - r.lo;
 						r.lo += t, r.hi += t, r.inside = !1, r.svgAnchor = "start";
 					}
 					if (r.hi > i) {
@@ -2924,11 +2934,11 @@ var Bt = ["role", "aria-label"], Vt = {
 			switch (f.categoryAlign ?? "end") {
 				case "start": return {
 					anchor: "start",
-					x: rr
+					x: tr
 				};
 				case "center": return {
 					anchor: "middle",
-					x: (rr + e) / 2
+					x: (tr + e) / 2
 				};
 				default: return {
 					anchor: "end",
@@ -2963,9 +2973,7 @@ var Bt = ["role", "aria-label"], Vt = {
 			ref: ke
 		}, n.$attrs, {
 			class: ["bar-chart-wrapper", { "is-fullscreen": C(Ge) }],
-			style: C(Ke),
-			role: g.value || void 0,
-			"aria-label": h.value || void 0
+			style: C(Ke)
 		}), [
 			c.menu ? (_(), r(pe, {
 				key: 0,
@@ -2977,12 +2985,14 @@ var Bt = ["role", "aria-label"], Vt = {
 				"is-fullscreen",
 				"onClose"
 			])) : i("", !0),
-			o("div", kn, x(C(Ge) ? "Chart expanded to fill window" : ""), 1),
+			o("div", Dn, x(C(Ge) ? "Chart expanded to fill window" : ""), 1),
 			(_(), a("svg", {
 				ref_key: "svgRef",
 				ref: Ae,
 				width: C(je),
-				height: C(Me)
+				height: C(Me),
+				role: g.value || void 0,
+				"aria-label": h.value || void 0
 			}, [
 				c.title ? (_(), a("text", {
 					key: 0,
@@ -2996,7 +3006,7 @@ var Bt = ["role", "aria-label"], Vt = {
 					key: t,
 					x: Y.value.x,
 					dy: t === 0 ? 0 : Y.value.lineHeight
-				}, x(e), 9, Mn))), 128))], 8, jn)) : i("", !0),
+				}, x(e), 9, An))), 128))], 8, kn)) : i("", !0),
 				(_(!0), a(e, null, y(it.value, (e) => (_(), a("text", {
 					key: e.key,
 					"data-testid": e.key === "ch" ? "category-header" : "value-header",
@@ -3006,15 +3016,15 @@ var Bt = ["role", "aria-label"], Vt = {
 					"font-size": Ye.value.fontSize,
 					fill: Ye.value.fill,
 					"font-weight": "600"
-				}, x(e.text), 9, Nn))), 128)),
-				Qe.value.length > 0 ? (_(), a("g", Pn, [(_(!0), a(e, null, y(Qe.value, (t, n) => (_(), a(e, { key: "ileg" + n }, [t.kind === "bar" ? (_(), a("rect", {
+				}, x(e.text), 9, jn))), 128)),
+				Qe.value.length > 0 ? (_(), a("g", Mn, [(_(!0), a(e, null, y(Qe.value, (t, n) => (_(), a(e, { key: "ileg" + n }, [t.kind === "bar" ? (_(), a("rect", {
 					key: 0,
 					x: t.x,
 					y: t.y - 5,
 					width: "12",
 					height: "10",
 					fill: t.color
-				}, null, 8, Fn)) : (_(), a("line", {
+				}, null, 8, Nn)) : (_(), a("line", {
 					key: 1,
 					x1: t.x,
 					y1: t.y,
@@ -3023,13 +3033,13 @@ var Bt = ["role", "aria-label"], Vt = {
 					stroke: t.color,
 					"stroke-width": "2",
 					"stroke-dasharray": t.dashed ? "4 2" : void 0
-				}, null, 8, In)), o("text", {
+				}, null, 8, Pn)), o("text", {
 					x: t.x + 18,
 					y: t.y + 4,
 					"font-size": Xe.value.fontSize,
 					fill: Xe.value.fill,
 					"font-weight": Xe.value.fontWeight
-				}, x(t.label), 9, Ln)], 64))), 128))])) : i("", !0),
+				}, x(t.label), 9, Fn)], 64))), 128))])) : i("", !0),
 				!O.value || c.valueAxis ? (_(), a("line", {
 					key: 2,
 					x1: C(R)(C(H).left),
@@ -3038,7 +3048,7 @@ var Bt = ["role", "aria-label"], Vt = {
 					y2: C(R)(C(H).top + C(W)),
 					stroke: "currentColor",
 					"stroke-opacity": "0.3"
-				}, null, 8, Rn)) : i("", !0),
+				}, null, 8, In)) : i("", !0),
 				O.value || c.valueAxis ? (_(), a("line", {
 					key: 3,
 					x1: C(R)(C(H).left),
@@ -3047,7 +3057,7 @@ var Bt = ["role", "aria-label"], Vt = {
 					y2: C(R)(C(H).top + C(W)),
 					stroke: "currentColor",
 					"stroke-opacity": "0.3"
-				}, null, 8, zn)) : i("", !0),
+				}, null, 8, Ln)) : i("", !0),
 				c.valueGrid && c.valueAxis ? (_(!0), a(e, { key: 4 }, y(he.value, (e, t) => (_(), a("line", {
 					key: "vg" + t,
 					x1: O.value ? C(H).left : e.pos,
@@ -3056,7 +3066,7 @@ var Bt = ["role", "aria-label"], Vt = {
 					y2: O.value ? e.pos : C(H).top + C(W),
 					stroke: "currentColor",
 					"stroke-opacity": "0.1"
-				}, null, 8, Bn))), 128)) : i("", !0),
+				}, null, 8, Rn))), 128)) : i("", !0),
 				Z.value && we.value ? (_(), a("rect", {
 					key: 5,
 					x: Z.value.x,
@@ -3066,7 +3076,7 @@ var Bt = ["role", "aria-label"], Vt = {
 					fill: "currentColor",
 					"fill-opacity": "0.06",
 					"pointer-events": "none"
-				}, null, 8, Vn)) : i("", !0),
+				}, null, 8, zn)) : i("", !0),
 				c.valueAxis && O.value ? (_(!0), a(e, { key: 6 }, y(he.value, (e, t) => (_(), a("text", {
 					key: "vt" + t,
 					"data-testid": "value-tick",
@@ -3078,7 +3088,7 @@ var Bt = ["role", "aria-label"], Vt = {
 					fill: q.value.fill,
 					"font-weight": q.value.fontWeight,
 					"fill-opacity": q.value.fillOpacity
-				}, x(e.value), 9, Hn))), 128)) : c.valueAxis ? (_(!0), a(e, { key: 7 }, y(he.value, (e, t) => (_(), a("text", {
+				}, x(e.value), 9, Bn))), 128)) : c.valueAxis ? (_(!0), a(e, { key: 7 }, y(he.value, (e, t) => (_(), a("text", {
 					key: "vt" + t,
 					"data-testid": "value-tick",
 					x: e.pos,
@@ -3088,7 +3098,7 @@ var Bt = ["role", "aria-label"], Vt = {
 					fill: q.value.fill,
 					"font-weight": q.value.fontWeight,
 					"fill-opacity": q.value.fillOpacity
-				}, x(e.value), 9, Un))), 128)) : i("", !0),
+				}, x(e.value), 9, Vn))), 128)) : i("", !0),
 				c.yLabel ? (_(), a("text", {
 					key: 8,
 					x: 0,
@@ -3098,7 +3108,7 @@ var Bt = ["role", "aria-label"], Vt = {
 					"font-size": Ye.value.fontSize,
 					fill: Ye.value.fill,
 					"font-weight": Ye.value.fontWeight
-				}, x(c.yLabel), 9, Wn)) : i("", !0),
+				}, x(c.yLabel), 9, Hn)) : i("", !0),
 				O.value ? (_(!0), a(e, { key: 9 }, y(z.value, (e, t) => (_(), a("text", {
 					key: "ct" + t,
 					"data-testid": "category-tick",
@@ -3109,7 +3119,7 @@ var Bt = ["role", "aria-label"], Vt = {
 					fill: q.value.fill,
 					"font-weight": q.value.fontWeight,
 					"fill-opacity": q.value.fillOpacity
-				}, x(e.label), 9, Gn))), 128)) : (_(!0), a(e, { key: 10 }, y(z.value, (e, t) => (_(), a("text", {
+				}, x(e.label), 9, Un))), 128)) : (_(!0), a(e, { key: 10 }, y(z.value, (e, t) => (_(), a("text", {
 					key: "ct" + t,
 					"data-testid": "category-tick",
 					x: rt.value.x,
@@ -3120,7 +3130,7 @@ var Bt = ["role", "aria-label"], Vt = {
 					fill: q.value.fill,
 					"font-weight": q.value.fontWeight,
 					"fill-opacity": q.value.fillOpacity
-				}, x(e.label), 9, Kn))), 128)),
+				}, x(e.label), 9, Wn))), 128)),
 				c.xLabel ? (_(), a("text", {
 					key: 11,
 					x: C(H).left + C(U) / 2,
@@ -3129,7 +3139,7 @@ var Bt = ["role", "aria-label"], Vt = {
 					"font-size": Ye.value.fontSize,
 					fill: Ye.value.fill,
 					"font-weight": Ye.value.fontWeight
-				}, x(c.xLabel), 9, qn)) : i("", !0),
+				}, x(c.xLabel), 9, Gn)) : i("", !0),
 				(_(!0), a(e, null, y(F.value, (e, t) => (_(), a("rect", {
 					key: "bar" + t,
 					"data-testid": "bar",
@@ -3142,7 +3152,7 @@ var Bt = ["role", "aria-label"], Vt = {
 					fill: e.color,
 					"fill-opacity": e.opacity,
 					style: m(e.blendMode ? { mixBlendMode: e.blendMode } : void 0)
-				}, null, 12, Jn))), 128)),
+				}, null, 12, Kn))), 128)),
 				(_(!0), a(e, null, y(nt.value, (e) => (_(), a("text", {
 					key: "blbl" + e.key,
 					"data-testid": "bar-label",
@@ -3154,7 +3164,7 @@ var Bt = ["role", "aria-label"], Vt = {
 					"font-weight": e.fontWeight,
 					fill: e.fill,
 					"pointer-events": "none"
-				}, x(e.text), 9, Yn))), 128)),
+				}, x(e.text), 9, qn))), 128)),
 				(_(!0), a(e, null, y(I.value, (t, n) => (_(), a(e, { key: "sl" + n }, [t.pathD ? (_(), a("path", {
 					key: 0,
 					"data-testid": "summary-line",
@@ -3167,7 +3177,7 @@ var Bt = ["role", "aria-label"], Vt = {
 					"stroke-linecap": "round",
 					"stroke-linejoin": "round",
 					style: m(t.blendMode ? { mixBlendMode: t.blendMode } : void 0)
-				}, null, 12, Xn)) : i("", !0), t.dots ? (_(!0), a(e, { key: 1 }, y(t.points, (e, r) => (_(), a("circle", {
+				}, null, 12, Jn)) : i("", !0), t.dots ? (_(!0), a(e, { key: 1 }, y(t.points, (e, r) => (_(), a("circle", {
 					key: "sld" + n + "-" + r,
 					cx: e.x,
 					cy: e.y,
@@ -3175,7 +3185,7 @@ var Bt = ["role", "aria-label"], Vt = {
 					fill: t.color,
 					"fill-opacity": t.opacity,
 					style: m(t.blendMode ? { mixBlendMode: t.blendMode } : void 0)
-				}, null, 12, Zn))), 128)) : i("", !0)], 64))), 128)),
+				}, null, 12, Yn))), 128)) : i("", !0)], 64))), 128)),
 				we.value ? (_(), a("rect", d({
 					key: 12,
 					x: C(H).left,
@@ -3184,14 +3194,14 @@ var Bt = ["role", "aria-label"], Vt = {
 					height: C(W),
 					fill: "transparent",
 					style: `cursor: crosshair; touch-action: ${O.value ? "pan-y" : "pan-x"}`
-				}, ee(C(Le), !0)), null, 16, Qn)) : i("", !0),
+				}, ee(C(Le), !0)), null, 16, Xn)) : i("", !0),
 				c.annotations && c.annotations.length > 0 ? (_(), r(C(ot), {
 					key: 13,
 					annotations: c.annotations,
 					project: Te,
 					bounds: C(Fe)
 				}, null, 8, ["annotations", "bounds"])) : i("", !0)
-			], 8, An)),
+			], 8, On)),
 			we.value && C(G) !== null && X.value ? (_(), a("div", {
 				key: 1,
 				ref_key: "tooltipRef",
@@ -3205,7 +3215,7 @@ var Bt = ["role", "aria-label"], Vt = {
 					transform: C(Ie) ? `translate3d(${C(Ie).left}px, ${C(Ie).top}px, 0) translateY(-50%)` : "translateY(-50%)",
 					visibility: C(Ie) ? "visible" : "hidden"
 				})
-			}, [b(n.$slots, "tooltip", p(u(X.value)), () => [o("div", $n, [Ze.value ? (_(), a("div", er, x(Ze.value), 1)) : i("", !0), (_(!0), a(e, null, y(X.value.values, (e) => (_(), a("div", {
+			}, [b(n.$slots, "tooltip", p(u(X.value)), () => [o("div", Zn, [Ze.value ? (_(), a("div", Qn, x(Ze.value), 1)) : i("", !0), (_(!0), a(e, null, y(X.value.values, (e) => (_(), a("div", {
 				key: e.seriesIndex,
 				class: "bar-chart-tooltip-row"
 			}, [o("span", {
@@ -3217,16 +3227,16 @@ var Bt = ["role", "aria-label"], Vt = {
 				class: "bar-chart-download-link",
 				href: C(Be),
 				download: `${C(We)()}.csv`
-			}, x(C(ze)), 9, tr)) : i("", !0),
+			}, x(C(ze)), 9, $n)) : i("", !0),
 			C(Ve) ? (_(), a("button", {
 				key: 3,
 				type: "button",
 				class: "bar-chart-download-button",
 				onClick: l[0] ||= (...e) => C(He) && C(He)(...e)
 			}, x(C(Ve)), 1)) : i("", !0)
-		], 16, On)], 8, ["to", "disabled"]));
+		], 16)], 8, ["to", "disabled"]));
 	}
-}), [["__scopeId", "data-v-5f38ef02"]]), lr = {
+}), [["__scopeId", "data-v-251f7945"]]), sr = {
 	ref: "root",
 	class: "chart-tooltip-content",
 	style: {
@@ -3238,7 +3248,7 @@ var Bt = ["role", "aria-label"], Vt = {
 		"pointer-events": "none",
 		transform: "translateY(-50%)"
 	}
-}, ur = /* @__PURE__ */ l({
+}, cr = /* @__PURE__ */ l({
 	__name: "ChoroplethTooltip",
 	setup(e, { expose: n }) {
 		let a = v(null), s = w("root");
@@ -3249,21 +3259,21 @@ var Bt = ["role", "aria-label"], Vt = {
 			getEl() {
 				return s.value;
 			}
-		}), (e, n) => (_(), r(t, { to: "body" }, [o("div", lr, [a.value ? b(e.$slots, "default", p(d({ key: 0 }, a.value))) : i("", !0)], 512)]));
+		}), (e, n) => (_(), r(t, { to: "body" }, [o("div", sr, [a.value ? b(e.$slots, "default", p(d({ key: 0 }, a.value))) : i("", !0)], 512)]));
 	}
-}), dr = ["role", "aria-label"], fr = {
+}), lr = ["role", "aria-label"], ur = {
 	class: "chart-sr-only",
 	"aria-live": "polite"
-}, pr = {
+}, dr = {
 	key: 1,
 	class: "choropleth-header"
-}, mr = {
+}, fr = {
 	key: 0,
 	class: "choropleth-legend-title"
-}, hr = {
+}, pr = {
 	key: 2,
 	class: "choropleth-legend-continuous"
-}, gr = { class: "choropleth-legend-ticks" }, _r = ["viewBox"], vr = ["innerHTML"], yr = "http://www.w3.org/2000/svg", br = 10, xr = 600, Sr = 450, Cr = 1e3, wr = 12, Tr = /* @__PURE__ */ L(/* @__PURE__ */ l({
+}, mr = { class: "choropleth-legend-ticks" }, hr = ["viewBox"], gr = ["innerHTML"], _r = "http://www.w3.org/2000/svg", vr = 10, yr = 600, br = 450, xr = 1e3, Sr = 12, Cr = /* @__PURE__ */ L(/* @__PURE__ */ l({
 	inheritAttrs: !1,
 	__name: "ChoroplethMap",
 	props: {
@@ -3439,7 +3449,7 @@ var Bt = ["role", "aria-label"], Vt = {
 				let n = t.getBoundingClientRect();
 				gt(e, n.left + n.width / 2, n.top + n.height / 2);
 			};
-			a ? (vt(), i.transition().duration(Sr).call(V.transform, m).on("end", g)) : (V.transform(i, m), g());
+			a ? (vt(), i.transition().duration(br).call(V.transform, m).on("end", g)) : (V.transform(i, m), g());
 		}
 		function K(e) {
 			let t = M.value;
@@ -3449,14 +3459,14 @@ var Bt = ["role", "aria-label"], Vt = {
 			let r = Xe.value, i = J.value + 1.5;
 			for (let { item: n, feature: a, key: o } of e) {
 				let e = ge.get(o);
-				e || (e = document.createElementNS(yr, "path"), e.setAttribute("d", r(a) ?? ""), e.setAttribute("fill", "none"), e.setAttribute("pointer-events", "none"), e.setAttribute("vector-effect", "non-scaling-stroke"), e.setAttribute("stroke-linejoin", "round"), e.setAttribute("class", "focus-overlay"), t.appendChild(e), ge.set(o, e)), e.setAttribute("stroke", n.stroke ?? "#fff"), e.setAttribute("stroke-width", String(i)), yt(e, n.style);
+				e || (e = document.createElementNS(_r, "path"), e.setAttribute("d", r(a) ?? ""), e.setAttribute("fill", "none"), e.setAttribute("pointer-events", "none"), e.setAttribute("vector-effect", "non-scaling-stroke"), e.setAttribute("stroke-linejoin", "round"), e.setAttribute("class", "focus-overlay"), t.appendChild(e), ge.set(o, e)), e.setAttribute("stroke", n.stroke ?? "#fff"), e.setAttribute("stroke-width", String(i)), yt(e, n.style);
 			}
 		}
 		function Ie() {
 			if (!A.value || !V) return;
 			Z.value.length > 0 && D("update:focus", null);
 			let e = ce(A.value);
-			e.interrupt(), vt(), e.transition().duration(Sr).call(V.transform, se);
+			e.interrupt(), vt(), e.transition().duration(br).call(V.transform, se);
 		}
 		T(() => f.focusZoomLevel, () => {
 			V && V.scaleExtent([1, Math.max(12, f.focusZoomLevel)]), W();
@@ -3465,7 +3475,7 @@ var Bt = ["role", "aria-label"], Vt = {
 			let e = ce(A.value);
 			e.interrupt(), V.transform(e, se);
 		});
-		let Le = n(() => f.width && f.height ? f.height / f.width : .625), Re = n(() => Cr), ze = n(() => Cr * Le.value), Ve = n(() => {
+		let Le = n(() => f.width && f.height ? f.height / f.width : .625), Re = n(() => xr), ze = n(() => xr * Le.value), Ve = n(() => {
 			let e = S(f.topology), t = e?.objects?.states;
 			if (!t) return [];
 			let n = le(e, t);
@@ -3541,7 +3551,7 @@ var Bt = ["role", "aria-label"], Vt = {
 		}), q = n(() => {
 			let e = Ue.value;
 			if (He.value && e) {
-				let t = [[wr, wr], [Re.value - wr, ze.value - wr]], n = ae().fitExtent(t, e), r = oe(n).centroid(e);
+				let t = [[Sr, Sr], [Re.value - Sr, ze.value - Sr]], n = ae().fitExtent(t, e), r = oe(n).centroid(e);
 				return Number.isFinite(r[0]) && Number.isFinite(r[1]) ? n : P().fitExtent(t, e);
 			}
 			return ae().fitExtent([[0, 0], [Re.value, ze.value]], Je.value);
@@ -3766,7 +3776,7 @@ var Bt = ["role", "aria-label"], Vt = {
 			let t = De;
 			if (De = null, !t || !t.featId || e.touches.length > 0) return;
 			let n = e.changedTouches[0];
-			if (!n || Math.abs(n.clientX - t.x) > br || Math.abs(n.clientY - t.y) > br || e.timeStamp - t.time > xr) return;
+			if (!n || Math.abs(n.clientX - t.x) > vr || Math.abs(n.clientY - t.y) > vr || e.timeStamp - t.time > yr) return;
 			let r = me.get(t.featId);
 			r && (e.preventDefault(), wt(r));
 		}
@@ -3774,7 +3784,7 @@ var Bt = ["role", "aria-label"], Vt = {
 			De = null;
 		}
 		function jt(e) {
-			let t = document.createElementNS(yr, "path");
+			let t = document.createElementNS(_r, "path");
 			return e && t.setAttribute("d", e), t;
 		}
 		function Mt() {
@@ -3787,7 +3797,7 @@ var Bt = ["role", "aria-label"], Vt = {
 			for (let e of r) {
 				let t = String(e.id), r = dt(e), c = lt(t), l = jt(n(e));
 				if (l.setAttribute("class", "state-path"), l.setAttribute("data-feat-id", t), l.setAttribute("fill", ut(t)), l.setAttribute("stroke", i), l.setAttribute("stroke-width", a), l.setAttribute("vector-effect", "non-scaling-stroke"), o) {
-					let e = document.createElementNS(yr, "title");
+					let e = document.createElementNS(_r, "title");
 					e.textContent = pt(r, c), l.appendChild(e);
 				}
 				s.appendChild(l), R.set(t, l), me.set(t, {
@@ -3913,8 +3923,8 @@ var Bt = ["role", "aria-label"], Vt = {
 				"is-fullscreen",
 				"onClose"
 			])) : i("", !0),
-			o("div", fr, x(C(Ht).isFullscreen.value ? "Map expanded to fill window" : ""), 1),
-			c.title || $.value ? (_(), a("div", pr, [c.title ? (_(), a("div", {
+			o("div", ur, x(C(Ht).isFullscreen.value ? "Map expanded to fill window" : ""), 1),
+			c.title || $.value ? (_(), a("div", dr, [c.title ? (_(), a("div", {
 				key: 0,
 				class: "choropleth-title",
 				style: m(L.value)
@@ -3922,16 +3932,16 @@ var Bt = ["role", "aria-label"], Vt = {
 				key: 1,
 				class: "choropleth-legend",
 				style: m(fe.value)
-			}, [c.legendTitle ? (_(), a("span", mr, x(c.legendTitle), 1)) : i("", !0), tt.value || nt.value ? (_(!0), a(e, { key: 1 }, y(Bt.value, (e) => (_(), a("span", {
+			}, [c.legendTitle ? (_(), a("span", fr, x(c.legendTitle), 1)) : i("", !0), tt.value || nt.value ? (_(!0), a(e, { key: 1 }, y(Bt.value, (e) => (_(), a("span", {
 				key: e.key,
 				class: "choropleth-legend-item"
 			}, [o("span", {
 				class: "choropleth-legend-swatch",
 				style: m({ background: e.color })
-			}, null, 4), s(" " + x(e.label), 1)]))), 128)) : (_(), a("div", hr, [o("div", {
+			}, null, 4), s(" " + x(e.label), 1)]))), 128)) : (_(), a("div", pr, [o("div", {
 				class: "choropleth-legend-gradient",
 				style: m({ background: Vt.value })
-			}, null, 4), o("div", gr, [(_(!0), a(e, null, y(zt.value, (e) => (_(), a("span", {
+			}, null, 4), o("div", mr, [(_(!0), a(e, null, y(zt.value, (e) => (_(), a("span", {
 				key: e.value,
 				style: m({ left: e.pct + "%" })
 			}, x(e.value), 5))), 128))])]))], 4)) : i("", !0)])) : i("", !0),
@@ -3950,7 +3960,7 @@ var Bt = ["role", "aria-label"], Vt = {
 			}, null, 512), o("g", {
 				ref_key: "overlayGroupRef",
 				ref: M
-			}, null, 512)], 512)], 12, _r)),
+			}, null, 512)], 512)], 12, hr)),
 			Ce.value ? (_(), a("button", {
 				key: 2,
 				type: "button",
@@ -3958,7 +3968,7 @@ var Bt = ["role", "aria-label"], Vt = {
 				"aria-label": "Reset zoom",
 				onClick: Ie
 			}, " Reset ")) : i("", !0),
-			de.value ? (_(), r(ur, {
+			de.value ? (_(), r(cr, {
 				key: 3,
 				ref_key: "tooltipChildRef",
 				ref: N
@@ -3966,12 +3976,12 @@ var Bt = ["role", "aria-label"], Vt = {
 				default: E((t) => [b(n.$slots, "tooltip", p(u(O(t))), () => [c.tooltipFormat ? (_(), a("span", {
 					key: 0,
 					innerHTML: c.tooltipFormat(t)
-				}, null, 8, vr)) : t.value == null ? (_(), a(e, { key: 1 }, [s(x(t.name), 1)], 64)) : (_(), a(e, { key: 2 }, [s(x(t.name) + ": " + x(ft(t.value)), 1)], 64))], !0)]),
+				}, null, 8, gr)) : t.value == null ? (_(), a(e, { key: 1 }, [s(x(t.name), 1)], 64)) : (_(), a(e, { key: 2 }, [s(x(t.name) + ": " + x(ft(t.value)), 1)], 64))], !0)]),
 				_: 3
 			}, 512)) : i("", !0)
-		], 16, dr)], 8, ["to", "disabled"]));
+		], 16, lr)], 8, ["to", "disabled"]));
 	}
-}), [["__scopeId", "data-v-7bd9e073"]]), Er = /* @__PURE__ */ L(/* @__PURE__ */ l({
+}), [["__scopeId", "data-v-7bd9e073"]]), wr = /* @__PURE__ */ L(/* @__PURE__ */ l({
 	__name: "ChartTooltip",
 	props: {
 		x: {},
@@ -4022,7 +4032,7 @@ var Bt = ["role", "aria-label"], Vt = {
 			_: 3
 		}, 8, ["open"])) : i("", !0);
 	}
-}), [["__scopeId", "data-v-44377f70"]]), Dr = { class: "TableWrapper" }, Or = ["href", "download"], kr = /* @__PURE__ */ L(/* @__PURE__ */ l({
+}), [["__scopeId", "data-v-44377f70"]]), Tr = { class: "TableWrapper" }, Er = ["href", "download"], Dr = /* @__PURE__ */ L(/* @__PURE__ */ l({
 	__name: "DataTable",
 	props: {
 		data: {},
@@ -4146,7 +4156,7 @@ var Bt = ["role", "aria-label"], Vt = {
 				items: E.value,
 				"force-dropdown": ""
 			}, null, 8, ["items"])) : i("", !0),
-			o("div", Dr, [o("table", { class: f(["Table", { "full-width": t.fullWidth }]) }, [
+			o("div", Tr, [o("table", { class: f(["Table", { "full-width": t.fullWidth }]) }, [
 				o("colgroup", null, [(_(!0), a(e, null, y(b.value, (e) => (_(), a("col", {
 					key: e.name,
 					style: m(u(e.name))
@@ -4172,9 +4182,9 @@ var Bt = ["role", "aria-label"], Vt = {
 				class: "data-table-download-link",
 				href: O.value,
 				download: `${C()}.csv`
-			}, x(D.value), 9, Or)) : i("", !0)
+			}, x(D.value), 9, Er)) : i("", !0)
 		], 2));
 	}
 }), [["__scopeId", "data-v-21721f41"]]);
 //#endregion
-export { cr as BarChart, Er as ChartTooltip, Tr as ChoroplethMap, kr as DataTable, Dn as LineChart };
+export { or as BarChart, wr as ChartTooltip, Cr as ChoroplethMap, Dr as DataTable, En as LineChart };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cfasim-ui/charts",
-  "version": "0.6.3",
+  "version": "0.6.4",
   "type": "module",
   "description": "Chart visualization components for cfasim-ui",
   "license": "Apache-2.0",
@@ -38,7 +38,7 @@
     "d3-zoom": "^3.0.0",
     "reka-ui": "^2.9.2",
     "topojson-client": "^3.1.0",
-    "@cfasim-ui/shared": "0.6.3"
+    "@cfasim-ui/shared": "0.6.4"
   },
   "peerDependencies": {
     "vue": "^3.5.0"