scb-wc 0.1.3 → 0.1.4

package/scb-viz/scb-viz.js

@@ -0,0 +1,2195 @@
+import { __decorate as e } from "../_virtual/_@oxc-project_runtime@0.126.0/helpers/decorate.js";
+import "../scb-accordion/scb-accordion.js";
+import "../scb-icon-button/scb-icon-button.js";
+import "../scb-divider/scb-divider.js";
+import "../scb-chip/scb-chip.js";
+import "../scb-horizontal-scroller/scb-horizontal-scroller.js";
+import "../scb-segmented-button/scb-segmented-item.js";
+import "../scb-segmented-button/scb-segmented-button.js";
+import { buildScbVizExportFileName as t, createScbVizCsvBlob as n, createScbVizRasterBlobFromElement as r, createScbVizRasterDataUrlFromElement as i, downloadScbVizBlob as a, getScbVizCurrentFullscreenElement as o, isScbVizFullscreenSupported as s, openScbVizPrintFrame as c, runWithScbVizForcedPrintLightMode as l, toggleScbVizFullscreen as u } from "./scb-viz-actions-runtime.js";
+import { buildScbVizPrintDocumentHtml as d, buildScbVizPrintableFooterHtml as f, buildScbVizPrintableTableHtml as p } from "./scb-viz-print-runtime.js";
+import { getScbVizSeriesDifferentiationPatternKinds as m } from "./scb-viz-series-differentiation-registry.js";
+import { clearScbVizSeriesDifferentiationColorClass as h, clearScbVizSeriesDifferentiationMetadata as g, ensureScbVizStyledModeSeriesPattern as _, getScbVizGroupedSeriesDifferentiationVariant as v, getScbVizHighchartsColorClassName as y, getScbVizHighchartsSvgRoot as b, getScbVizLegendSeriesDifferentiationTargets as x, getScbVizSeriesDifferentiationVariantByIndex as S, isScbVizGroupedSeriesDifferentiationChart as C, isScbVizHighchartsStyledMode as w, setScbVizSeriesDifferentiationColorClass as T, setScbVizSeriesDifferentiationMetadata as E, shouldShowScbVizSeriesDifferentiationAction as D, usesScbVizGroupedPointDifferentiation as O } from "./scb-viz-series-differentiation-runtime.js";
+import { buildScbVizResolvedTableView as k, createScbVizCsvRows as A, inferScbVizTableAlignments as j, normalizeScbVizRenderableCell as M, readScbVizTableDataFromSlot as N } from "./scb-viz-table-runtime.js";
+import { LitElement as P, css as F, html as I } from "lit";
+import { customElement as L, property as R, state as z } from "lit/decorators.js";
+import { unsafeHTML as B } from "lit/directives/unsafe-html.js";
+import { unsafeSVG as V } from "lit/directives/unsafe-svg.js";
+//#region src/scb-test-components/scb-viz/scb-viz.ts
+var H = "<svg version=\"1.1\" id=\"Lager_1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" x=\"0px\" y=\"0px\"\n	 viewBox=\"0 0 727.3 87.3\" style=\"enable-background:new 0 0 727.3 87.3;\" xml:space=\"preserve\" fill=\"currentColor\">\n<style type=\"text/css\">\n	.st0{clip-path:url(#SVGID_00000118375311472882578510000008414848687067442345_);}\n	.st1{clip-path:url(#SVGID_00000138564698325205407360000002276421278379188096_);}\n</style>\n<g>\n	<defs>\n		<rect id=\"SVGID_1_\" width=\"87.9\" height=\"87.3\"/>\n	</defs>\n	<clipPath id=\"SVGID_00000049194455212780167100000017351139687135426220_\">\n		<use xlink:href=\"#SVGID_1_\"  style=\"overflow:visible;\"/>\n	</clipPath>\n	<path style=\"clip-path:url(#SVGID_00000049194455212780167100000017351139687135426220_);\" d=\"M51.9,47.4c-3.5-1.9-6.1-3-8.4-3.9\n		c-2.6-1.1-4.8-2-8.1-4.1c-3.2-2-4.7-5.5-3.8-8.7c1.1-3.9,5.5-6.3,11.7-6.4c5.2-0.1,10.3,2,14,5.6l7.1-7.3\n		C58.9,17,51.1,13.9,43.2,14c-5.6,0.1-10.3,1.4-14.1,4c-3.6,2.4-6.2,5.9-7.3,9.9C19.7,35.5,23,43.6,30,48c4,2.6,6.9,3.7,9.7,4.9\n		c2.1,0.9,4.3,1.8,7.3,3.4c6,3.3,7.3,9.9,5.6,14.4c-1.8,4.6-6.3,6.9-12.5,6.6c-16.8-2-29.9-16.3-29.9-33.6c0-6.7,2-13,5.4-18.3\n		c-0.5-4.8-0.4-11.5,2.7-17.4c-1.9,1.4-3.8,2.9-5.5,4.7C4.6,20.9,0,32,0,43.7s4.6,22.8,12.9,31.1c5.2,5.2,11.4,8.9,18.2,11\n		c3.8,1,8,1.5,12.6,1.2c13.4-1,18-9.1,19.5-16.1l0,0l0,0c0.7-3.7,0.5-7.7-0.8-11.4C60.5,54.4,56.8,50.1,51.9,47.4\"/>\n</g>\n<g>\n	<defs>\n		<rect id=\"SVGID_00000037663519358145686510000008852139513316315266_\" width=\"87.9\" height=\"87.3\"/>\n	</defs>\n	<clipPath id=\"SVGID_00000178915587967540748200000001082786752601951668_\">\n		<use xlink:href=\"#SVGID_00000037663519358145686510000008852139513316315266_\"  style=\"overflow:visible;\"/>\n	</clipPath>\n	<path style=\"clip-path:url(#SVGID_00000178915587967540748200000001082786752601951668_);\" d=\"M75.1,12.6C70.8,8.3,65.7,5,60.3,2.9\n		c-6.2-2.3-14-3.5-22.9-1.5c-15.1,3.4-18,14.3-18.5,19.8C25.1,14.3,34,10,44,10c18.6,0,33.8,15.1,33.8,33.8c0,9.5-3.9,18-10.2,24.2\n		c-0.4,4.5-1.5,10-3.7,15c4.1-2.1,7.9-4.8,11.2-8.1C83.4,66.6,88,55.6,88,43.8C87.9,32,83.4,20.9,75.1,12.6\"/>\n</g>\n<path d=\"M48.5,32.9c-4.8-2.3-7.3-4.1-7.3-4.1s-4.5-0.2-4.5,4c0,3.5,4.4,4.1,15.2,8.8c14.3,6.3,15.4,20.1,15.4,20.1s3.5-14.2-8-22.8\n	C55.8,36.5,55.4,36.1,48.5,32.9\"/>\n<path d=\"M47.8,70.1c2.3-3,0.8-6.3,0.8-6.3s-3,1.5-9.2,0c-7.6-2-10.1-5.5-10.1-5.5l-5.8,6.1c0,0,5.7,5.8,14,7.6\n	C42.3,73,45.6,72.9,47.8,70.1\"/>\n<path d=\"M107.2,56.4c3.3,2.8,7.1,4.2,11.6,4.2c5.3-0.1,8-2,8.1-5.9c0-3.1-1.7-5-5.3-5.7c-1.6-0.2-3.5-0.5-5.4-0.8\n	c-3.5-0.6-6.2-1.9-8-4c-1.9-2.1-2.8-4.8-2.8-7.8c0-3.7,1.2-6.7,3.6-8.9c2.3-2.2,5.6-3.4,9.8-3.4c5.1,0.1,9.5,1.6,13.3,4.4l-3.5,5.3\n	c-3.1-2.1-6.4-3.2-10.1-3.3c-1.9,0-3.5,0.5-4.8,1.5s-2,2.6-2,4.6c0,1.2,0.5,2.3,1.4,3.3s2.4,1.7,4.4,2.1c1.1,0.2,2.7,0.4,4.6,0.7\n	c3.8,0.5,6.7,2,8.5,4.3s2.7,4.9,2.7,7.9c-0.2,8.1-5,12.2-14.4,12.3c-6.1,0-11.3-1.9-15.6-5.8L107.2,56.4z\"/>\n<path d=\"M135.3,36.6h6.2l6.8,21.1h0.1l6.8-21.1h6.2l-10.7,30.1h-4.8L135.3,36.6z\"/>\n<path d=\"M169.4,53.9c0,2.4,0.7,4.3,2,5.5c1.3,1.3,2.9,1.9,4.9,1.9c2.4,0,4.5-1,6.4-2.9l4.2,3.7c-3,3.3-6.5,4.9-10.5,4.9\n	c-1.5,0-3-0.2-4.5-0.7c-0.7-0.2-1.4-0.6-2.1-1c-0.7-0.4-1.4-0.8-2-1.4c-1.2-1.1-2.2-2.7-3-4.7c-0.8-1.9-1.3-4.4-1.3-7.5\n	c0-3,0.4-5.4,1.1-7.4c0.7-2,1.7-3.6,2.8-4.7c1.2-1.2,2.5-2,3.9-2.5s2.8-0.8,4.2-0.8c3.3,0,6.1,1.2,8.4,3.4c2.3,2.3,3.5,5.4,3.6,9.3\n	v5L169.4,53.9L169.4,53.9z M181.7,48.9c-0.1-2.3-0.7-4.1-1.8-5.3c-1.1-1.1-2.6-1.7-4.3-1.7c-1.8,0-3.2,0.6-4.3,1.7\n	c-1.1,1.2-1.7,3-1.8,5.3H181.7z\"/>\n<path d=\"M193.8,36.6h5.8v3.2h0.1c1.9-2.4,4.5-3.6,7.6-3.6c2.3,0,4.4,0.8,6.1,2.3l-4.3,5.2c-1.2-1-2.5-1.5-3.8-1.5\n	c-1.5,0-2.8,0.5-3.8,1.5c-1.2,1-1.8,2.6-1.9,4.8v18.1h-5.8L193.8,36.6L193.8,36.6z\"/>\n<path d=\"M216.3,24.4h5.8v6h-5.8V24.4z M216.3,36.6h5.8v30.1h-5.8V36.6z\"/>\n<path d=\"M246,63.5c-1.9,2.2-4.4,3.4-7.5,3.5c-1.9,0-3.5-0.5-4.7-1.2c-1.3-0.8-2.3-1.6-3-2.4c-0.8-1-1.3-2.2-1.7-3.6\n	c-0.4-1.4-0.5-4.1-0.5-8.1s0.2-6.8,0.5-8.2s0.9-2.6,1.7-3.6c0.7-0.9,1.7-1.8,3-2.5s2.8-1.1,4.7-1.1c2.9,0,5.4,1.2,7.5,3.6v-3.2h5.8\n	V66c-0.1,4.5-1.3,7.8-3.8,10s-5.4,3.3-8.9,3.3c-3.9-0.1-7.3-1.8-10.1-5l4.5-3.7c0.7,0.7,1.6,1.3,2.6,1.8c1,0.6,2,0.9,3.1,0.9\n	c2,0,3.6-0.6,4.8-1.7c1.2-1.2,1.8-2.8,1.8-4.8v-3.3H246z M234.4,51.6c0,2.3,0.1,3.9,0.2,4.8c0.1,0.9,0.4,1.7,0.9,2.3\n	c0.4,0.5,1,1,1.8,1.5s1.7,0.8,2.9,0.8s2.1-0.3,2.9-0.8c0.8-0.4,1.3-0.9,1.7-1.5c0.5-0.6,0.8-1.4,1-2.3c0.1-0.9,0.2-2.5,0.2-4.8\n	s-0.1-4-0.2-4.9c-0.2-0.9-0.5-1.6-1-2.2c-0.4-0.5-1-1.1-1.7-1.6c-0.8-0.4-1.7-0.7-2.9-0.7c-1.1,0-2.1,0.3-2.9,0.7\n	c-0.8,0.5-1.4,1.1-1.8,1.6c-0.5,0.6-0.8,1.3-0.9,2.2S234.4,49.3,234.4,51.6z\"/>\n<path d=\"M264,53.9c0,2.4,0.7,4.3,2,5.5c1.3,1.3,2.9,1.9,4.9,1.9c2.4,0,4.5-1,6.4-2.9l4.2,3.7c-3,3.3-6.5,4.9-10.5,4.9\n	c-1.5,0-3-0.2-4.5-0.7c-0.7-0.2-1.4-0.6-2.1-1s-1.4-0.8-2-1.4c-1.2-1.1-2.2-2.7-3-4.7c-0.8-1.9-1.3-4.4-1.3-7.5c0-3,0.4-5.4,1.1-7.4\n	s1.7-3.6,2.8-4.7c1.2-1.2,2.5-2,3.9-2.5s2.8-0.8,4.2-0.8c3.3,0,6.1,1.2,8.4,3.4c2.3,2.3,3.5,5.4,3.6,9.3v5L264,53.9L264,53.9z\n	 M276.3,48.9c-0.1-2.3-0.7-4.1-1.8-5.3c-1.1-1.1-2.6-1.7-4.3-1.7c-1.8,0-3.2,0.6-4.3,1.7c-1.1,1.2-1.7,3-1.8,5.3H276.3z\"/>\n<path d=\"M289.4,57.4c2.4,2.6,5.5,3.9,9.2,3.9c1.7,0,3.1-0.3,4.1-1s1.6-1.6,1.6-2.8c0-1.1-0.3-1.8-1-2.3c-0.7-0.4-1.5-0.7-2.6-0.7\n	l-5.2-0.5c-2.5-0.2-4.4-1.1-6-2.5s-2.4-3.4-2.4-6c0-3.1,1.1-5.4,3.2-7c2-1.5,4.6-2.3,7.7-2.3c1.3,0,2.6,0.1,3.6,0.3\n	c1.1,0.2,2.1,0.5,3,0.8c1.8,0.8,3.4,1.8,4.8,3l-3.6,4.4c-1.1-0.8-2.3-1.5-3.6-2.1c-1.2-0.5-2.7-0.7-4.3-0.7c-1.8,0-3.1,0.3-3.9,1\n	s-1.2,1.5-1.2,2.6c0,0.7,0.3,1.3,0.9,1.8c0.6,0.6,1.6,0.9,3,1.1l4.8,0.4c3,0.2,5.2,1.2,6.6,2.8c1.3,1.6,1.9,3.7,1.9,6.2\n	c0,2.9-1.2,5.2-3.5,6.8c-2.2,1.6-5.1,2.5-8.6,2.5c-4.8,0-9-1.8-12.8-5.4L289.4,57.4z\"/>\n<path d=\"M328.2,51.6c0-3.2,0.3-5.6,0.8-7.3s1.3-3.1,2.4-4.2c0.8-1,1.9-1.9,3.4-2.7c1.4-0.7,3.2-1.1,5.5-1.2c2.3,0,4.2,0.4,5.6,1.2\n	s2.5,1.7,3.3,2.7c1.2,1.1,2,2.5,2.5,4.2s0.7,4.1,0.7,7.3s-0.2,5.6-0.7,7.2c-0.5,1.7-1.3,3.1-2.5,4.3c-0.4,0.4-0.8,0.9-1.4,1.3\n	c-0.5,0.5-1.1,0.9-1.9,1.2c-1.4,0.8-3.3,1.3-5.6,1.3c-2.2,0-4-0.5-5.5-1.3c-1.4-0.8-2.6-1.6-3.4-2.5c-1.1-1.2-1.9-2.7-2.4-4.3\n	C328.5,57.1,328.2,54.7,328.2,51.6z M346.4,51.6c0-2.2-0.1-3.7-0.3-4.7c-0.2-0.9-0.6-1.8-1.2-2.5c-0.4-0.7-1.1-1.2-1.9-1.6\n	c-0.8-0.4-1.7-0.6-2.8-0.6c-1,0-1.9,0.2-2.8,0.6c-0.8,0.4-1.5,0.9-2,1.6c-0.5,0.7-0.9,1.5-1.1,2.5s-0.3,2.5-0.3,4.6s0.1,3.6,0.3,4.6\n	c0.2,1,0.6,1.9,1.1,2.6c0.5,0.6,1.2,1.1,2,1.5s1.8,0.6,2.8,0.6c1.1,0,2-0.2,2.8-0.6c0.8-0.4,1.5-1,1.9-1.5c0.6-0.8,1-1.6,1.2-2.6\n	C346.3,55.2,346.4,53.7,346.4,51.6z\"/>\n<path d=\"M359.5,41.2h-3v-4.6h3v-4c0-2.9,0.8-5,2.3-6.3s3.4-1.9,5.6-1.9h3.8v5.7h-3.3c-1.8-0.1-2.6,0.8-2.5,2.5v4h5.9v4.6h-5.9v25.4\n	h-5.8V41.2H359.5z\"/>\n<path d=\"M373.1,41.2h-3v-4.6h3v-4c0-2.9,0.8-5,2.3-6.3s3.4-1.9,5.6-1.9h3.8v5.7h-3.3c-1.8-0.1-2.6,0.8-2.5,2.5v4h5.9v4.6H379v25.4\n	h-5.8V41.2H373.1z\"/>\n<path d=\"M388.8,24.4h5.8v6h-5.8V24.4z M388.8,36.6h5.8v30.1h-5.8V36.6z\"/>\n<path d=\"M423.1,61.8c-1.3,1.5-2.8,2.7-4.5,3.7s-3.7,1.5-6,1.5c-3.4,0-6.5-1.2-9-3.6c-2.7-2.4-4.1-6.3-4.1-11.7\n	c0.1-5.5,1.5-9.4,4.1-11.9c2.6-2.4,5.6-3.6,9.1-3.6c2.3,0,4.3,0.5,6,1.4s3.2,2.2,4.5,3.8l-4.3,4c-1.5-2-3.5-3.1-5.9-3.2\n	c-5-0.1-7.5,3.1-7.6,9.4c0.1,6.3,2.6,9.4,7.6,9.3c2.5,0,4.4-1.1,5.9-3.1L423.1,61.8z\"/>\n<path d=\"M427.9,24.4h5.8v6h-5.8V24.4z M427.9,36.6h5.8v30.1h-5.8V36.6z\"/>\n<path d=\"M446,53.9c0,2.4,0.7,4.3,2,5.5c1.3,1.3,2.9,1.9,4.9,1.9c2.4,0,4.5-1,6.4-2.9l4.2,3.7c-3,3.3-6.5,4.9-10.5,4.9\n	c-1.5,0-3-0.2-4.5-0.7c-0.7-0.2-1.4-0.6-2.1-1s-1.4-0.8-2-1.4c-1.2-1.1-2.2-2.7-3-4.7c-0.8-1.9-1.3-4.4-1.3-7.5c0-3,0.4-5.4,1.1-7.4\n	s1.7-3.6,2.8-4.7c1.2-1.2,2.5-2,3.9-2.5s2.8-0.8,4.2-0.8c3.3,0,6.1,1.2,8.4,3.4c2.3,2.3,3.5,5.4,3.6,9.3v5L446,53.9L446,53.9z\n	 M458.3,48.9c-0.1-2.3-0.7-4.1-1.8-5.3c-1.1-1.1-2.6-1.7-4.3-1.7s-3.2,0.6-4.3,1.7c-1.1,1.2-1.7,3-1.8,5.3H458.3z\"/>\n<path d=\"M471,24.4h5.8v34.5c0,1.4,0.7,2.1,2.2,2.1h2v5.7h-2.6c-2.1,0-3.9-0.5-5.3-1.6c-1.5-1.1-2.2-3-2.2-5.6V24.4H471z\"/>\n<path d=\"M484.8,24.4h5.8v34.5c0,1.4,0.7,2.1,2.2,2.1h2v5.7h-2.6c-2.1,0-3.9-0.5-5.3-1.6c-1.5-1.1-2.2-3-2.2-5.6V24.4H484.8z\"/>\n<path d=\"M513.6,64L513.6,64c-0.6,1-1.5,1.8-2.6,2.3c-1.1,0.5-2.7,0.8-4.7,0.8c-3.3,0-5.8-0.9-7.5-2.7c-1.9-1.7-2.8-3.9-2.8-6.5\n	c0-2.5,0.8-4.6,2.4-6.3s4-2.6,7.1-2.6h8.1v-3.2c0-2.7-2-3.9-6-3.9c-1.5,0-2.6,0.2-3.5,0.5c-0.9,0.4-1.6,1-2.1,1.9l-4.6-3.6\n	c2.2-3,5.5-4.5,9.8-4.4c3.7,0,6.6,0.7,8.8,2.1c2.2,1.5,3.3,4.1,3.3,7.8v20.5h-5.8V64H513.6z M513.6,53.9h-7\n	c-3.4,0.1-5.1,1.3-5.1,3.6c0,1,0.4,1.9,1.3,2.6c0.8,0.8,2.2,1.2,4.2,1.2c2.5,0,4.2-0.3,5.2-0.9c0.9-0.6,1.4-2.1,1.4-4.3V53.9z\"/>\n<path d=\"M542,57.4c2.4,2.6,5.5,3.9,9.2,3.9c1.7,0,3.1-0.3,4.1-1c1.1-0.7,1.6-1.6,1.6-2.8c0-1.1-0.3-1.8-1-2.3\n	c-0.7-0.4-1.5-0.7-2.6-0.7l-5.2-0.5c-2.5-0.2-4.4-1.1-6-2.5s-2.4-3.4-2.4-6c0-3.1,1.1-5.4,3.2-7c2-1.5,4.6-2.3,7.7-2.3\n	c1.3,0,2.6,0.1,3.6,0.3c1.1,0.2,2.1,0.5,3,0.8c1.8,0.8,3.4,1.8,4.8,3l-3.6,4.4c-1.1-0.8-2.3-1.5-3.6-2.1c-1.2-0.5-2.7-0.7-4.3-0.7\n	c-1.8,0-3.1,0.3-3.9,1c-0.8,0.7-1.2,1.5-1.2,2.6c0,0.7,0.3,1.3,0.9,1.8c0.6,0.6,1.6,0.9,3,1.1l4.8,0.4c3,0.2,5.2,1.2,6.6,2.8\n	c1.3,1.6,1.9,3.7,1.9,6.2c0,2.9-1.2,5.2-3.5,6.8c-2.2,1.6-5.1,2.5-8.6,2.5c-4.8,0-9-1.8-12.8-5.4L542,57.4z\"/>\n<path d=\"M569.4,27.4h5.8v9.2h4.3v4.6h-4.3v17.5c0,1.5,0.7,2.3,2.1,2.2h2.2v5.7h-3.1c-2.1,0-3.7-0.7-5-2c-1.3-1.3-2-3.1-2-5.4v-18\n	h-2.9v-4.6h2.9V27.4z\"/>\n<path d=\"M600.4,64L600.4,64c-0.6,1-1.5,1.8-2.6,2.3s-2.7,0.8-4.7,0.8c-3.3,0-5.8-0.9-7.5-2.7c-1.9-1.7-2.8-3.9-2.8-6.5\n	c0-2.5,0.8-4.6,2.4-6.3c1.6-1.7,4-2.6,7.1-2.6h8.1v-3.2c0-2.7-2-3.9-6-3.9c-1.5,0-2.6,0.2-3.5,0.5c-0.9,0.4-1.6,1-2.1,1.9l-4.6-3.6\n	c2.2-3,5.5-4.5,9.8-4.4c3.7,0,6.6,0.7,8.8,2.1c2.2,1.5,3.3,4.1,3.3,7.8v20.5h-5.8L600.4,64L600.4,64z M600.4,53.9h-7\n	c-3.4,0.1-5.1,1.3-5.1,3.6c0,1,0.4,1.9,1.3,2.6c0.8,0.8,2.2,1.2,4.2,1.2c2.5,0,4.2-0.3,5.2-0.9c0.9-0.6,1.4-2.1,1.4-4.3L600.4,53.9\n	L600.4,53.9z\"/>\n<path d=\"M614.6,27.4h5.8v9.2h4.3v4.6h-4.3v17.5c0,1.5,0.7,2.3,2.1,2.2h2.2v5.7h-3.1c-2.1,0-3.7-0.7-5-2c-1.3-1.3-2-3.1-2-5.4v-18\n	h-2.9v-4.6h2.9V27.4z\"/>\n<path d=\"M630.5,24.4h5.8v6h-5.8V24.4z M630.5,36.6h5.8v30.1h-5.8V36.6z\"/>\n<path d=\"M644.9,57.4c2.4,2.6,5.5,3.9,9.2,3.9c1.7,0,3.1-0.3,4.1-1c1.1-0.7,1.6-1.6,1.6-2.8c0-1.1-0.3-1.8-1-2.3\n	c-0.7-0.4-1.5-0.7-2.6-0.7L651,54c-2.5-0.2-4.4-1.1-6-2.5s-2.4-3.4-2.4-6c0-3.1,1.1-5.4,3.2-7c2-1.5,4.6-2.3,7.7-2.3\n	c1.3,0,2.6,0.1,3.6,0.3c1.1,0.2,2.1,0.5,3,0.8c1.8,0.8,3.4,1.8,4.8,3l-3.6,4.4c-1.1-0.8-2.3-1.5-3.6-2.1c-1.2-0.5-2.7-0.7-4.3-0.7\n	c-1.8,0-3.1,0.3-3.9,1c-0.8,0.7-1.2,1.5-1.2,2.6c0,0.7,0.3,1.3,0.9,1.8c0.6,0.6,1.6,0.9,3,1.1l4.8,0.4c3,0.2,5.2,1.2,6.6,2.8\n	c1.3,1.6,1.9,3.7,1.9,6.2c0,2.9-1.2,5.2-3.5,6.8c-2.2,1.6-5.1,2.5-8.6,2.5c-4.8,0-9-1.8-12.8-5.4L644.9,57.4z\"/>\n<path d=\"M672.4,27.4h5.8v9.2h4.3v4.6h-4.3v17.5c0,1.5,0.7,2.3,2.1,2.2h2.2v5.7h-3.1c-2.1,0-3.7-0.7-5-2c-1.3-1.3-2-3.1-2-5.4v-18\n	h-2.9v-4.6h2.9V27.4z\"/>\n<path d=\"M688.2,24.4h5.8v6h-5.8V24.4z M688.2,36.6h5.8v30.1h-5.8V36.6z\"/>\n<path d=\"M701.8,24.4h5.8v26.3h0.1l11.2-14.1h7l-10,11.7l11.4,18.3H720l-7.7-14l-4.6,5.4v8.7h-5.8V24.4H701.8z\"/>\n</svg>\n", U = 0, W = class extends P {
+	constructor(...e) {
+		super(...e), this.variant = "Standard", this.selectedChip = "Diagram", this.title = "", this.subtitle = "", this.description = "", this.comment = "", this.source = "", this.footnote = "", this.lang = "sv", this.imageHref = "", this.officialStatistics = !1, this.disableToggle = !1, this.contentMaxWidth = "", this.containerMaxWidth = "", this.contentHeight = "", this.toggleHeightMode = "stable", this._actionsMenuOpen = !1, this._seriesDifferentiationEnabled = !1, this._isFullscreen = !1, this._seriesDifferentiationSnapshots = /* @__PURE__ */ new WeakMap(), this._diagramReflowFrame = 0, this._chartConfigSyncFrame = 0, this._fullscreenDiagramSizingFrame = 0, this._fullscreenDiagramHeight = "", this._instanceId = `scb-viz-${++U}`, this.spacing = void 0, this.spacingTop = void 0, this.spacingBottom = void 0, this.spacingLeft = void 0, this.spacingRight = void 0, this._onDocumentFullscreenChange = () => {
+			this._syncFullscreenState();
+		}, this._onWindowResize = () => {
+			this._isFullscreen && this.#c();
+		}, this._onToggleFullscreenClick = async () => {
+			this._closeActionsMenu(), await this._toggleFullscreen();
+		}, this._onDocumentPointerDown = (e) => {
+			if (!this._actionsMenuOpen) return;
+			let t = e.composedPath(), n = this.shadowRoot?.querySelector(".actions-menu");
+			n && t.includes(n) || this._closeActionsMenu();
+		}, this._onDocumentKeyDown = (e) => {
+			this._actionsMenuOpen && e.key === "Escape" && (e.preventDefault(), this._closeActionsMenu(), this._focusMenuButton());
+		}, this._onPrintClick = async () => {
+			this._closeActionsMenu(), await this.#x();
+		}, this._onDownloadPngClick = async () => {
+			this._canExportRaster() && (this._closeActionsMenu(), await this.#_("png"));
+		}, this._onDownloadJpgClick = async () => {
+			this._canExportRaster() && (this._closeActionsMenu(), await this.#_("jpeg"));
+		}, this._onDownloadCsvClick = () => {
+			this._canExportCsv() && (this._closeActionsMenu(), this.#S());
+		}, this._onToggleSeriesDifferentiationClick = () => {
+			this._seriesDifferentiationEnabled = !this._seriesDifferentiationEnabled, this._closeActionsMenu(), this.#g();
+		};
+	}
+	get descriptionLabel() {
+		return this.lang === "en" ? "Description of the chart" : "Beskrivning av diagrammet";
+	}
+	get moreAboutStatsLabel() {
+		return this.lang === "en" ? "More about the statistics" : "Mer om statistiken";
+	}
+	get commentLabel() {
+		return this.lang === "en" ? "Comments" : "Kommentar";
+	}
+	get sourceLabel() {
+		return this.lang === "en" ? "Source" : "Källa";
+	}
+	get footnoteLabel() {
+		return this.lang === "en" ? "Footnotes" : "Fotnot";
+	}
+	get officialStatisticsLabel() {
+		return this.lang === "en" ? "Official statistics of Sweden" : "Sveriges officiella statistik";
+	}
+	get officialStatisticsTitle() {
+		return this.lang === "en" ? "Part of Official statistics of Sweden" : "Tillhör Sveriges officiella statistik";
+	}
+	get officialStatisticsAlt() {
+		return this.lang === "en" ? "Read more about Official statistics of Sweden" : "Läs mer om Sveriges officiella statistik";
+	}
+	get actionsMenuLabel() {
+		return this.lang === "en" ? "Open menu" : "Öppna meny";
+	}
+	get printLabel() {
+		return this.lang === "en" ? "Print" : "Skriv ut";
+	}
+	get downloadPngLabel() {
+		return this.lang === "en" ? "Download PNG" : "Ladda ner PNG";
+	}
+	get downloadJpgLabel() {
+		return this.lang === "en" ? "Download JPG" : "Ladda ner JPG";
+	}
+	get downloadCsvLabel() {
+		return this.lang === "en" ? "Download CSV" : "Ladda ner CSV";
+	}
+	get enableSeriesDifferentiationLabel() {
+		return this.lang === "en" ? "Show symbols and patterns" : "Visa symboler och mönster";
+	}
+	get disableSeriesDifferentiationLabel() {
+		return this.lang === "en" ? "Hide symbols and patterns" : "Dölj symboler och mönster";
+	}
+	get enterFullscreenLabel() {
+		return this.lang === "en" ? "View fullscreen" : "Visa i helskärm";
+	}
+	get exitFullscreenLabel() {
+		return this.lang === "en" ? "Exit fullscreen" : "Avsluta helskärm";
+	}
+	_getImageAltText() {
+		return this.lang === "en" ? "Chart image" : "Diagrambild";
+	}
+	_getTitleId() {
+		return this.title ? `${this._instanceId}-title` : void 0;
+	}
+	_getSubtitleId() {
+		return this.subtitle ? `${this._instanceId}-subtitle` : void 0;
+	}
+	_getDescriptionId() {
+		return this.description ? `${this._instanceId}-description` : void 0;
+	}
+	_getContentAriaLabelledBy() {
+		let e = [this._getTitleId(), this._getSubtitleId()].filter(Boolean);
+		return e.length ? e.join(" ") : void 0;
+	}
+	_getContentAriaDescribedBy() {
+		let e = [this._getDescriptionId()].filter(Boolean);
+		return e.length ? e.join(" ") : void 0;
+	}
+	static {
+		this.styles = F`
+    :host {
+      display: block;
+      box-sizing: border-box;
+      --_scb-viz-font-family: var(--brand-font, Inter, 'Segoe UI', Arial, sans-serif);
+      --_scb-viz-body-font-size: var(--md-sys-typescale-body-large-size, 1rem);
+      --_scb-viz-body-font-weight: var(--weight-regular, 400);
+      --_scb-viz-body-line-height: var(--md-sys-typescale-body-large-line-height, 1.5);
+      --_scb-viz-body-letter-spacing: var(--md-sys-typescale-body-large-tracking, normal);
+      --_scb-viz-title-size: var(--md-sys-typescale-title-large-size, 1.75rem);
+      --_scb-viz-title-weight: var(--weight-semibold, 600);
+      --_scb-viz-title-line-height: var(--md-sys-typescale-title-large-line-height, 1.25);
+      --_scb-viz-title-letter-spacing: var(--md-sys-typescale-title-large-tracking, normal);
+      --_scb-viz-subtitle-size: var(--md-sys-typescale-body-large-size, 1rem);
+      --_scb-viz-subtitle-weight: var(--weight-regular, 400);
+      --_scb-viz-subtitle-line-height: var(--md-sys-typescale-body-large-line-height, 1.5);
+      --_scb-viz-subtitle-letter-spacing: var(--md-sys-typescale-body-large-tracking, normal);
+      --_scb-viz-section-title-size: var(--md-sys-typescale-title-medium-size, 1rem);
+      --_scb-viz-section-title-weight: var(--weight-semibold, 600);
+      --_scb-viz-section-title-line-height: var(--md-sys-typescale-title-medium-line-height, 1.5);
+      --_scb-viz-section-title-letter-spacing: var(--md-sys-typescale-title-medium-tracking, normal);
+      --_scb-viz-text-color: var(--md-sys-color-on-surface, #1f1f1f);
+      font-family: var(--_scb-viz-font-family);
+      font-size: var(--_scb-viz-body-font-size);
+      font-weight: var(--_scb-viz-body-font-weight);
+      line-height: var(--_scb-viz-body-line-height);
+      letter-spacing: var(--_scb-viz-body-letter-spacing);
+      font-style: normal;
+      text-align: start;
+      color: var(--_scb-viz-text-color);
+      background: var(--scb-viz-surface-color, var(--md-sys-color-surface, #fff));
+      padding: var(--scb-viz-padding, var(--spacing-7, 24px));
+      max-width: var(--scb-viz-container-max-width, 100%);
+      border-radius: var(--scb-viz-border-radius, var(--spacing-04, 16px));
+      border: 1px solid var(--scb-viz-outline-color, var(--md-sys-color-outline-variant, #c5c7d0));
+      /* Spacing styrs av attributen via CSS-variabler. */
+      margin-block-start: var(--scb-viz-spacing-block-start, 0);
+      margin-block-end: var(--scb-viz-spacing-block-end, 0);
+      margin-inline-start: var(--scb-viz-spacing-inline-start, 0);
+      margin-inline-end: var(--scb-viz-spacing-inline-end, 0);
+    }
+
+    :host *,
+    :host *::before,
+    :host *::after {
+      box-sizing: border-box;
+    }
+
+    scb-segmented-button {
+      --brand-font: var(--_scb-viz-font-family);
+      --weight-regular: var(--_scb-viz-body-font-weight);
+      --weight-semibold: var(--_scb-viz-section-title-weight);
+      --scb-segmented-button-height: var(--icon-size-small, 32px);
+    }
+
+    scb-icon-button {
+      --brand-font: var(--_scb-viz-font-family);
+    }
+
+    scb-accordion,
+    scb-accordion-item {
+      --brand-font: var(--_scb-viz-font-family);
+      --weight-regular: var(--_scb-viz-body-font-weight);
+      --weight-semibold: var(--_scb-viz-section-title-weight);
+      --scb-accordion-title-font-size: var(--_scb-viz-section-title-size);
+      --scb-accordion-title-line-height: var(--_scb-viz-section-title-line-height);
+      --scb-accordion-title-letter-spacing: var(--_scb-viz-section-title-letter-spacing);
+      --scb-accordion-supporting-font-size: var(--_scb-viz-body-font-size);
+      --scb-accordion-supporting-line-height: var(--_scb-viz-body-line-height);
+      --scb-accordion-supporting-letter-spacing: var(--_scb-viz-body-letter-spacing);
+    }
+
+    .label {
+      font-family: var(--_scb-viz-font-family);
+      font-size: var(--_scb-viz-title-size);
+      font-weight: var(--_scb-viz-title-weight);
+      line-height: var(--_scb-viz-title-line-height);
+      letter-spacing: var(--_scb-viz-title-letter-spacing);
+      text-align: start;
+      margin: 0;
+    }
+
+    .sub-label {
+      font-family: var(--_scb-viz-font-family);
+      font-size: var(--_scb-viz-subtitle-size);
+      font-weight: var(--_scb-viz-subtitle-weight);
+      line-height: var(--_scb-viz-subtitle-line-height);
+      letter-spacing: var(--_scb-viz-subtitle-letter-spacing);
+      text-align: start;
+      margin: 0;
+    }
+
+    .secondary-label {
+      font-family: var(--_scb-viz-font-family);
+      font-size: var(--_scb-viz-section-title-size);
+      font-weight: var(--_scb-viz-section-title-weight);
+      line-height: var(--_scb-viz-section-title-line-height);
+      letter-spacing: var(--_scb-viz-section-title-letter-spacing);
+      text-align: start;
+      margin: 0;
+    }
+
+    .body-text {
+      font-family: var(--_scb-viz-font-family);
+      font-size: var(--_scb-viz-body-font-size);
+      font-weight: var(--_scb-viz-body-font-weight);
+      line-height: var(--_scb-viz-body-line-height);
+      letter-spacing: var(--_scb-viz-body-letter-spacing);
+      font-style: normal;
+      text-align: start;
+    }
+
+    .body-text-rich {
+      display: flex;
+      flex-direction: column;
+      gap: var(--spacing-4, 16px);
+    }
+
+    .body-text-paragraph {
+      margin: 0;
+    }
+
+    .visually-hidden,
+    .highcharts-visually-hidden {
+      position: absolute !important;
+      width: 1px !important;
+      height: 1px !important;
+      padding: 0 !important;
+      margin: -1px !important;
+      overflow: hidden !important;
+      white-space: nowrap !important;
+      clip: rect(0, 0, 0, 0) !important;
+      clip-path: inset(50%) !important;
+      border: 0 !important;
+    }
+
+    .section {
+      display: flex;
+      flex-direction: column;
+      gap: var(--spacing-2, 8px);
+      color: var(--_scb-viz-text-color);
+      font-family: var(--_scb-viz-font-family);
+      font-style: normal;
+      text-align: start;
+    }
+
+    .more-about-stats-content {
+      display: flex;
+      flex-direction: column;
+      gap: var(--spacing-7, 24px);
+      max-width: 600px;
+      color: var(--_scb-viz-text-color);
+      font-family: var(--_scb-viz-font-family);
+      font-style: normal;
+      text-align: start;
+    }
+
+    .sos-logotype-link {
+      display: inline-flex;
+      border: 0;
+      color: var(--_scb-viz-text-color);
+      line-height: 0;
+      text-decoration: none;
+      width: fit-content;
+    }
+
+    .sos-logotype-link:focus-visible {
+      outline: var(--stroke-focus-ring, 2px) solid var(--md-focus-ring-color, currentColor);
+      outline-offset: var(--spacing-1, 4px);
+      border-radius: var(--radius-xs, 4px);
+    }
+
+    .sos-logotype-small {
+      height: 26px;
+      width: auto;
+      display: block;
+    }
+
+    .sos-logotype-small svg {
+      height: 100%;
+      width: auto;
+      display: block;
+    }
+
+    @media only screen and (min-width: 768px) {
+      .sos-logotype-small {
+        height: 24px;
+      }
+    }
+
+    .header {
+      margin-bottom: var(--spacing-7, 24px);
+      max-width: 600px;
+      color: var(--_scb-viz-text-color);
+      font-family: var(--_scb-viz-font-family);
+      font-style: normal;
+      text-align: start;
+    }
+
+    .header-row {
+      display: flex;
+      align-items: flex-start;
+      justify-content: space-between;
+      gap: var(--spacing-4, 16px);
+      margin-bottom: var(--spacing-7, 24px);
+    }
+
+    .header-row .header {
+      flex: 1 1 auto;
+      margin-bottom: 0;
+    }
+
+    .header-row .actions-menu {
+      margin-block-start: 0;
+    }
+
+    .actions-row {
+      display: flex;
+      align-items: flex-start;
+      justify-content: space-between;
+      gap: var(--spacing-4, 16px);
+      margin-bottom: var(--spacing-9, 40px);
+    }
+
+    .flipp-wrapper {
+      flex: 1 1 auto;
+      max-width: 234px;
+    }
+
+    .actions-menu {
+      position: relative;
+      flex: 0 0 auto;
+      display: inline-flex;
+      align-items: flex-start;
+      justify-content: flex-end;
+    }
+
+    .actions-menu-panel {
+      position: absolute;
+      inset-block-start: calc(100% + var(--spacing-2, 8px));
+      inset-inline-end: 0;
+      min-width: 180px;
+      padding: var(--spacing-2, 8px);
+      border: 1px solid var(--scb-viz-outline-color, var(--md-sys-color-outline-variant, #c5c7d0));
+      border-radius: var(--radius-m, 12px);
+      background: var(--scb-viz-surface-color, var(--md-sys-color-surface, #fff));
+      box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
+      display: none;
+      z-index: 10;
+    }
+
+    .actions-menu-panel--open {
+      display: block;
+    }
+
+    .actions-menu-list {
+      list-style: none;
+      margin: 0;
+      padding: 0;
+      display: flex;
+      flex-direction: column;
+      gap: var(--spacing-1, 4px);
+    }
+
+    .actions-menu-item {
+      appearance: none;
+      border: 0;
+      border-radius: var(--radius-s, 8px);
+      background: transparent;
+      color: var(--_scb-viz-text-color);
+      width: 100%;
+      display: flex;
+      align-items: center;
+      gap: var(--scb-viz-actions-menu-item-gap, var(--spacing-2, 8px));
+      text-align: start;
+      font-family: var(--_scb-viz-font-family);
+      font-size: var(--_scb-viz-body-font-size);
+      font-weight: var(--_scb-viz-body-font-weight);
+      line-height: var(--_scb-viz-body-line-height);
+      letter-spacing: var(--_scb-viz-body-letter-spacing);
+      padding-block: var(--spacing-2, 8px);
+      padding-inline: var(--spacing-3, 12px);
+      cursor: pointer;
+    }
+
+    .actions-menu-item-icon {
+      display: inline-flex;
+      align-items: center;
+      justify-content: center;
+      flex: 0 0 auto;
+      font-family: 'Material Symbols Outlined';
+      font-size: var(--scb-viz-actions-menu-item-icon-size, var(--icon-size-small, 20px));
+      line-height: 1;
+      font-style: normal;
+      font-weight: 400;
+      letter-spacing: normal;
+      text-transform: none;
+      white-space: nowrap;
+      direction: ltr;
+      font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 20;
+      -webkit-font-smoothing: antialiased;
+      text-rendering: optimizeLegibility;
+      -moz-osx-font-smoothing: grayscale;
+    }
+
+    .actions-menu-item-label {
+      flex: 1 1 auto;
+      min-width: 0;
+    }
+
+    .actions-menu-item:hover {
+      background: var(--md-sys-color-surface-container, #f5f5f5);
+    }
+
+    .actions-menu-item:focus-visible {
+      outline: var(--stroke-focus-ring, 2px) solid var(--md-focus-ring-color, currentColor);
+      outline-offset: 0;
+    }
+
+    .actions-menu-item:disabled {
+      background: transparent;
+      color: var(--md-sys-color-on-surface-variant, rgba(0, 0, 0, 0.56));
+      cursor: default;
+      opacity: 0.64;
+    }
+
+    .actions-menu-item:disabled:hover {
+      background: transparent;
+    }
+
+    .content,
+    .description,
+    .footer {
+      color: var(--_scb-viz-text-color);
+      font-family: var(--_scb-viz-font-family);
+      font-style: normal;
+      text-align: start;
+    }
+
+    .description {
+      margin-bottom: var(--spacing-8, 32px);
+    }
+
+    .footer {
+      margin-top: var(--spacing-7, 24px);
+    }
+
+    .footer-statistics-print {
+      display: none;
+    }
+
+    .print-more-about-stats {
+      max-width: 600px;
+    }
+
+    .print-more-about-stats .more-about-stats-content {
+      gap: var(--spacing-5, 16px);
+    }
+
+    .print-more-about-stats-heading {
+      margin-bottom: var(--spacing-5, 16px);
+    }
+
+    .description.section {
+      max-width: 600px;
+    }
+
+    .table-scroller,
+    .diagram-scroller {
+      display: none;
+    }
+
+    .image-content {
+      display: none;
+      width: 100%;
+    }
+
+    .diagram-content {
+      width: 100%;
+      max-width: var(--scb-viz-content-max-width, none);
+      min-width: var(--scb-viz-content-max-width, 0);
+      min-height: var(--scb-viz-diagram-min-height, 600px);
+      height: var(--scb-viz-diagram-height, auto);
+      overflow: var(--scb-viz-diagram-overflow, visible);
+    }
+
+    ::slotted([slot='diagram']) {
+      display: block;
+      width: 100%;
+      max-width: 100%;
+      min-width: 0;
+      min-height: var(--scb-viz-diagram-min-height, 600px);
+      height: var(--scb-viz-diagram-height, auto);
+      overflow: var(--scb-viz-diagram-overflow, visible);
+    }
+
+    .standard-content-shell {
+      display: block;
+      width: 100%;
+      min-width: 0;
+    }
+
+    .standard-content-shell--stable {
+      min-height: var(--scb-viz-standard-content-height, var(--scb-viz-diagram-min-height, 600px));
+    }
+
+    .standard-content-panel {
+      display: none;
+      width: 100%;
+      min-width: 0;
+    }
+
+    .standard-content-panel--active {
+      display: flex;
+      flex-direction: column;
+    }
+
+    .standard-diagram-scroller,
+    .standard-table-scroller {
+      display: flex;
+      width: 100%;
+      min-width: 0;
+    }
+
+    .table-panel-scroll {
+      width: 100%;
+      min-width: 0;
+    }
+
+    .standard-content-shell--stable .standard-content-panel--table.standard-content-panel--active {
+      height: var(--scb-viz-standard-content-height, var(--scb-viz-diagram-min-height, 600px));
+      min-height: 0;
+      overflow: hidden;
+    }
+
+    .standard-content-shell--stable .standard-content-panel--table.standard-content-panel--active .standard-table-scroller {
+      flex: 1 1 auto;
+      min-height: 0;
+      height: 100%;
+    }
+
+    .standard-content-shell--stable .standard-content-panel--table.standard-content-panel--active .table-panel-scroll {
+      flex: 1 1 auto;
+      min-height: 0;
+      overflow: auto;
+    }
+
+    :host([variant='Table']) .table-scroller {
+      display: flex;
+    }
+
+    :host([variant='Image']) .image-content {
+      display: block;
+    }
+
+    :host([variant='Image']) img {
+      height: auto;
+      max-width: 100%;
+    }
+
+    :host([variant='Image']) .diagram-scroller {
+      display: none;
+    }
+
+    :host([variant='Image']) .table-scroller {
+      display: none;
+    }
+
+    :host([variant='Standard'].chip-diagram) .diagram-scroller {
+      display: flex;
+    }
+
+    :host([variant='Standard'].chip-table) .table-scroller {
+      display: flex;
+    }
+
+    .table-source {
+      display: none;
+    }
+
+    .scb-viz-table {
+      border-collapse: collapse;
+      width: max-content;
+      max-width: none;
+      font-family: var(--_scb-viz-font-family);
+      font-size: var(--_scb-viz-body-font-size);
+      font-weight: var(--_scb-viz-body-font-weight);
+      line-height: var(--_scb-viz-body-line-height);
+      letter-spacing: var(--_scb-viz-body-letter-spacing);
+    }
+
+    .scb-viz-table th,
+    .scb-viz-table td {
+      border: 1px solid var(--scb-viz-outline-color, var(--md-sys-color-outline-variant, #c5c7d0));
+      padding-block: var(--spacing-2, 8px);
+      padding-inline: var(--spacing-3, 12px);
+      background-color: inherit;
+      text-align: start;
+    }
+
+    .scb-viz-table thead th {
+      font-weight: var(--weight-bold, 700);
+      vertical-align: top;
+    }
+
+    .scb-viz-table-heading-text {
+      display: block;
+      max-inline-size: var(--scb-viz-table-header-max-width, 12rem);
+      min-inline-size: 0;
+      white-space: normal;
+      word-break: normal;
+      overflow-wrap: break-word;
+      hyphens: auto;
+      text-wrap: pretty;
+    }
+
+    .scb-viz-table tbody th {
+      font-weight: var(--weight-regular, 400);
+      white-space: normal;
+      overflow-wrap: break-word;
+      word-break: normal;
+      hyphens: auto;
+    }
+
+    .scb-viz-table tbody tr:nth-child(odd) {
+      background: var(--md-sys-color-surface-container, #f5f5f5);
+    }
+
+    .scb-viz-table tbody tr:nth-child(even) {
+      background: var(--md-sys-color-surface, #fff);
+    }
+
+    .scb-viz-table .align-left {
+      text-align: left;
+    }
+
+    .scb-viz-table .align-right {
+      text-align: right;
+    }
+
+    .scb-viz-table tbody td.align-right {
+      white-space: nowrap;
+    }
+
+    :host([data-scb-viz-fullscreen]) {
+      width: 100%;
+      height: 100%;
+      max-width: none;
+      margin: 0;
+      border: 0;
+      border-radius: 0;
+      overflow: auto;
+    }
+
+    :host([data-scb-viz-fullscreen]) .viz-container {
+      min-height: 100%;
+    }
+
+    :host([data-scb-viz-force-light]),
+    :host([data-scb-viz-print-preview]) {
+      color-scheme: light;
+      --_scb-viz-text-color: #1f1f1f;
+      --scb-viz-surface-color: #fff;
+      --scb-viz-outline-color: #c5c7d0;
+      --md-sys-color-surface: #fff;
+      --md-sys-color-surface-container: #f5f5f5;
+      --md-sys-color-surface-container-highest: #e7e8ec;
+      --md-sys-color-on-surface: #1f1f1f;
+      --md-sys-color-on-surface-variant: rgba(0, 0, 0, 0.72);
+      --md-sys-color-outline-variant: #c5c7d0;
+      --md-focus-ring-color: #1f1f1f;
+    }
+
+    :host([data-scb-viz-print-preview]) {
+      background: transparent;
+      border: 0;
+      border-radius: 0;
+      box-shadow: none;
+      max-width: none;
+      padding: 0;
+    }
+
+    :host([data-scb-viz-print-preview]) .actions-row {
+      display: none !important;
+    }
+
+    :host([data-scb-viz-print-preview]) .actions-menu-panel {
+      display: none !important;
+    }
+
+    :host([data-scb-viz-print-preview]) .standard-content-shell--stable,
+    :host([data-scb-viz-print-preview]) .standard-content-shell--stable .standard-content-panel--active,
+    :host([data-scb-viz-print-preview]) .standard-content-shell--stable .standard-diagram-scroller,
+    :host([data-scb-viz-print-preview]) .standard-content-shell--stable .standard-table-scroller,
+    :host([data-scb-viz-print-preview]) .standard-content-shell--stable .table-panel-scroll,
+    :host([data-scb-viz-print-preview]) .standard-content-shell--stable .diagram-content,
+    :host([data-scb-viz-print-preview]) .standard-content-shell--stable ::slotted([slot='diagram']) {
+      height: auto !important;
+      min-height: 0 !important;
+      overflow: visible !important;
+    }
+
+    :host([data-scb-viz-print-preview]) .table-panel-scroll {
+      overflow: visible !important;
+    }
+
+    :host([data-scb-viz-print-preview]) scb-horizontal-scroller {
+      overflow: visible !important;
+    }
+
+    :host([data-scb-viz-print-preview]) .description {
+      margin-bottom: var(--spacing-5, 16px);
+    }
+
+    :host([data-scb-viz-print-preview]) .footer {
+      margin-top: var(--spacing-5, 16px);
+    }
+
+    :host([data-scb-viz-print-preview]) .footer-statistics-screen {
+      display: none !important;
+    }
+
+    :host([data-scb-viz-print-preview]) .footer-statistics-print {
+      display: block !important;
+    }
+
+    :host([data-scb-viz-print-preview]) .viz-container {
+      zoom: var(--scb-viz-print-scale, 1);
+      width: calc(100% / var(--scb-viz-print-scale, 1));
+    }
+
+    @media print {
+      :host {
+        color-scheme: light;
+        --_scb-viz-text-color: #1f1f1f;
+        --scb-viz-surface-color: #fff;
+        --scb-viz-outline-color: #c5c7d0;
+        --md-sys-color-surface: #fff;
+        --md-sys-color-surface-container: #f5f5f5;
+        --md-sys-color-surface-container-highest: #e7e8ec;
+        --md-sys-color-on-surface: #1f1f1f;
+        --md-sys-color-on-surface-variant: rgba(0, 0, 0, 0.72);
+        --md-sys-color-outline-variant: #c5c7d0;
+        --md-focus-ring-color: #1f1f1f;
+        background: transparent;
+        border: 0;
+        border-radius: 0;
+        box-shadow: none;
+        max-width: none;
+        padding: 0;
+      }
+
+      .actions-row {
+        display: none !important;
+      }
+
+      .actions-menu-panel {
+        display: none !important;
+      }
+
+      .standard-content-shell--stable,
+      .standard-content-shell--stable .standard-content-panel--active,
+      .standard-content-shell--stable .standard-diagram-scroller,
+      .standard-content-shell--stable .standard-table-scroller,
+      .standard-content-shell--stable .table-panel-scroll,
+      .standard-content-shell--stable .diagram-content,
+      .standard-content-shell--stable ::slotted([slot='diagram']) {
+        height: auto !important;
+        min-height: 0 !important;
+        overflow: visible !important;
+      }
+
+      .table-panel-scroll {
+        overflow: visible !important;
+      }
+
+      scb-horizontal-scroller {
+        overflow: visible !important;
+      }
+
+      .description {
+        margin-bottom: var(--spacing-5, 16px);
+      }
+
+      .footer {
+        margin-top: var(--spacing-5, 16px);
+      }
+
+      .footer-statistics-screen {
+        display: none !important;
+      }
+
+      .footer-statistics-print {
+        display: block !important;
+      }
+
+      .viz-container {
+        zoom: var(--scb-viz-print-scale, 1);
+        width: calc(100% / var(--scb-viz-print-scale, 1));
+      }
+    }
+  `;
+	}
+	connectedCallback() {
+		super.connectedCallback(), document.addEventListener("pointerdown", this._onDocumentPointerDown, !0), document.addEventListener("keydown", this._onDocumentKeyDown), document.addEventListener("fullscreenchange", this._onDocumentFullscreenChange), document.addEventListener("webkitfullscreenchange", this._onDocumentFullscreenChange), window.addEventListener("resize", this._onWindowResize), window.visualViewport?.addEventListener("resize", this._onWindowResize);
+	}
+	firstUpdated(e) {
+		this._readTableDataFromSlot(), this.#C(), this.#T(), this.#u(), this._syncChipClass(), this.#e(), this.#r(), this._syncFullscreenState(), this.#c();
+	}
+	updated(e) {
+		super.updated(e), (e.has("selectedChip") || e.has("variant")) && (this._syncChipClass(), this._closeActionsMenu()), e.has("selectedChip") && this._dispatchSelectedChipChanged(), (e.has("spacing") || e.has("spacingTop") || e.has("spacingBottom") || e.has("spacingLeft") || e.has("spacingRight")) && this.#C(), e.has("containerMaxWidth") && this.#T(), e.has("variant") && this.#e(), (e.has("contentMaxWidth") || e.has("contentHeight") || e.has("toggleHeightMode") || e.has("variant")) && this.#u(), (e.has("selectedChip") || e.has("variant") || e.has("contentMaxWidth") || e.has("contentHeight") || e.has("toggleHeightMode") || e.has("_isFullscreen")) && this.#r(), (e.has("selectedChip") || e.has("variant")) && this._seriesDifferentiationEnabled && requestAnimationFrame(() => {
+			this.#g();
+		}), (e.has("valueFormat") || e.has("timeFormat") || e.has("yAxisSettings") || e.has("selectedChip") || e.has("variant")) && this.#f(), (e.has("title") || e.has("subtitle") || e.has("description") || e.has("comment") || e.has("source") || e.has("footnote") || e.has("officialStatistics") || e.has("selectedChip") || e.has("variant") || e.has("_isFullscreen")) && this.#c();
+	}
+	disconnectedCallback() {
+		super.disconnectedCallback(), document.removeEventListener("pointerdown", this._onDocumentPointerDown, !0), document.removeEventListener("keydown", this._onDocumentKeyDown), document.removeEventListener("fullscreenchange", this._onDocumentFullscreenChange), document.removeEventListener("webkitfullscreenchange", this._onDocumentFullscreenChange), window.removeEventListener("resize", this._onWindowResize), window.visualViewport?.removeEventListener("resize", this._onWindowResize), this.#t(), this.#n(), this.#d(), this.#s();
+	}
+	_onTableSlotChange(e) {
+		let t = e.target;
+		t && (this._readTableDataFromSlot(t), this.requestUpdate());
+	}
+	_onDiagramSlotChange() {
+		this.#u(), this.#r(), this.#f(), this._seriesDifferentiationEnabled && requestAnimationFrame(() => {
+			this.#g();
+		}), this.requestUpdate();
+	}
+	#e() {
+		if (this.#t(), typeof ResizeObserver > "u") return;
+		let e = this.shadowRoot?.querySelector(".diagram-content");
+		e && (this._diagramResizeObserver = new ResizeObserver(() => {
+			this.#r();
+		}), this._diagramResizeObserver.observe(this), this._diagramResizeObserver.observe(e));
+	}
+	#t() {
+		this._diagramResizeObserver?.disconnect(), this._diagramResizeObserver = void 0;
+	}
+	#n() {
+		this._diagramReflowFrame &&= (cancelAnimationFrame(this._diagramReflowFrame), 0);
+	}
+	#r() {
+		this.variant !== "Standard" || this.selectedChip !== "Diagram" || (this.#n(), this._diagramReflowFrame = requestAnimationFrame(() => {
+			this._diagramReflowFrame = requestAnimationFrame(() => {
+				this._diagramReflowFrame = 0, this.#o();
+			});
+		}));
+	}
+	#i(e) {
+		let t = e?.getAttribute("data-highcharts-chart");
+		if (!t) return;
+		let n = Number.parseInt(t, 10);
+		return Number.isNaN(n) ? void 0 : n;
+	}
+	#a(e) {
+		for (let t of e) {
+			let e = this.#i(t);
+			if (e !== void 0) return e;
+			let n = t.querySelector("[data-highcharts-chart]"), r = this.#i(n);
+			if (r !== void 0) return r;
+		}
+	}
+	#o() {
+		if (this.variant !== "Standard" || this.selectedChip !== "Diagram") return;
+		let e = this.shadowRoot?.querySelector("slot[name=\"diagram\"]");
+		if (!e) return;
+		let t = e.assignedElements({ flatten: !0 });
+		if (t.length === 0) return;
+		let n = this.#a(t);
+		if (n === void 0) return;
+		let r = window.Highcharts?.charts?.[n];
+		r && (r.setSize?.(null, null, !1), r.reflow?.(), this._seriesDifferentiationEnabled && this.#g());
+	}
+	_normalizeRenderableCell(e) {
+		return M(e);
+	}
+	_readTableDataFromSlot(e) {
+		let t = e || this.shadowRoot?.querySelector("slot[name=\"table\"]");
+		this._slottedTableData = N(t);
+	}
+	_inferTableAlignments(e) {
+		return j(e, (e) => this._parseTableNumericValue(e));
+	}
+	_parseTableNumericValue(e) {
+		if (e == null) return null;
+		if (typeof e == "number") return Number.isFinite(e) ? e : null;
+		let t = String(e).replace(/[  \s]+/g, "").trim();
+		if (!t) return null;
+		t.endsWith("%") && (t = t.slice(0, -1));
+		let n = t.lastIndexOf(","), r = t.lastIndexOf(".");
+		if (n > -1 && r > -1 ? t = n > r ? t.replace(/\./g, "").replace(",", ".") : t.replace(/,/g, "") : n > -1 && (t = t.replace(",", ".")), !/^-?\d+(?:\.\d+)?$/.test(t)) return null;
+		let i = Number(t);
+		return Number.isFinite(i) ? i : null;
+	}
+	_formatTableCell(e, t, n) {
+		let r = this._normalizeRenderableCell(e);
+		if (r.html) return r;
+		let i = r.text;
+		if (!i) return r;
+		if (t === 0) {
+			let e = this._normalizeTimeFormat(this.timeFormat), t = this._formatCategoryTimeLabel(i, e);
+			return t === null ? r : {
+				html: "",
+				text: t
+			};
+		}
+		if (n[t] !== "right") return r;
+		if (this._shouldPreserveSourceValueFormatting(this.valueFormat)) {
+			let e = this._localizeAutomaticNumericText(i);
+			return e === null ? r : {
+				html: "",
+				text: e
+			};
+		}
+		let a = this._parseTableNumericValue(i);
+		if (a === null) return r;
+		let o = this._normalizeValueFormat(this.valueFormat), s = this._formatValueForDisplay(a, o, !0);
+		return s === null ? r : {
+			html: "",
+			text: s
+		};
+	}
+	#s() {
+		this._fullscreenDiagramSizingFrame &&= (cancelAnimationFrame(this._fullscreenDiagramSizingFrame), 0);
+	}
+	#c() {
+		this.#s(), this._fullscreenDiagramSizingFrame = requestAnimationFrame(() => {
+			this._fullscreenDiagramSizingFrame = requestAnimationFrame(() => {
+				this._fullscreenDiagramSizingFrame = 0, this.#l();
+			});
+		});
+	}
+	_getViewportHeight() {
+		return Math.round(window.visualViewport?.height || window.innerHeight || document.documentElement.clientHeight || 0);
+	}
+	_readCssLength(e) {
+		let t = Number.parseFloat(e || "0");
+		return Number.isFinite(t) ? t : 0;
+	}
+	_getElementOuterHeight(e) {
+		let t = this.shadowRoot?.querySelector(e);
+		if (!t) return 0;
+		let n = getComputedStyle(t);
+		return t.getBoundingClientRect().height + this._readCssLength(n.marginTop) + this._readCssLength(n.marginBottom);
+	}
+	_getFullscreenDiagramHeight() {
+		if (!this._isFullscreen || this.variant !== "Standard" || this.selectedChip !== "Diagram") return "";
+		let e = this._getViewportHeight();
+		if (!e) return "";
+		let t = getComputedStyle(this), n = this._readCssLength(t.paddingTop) + this._readCssLength(t.paddingBottom) + this._getElementOuterHeight(".header") + this._getElementOuterHeight(".actions-row") + this._getElementOuterHeight(".footer") + 16, r = Math.floor(e - n);
+		return !Number.isFinite(r) || r <= 0 ? "" : `${Math.max(320, r)}px`;
+	}
+	#l() {
+		let e = this._getFullscreenDiagramHeight();
+		this._fullscreenDiagramHeight !== e && (this._fullscreenDiagramHeight = e, this.#u(), this.#r());
+	}
+	_getResolvedContentMaxWidth() {
+		return this.contentMaxWidth?.trim() || "";
+	}
+	_getResolvedDiagramHeight() {
+		return this._fullscreenDiagramHeight || this.contentHeight?.trim() || "";
+	}
+	_getResolvedDiagramScrollerWidth() {
+		return this._getResolvedContentMaxWidth();
+	}
+	_getResolvedToggleHeightMode() {
+		return this.toggleHeightMode === "auto" ? "auto" : "stable";
+	}
+	_getResolvedStandardContentHeight() {
+		return this._getResolvedDiagramHeight() || "600px";
+	}
+	#u() {
+		let e = this.variant === "Standard" ? this._getResolvedDiagramHeight() : "", t = this.variant === "Standard" && this._getResolvedToggleHeightMode() === "stable" ? this._getResolvedStandardContentHeight() : "";
+		this.variant === "Standard" ? this.style.setProperty("--scb-viz-diagram-min-height", e || "600px") : this.style.removeProperty("--scb-viz-diagram-min-height"), e ? (this.style.setProperty("--scb-viz-diagram-height", e), this.style.setProperty("--scb-viz-diagram-overflow", "hidden")) : (this.style.removeProperty("--scb-viz-diagram-height"), this.style.removeProperty("--scb-viz-diagram-overflow")), t ? this.style.setProperty("--scb-viz-standard-content-height", t) : this.style.removeProperty("--scb-viz-standard-content-height");
+	}
+	_getResolvedTableData() {
+		return this.tableData ?? this._slottedTableData;
+	}
+	_getResolvedTableView(e) {
+		return k(e, {
+			inferAlignments: (e) => this._inferTableAlignments(e),
+			normalizeCell: (e) => this._normalizeRenderableCell(e),
+			formatCell: (e, t, n) => this._formatTableCell(e, t, n)
+		});
+	}
+	_getDiagramAssignedElements() {
+		let e = this.shadowRoot?.querySelector("slot[name=\"diagram\"]");
+		return e ? e.assignedElements({ flatten: !0 }) : [];
+	}
+	_findExportableVisualElement(e) {
+		for (let t of e) {
+			if (t instanceof SVGSVGElement || t instanceof HTMLCanvasElement || t instanceof HTMLImageElement) return t;
+			let e = t.querySelector("svg, canvas, img");
+			if (e instanceof SVGSVGElement || e instanceof HTMLCanvasElement || e instanceof HTMLImageElement) return e;
+		}
+		return null;
+	}
+	_getExportableVisualElement() {
+		if (this.variant === "Table") return null;
+		if (this.variant === "Image") {
+			let e = this.shadowRoot?.querySelector(".image-content img");
+			return e instanceof HTMLImageElement ? e : null;
+		}
+		return this._findExportableVisualElement(this._getDiagramAssignedElements());
+	}
+	#d() {
+		this._chartConfigSyncFrame &&= (cancelAnimationFrame(this._chartConfigSyncFrame), 0);
+	}
+	#f() {
+		this.#d(), this._chartConfigSyncFrame = requestAnimationFrame(() => {
+			this._chartConfigSyncFrame = requestAnimationFrame(() => {
+				this._chartConfigSyncFrame = 0, this.#p();
+			});
+		});
+	}
+	_getDefaultValueFormat() {
+		return {
+			type: "number",
+			scale: "auto",
+			decimals: 0,
+			decimalSeparator: this.lang === "en" ? "." : ","
+		};
+	}
+	_normalizeValueFormat(e) {
+		let t = this._getDefaultValueFormat(), n = e && typeof e == "object" ? e : {};
+		return {
+			type: [
+				"number",
+				"currency",
+				"percent"
+			].includes(String(n.type)) ? String(n.type) : t.type,
+			scale: [
+				"auto",
+				"raw",
+				"thousands",
+				"millions",
+				"billions"
+			].includes(String(n.scale)) ? String(n.scale) : t.scale,
+			decimals: Number.isFinite(Number(n.decimals)) ? Math.max(0, Math.min(20, Number(n.decimals))) : t.decimals,
+			decimalSeparator: String(n.decimalSeparator) === "." ? "." : String(n.decimalSeparator) === "," ? "," : t.decimalSeparator
+		};
+	}
+	_shouldPreserveSourceValueFormatting(e) {
+		let t = this._normalizeValueFormat(e);
+		return t.type === "number" && t.scale === "auto";
+	}
+	_normalizeTimeFormat(e) {
+		let t = {
+			mode: "raw",
+			display: "raw"
+		}, n = e && typeof e == "object" ? e : {}, r = [
+			"raw",
+			"year",
+			"monthCode",
+			"quarterCode",
+			"weekCode",
+			"tertialCode"
+		], i = typeof n.mode == "string" ? n.mode : t.mode, a = typeof n.display == "string" ? n.display : t.display;
+		r.includes(i) || (i = t.mode);
+		let o = {
+			raw: ["raw"],
+			year: ["raw", "year"],
+			monthCode: [
+				"raw",
+				"iso-month",
+				"short-month",
+				"long-month"
+			],
+			quarterCode: [
+				"raw",
+				"quarter-compact",
+				"quarter-short",
+				"quarter-long"
+			],
+			weekCode: [
+				"raw",
+				"week-compact",
+				"week-long"
+			],
+			tertialCode: [
+				"raw",
+				"tertial-compact",
+				"tertial-short",
+				"tertial-long"
+			]
+		};
+		return o[i].includes(a) || (a = o[i][0]), i === "raw" && (a = "raw"), {
+			mode: i,
+			display: a
+		};
+	}
+	_normalizeYAxisSettings(e) {
+		let t = e && typeof e == "object" ? e : {}, n = Number.isFinite(Number(t.referenceLineValue)) ? Number(t.referenceLineValue) : null;
+		return {
+			startAtZero: !!t.startAtZero,
+			referenceLineEnabled: !!t.referenceLineEnabled && Number.isFinite(n),
+			referenceLineValue: n,
+			referenceLineLabel: typeof t.referenceLineLabel == "string" ? t.referenceLineLabel : ""
+		};
+	}
+	_getShortMonthNames() {
+		return [
+			"jan",
+			"feb",
+			"mar",
+			"apr",
+			"maj",
+			"jun",
+			"jul",
+			"aug",
+			"sep",
+			"okt",
+			"nov",
+			"dec"
+		];
+	}
+	_getLongMonthNames() {
+		return [
+			"januari",
+			"februari",
+			"mars",
+			"april",
+			"maj",
+			"juni",
+			"juli",
+			"augusti",
+			"september",
+			"oktober",
+			"november",
+			"december"
+		];
+	}
+	_formatCategoryTimeLabel(e, t) {
+		if (!e || t.mode === "raw" || t.display === "raw") return null;
+		if (t.mode === "year") {
+			let t = /^\s*(\d{4})\s*$/.exec(e);
+			return t ? t[1] : null;
+		}
+		if (t.mode === "monthCode") {
+			let n = /^\s*(\d{4})M(0?[1-9]|1[0-2])\s*$/i.exec(e);
+			if (!n) return null;
+			let r = Number(n[2]) - 1, i = n[1], a = String(r + 1).padStart(2, "0");
+			return t.display === "iso-month" ? `${i}-${a}` : t.display === "short-month" ? `${this._getShortMonthNames()[r]} ${i}` : t.display === "long-month" ? `${this._getLongMonthNames()[r]} ${i}` : e;
+		}
+		if (t.mode === "quarterCode") {
+			let n = /^\s*(\d{4})(?:K(V)?|Q)(0?[1-4])\s*$/i.exec(e);
+			if (!n) return null;
+			let r = Number(n[3]), i = n[1];
+			return t.display === "quarter-compact" ? `${i} K${r}` : t.display === "quarter-short" ? `kv ${r} ${i}` : t.display === "quarter-long" ? `${[
+				"första",
+				"andra",
+				"tredje",
+				"fjärde"
+			][r - 1]} kvartalet ${i}` : e;
+		}
+		if (t.mode === "weekCode") {
+			let n = /^\s*(\d{4})(?:V|W)(0?[1-9]|[1-4][0-9]|5[0-3])\s*$/i.exec(e);
+			if (!n) return null;
+			let r = Number(n[2]), i = n[1];
+			return t.display === "week-compact" ? `${i} v. ${r}` : t.display === "week-long" ? `vecka ${r} ${i}` : e;
+		}
+		if (t.mode === "tertialCode") {
+			let n = /^\s*(\d{4})T(0?[1-3])\s*$/i.exec(e);
+			if (!n) return null;
+			let r = Number(n[2]), i = n[1];
+			return t.display === "tertial-compact" ? `${i} T${r}` : t.display === "tertial-short" ? `tertial ${r} ${i}` : t.display === "tertial-long" ? `${[
+				"första",
+				"andra",
+				"tredje"
+			][r - 1]} tertialet ${i}` : e;
+		}
+		return null;
+	}
+	_localizeAutomaticNumericText(e) {
+		let t = this._normalizeValueFormat(this.valueFormat), n = String(e ?? "").trim();
+		if (!n || n === ".." || n === "...") return null;
+		let r = n.replace(/[  \s]/g, "");
+		if (!/^-?\d+(?:[.,]\d+)?$/.test(r)) return null;
+		let i = t.decimalSeparator === "." ? "." : ",";
+		return i === "." && r.indexOf(",") !== -1 ? r.replace(",", ".") : i === "," && r.indexOf(".") !== -1 ? r.replace(".", ",") : r;
+	}
+	_inferAutomaticValueDecimals(e) {
+		if (!Number.isFinite(e)) return 0;
+		let t = String(e);
+		/e/i.test(t) && (t = e.toFixed(6).replace(/0+$/, "").replace(/\.$/, ""));
+		let n = t.replace(/^-/, "").split(".");
+		return n.length > 1 ? Math.min(n[1].length, 6) : 0;
+	}
+	_formatAutomaticValueForDisplay(e, t) {
+		if (!Number.isFinite(e)) return null;
+		let n = this._localizeAutomaticNumericText(t);
+		if (n !== null) return n;
+		let r = this._normalizeValueFormat(this.valueFormat), i = this._inferAutomaticValueDecimals(e);
+		return this._formatLocalizedNumber(e, i, r.decimalSeparator);
+	}
+	_formatLocalizedNumber(e, t, n) {
+		let r = new Intl.NumberFormat(this.lang === "en" ? "en-GB" : "sv-SE", {
+			minimumFractionDigits: t,
+			maximumFractionDigits: t
+		}), i = n === "." || n === "," ? n : this.lang === "en" ? "." : ",";
+		return r.formatToParts(e).map((e) => e.type === "decimal" ? i : e.value).join("");
+	}
+	_formatValueForDisplay(e, t, n) {
+		if (!Number.isFinite(e)) return null;
+		let r = {
+			raw: 1,
+			thousands: 1e3,
+			millions: 1e6,
+			billions: 1e9
+		}, i = {
+			raw: "",
+			thousands: this.lang === "en" ? "k" : "t",
+			millions: this.lang === "en" ? "M" : "mn",
+			billions: this.lang === "en" ? "B" : "md"
+		}, a = t.scale;
+		if (a === "auto") {
+			let t = Math.abs(e);
+			a = t >= 1e9 ? "billions" : t >= 1e6 ? "millions" : t >= 1e3 ? "thousands" : "raw";
+		}
+		let o = e / (r[a] || 1), s = this._formatLocalizedNumber(o, t.decimals, t.decimalSeparator);
+		t.type === "percent" ? s = `${s} %` : t.type === "currency" && (s = n ? `${s} kr` : s);
+		let c = i[a] || "";
+		return c && (s = `${s} ${c}`), s;
+	}
+	_isCategoryAxis(e) {
+		return e?.categories?.length > 0 || e?.options?.type === "category";
+	}
+	_isTooltipNumericLikeText(e) {
+		if (typeof e != "string") return !1;
+		let t = e.trim();
+		return t ? /^-?\d+(?:[.,]\d+)?$/.test(t) : !1;
+	}
+	_getTooltipPointRowIndex(e) {
+		let t = e?.point || e;
+		return Number.isFinite(t?.x) ? Number(t.x) : Number.isFinite(e?.x) ? Number(e.x) : Number.isFinite(t?.index) ? Number(t.index) : Number.isFinite(e?.index) ? Number(e.index) : null;
+	}
+	_getTooltipTableCategoryValue(e) {
+		let t = this._getResolvedTableData();
+		if (!t?.rows?.length) return "";
+		let n = this._getTooltipPointRowIndex(e);
+		if (n === null || n < 0 || n >= t.rows.length) return "";
+		let r = t.rows[n];
+		return !Array.isArray(r) || r.length === 0 ? "" : this._normalizeRenderableCell(r[0]).text;
+	}
+	_getTooltipSeriesDataCategoryValue(e) {
+		let t = e?.point || e, n = t?.series || e?.series, r = this._getTooltipPointRowIndex(e);
+		if (!n || r === null) return "";
+		let i = [n?.options?.data, n?.userOptions?.data];
+		for (let e of i) {
+			if (!Array.isArray(e) || r < 0 || r >= e.length) continue;
+			let t = e[r];
+			if (!t || typeof t != "object") continue;
+			let n = t.category !== void 0 && t.category !== null ? String(t.category) : typeof t.name == "string" ? t.name : "";
+			if (n && !this._isTooltipNumericLikeText(n)) return n;
+		}
+		let a = t?.options?.category !== void 0 && t.options.category !== null ? String(t.options.category) : "";
+		if (a && !this._isTooltipNumericLikeText(a)) return a;
+		let o = typeof t?.name == "string" ? t.name.trim() : "";
+		return o && !this._isTooltipNumericLikeText(o) ? o : "";
+	}
+	_getTooltipXAxisLabel(e, t) {
+		let n = e?.point || e, r = n?.series?.xAxis || e?.series?.xAxis, i = this._getTooltipPointRowIndex(e), a = [];
+		if (r && Array.isArray(r.categories) && i !== null) {
+			let e = r.categories[i];
+			e != null && a.push(String(e));
+		}
+		typeof n?.category == "string" && n.category.trim() && a.push(n.category), typeof e?.key == "string" && e.key.trim() && a.push(e.key), typeof e?.x == "string" && e.x.trim() && a.push(e.x);
+		let o = this._getTooltipSeriesDataCategoryValue(e);
+		o && a.push(o);
+		let s = this._getTooltipTableCategoryValue(e);
+		s && a.push(s);
+		for (let e of a) {
+			let n = String(e).trim();
+			if (!(!n || this._isTooltipNumericLikeText(n))) return this._formatCategoryTimeLabel(n, t) ?? n;
+		}
+		let c = a.find((e) => String(e).trim());
+		if (!c) return "";
+		let l = String(c).trim();
+		return this._formatCategoryTimeLabel(l, t) ?? l;
+	}
+	_getTooltipPointLabel(e) {
+		let t = e?.point || e, n = t?.series || e?.series, r = String(t?.series?.type || n?.type || t?.series?.options?.type || n?.options?.type || t?.series?.chart?.options?.chart?.type || "").trim().toLowerCase();
+		return ["pie", "variablepie"].includes(r) ? t?.name || n?.name || "" : n?.name || t?.name || "";
+	}
+	_applyTimeFormatToLiveChart(e) {
+		let t = this._normalizeTimeFormat(this.timeFormat);
+		if (t.mode === "raw" || t.display === "raw") return;
+		let n = this._formatCategoryTimeLabel.bind(this);
+		[...e?.xAxis || [], ...e?.yAxis || []].forEach((e) => {
+			if (!this._isCategoryAxis(e)) return;
+			let r = e.options?.labels && typeof e.options.labels == "object" ? { ...e.options.labels } : {}, i = typeof r.formatter == "function" ? r.formatter : null;
+			r.formatter = function() {
+				let e = "";
+				if (this?.axis && Array.isArray(this.axis.categories) && typeof this.pos == "number") {
+					let t = this.axis.categories[this.pos];
+					t != null && (e = String(t));
+				} else this?.value !== void 0 && this.value !== null && (e = String(this.value));
+				let r = n(e, t);
+				return r === null ? i ? i.call(this) : e : r;
+			}, delete r.format, e.update({ labels: r }, !1);
+		});
+	}
+	_applyValueFormatToLiveChart(e) {
+		let t = this._normalizeValueFormat(this.valueFormat), n = this._normalizeTimeFormat(this.timeFormat), r = this._formatValueForDisplay.bind(this), i = this._formatAutomaticValueForDisplay.bind(this), a = this._getTooltipXAxisLabel.bind(this), o = this._getTooltipPointLabel.bind(this);
+		if (this._shouldPreserveSourceValueFormatting(this.valueFormat)) {
+			let r = e?.options?.tooltip && typeof e.options.tooltip == "object" ? { ...e.options.tooltip } : {}, s = e?.options?.plotOptions && typeof e.options.plotOptions == "object" ? { ...e.options.plotOptions } : {}, c = s.series && typeof s.series == "object" ? { ...s.series } : {}, l = c.dataLabels && typeof c.dataLabels == "object" ? { ...c.dataLabels } : {}, u = e?.options?.lang && typeof e.options.lang == "object" ? { ...e.options.lang } : {};
+			delete l.format, delete l.formatter, u.decimalPoint = t.decimalSeparator === "." ? "." : ",", u.thousandsSep = " ", r.valueDecimals = void 0, r.formatter = function() {
+				let e = Array.isArray(this.points) && this.points.length ? this.points : [this.point || this], t = a(this, n), r = [];
+				return e.forEach((e) => {
+					let t = e?.point || e, n = Number.isFinite(e?.y) ? e.y : t?.y, a = o(e), s = i(n, t?.options && t.options.y !== void 0 && t.options.y !== null ? String(t.options.y) : t && t.y !== void 0 && t.y !== null ? String(t.y) : "");
+					!Number.isFinite(n) || s == null || r.push(`${a ? `${String(a)}: ` : ""}<b>${String(s)}</b><br/>`);
+				}), `${t ? `<span>${String(t)}</span><br/>` : ""}${r.join("")}`;
+			}.bind(this), e.update({
+				lang: u,
+				tooltip: r,
+				plotOptions: {
+					...s,
+					series: {
+						...c,
+						dataLabels: l
+					}
+				}
+			}, !1, !1, !1), (e?.yAxis || []).forEach((e) => {
+				let t = e.options?.labels && typeof e.options.labels == "object" ? { ...e.options.labels } : {};
+				delete t.format, delete t.formatter, e.update({ labels: t }, !1);
+			});
+			return;
+		}
+		e.update({
+			tooltip: {
+				...e.options?.tooltip || {},
+				valueDecimals: t.decimals,
+				formatter: function() {
+					let e = Array.isArray(this.points) && this.points.length ? this.points : [this.point || this], i = a(this, n), s = [];
+					return e.forEach((e) => {
+						let n = e?.point || e, i = r(Number.isFinite(e?.y) ? e.y : n?.y, t, !0);
+						if (i === null) return;
+						let a = o(e);
+						s.push(`${a ? `${String(a)}: ` : ""}<b>${i}</b><br/>`);
+					}), `${i ? `<span>${String(i)}</span><br/>` : ""}${s.join("")}`;
+				}
+			},
+			plotOptions: {
+				...e.options?.plotOptions || {},
+				series: {
+					...e.options?.plotOptions?.series || {},
+					dataLabels: {
+						...e.options?.plotOptions?.series?.dataLabels || {},
+						formatter: function() {
+							return r(Number.isFinite(this?.y) ? this.y : this?.point?.y, t, t.type === "percent") ?? null;
+						}
+					}
+				}
+			}
+		}, !1, !1, !1), (e?.yAxis || []).forEach((e) => {
+			let n = e.options?.labels && typeof e.options.labels == "object" ? { ...e.options.labels } : {}, i = typeof n.formatter == "function" ? n.formatter : null, a = !(e.options?.title && typeof e.options.title.text == "string" && e.options.title.text.trim());
+			n.formatter = function() {
+				let e = r(this?.value, t, a);
+				return e === null ? i ? i.call(this) : this?.value : e;
+			}, (t.type === "percent" || t.scale !== "auto") && delete n.format, e.update({ labels: n }, !1);
+		});
+	}
+	_applyYAxisSettingsToLiveChart(e) {
+		let t = this._normalizeYAxisSettings(this.yAxisSettings), n = e?.yAxis || [];
+		n.length && n.forEach((e, n) => {
+			let r = e.options && typeof e.options == "object" ? e.options : {}, i = {}, a = r.min !== void 0 && r.min !== null && r.min !== "";
+			n === 0 && t.startAtZero && !a && (i.min = 0);
+			let o = Array.isArray(r.plotLines) ? r.plotLines.filter((e) => e?.id !== "scb-viz-reference-line") : [];
+			n === 0 && t.referenceLineEnabled && Number.isFinite(t.referenceLineValue) && o.push({
+				id: "scb-viz-reference-line",
+				className: "scb-axis-plotline scb-viz-reference-line",
+				value: t.referenceLineValue
+			}), o.length ? i.plotLines = o : Array.isArray(r.plotLines) && (i.plotLines = []), e.update(i, !1);
+		});
+	}
+	#p() {
+		let e = this._getCurrentHighchartsChart();
+		if (!e) return;
+		let t = !1;
+		this.timeFormat !== void 0 && (this._applyTimeFormatToLiveChart(e), t = !0), this.valueFormat !== void 0 && (this._applyValueFormatToLiveChart(e), t = !0), this.yAxisSettings !== void 0 && (this._applyYAxisSettingsToLiveChart(e), t = !0), t && e.redraw(!1);
+	}
+	_getCurrentHighchartsChart() {
+		if (this._getCurrentPrintableView() !== "diagram") return;
+		let e = this.#a(this._getDiagramAssignedElements());
+		if (e !== void 0) return window.Highcharts?.charts?.[e];
+	}
+	_getSeriesDifferentiationGroup(e, t) {
+		let n = String(e?.type || e?.options?.type || t?.options?.chart?.type || "").trim().toLowerCase();
+		return [
+			"line",
+			"spline",
+			"scatter"
+		].includes(n) ? "line" : ["area", "areaspline"].includes(n) ? "area" : ["column", "bar"].includes(n) ? this._isGroupedSeriesDifferentiationChart(e, t) ? "grouped-fill" : "fill" : ["pie", "variablepie"].includes(n) ? "point-fill" : null;
+	}
+	_getSeriesDifferentiationVariantByIndex(e) {
+		return S(e);
+	}
+	_isGroupedSeriesDifferentiationChart(e, t) {
+		return C(e, t);
+	}
+	_usesGroupedPointDifferentiation(e) {
+		return O(e);
+	}
+	_getGroupedSeriesDifferentiationVariant(e, t, n) {
+		let r = v(e, t, n);
+		return {
+			...r,
+			variantIndex: typeof r.variantIndex == "number" ? r.variantIndex : n
+		};
+	}
+	_applyGroupedLegendSeriesDifferentiation(e) {
+		(Array.isArray(e?.legend?.allItems) ? e.legend.allItems : []).forEach((t, n) => {
+			let r = t && t.series ? t.series : t;
+			if (!this._isGroupedSeriesDifferentiationChart(r, e)) return;
+			let { variantIndex: i, patternKind: a } = this._getGroupedSeriesDifferentiationVariant(t, e, n), o = this._getHighchartsColorClassName(t?.legendSymbol ?? t?.legendItem?.symbol ?? t?.legendItem?.group, i);
+			this._getLegendSeriesDifferentiationTargets(t).fillTargets.forEach((e) => {
+				this._setSeriesDifferentiationMetadata(e, {
+					role: "legend-fill",
+					patternKind: a
+				}), this._setSeriesDifferentiationColorClass(e, o);
+			}), this._ensureStyledModeSeriesPattern(e, o, a);
+		});
+	}
+	_clearGroupedLegendSeriesDifferentiation(e) {
+		(Array.isArray(e?.legend?.allItems) ? e.legend.allItems : []).forEach((t) => {
+			let n = t && t.series ? t.series : t;
+			if (!this._isGroupedSeriesDifferentiationChart(n, e)) return;
+			let r = this._getLegendSeriesDifferentiationTargets(t);
+			r.graphTargets.forEach((e) => {
+				this._clearSeriesDifferentiationMetadata(e);
+			}), r.fillTargets.forEach((e) => {
+				this._clearSeriesDifferentiationMetadata(e), this._clearSeriesDifferentiationColorClass(e);
+			});
+		});
+	}
+	_shouldShowSeriesDifferentiationAction() {
+		return D({
+			chart: this._getCurrentHighchartsChart(),
+			getCurrentPrintableView: () => this._getCurrentPrintableView(),
+			getSeriesDifferentiationGroup: (e, t) => this._getSeriesDifferentiationGroup(e, t),
+			isHighchartsStyledMode: (e) => this._isHighchartsStyledMode(e)
+		});
+	}
+	_getSeriesDifferentiationSnapshotStore(e) {
+		let t = this._seriesDifferentiationSnapshots.get(e);
+		return t || (t = /* @__PURE__ */ new Map(), this._seriesDifferentiationSnapshots.set(e, t)), t;
+	}
+	_cloneSeriesOptionValue(e) {
+		return Array.isArray(e) ? e.map((e) => this._cloneSeriesOptionValue(e)) : e && typeof e == "object" ? Object.fromEntries(Object.entries(e).map(([e, t]) => [e, this._cloneSeriesOptionValue(t)])) : e;
+	}
+	_captureSeriesDifferentiationSnapshot(e) {
+		let t = this._cloneSeriesOptionValue(e?.options?.marker), n = this._cloneSeriesOptionValue(e?.resetA11yMarkerOptions), r = this._cloneSeriesOptionValue(e?.userOptions?.marker), i = t?.states, a = e?.a11yMarkersForced === !0 && n && Object.keys(n).length > 0 || i?.normal?.opacity === 0 && n && Object.keys(n).length > 0 ? n : r;
+		return { marker: a && Object.keys(a).length > 0 ? a : t && Object.keys(t).length > 0 ? t : { enabled: !1 } };
+	}
+	_isHighchartsStyledMode(e) {
+		return w(e);
+	}
+	_getHighchartsSvgRoot(e) {
+		return b(e);
+	}
+	_getHighchartsColorClassName(e, t) {
+		return y(e, t);
+	}
+	_setSeriesDifferentiationMetadata(e, t) {
+		E(e, t);
+	}
+	_clearSeriesDifferentiationMetadata(e) {
+		g(e);
+	}
+	_setSeriesDifferentiationColorClass(e, t) {
+		T(e, t);
+	}
+	_clearSeriesDifferentiationColorClass(e) {
+		h(e);
+	}
+	_getLegendSeriesDifferentiationTargets(e) {
+		return x(e);
+	}
+	_ensureStyledModeSeriesPattern(e, t, n) {
+		_(e, t, n);
+	}
+	_applyStyledModeSeriesDifferentiation(e) {
+		let t = this._getHighchartsSvgRoot(e);
+		if (!t) return;
+		t.classList.add("scb-viz-series-differentiation-enabled");
+		let n = m(), r = this._getSeriesDifferentiationSnapshotStore(e);
+		e.series?.forEach((t, i) => {
+			let a = this._getSeriesDifferentiationGroup(t, e);
+			if (!a) return;
+			let o = String(t?.index ?? i);
+			r.has(o) || r.set(o, this._captureSeriesDifferentiationSnapshot(t));
+			let s = a === "grouped-fill" && this._usesGroupedPointDifferentiation(t), c = a === "grouped-fill" ? this._getGroupedSeriesDifferentiationVariant(t, e, i) : {
+				variantIndex: i,
+				...this._getSeriesDifferentiationVariantByIndex(i)
+			}, { dashStyle: l, markerSymbol: u, patternKind: d } = c, f = this._getHighchartsColorClassName(t?.graph ?? t?.area ?? t?.group, c.variantIndex), p = this._getLegendSeriesDifferentiationTargets(t);
+			this._setSeriesDifferentiationMetadata(t?.graph, {
+				role: "graph",
+				dashStyle: l
+			}), a === "area" && (this._setSeriesDifferentiationMetadata(t?.area, {
+				role: "area",
+				patternKind: d
+			}), this._setSeriesDifferentiationColorClass(t?.area, f), this._ensureStyledModeSeriesPattern(e, f, d)), a === "fill" && (t.points?.forEach((e) => {
+				this._setSeriesDifferentiationMetadata(e?.graphic, {
+					role: "fill",
+					patternKind: d
+				}), this._setSeriesDifferentiationColorClass(e?.graphic, f);
+			}), this._ensureStyledModeSeriesPattern(e, f, d)), a === "grouped-fill" && (s ? t.points?.forEach((t, n) => {
+				let r = this._getGroupedSeriesDifferentiationVariant(t, e, n), i = this._getHighchartsColorClassName(t?.graphic ?? t?.legendSymbol ?? t?.legendItem?.symbol ?? t?.legendItem?.group, r.variantIndex);
+				this._setSeriesDifferentiationMetadata(t?.graphic, {
+					role: "fill",
+					patternKind: r.patternKind
+				}), this._setSeriesDifferentiationColorClass(t?.graphic, i), this._ensureStyledModeSeriesPattern(e, i, r.patternKind);
+			}) : (t.points?.forEach((e) => {
+				this._setSeriesDifferentiationMetadata(e?.graphic, {
+					role: "fill",
+					patternKind: d
+				}), this._setSeriesDifferentiationColorClass(e?.graphic, f);
+			}), this._ensureStyledModeSeriesPattern(e, f, d))), a === "point-fill" && t.points?.forEach((t, r) => {
+				let i = n[r % n.length], a = this._getHighchartsColorClassName(t?.graphic ?? t?.legendSymbol ?? t?.legendItem?.symbol ?? t?.legendItem?.group, r), o = this._getLegendSeriesDifferentiationTargets(t);
+				this._setSeriesDifferentiationMetadata(t?.graphic, {
+					role: "fill",
+					patternKind: i
+				}), this._setSeriesDifferentiationColorClass(t?.graphic, a), this._ensureStyledModeSeriesPattern(e, a, i), o.fillTargets.forEach((e) => {
+					this._setSeriesDifferentiationMetadata(e, {
+						role: "legend-fill",
+						patternKind: i
+					}), this._setSeriesDifferentiationColorClass(e, a);
+				});
+			}), (a === "line" || a === "area") && p.graphTargets.forEach((e) => {
+				this._setSeriesDifferentiationMetadata(e, {
+					role: "legend-symbol",
+					dashStyle: l
+				});
+			}), (a === "area" || a === "fill" || a === "grouped-fill" && !s) && p.fillTargets.forEach((e) => {
+				this._setSeriesDifferentiationMetadata(e, {
+					role: "legend-fill",
+					patternKind: d
+				}), this._setSeriesDifferentiationColorClass(e, f);
+			}), (a === "line" || a === "area") && t.update({ marker: {
+				enabled: !0,
+				symbol: u
+			} }, !1);
+		}), this._applyGroupedLegendSeriesDifferentiation(e), e.redraw(!1);
+	}
+	_restoreStyledModeSeriesDifferentiation(e) {
+		this._getHighchartsSvgRoot(e)?.classList.remove("scb-viz-series-differentiation-enabled");
+		let t = this._getSeriesDifferentiationSnapshotStore(e);
+		e.series?.forEach((n, r) => {
+			let i = this._getSeriesDifferentiationGroup(n, e);
+			if (!i) return;
+			let a = this._getLegendSeriesDifferentiationTargets(n);
+			if (this._clearSeriesDifferentiationMetadata(n?.graph), this._clearSeriesDifferentiationMetadata(n?.area), this._clearSeriesDifferentiationColorClass(n?.area), n.points?.forEach((e) => {
+				let t = this._getLegendSeriesDifferentiationTargets(e);
+				this._clearSeriesDifferentiationMetadata(e?.graphic), this._clearSeriesDifferentiationColorClass(e?.graphic), t.graphTargets.forEach((e) => {
+					this._clearSeriesDifferentiationMetadata(e);
+				}), t.fillTargets.forEach((e) => {
+					this._clearSeriesDifferentiationMetadata(e), this._clearSeriesDifferentiationColorClass(e);
+				});
+			}), a.graphTargets.forEach((e) => {
+				this._clearSeriesDifferentiationMetadata(e);
+			}), a.fillTargets.forEach((e) => {
+				this._clearSeriesDifferentiationMetadata(e), this._clearSeriesDifferentiationColorClass(e);
+			}), i === "line" || i === "area") {
+				let e = t.get(String(n?.index ?? r));
+				n.update({ marker: this._cloneSeriesOptionValue(e?.marker) }, !1);
+			}
+		}), this._clearGroupedLegendSeriesDifferentiation(e), e.redraw(!1), this._seriesDifferentiationSnapshots.delete(e);
+	}
+	#m(e) {
+		this._isHighchartsStyledMode(e) && this._applyStyledModeSeriesDifferentiation(e);
+	}
+	#h(e) {
+		this._isHighchartsStyledMode(e) && this._restoreStyledModeSeriesDifferentiation(e);
+	}
+	#g() {
+		let e = this._getCurrentHighchartsChart();
+		if (e) {
+			if (this._seriesDifferentiationEnabled) {
+				this.#m(e);
+				return;
+			}
+			this.#h(e);
+		}
+	}
+	_canExportRaster() {
+		return this._getExportableVisualElement() !== null;
+	}
+	_canExportCsv() {
+		return !!this._getResolvedTableData()?.rows?.length;
+	}
+	_buildExportFileName(e) {
+		return t({
+			lang: this.lang,
+			title: this.title
+		}, e);
+	}
+	_getFullscreenTarget() {
+		return this;
+	}
+	_getCurrentFullscreenElement() {
+		return o();
+	}
+	_isFullscreenSupported() {
+		return s(this._getFullscreenTarget());
+	}
+	_syncFullscreenState() {
+		let e = this._getCurrentFullscreenElement() === this._getFullscreenTarget();
+		this._isFullscreen = e, this.toggleAttribute("data-scb-viz-fullscreen", e), this.#c(), this.#r();
+	}
+	async _toggleFullscreen() {
+		await u(this._getFullscreenTarget());
+	}
+	_renderActionsMenu() {
+		let e = this._getCurrentPrintableView(), t = this._canExportRaster(), n = this._canExportCsv(), r = t && (e === "diagram" || e === "image"), i = n && e === "table", a = this._shouldShowSeriesDifferentiationAction();
+		return I`
+      <div class="actions-menu">
+        <scb-icon-button
+          icon="more_vert"
+          variant="outlined"
+          size="medium"
+          shape="square"
+          label=${this.actionsMenuLabel}
+          title=${this.actionsMenuLabel}
+          aria-label=${this.actionsMenuLabel}
+          aria-haspopup="menu"
+          aria-expanded=${this._actionsMenuOpen ? "true" : "false"}
+          @click=${(e) => this._toggleActionsMenu(e)}
+        ></scb-icon-button>
+        <div
+          class=${`actions-menu-panel ${this._actionsMenuOpen ? "actions-menu-panel--open" : ""}`}
+          role="menu"
+          aria-label=${this.actionsMenuLabel}
+        >
+          <ul class="actions-menu-list">
+            <li>
+              <button
+                type="button"
+                class="actions-menu-item"
+                role="menuitem"
+                @click=${this._onPrintClick}
+              >
+                <span class="actions-menu-item-icon" aria-hidden="true">print</span>
+                <span class="actions-menu-item-label">${this.printLabel}</span>
+              </button>
+            </li>
+            ${r ? I`
+                  <li>
+                    <button
+                      type="button"
+                      class="actions-menu-item"
+                      role="menuitem"
+                      @click=${this._onDownloadPngClick}
+                    >
+                      <span class="actions-menu-item-icon" aria-hidden="true">image</span>
+                      <span class="actions-menu-item-label">${this.downloadPngLabel}</span>
+                    </button>
+                  </li>
+                  <li>
+                    <button
+                      type="button"
+                      class="actions-menu-item"
+                      role="menuitem"
+                      @click=${this._onDownloadJpgClick}
+                    >
+                      <span class="actions-menu-item-icon" aria-hidden="true">image</span>
+                      <span class="actions-menu-item-label">${this.downloadJpgLabel}</span>
+                    </button>
+                  </li>
+                ` : ""}
+            ${i ? I`
+                  <li>
+                    <button
+                      type="button"
+                      class="actions-menu-item"
+                      role="menuitem"
+                      @click=${this._onDownloadCsvClick}
+                    >
+                      <span class="actions-menu-item-icon" aria-hidden="true">table_view</span>
+                      <span class="actions-menu-item-label">${this.downloadCsvLabel}</span>
+                    </button>
+                  </li>
+                ` : ""}
+            ${a ? I`
+                  <li>
+                    <button
+                      type="button"
+                      class="actions-menu-item"
+                      role="menuitemcheckbox"
+                      aria-checked=${this._seriesDifferentiationEnabled ? "true" : "false"}
+                      @click=${this._onToggleSeriesDifferentiationClick}
+                    >
+                      <span class="actions-menu-item-icon" aria-hidden="true">texture</span>
+                      <span class="actions-menu-item-label"
+                        >${this._seriesDifferentiationEnabled ? this.disableSeriesDifferentiationLabel : this.enableSeriesDifferentiationLabel}</span
+                      >
+                    </button>
+                  </li>
+                ` : ""}
+            ${this._isFullscreenSupported() ? I`
+                  <li>
+                    <button
+                      type="button"
+                      class="actions-menu-item"
+                      role="menuitem"
+                      @click=${this._onToggleFullscreenClick}
+                    >
+                      <span class="actions-menu-item-icon" aria-hidden="true">${this._isFullscreen ? "fullscreen_exit" : "fullscreen"}</span>
+                      <span class="actions-menu-item-label"
+                        >${this._isFullscreen ? this.exitFullscreenLabel : this.enterFullscreenLabel}</span
+                      >
+                    </button>
+                  </li>
+                ` : ""}
+          </ul>
+        </div>
+      </div>
+    `;
+	}
+	_renderActions() {
+		return I`
+      <div class="actions-row">
+        ${this.variant === "Standard" && !this.disableToggle ? I`
+              <div class="flipp-wrapper">
+                <scb-segmented-button
+                  .value=${this.selectedChip || ""}
+                  @change=${(e) => this._onSegmentedChange(e)}
+                >
+                  <scb-segmented-item
+                    label=${this.lang === "en" ? "Figure" : "Diagram"}
+                    value="Diagram"
+                    icon="bar_chart"
+                  ></scb-segmented-item>
+                  <scb-segmented-item
+                    label=${this.lang === "en" ? "Table" : "Tabell"}
+                    value="Table"
+                    icon="table"
+                  ></scb-segmented-item>
+                </scb-segmented-button>
+              </div>
+            ` : I`<div></div>`}
+        ${this._renderActionsMenu()}
+      </div>
+    `;
+	}
+	_renderHeader(e = !1) {
+		let t = I`
+      <div class="header">
+        ${this.title ? I` <div id=${this._getTitleId()} class="label">${this.title}</div> ` : ""}
+        ${this.subtitle ? I` <div id=${this._getSubtitleId()} class="sub-label">${this.subtitle}</div> ` : ""}
+      </div>
+    `;
+		return e ? I`
+      <div class="header-row">
+        ${t}
+        ${this._renderActionsMenu()}
+      </div>
+    ` : t;
+	}
+	_renderTable() {
+		let e = this._getResolvedTableData();
+		if (!e || !e.rows || e.rows.length === 0) return null;
+		let { alignments: t, headers: n, rows: r, rowHeaderRows: i } = this._getResolvedTableView(e), a = [this.title, this.subtitle].map((e) => typeof e == "string" ? e.trim() : "").filter(Boolean).join(". ");
+		return I`
+      <table class="scb-viz-table" part="table">
+        ${a ? I`<caption class="visually-hidden">${a}</caption>` : ""}
+        ${n.length > 0 ? I`
+              <thead>
+                <tr>
+                  ${n.map((e, n) => I`<th scope="col" class=${t[n] === "right" ? "align-right" : "align-left"}><span class="scb-viz-table-heading-text">${e.html ? B(e.html) : e.text}</span></th>`)}
+                </tr>
+              </thead>
+            ` : ""}
+        <tbody>
+          ${r.map((e, n) => {
+			let r = i[n] === !0;
+			return I`
+              <tr>
+                ${e.map((e, n) => {
+				let i = t[n] === "right" ? "align-right" : "align-left", a = e.html ? B(e.html) : e.text;
+				return n === 0 && r ? I`<th scope="row" class=${i}>${a}</th>` : I`<td class=${i}>${a}</td>`;
+			})}
+              </tr>
+            `;
+		})}
+        </tbody>
+      </table>
+    `;
+	}
+	_renderRichText(e) {
+		let t = typeof e == "string" ? e.replace(/\r\n?/g, "\n") : "", n = t.split(/\n{2,}/).filter((e) => e !== "");
+		return n.length ? I`${n.map((e) => I`<p class="body-text-paragraph">${e.split("\n").map((e, t) => I`${t > 0 ? I`<br />` : ""}${e}`)}</p>`)}` : t;
+	}
+	_escapeHtml(e) {
+		return String(e ?? "").replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#39;");
+	}
+	_renderRichTextHtml(e) {
+		let t = typeof e == "string" ? e.replace(/\r\n?/g, "\n") : "", n = t.split(/\n{2,}/).filter((e) => e !== "");
+		return n.length ? n.map((e) => `<p class="body-text-paragraph">${e.split("\n").map((e) => this._escapeHtml(e)).join("<br>")}</p>`).join("") : this._escapeHtml(t);
+	}
+	_hasMoreAboutStats() {
+		return !!(this.comment || this.source || this.footnote || this.officialStatistics);
+	}
+	_renderMoreAboutStatsContent() {
+		return I`
+      <div class="more-about-stats-content">
+        ${this.comment ? I`
+              <div class="section">
+                <div class="secondary-label">${this.commentLabel}</div>
+                <div class="body-text body-text-rich">${this._renderRichText(this.comment)}</div>
+              </div>
+            ` : ""}
+        ${this.source ? I`
+              <div class="section">
+                <div class="secondary-label">${this.sourceLabel}</div>
+                <div class="body-text">${this.source}</div>
+              </div>
+            ` : ""}
+        ${this.footnote ? I`
+              <div class="section">
+                <div class="secondary-label">${this.footnoteLabel}</div>
+                <div class="body-text body-text-rich">${this._renderRichText(this.footnote)}</div>
+              </div>
+            ` : ""}
+        ${this.officialStatistics ? I`
+              <a
+                class="sos-logotype-link"
+                href="https://www.scb.se/sos"
+                target="_blank"
+                rel="noopener"
+                title="${this.officialStatisticsTitle}"
+                aria-label="${this.officialStatisticsAlt}"
+              >
+                <span class="sos-logotype-small" aria-hidden="true">
+                  ${V(H)}
+                </span>
+              </a>
+            ` : ""}
+      </div>
+    `;
+	}
+	_renderMoreAboutStatsScreen() {
+		return this._hasMoreAboutStats() ? I`
+      <div class="footer-statistics-screen">
+        <scb-divider></scb-divider>
+        <scb-accordion>
+          <scb-accordion-item title="${this.moreAboutStatsLabel}">
+            ${this._renderMoreAboutStatsContent()}
+          </scb-accordion-item>
+        </scb-accordion>
+      </div>
+    ` : "";
+	}
+	_renderMoreAboutStatsPrint() {
+		return this._hasMoreAboutStats() ? I`
+      <div class="footer-statistics-print print-more-about-stats">
+        <div class="secondary-label print-more-about-stats-heading">
+          ${this.moreAboutStatsLabel}
+        </div>
+        ${this._renderMoreAboutStatsContent()}
+      </div>
+    ` : "";
+	}
+	_renderFooter() {
+		return I`
+      <div class="footer">
+        ${this.description ? I`
+              <div id=${this._getDescriptionId()} class="description section">
+                <div class="secondary-label">${this.descriptionLabel}</div>
+                <div class="body-text body-text-rich">${this._renderRichText(this.description)}</div>
+              </div>
+            ` : ""}
+        ${this._renderMoreAboutStatsScreen()}
+        ${this._renderMoreAboutStatsPrint()}
+      </div>
+    `;
+	}
+	render() {
+		switch (this.variant) {
+			case "Table": return I`
+          <div part="container" class="viz-container">
+            ${this._renderHeader(!0)}
+            <div
+              class="content"
+              role="group"
+              aria-labelledby=${this._getContentAriaLabelledBy()}
+              aria-describedby=${this._getContentAriaDescribedBy()}
+            >
+              <scb-horizontal-scroller
+                width="100%"
+                class="table-scroller"
+                variant="inline"
+                show-scrollbar
+              >
+                ${this._renderTable()}
+              </scb-horizontal-scroller>
+            </div>
+            ${this._renderFooter()}
+            <slot
+              name="table"
+              class="table-source"
+              @slotchange=${(e) => this._onTableSlotChange(e)}
+            ></slot>
+            <slot></slot>
+          </div>
+        `;
+			case "Image": return I`
+          <div part="container" class="viz-container">
+            ${this._renderHeader(!0)}
+            <div
+              class="content image-content"
+              role="img"
+              aria-labelledby=${this._getContentAriaLabelledBy()}
+              aria-describedby=${this._getContentAriaDescribedBy()}
+              style=${this._getResolvedContentMaxWidth() ? `max-width: ${this._getResolvedContentMaxWidth()}; --scb-viz-content-max-width: ${this._getResolvedContentMaxWidth()};` : ""}
+            >
+              <img src="${this.imageHref}" alt="" />
+            </div>
+            ${this._renderFooter()}
+            <slot
+              name="table"
+              class="table-source"
+              @slotchange=${(e) => this._onTableSlotChange(e)}
+            ></slot>
+            <slot></slot>
+          </div>
+        `;
+			default: {
+				let e = this._getResolvedContentMaxWidth(), t = I`
+          <div
+            class="diagram-content"
+            style=${e ? `--scb-viz-content-max-width: ${e};` : ""}
+          >
+            <slot name="diagram" @slotchange=${this._onDiagramSlotChange}></slot>
+          </div>
+        `;
+				return I`
+          <div part="container" class="viz-container">
+            ${this._renderHeader()}
+            ${this._renderActions()}
+            <div
+              class="content"
+              role="group"
+              aria-labelledby=${this._getContentAriaLabelledBy()}
+              aria-describedby=${this._getContentAriaDescribedBy()}
+            >
+              <div
+                class=${`standard-content-shell ${this._getResolvedToggleHeightMode() === "stable" ? "standard-content-shell--stable" : ""}`}
+              >
+                <div
+                  class=${`standard-content-panel standard-content-panel--diagram ${this.selectedChip === "Diagram" ? "standard-content-panel--active" : ""}`}
+                >
+                  ${e ? I`
+                        <scb-horizontal-scroller
+                          width=${this._getResolvedDiagramScrollerWidth()}
+                          class="standard-diagram-scroller"
+                          variant="inline"
+                          show-scrollbar
+                        >
+                          ${t}
+                        </scb-horizontal-scroller>
+                      ` : I`<div class="standard-diagram-scroller">${t}</div>`}
+                </div>
+                <div
+                  class=${`standard-content-panel standard-content-panel--table ${this.selectedChip === "Table" ? "standard-content-panel--active" : ""}`}
+                >
+                  <div class="table-panel-scroll">
+                    <scb-horizontal-scroller
+                      width="100%"
+                      class="standard-table-scroller"
+                      variant="inline"
+                      show-scrollbar
+                    >
+                      ${this._renderTable()}
+                    </scb-horizontal-scroller>
+                  </div>
+                </div>
+              </div>
+            </div>
+            ${this._renderFooter()}
+            <slot
+              name="table"
+              class="table-source"
+              @slotchange=${(e) => this._onTableSlotChange(e)}
+            ></slot>
+            <slot></slot>
+          </div>
+        `;
+			}
+		}
+	}
+	_syncChipClass() {
+		let e = this.variant === "Standard";
+		this.classList.toggle("chip-diagram", e && this.selectedChip === "Diagram"), this.classList.toggle("chip-table", e && this.selectedChip === "Table");
+	}
+	_dispatchSelectedChipChanged() {
+		let e = { selectedChip: this.selectedChip };
+		this.dispatchEvent(new CustomEvent("selected-chip-changed", {
+			detail: e,
+			bubbles: !0,
+			composed: !0
+		})), this.dispatchEvent(new CustomEvent("selectedchipchanged", {
+			detail: e,
+			bubbles: !0,
+			composed: !0
+		}));
+	}
+	_onSegmentedChange(e) {
+		let t = e.detail?.value;
+		this.selectedChip === t ? this.selectedChip = null : this.selectedChip = t;
+	}
+	_toggleActionsMenu(e) {
+		e.stopPropagation(), this._actionsMenuOpen = !this._actionsMenuOpen, this._actionsMenuOpen && requestAnimationFrame(() => {
+			this._focusFirstMenuItem();
+		});
+	}
+	_closeActionsMenu() {
+		this._actionsMenuOpen = !1;
+	}
+	_focusMenuButton() {
+		(this.shadowRoot?.querySelector(".actions-menu scb-icon-button"))?.focus();
+	}
+	_focusFirstMenuItem() {
+		(this.shadowRoot?.querySelector(".actions-menu-item"))?.focus();
+	}
+	_getExportSurfaceTarget() {
+		return this.shadowRoot?.querySelector(".viz-container") ?? this;
+	}
+	async #_(e) {
+		let t = this._getExportableVisualElement();
+		if (!t) return;
+		let n = await r(t, this._getExportSurfaceTarget(), e);
+		n && a(n, this._buildExportFileName(e === "jpeg" ? "jpg" : "png"));
+	}
+	_getCurrentPrintableView() {
+		return this.variant === "Table" ? "table" : this.variant === "Image" ? "image" : this.selectedChip === "Table" ? "table" : "diagram";
+	}
+	#v(e) {
+		return p(this._getResolvedTableView(e), (e) => this._escapeHtml(e));
+	}
+	#y() {
+		return f({
+			comment: this.comment,
+			commentLabel: this.commentLabel,
+			description: this.description,
+			descriptionLabel: this.descriptionLabel,
+			escapeHtml: (e) => this._escapeHtml(e),
+			footnote: this.footnote,
+			footnoteLabel: this.footnoteLabel,
+			moreAboutStatsLabel: this.moreAboutStatsLabel,
+			officialStatistics: this.officialStatistics,
+			renderRichTextHtml: (e) => this._renderRichTextHtml(e),
+			sosLogotypeSvg: H,
+			source: this.source,
+			sourceLabel: this.sourceLabel
+		});
+	}
+	#b(e) {
+		return d({
+			contentHtml: e,
+			escapeHtml: (e) => this._escapeHtml(e),
+			footerHtml: this.#y(),
+			lang: this.lang,
+			subtitle: this.subtitle,
+			title: this.title
+		});
+	}
+	async #x() {
+		await l(this, async () => {
+			let e = this._getCurrentPrintableView(), t = "";
+			if (e === "table") {
+				let e = this._getResolvedTableData();
+				if (!e?.rows?.length) return;
+				t = this.#v(e);
+			} else if (e === "image") {
+				let e = this.shadowRoot?.querySelector(".image-content img"), n = e?.currentSrc || e?.src || this.imageHref;
+				if (!n) return;
+				t = `<img class="viz-image" src="${this._escapeHtml(n)}" alt="${this._escapeHtml(this._getImageAltText())}">`;
+			} else {
+				let e = this._getExportableVisualElement();
+				if (!e) return;
+				let n = await i(e, this._getExportSurfaceTarget(), "png");
+				if (!n) return;
+				t = `<img class="viz-chart-image" src="${n}" alt="${this._escapeHtml(this._getImageAltText())}">`;
+			}
+			await c(this.#b(t));
+		});
+	}
+	#S() {
+		let e = this._getResolvedTableData();
+		e?.rows?.length && a(n(A(e, (e) => this._normalizeRenderableCell(e)), this.lang), this._buildExportFileName("csv"));
+	}
+	#C() {
+		let e = this.#w(this.spacing), t = this.#w(this.spacingTop) ?? e, n = this.#w(this.spacingBottom) ?? e, r = this.#w(this.spacingLeft), i = this.#w(this.spacingRight);
+		t ? this.style.setProperty("--scb-viz-spacing-block-start", t) : this.style.removeProperty("--scb-viz-spacing-block-start"), n ? this.style.setProperty("--scb-viz-spacing-block-end", n) : this.style.removeProperty("--scb-viz-spacing-block-end"), r ? this.style.setProperty("--scb-viz-spacing-inline-start", r) : this.style.removeProperty("--scb-viz-spacing-inline-start"), i ? this.style.setProperty("--scb-viz-spacing-inline-end", i) : this.style.removeProperty("--scb-viz-spacing-inline-end");
+	}
+	#w(e) {
+		if (!e) return;
+		let t = String(e).trim();
+		if (t) return /^\d+$/.test(t) ? `var(--spacing-${Math.max(0, Math.min(14, parseInt(t, 10)))})` : t;
+	}
+	#T() {
+		let e = this.containerMaxWidth?.trim();
+		e ? this.style.setProperty("--scb-viz-container-max-width", e) : this.style.removeProperty("--scb-viz-container-max-width");
+	}
+};
+e([R({
+	type: String,
+	reflect: !0
+})], W.prototype, "variant", void 0), e([R({
+	type: String,
+	reflect: !0,
+	attribute: "selected-chip"
+})], W.prototype, "selectedChip", void 0), e([R({
+	type: String,
+	reflect: !0
+})], W.prototype, "title", void 0), e([R({
+	type: String,
+	reflect: !0
+})], W.prototype, "subtitle", void 0), e([R({
+	type: String,
+	reflect: !0
+})], W.prototype, "description", void 0), e([R({
+	type: String,
+	reflect: !0
+})], W.prototype, "comment", void 0), e([R({
+	type: String,
+	reflect: !0
+})], W.prototype, "source", void 0), e([R({
+	type: String,
+	reflect: !0
+})], W.prototype, "footnote", void 0), e([R({
+	type: String,
+	reflect: !0,
+	attribute: "lang"
+})], W.prototype, "lang", void 0), e([R({
+	type: String,
+	reflect: !0,
+	attribute: "image-href"
+})], W.prototype, "imageHref", void 0), e([R({
+	type: Boolean,
+	reflect: !0,
+	attribute: "official-statistics"
+})], W.prototype, "officialStatistics", void 0), e([R({
+	type: Boolean,
+	reflect: !0,
+	attribute: "disable-toggle"
+})], W.prototype, "disableToggle", void 0), e([R({
+	type: String,
+	attribute: "content-max-width"
+})], W.prototype, "contentMaxWidth", void 0), e([R({
+	type: String,
+	attribute: "container-max-width"
+})], W.prototype, "containerMaxWidth", void 0), e([R({
+	type: String,
+	attribute: "content-height"
+})], W.prototype, "contentHeight", void 0), e([R({
+	type: String,
+	reflect: !0,
+	attribute: "toggle-height-mode"
+})], W.prototype, "toggleHeightMode", void 0), e([R({ attribute: !1 })], W.prototype, "tableData", void 0), e([R({ attribute: !1 })], W.prototype, "valueFormat", void 0), e([R({ attribute: !1 })], W.prototype, "timeFormat", void 0), e([R({ attribute: !1 })], W.prototype, "yAxisSettings", void 0), e([z()], W.prototype, "_slottedTableData", void 0), e([z()], W.prototype, "_actionsMenuOpen", void 0), e([z()], W.prototype, "_seriesDifferentiationEnabled", void 0), e([z()], W.prototype, "_isFullscreen", void 0), e([R({
+	type: String,
+	reflect: !0
+})], W.prototype, "spacing", void 0), e([R({
+	type: String,
+	attribute: "spacing-top",
+	reflect: !0
+})], W.prototype, "spacingTop", void 0), e([R({
+	type: String,
+	attribute: "spacing-bottom",
+	reflect: !0
+})], W.prototype, "spacingBottom", void 0), e([R({
+	type: String,
+	attribute: "spacing-left",
+	reflect: !0
+})], W.prototype, "spacingLeft", void 0), e([R({
+	type: String,
+	attribute: "spacing-right",
+	reflect: !0
+})], W.prototype, "spacingRight", void 0), W = e([L("scb-viz")], W);
+//#endregion
+export { W as ScbViz };