scb-wc-test 0.1.310 → 0.1.312

package/scb-viz/scb-viz.js

@@ -1,7 +1,7 @@
-import { css as ut, LitElement as mt, html as m } from "lit";
+import { css as ut, LitElement as mt, html as b } from "lit";
 import { unsafeSVG as bt } from "lit/directives/unsafe-svg.js";
 import { unsafeHTML as Y } from "lit/directives/unsafe-html.js";
-import { property as _, state as j, customElement as vt } from "lit/decorators.js";
+import { property as w, state as j, customElement as vt } from "lit/decorators.js";
 import "../scb-chip/scb-chip.js";
 import "../scb-segmented-button/scb-segmented-button.js";
 import "../scb-segmented-button/scb-segmented-item.js";
@@ -12,12 +12,12 @@ import "../scb-icon-button/scb-icon-button.js";
 import { appendScbVizSeriesDifferentiationPatternMarks as yt, getScbVizSeriesDifferentiationPatternKinds as _t, getScbVizSeriesDifferentiationVariant as wt } from "./scb-viz-series-differentiation-registry.js";
 var zt = Object.defineProperty, St = Object.getOwnPropertyDescriptor, Z = (t) => {
   throw TypeError(t);
-}, v = (t, e, i, s) => {
-  for (var n = s > 1 ? void 0 : s ? St(e, i) : e, a = t.length - 1, o; a >= 0; a--)
-    (o = t[a]) && (n = (s ? o(e, i, n) : o(n)) || n);
-  return s && n && zt(e, i, n), n;
-}, xt = (t, e, i) => e.has(t) || Z("Cannot " + i), Ct = (t, e, i) => e.has(t) ? Z("Cannot add the same private member more than once") : e instanceof WeakSet ? e.add(t) : e.set(t, i), h = (t, e, i) => (xt(t, e, "access private method"), i), c, E, I, N, $, k, q, Q, L, O, T, X, tt, et, D, R, S, it, nt, st, at, rt, ot, lt, ct, G, ht, H, V, dt, gt, B, W, P, M, F;
-const pt = `<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"
+}, y = (t, e, i, a) => {
+  for (var s = a > 1 ? void 0 : a ? St(e, i) : e, n = t.length - 1, o; n >= 0; n--)
+    (o = t[n]) && (s = (a ? o(e, i, s) : o(s)) || s);
+  return a && s && zt(e, i, s), s;
+}, xt = (t, e, i) => e.has(t) || Z("Cannot " + i), Ct = (t, e, i) => e.has(t) ? Z("Cannot add the same private member more than once") : e instanceof WeakSet ? e.add(t) : e.set(t, i), h = (t, e, i) => (xt(t, e, "access private method"), i), c, k, I, q, D, T, O, Q, E, G, R, tt, et, it, A, H, S, st, at, nt, rt, ot, lt, ct, ht, B, dt, V, P, gt, pt, W, U, F, $, N;
+const ft = `<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"
 	 viewBox="0 0 727.3 87.3" style="enable-background:new 0 0 727.3 87.3;" xml:space="preserve" fill="currentColor">
 <style type="text/css">
 	.st0{clip-path:url(#SVGID_00000118375311472882578510000008414848687067442345_);}
@@ -133,25 +133,25 @@ const pt = `<svg version="1.1" id="Lager_1" xmlns="http://www.w3.org/2000/svg" x
 <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"/>
 </svg>
 `;
-let b = class extends mt {
+let m = class extends mt {
   constructor() {
     super(...arguments), Ct(this, c), 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._seriesDifferentiationSnapshots = /* @__PURE__ */ new WeakMap(), this._diagramReflowFrame = 0, this._chartConfigSyncFrame = 0, this.spacing = void 0, this.spacingTop = void 0, this.spacingBottom = void 0, this.spacingLeft = void 0, this.spacingRight = void 0, this._onDocumentPointerDown = (t) => {
-      var s;
+      var a;
       if (!this._actionsMenuOpen) return;
-      const e = t.composedPath(), i = (s = this.shadowRoot) == null ? void 0 : s.querySelector(".actions-menu");
+      const e = t.composedPath(), i = (a = this.shadowRoot) == null ? void 0 : a.querySelector(".actions-menu");
       i && e.includes(i) || this._closeActionsMenu();
     }, this._onDocumentKeyDown = (t) => {
       this._actionsMenuOpen && t.key === "Escape" && (t.preventDefault(), this._closeActionsMenu(), this._focusMenuButton());
     }, this._onPrintClick = async () => {
-      this._closeActionsMenu(), await h(this, c, rt).call(this);
+      this._closeActionsMenu(), await h(this, c, ot).call(this);
     }, this._onDownloadPngClick = async () => {
-      this._canExportRaster() && (this._closeActionsMenu(), await h(this, c, R).call(this, "png"));
+      this._canExportRaster() && (this._closeActionsMenu(), await h(this, c, H).call(this, "png"));
     }, this._onDownloadJpgClick = async () => {
-      this._canExportRaster() && (this._closeActionsMenu(), await h(this, c, R).call(this, "jpeg"));
+      this._canExportRaster() && (this._closeActionsMenu(), await h(this, c, H).call(this, "jpeg"));
     }, this._onDownloadCsvClick = () => {
-      this._canExportCsv() && (this._closeActionsMenu(), h(this, c, ot).call(this));
+      this._canExportCsv() && (this._closeActionsMenu(), h(this, c, lt).call(this));
     }, this._onToggleSeriesDifferentiationClick = () => {
-      this._seriesDifferentiationEnabled = !this._seriesDifferentiationEnabled, this._closeActionsMenu(), h(this, c, D).call(this);
+      this._seriesDifferentiationEnabled = !this._seriesDifferentiationEnabled, this._closeActionsMenu(), h(this, c, A).call(this);
     };
   }
   // Labels as getters so they react to lang changes
@@ -207,23 +207,23 @@ let b = class extends mt {
     super.connectedCallback(), document.addEventListener("pointerdown", this._onDocumentPointerDown, !0), document.addEventListener("keydown", this._onDocumentKeyDown);
   }
   firstUpdated(t) {
-    this._readTableDataFromSlot(), h(this, c, P).call(this), h(this, c, F).call(this), h(this, c, L).call(this), this._syncChipClass(), h(this, c, E).call(this), h(this, c, $).call(this);
+    this._readTableDataFromSlot(), h(this, c, F).call(this), h(this, c, N).call(this), h(this, c, E).call(this), this._syncChipClass(), h(this, c, k).call(this), h(this, c, D).call(this);
   }
   updated(t) {
-    super.updated(t), (t.has("selectedChip") || t.has("variant")) && (this._syncChipClass(), this._closeActionsMenu()), t.has("selectedChip") && this._dispatchSelectedChipChanged(), (t.has("spacing") || t.has("spacingTop") || t.has("spacingBottom") || t.has("spacingLeft") || t.has("spacingRight")) && h(this, c, P).call(this), t.has("containerMaxWidth") && h(this, c, F).call(this), t.has("variant") && h(this, c, E).call(this), (t.has("contentMaxWidth") || t.has("contentHeight") || t.has("toggleHeightMode") || t.has("variant")) && h(this, c, L).call(this), (t.has("selectedChip") || t.has("variant") || t.has("contentMaxWidth") || t.has("contentHeight") || t.has("toggleHeightMode")) && h(this, c, $).call(this), (t.has("selectedChip") || t.has("variant")) && this._seriesDifferentiationEnabled && requestAnimationFrame(() => {
-      h(this, c, D).call(this);
-    }), (t.has("valueFormat") || t.has("timeFormat") || t.has("yAxisSettings") || t.has("selectedChip") || t.has("variant")) && h(this, c, T).call(this);
+    super.updated(t), (t.has("selectedChip") || t.has("variant")) && (this._syncChipClass(), this._closeActionsMenu()), t.has("selectedChip") && this._dispatchSelectedChipChanged(), (t.has("spacing") || t.has("spacingTop") || t.has("spacingBottom") || t.has("spacingLeft") || t.has("spacingRight")) && h(this, c, F).call(this), t.has("containerMaxWidth") && h(this, c, N).call(this), t.has("variant") && h(this, c, k).call(this), (t.has("contentMaxWidth") || t.has("contentHeight") || t.has("toggleHeightMode") || t.has("variant")) && h(this, c, E).call(this), (t.has("selectedChip") || t.has("variant") || t.has("contentMaxWidth") || t.has("contentHeight") || t.has("toggleHeightMode")) && h(this, c, D).call(this), (t.has("selectedChip") || t.has("variant")) && this._seriesDifferentiationEnabled && requestAnimationFrame(() => {
+      h(this, c, A).call(this);
+    }), (t.has("valueFormat") || t.has("timeFormat") || t.has("yAxisSettings") || t.has("selectedChip") || t.has("variant")) && h(this, c, R).call(this);
   }
   disconnectedCallback() {
-    super.disconnectedCallback(), document.removeEventListener("pointerdown", this._onDocumentPointerDown, !0), document.removeEventListener("keydown", this._onDocumentKeyDown), h(this, c, I).call(this), h(this, c, N).call(this), h(this, c, O).call(this);
+    super.disconnectedCallback(), document.removeEventListener("pointerdown", this._onDocumentPointerDown, !0), document.removeEventListener("keydown", this._onDocumentKeyDown), h(this, c, I).call(this), h(this, c, q).call(this), h(this, c, G).call(this);
   }
   _onTableSlotChange(t) {
     const e = t.target;
     e && (this._readTableDataFromSlot(e), this.requestUpdate());
   }
   _onDiagramSlotChange() {
-    h(this, c, L).call(this), h(this, c, $).call(this), h(this, c, T).call(this), this._seriesDifferentiationEnabled && requestAnimationFrame(() => {
-      h(this, c, D).call(this);
+    h(this, c, E).call(this), h(this, c, D).call(this), h(this, c, R).call(this), this._seriesDifferentiationEnabled && requestAnimationFrame(() => {
+      h(this, c, A).call(this);
     }), this.requestUpdate();
   }
   _normalizeRenderableCell(t) {
@@ -239,64 +239,64 @@ let b = class extends mt {
     var z;
     const e = t || ((z = this.shadowRoot) == null ? void 0 : z.querySelector('slot[name="table"]'));
     if (!e) return;
-    const i = e.assignedElements({ flatten: !0 }), s = [];
+    const i = e.assignedElements({ flatten: !0 }), a = [];
     i.forEach((f) => {
       if (f.tagName === "TABLE") {
-        s.push(f);
+        a.push(f);
         return;
       }
-      f.querySelectorAll("table").forEach((y) => s.push(y));
+      f.querySelectorAll("table").forEach((u) => a.push(u));
     });
-    const n = s[0];
-    if (!n) {
+    const s = a[0];
+    if (!s) {
       this._slottedTableData = void 0;
       return;
     }
-    const a = [], o = [], r = [], l = (f) => f ? (f.textContent ?? "").replace(/\s+/g, " ").trim() : "", d = (f) => f ? {
+    const n = [], o = [], r = [], l = (f) => f ? (f.textContent ?? "").replace(/\s+/g, " ").trim() : "", d = (f) => f ? {
       html: (f.innerHTML ?? "").trim(),
       text: l(f)
-    } : { html: "", text: "" }, p = n.querySelector("thead tr");
-    p && Array.from(p.querySelectorAll("th, td")).forEach((y) => a.push(d(y)));
-    const u = Array.from(n.querySelectorAll("tbody tr")), w = u.length > 0 ? u : Array.from(n.querySelectorAll("tr")).filter(
+    } : { html: "", text: "" }, p = s.querySelector("thead tr");
+    p && Array.from(p.querySelectorAll("th, td")).forEach((u) => n.push(d(u)));
+    const v = Array.from(s.querySelectorAll("tbody tr")), _ = v.length > 0 ? v : Array.from(s.querySelectorAll("tr")).filter(
       (f) => f.closest("thead") === null
     );
-    if (w.forEach((f) => {
-      const y = Array.from(f.querySelectorAll("th, td"));
-      if (y.length === 0) return;
-      const g = y[0].tagName === "TH" && f.closest("thead") === null && f.closest("tfoot") === null;
+    if (_.forEach((f) => {
+      const u = Array.from(f.querySelectorAll("th, td"));
+      if (u.length === 0) return;
+      const g = u[0].tagName === "TH" && f.closest("thead") === null && f.closest("tfoot") === null;
       r.push(g);
       const C = [];
-      y.forEach((x) => C.push(d(x))), o.push(C);
+      u.forEach((x) => C.push(d(x))), o.push(C);
     }), !p && o.length > 0) {
-      const f = o[0], y = w[0], g = Array.from((y == null ? void 0 : y.querySelectorAll("th, td")) ?? []);
-      g.length > 0 && g.every((x) => x.tagName === "TH") && (y == null ? void 0 : y.closest("tbody")) === null && (a.splice(0, a.length, ...f), o.shift(), r.shift());
+      const f = o[0], u = _[0], g = Array.from((u == null ? void 0 : u.querySelectorAll("th, td")) ?? []);
+      g.length > 0 && g.every((x) => x.tagName === "TH") && (u == null ? void 0 : u.closest("tbody")) === null && (n.splice(0, n.length, ...f), o.shift(), r.shift());
     }
     this._slottedTableData = {
-      headers: a.length > 0 ? a : void 0,
+      headers: n.length > 0 ? n : void 0,
       rows: o,
       rowHeaderRows: r.length > 0 ? r : void 0
     };
   }
   _inferTableAlignments(t) {
-    var n;
+    var s;
     const e = Math.max(
-      ((n = t.headers) == null ? void 0 : n.length) ?? 0,
-      ...t.rows.map((a) => a.length)
-    ), i = (a) => {
-      if (a == null) return !1;
-      if (typeof a == "number") return !0;
-      const o = String(a).replace(/[\u00A0\u202F\s]+/g, "").trim();
+      ((s = t.headers) == null ? void 0 : s.length) ?? 0,
+      ...t.rows.map((n) => n.length)
+    ), i = (n) => {
+      if (n == null) return !1;
+      if (typeof n == "number") return !0;
+      const o = String(n).replace(/[\u00A0\u202F\s]+/g, "").trim();
       return o ? /^-?\d+(?:[.,]\d+)?$/.test(o) : !1;
-    }, s = [];
-    for (let a = 0; a < e; a += 1) {
-      if (a === 0) {
-        s.push("left");
+    }, a = [];
+    for (let n = 0; n < e; n += 1) {
+      if (n === 0) {
+        a.push("left");
         continue;
       }
-      const o = t.rows.map((l) => this._normalizeRenderableCell(l[a]).text).filter((l) => l !== "" && l !== null && l !== void 0), r = o.length > 0 && o.every(i);
-      s.push(r ? "right" : "left");
+      const o = t.rows.map((l) => this._normalizeRenderableCell(l[n]).text).filter((l) => l !== "" && l !== null && l !== void 0), r = o.length > 0 && o.every(i);
+      a.push(r ? "right" : "left");
     }
-    return s;
+    return a;
   }
   _getResolvedContentMaxWidth() {
     var t;
@@ -306,11 +306,14 @@ let b = class extends mt {
     var t;
     return ((t = this.contentHeight) == null ? void 0 : t.trim()) || "";
   }
+  _getResolvedDiagramScrollerWidth() {
+    return this._getResolvedContentMaxWidth() || "720px";
+  }
   _getResolvedToggleHeightMode() {
     return this.toggleHeightMode === "auto" ? "auto" : "stable";
   }
   _getResolvedStandardContentHeight() {
-    return this._getResolvedDiagramHeight() || "420px";
+    return this._getResolvedDiagramHeight() || "600px";
   }
   _getResolvedTableData() {
     return this.tableData ?? this._slottedTableData;
@@ -347,17 +350,17 @@ let b = class extends mt {
     };
   }
   _normalizeValueFormat(t) {
-    const e = this._getDefaultValueFormat(), i = t && typeof t == "object" ? t : {}, s = ["number", "currency", "percent"].includes(String(i.type)) ? String(i.type) : e.type, n = ["auto", "raw", "thousands", "millions", "billions"].includes(String(i.scale)) ? String(i.scale) : e.scale, a = Number.isFinite(Number(i.decimals)) ? Math.max(0, Math.min(20, Number(i.decimals))) : e.decimals;
+    const e = this._getDefaultValueFormat(), i = t && typeof t == "object" ? t : {}, a = ["number", "currency", "percent"].includes(String(i.type)) ? String(i.type) : e.type, s = ["auto", "raw", "thousands", "millions", "billions"].includes(String(i.scale)) ? String(i.scale) : e.scale, n = Number.isFinite(Number(i.decimals)) ? Math.max(0, Math.min(20, Number(i.decimals))) : e.decimals;
     return {
-      type: s,
-      scale: n,
-      decimals: a
+      type: a,
+      scale: s,
+      decimals: n
     };
   }
   _normalizeTimeFormat(t) {
-    const e = { mode: "raw", display: "raw" }, i = t && typeof t == "object" ? t : {}, s = ["raw", "year", "monthCode", "quarterCode", "weekCode", "tertialCode"];
-    let n = typeof i.mode == "string" ? i.mode : e.mode, a = typeof i.display == "string" ? i.display : e.display;
-    s.includes(n) || (n = e.mode);
+    const e = { mode: "raw", display: "raw" }, i = t && typeof t == "object" ? t : {}, a = ["raw", "year", "monthCode", "quarterCode", "weekCode", "tertialCode"];
+    let s = typeof i.mode == "string" ? i.mode : e.mode, n = typeof i.display == "string" ? i.display : e.display;
+    a.includes(s) || (s = e.mode);
     const o = {
       raw: ["raw"],
       year: ["raw", "year"],
@@ -366,7 +369,7 @@ let b = class extends mt {
       weekCode: ["raw", "week-compact", "week-long"],
       tertialCode: ["raw", "tertial-compact", "tertial-short", "tertial-long"]
     };
-    return o[n].includes(a) || (a = o[n][0]), n === "raw" && (a = "raw"), { mode: n, display: a };
+    return o[s].includes(n) || (n = o[s][0]), s === "raw" && (n = "raw"), { mode: s, display: n };
   }
   _normalizeYAxisSettings(t) {
     const e = t && typeof t == "object" ? t : {}, i = Number.isFinite(Number(e.referenceLineValue)) ? Number(e.referenceLineValue) : null;
@@ -392,26 +395,26 @@ let b = class extends mt {
     if (e.mode === "monthCode") {
       const i = /^\s*(\d{4})M(0?[1-9]|1[0-2])\s*$/i.exec(t);
       if (!i) return null;
-      const s = Number(i[2]) - 1, n = i[1], a = String(s + 1).padStart(2, "0");
-      return e.display === "iso-month" ? `${n}-${a}` : e.display === "short-month" ? `${this._getShortMonthNames()[s]} ${n}` : e.display === "long-month" ? `${this._getLongMonthNames()[s]} ${n}` : t;
+      const a = Number(i[2]) - 1, s = i[1], n = String(a + 1).padStart(2, "0");
+      return e.display === "iso-month" ? `${s}-${n}` : e.display === "short-month" ? `${this._getShortMonthNames()[a]} ${s}` : e.display === "long-month" ? `${this._getLongMonthNames()[a]} ${s}` : t;
     }
     if (e.mode === "quarterCode") {
       const i = /^\s*(\d{4})(?:K(V)?|Q)(0?[1-4])\s*$/i.exec(t);
       if (!i) return null;
-      const s = Number(i[3]), n = i[1], a = ["första", "andra", "tredje", "fjärde"];
-      return e.display === "quarter-compact" ? `${n} K${s}` : e.display === "quarter-short" ? `kv ${s} ${n}` : e.display === "quarter-long" ? `${a[s - 1]} kvartalet ${n}` : t;
+      const a = Number(i[3]), s = i[1], n = ["första", "andra", "tredje", "fjärde"];
+      return e.display === "quarter-compact" ? `${s} K${a}` : e.display === "quarter-short" ? `kv ${a} ${s}` : e.display === "quarter-long" ? `${n[a - 1]} kvartalet ${s}` : t;
     }
     if (e.mode === "weekCode") {
       const i = /^\s*(\d{4})(?:V|W)(0?[1-9]|[1-4][0-9]|5[0-3])\s*$/i.exec(t);
       if (!i) return null;
-      const s = Number(i[2]), n = i[1];
-      return e.display === "week-compact" ? `${n} v. ${s}` : e.display === "week-long" ? `vecka ${s} ${n}` : t;
+      const a = Number(i[2]), s = i[1];
+      return e.display === "week-compact" ? `${s} v. ${a}` : e.display === "week-long" ? `vecka ${a} ${s}` : t;
     }
     if (e.mode === "tertialCode") {
       const i = /^\s*(\d{4})T(0?[1-3])\s*$/i.exec(t);
       if (!i) return null;
-      const s = Number(i[2]), n = i[1], a = ["första", "andra", "tredje"];
-      return e.display === "tertial-compact" ? `${n} T${s}` : e.display === "tertial-short" ? `tertial ${s} ${n}` : e.display === "tertial-long" ? `${a[s - 1]} tertialet ${n}` : t;
+      const a = Number(i[2]), s = i[1], n = ["första", "andra", "tredje"];
+      return e.display === "tertial-compact" ? `${s} T${a}` : e.display === "tertial-short" ? `tertial ${a} ${s}` : e.display === "tertial-long" ? `${n[a - 1]} tertialet ${s}` : t;
     }
     return null;
   }
@@ -423,101 +426,112 @@ let b = class extends mt {
   }
   _formatValueForDisplay(t, e, i) {
     if (!Number.isFinite(t)) return null;
-    const s = {
+    const a = {
       raw: 1,
       thousands: 1e3,
       millions: 1e6,
       billions: 1e9
-    }, n = {
+    }, s = {
       raw: "",
       thousands: this.lang === "en" ? "k" : "t",
       millions: this.lang === "en" ? "M" : "mn",
       billions: this.lang === "en" ? "B" : "md"
     };
-    let a = e.scale;
-    if (a === "auto") {
+    let n = e.scale;
+    if (n === "auto") {
       const d = Math.abs(t);
-      d >= 1e9 ? a = "billions" : d >= 1e6 ? a = "millions" : d >= 1e3 ? a = "thousands" : a = "raw";
+      d >= 1e9 ? n = "billions" : d >= 1e6 ? n = "millions" : d >= 1e3 ? n = "thousands" : n = "raw";
     }
-    const o = t / (s[a] || 1);
+    const o = t / (a[n] || 1);
     let r = this._formatLocalizedNumber(o, e.decimals);
     e.type === "percent" ? r = `${r} %` : e.type === "currency" && (r = i ? `${r} kr` : r);
-    const l = n[a] || "";
+    const l = s[n] || "";
     return l && (r = `${r} ${l}`), r;
   }
   _isCategoryAxis(t) {
     var e, i;
     return ((e = t == null ? void 0 : t.categories) == null ? void 0 : e.length) > 0 || ((i = t == null ? void 0 : t.options) == null ? void 0 : i.type) === "category";
   }
+  _getTooltipXAxisLabel(t, e) {
+    var n, o;
+    const i = (t == null ? void 0 : t.point) || t, a = ((n = i == null ? void 0 : i.series) == null ? void 0 : n.xAxis) || ((o = t == null ? void 0 : t.series) == null ? void 0 : o.xAxis);
+    let s = "";
+    if (a && Array.isArray(a.categories)) {
+      const r = Number.isFinite(i == null ? void 0 : i.x) ? Number(i.x) : Number.isFinite(t == null ? void 0 : t.x) ? Number(t.x) : null;
+      if (r !== null) {
+        const l = a.categories[r];
+        typeof l < "u" && l !== null && (s = String(l));
+      }
+    }
+    return !s && typeof (i == null ? void 0 : i.category) == "string" && i.category.trim() && Number.isNaN(Number(i.category)) && (s = i.category), !s && typeof (t == null ? void 0 : t.key) == "string" && t.key.trim() && Number.isNaN(Number(t.key)) && (s = t.key), !s && typeof (t == null ? void 0 : t.x) == "string" && t.x.trim() && Number.isNaN(Number(t.x)) && (s = t.x), s ? this._formatCategoryTimeLabel(s, e) ?? s : "";
+  }
   _applyTimeFormatToLiveChart(t) {
     const e = this._normalizeTimeFormat(this.timeFormat);
     if (e.mode === "raw" || e.display === "raw") return;
     const i = this._formatCategoryTimeLabel.bind(this);
-    [...(t == null ? void 0 : t.xAxis) || [], ...(t == null ? void 0 : t.yAxis) || []].forEach((s) => {
+    [...(t == null ? void 0 : t.xAxis) || [], ...(t == null ? void 0 : t.yAxis) || []].forEach((a) => {
       var o;
-      if (!this._isCategoryAxis(s)) return;
-      const n = (o = s.options) != null && o.labels && typeof s.options.labels == "object" ? { ...s.options.labels } : {}, a = typeof n.formatter == "function" ? n.formatter : null;
-      n.formatter = function() {
+      if (!this._isCategoryAxis(a)) return;
+      const s = (o = a.options) != null && o.labels && typeof a.options.labels == "object" ? { ...a.options.labels } : {}, n = typeof s.formatter == "function" ? s.formatter : null;
+      s.formatter = function() {
         let r = "";
         if (this != null && this.axis && Array.isArray(this.axis.categories) && typeof this.pos == "number") {
           const d = this.axis.categories[this.pos];
           typeof d < "u" && d !== null && (r = String(d));
         } else typeof (this == null ? void 0 : this.value) < "u" && this.value !== null && (r = String(this.value));
         const l = i(r, e);
-        return l !== null ? l : a ? a.call(this) : r;
-      }, delete n.format, s.update({ labels: n }, !1);
+        return l !== null ? l : n ? n.call(this) : r;
+      }, delete s.format, a.update({ labels: s }, !1);
     });
   }
   _applyValueFormatToLiveChart(t) {
-    var s, n, a, o, r, l, d;
-    const e = this._normalizeValueFormat(this.valueFormat), i = this._formatValueForDisplay.bind(this);
+    var n, o, r, l, d, p, v;
+    const e = this._normalizeValueFormat(this.valueFormat), i = this._normalizeTimeFormat(this.timeFormat), a = this._formatValueForDisplay.bind(this), s = this._getTooltipXAxisLabel.bind(this);
     t.update({
       tooltip: {
-        ...((s = t.options) == null ? void 0 : s.tooltip) || {},
+        ...((n = t.options) == null ? void 0 : n.tooltip) || {},
         valueDecimals: e.decimals,
         formatter: function() {
-          const p = Array.isArray(this.points) && this.points.length ? this.points : [this.point || this];
-          let u = "";
-          const w = [];
-          return typeof this.x < "u" && this.x !== null ? u = `<span>${String(this.x)}</span><br/>` : typeof this.key < "u" && this.key !== null && (u = `<span>${String(this.key)}</span><br/>`), p.forEach((z) => {
-            var x;
-            const f = (z == null ? void 0 : z.point) || z, y = Number.isFinite(z == null ? void 0 : z.y) ? z.y : f == null ? void 0 : f.y, g = i(y, e, !0);
-            if (g === null) return;
-            const C = (f == null ? void 0 : f.name) || ((x = f == null ? void 0 : f.series) == null ? void 0 : x.name) || "";
-            w.push(`${C ? `${String(C)}: ` : ""}<b>${g}</b><br/>`);
-          }), u + w.join("");
+          const _ = Array.isArray(this.points) && this.points.length ? this.points : [this.point || this], z = s(this, i), f = [];
+          return _.forEach((u) => {
+            var L;
+            const g = (u == null ? void 0 : u.point) || u, C = Number.isFinite(u == null ? void 0 : u.y) ? u.y : g == null ? void 0 : g.y, x = a(C, e, !0);
+            if (x === null) return;
+            const M = (g == null ? void 0 : g.name) || ((L = g == null ? void 0 : g.series) == null ? void 0 : L.name) || "";
+            f.push(`${M ? `${String(M)}: ` : ""}<b>${x}</b><br/>`);
+          }), `${z ? `<span>${String(z)}</span><br/>` : ""}${f.join("")}`;
         }
       },
       plotOptions: {
-        ...((n = t.options) == null ? void 0 : n.plotOptions) || {},
+        ...((o = t.options) == null ? void 0 : o.plotOptions) || {},
         series: {
-          ...((o = (a = t.options) == null ? void 0 : a.plotOptions) == null ? void 0 : o.series) || {},
+          ...((l = (r = t.options) == null ? void 0 : r.plotOptions) == null ? void 0 : l.series) || {},
           dataLabels: {
-            ...((d = (l = (r = t.options) == null ? void 0 : r.plotOptions) == null ? void 0 : l.series) == null ? void 0 : d.dataLabels) || {},
+            ...((v = (p = (d = t.options) == null ? void 0 : d.plotOptions) == null ? void 0 : p.series) == null ? void 0 : v.dataLabels) || {},
             formatter: function() {
-              var u;
-              const p = Number.isFinite(this == null ? void 0 : this.y) ? this.y : (u = this == null ? void 0 : this.point) == null ? void 0 : u.y;
-              return i(p, e, e.type === "percent") ?? null;
+              var z;
+              const _ = Number.isFinite(this == null ? void 0 : this.y) ? this.y : (z = this == null ? void 0 : this.point) == null ? void 0 : z.y;
+              return a(_, e, e.type === "percent") ?? null;
             }
           }
         }
       }
-    }, !1, !1, !1), ((t == null ? void 0 : t.yAxis) || []).forEach((p) => {
-      var f, y;
-      const u = (f = p.options) != null && f.labels && typeof p.options.labels == "object" ? { ...p.options.labels } : {}, w = typeof u.formatter == "function" ? u.formatter : null, z = !((y = p.options) != null && y.title && typeof p.options.title.text == "string" && p.options.title.text.trim());
-      u.formatter = function() {
-        const g = i(this == null ? void 0 : this.value, e, z);
-        return g !== null ? g : w ? w.call(this) : this == null ? void 0 : this.value;
-      }, (e.type === "percent" || e.scale !== "auto") && delete u.format, p.update({ labels: u }, !1);
+    }, !1, !1, !1), ((t == null ? void 0 : t.yAxis) || []).forEach((_) => {
+      var g, C;
+      const z = (g = _.options) != null && g.labels && typeof _.options.labels == "object" ? { ..._.options.labels } : {}, f = typeof z.formatter == "function" ? z.formatter : null, u = !((C = _.options) != null && C.title && typeof _.options.title.text == "string" && _.options.title.text.trim());
+      z.formatter = function() {
+        const x = a(this == null ? void 0 : this.value, e, u);
+        return x !== null ? x : f ? f.call(this) : this == null ? void 0 : this.value;
+      }, (e.type === "percent" || e.scale !== "auto") && delete z.format, _.update({ labels: z }, !1);
     });
   }
   _applyYAxisSettingsToLiveChart(t) {
     const e = this._normalizeYAxisSettings(this.yAxisSettings), i = (t == null ? void 0 : t.yAxis) || [];
-    i.length && i.forEach((s, n) => {
-      const a = s.options && typeof s.options == "object" ? s.options : {}, o = {}, r = typeof a.min < "u" && a.min !== null && a.min !== "";
-      n === 0 && e.startAtZero && !r && (o.min = 0);
-      const l = Array.isArray(a.plotLines) ? a.plotLines.filter((d) => (d == null ? void 0 : d.id) !== "scb-viz-reference-line") : [];
-      n === 0 && e.referenceLineEnabled && Number.isFinite(e.referenceLineValue) && l.push({
+    i.length && i.forEach((a, s) => {
+      const n = a.options && typeof a.options == "object" ? a.options : {}, o = {}, r = typeof n.min < "u" && n.min !== null && n.min !== "";
+      s === 0 && e.startAtZero && !r && (o.min = 0);
+      const l = Array.isArray(n.plotLines) ? n.plotLines.filter((d) => (d == null ? void 0 : d.id) !== "scb-viz-reference-line") : [];
+      s === 0 && e.referenceLineEnabled && Number.isFinite(e.referenceLineValue) && l.push({
         id: "scb-viz-reference-line",
         className: "scb-axis-plotline scb-viz-reference-line",
         value: e.referenceLineValue,
@@ -525,20 +539,20 @@ let b = class extends mt {
           text: e.referenceLineLabel,
           className: "scb-viz-reference-line-label"
         } : void 0
-      }), l.length ? o.plotLines = l : Array.isArray(a.plotLines) && (o.plotLines = []), s.update(o, !1);
+      }), l.length ? o.plotLines = l : Array.isArray(n.plotLines) && (o.plotLines = []), a.update(o, !1);
     });
   }
   _getCurrentHighchartsChart() {
     var i;
     if (this._getCurrentPrintableView() !== "diagram") return;
-    const t = h(this, c, q).call(this, this._getDiagramAssignedElements());
+    const t = h(this, c, O).call(this, this._getDiagramAssignedElements());
     if (t === void 0) return;
     const e = window.Highcharts;
     return (i = e == null ? void 0 : e.charts) == null ? void 0 : i[t];
   }
   _getSeriesDifferentiationGroup(t, e) {
-    var s, n, a;
-    const i = String((t == null ? void 0 : t.type) || ((s = t == null ? void 0 : t.options) == null ? void 0 : s.type) || ((a = (n = e == null ? void 0 : e.options) == null ? void 0 : n.chart) == null ? void 0 : a.type) || "").trim().toLowerCase();
+    var a, s, n;
+    const i = String((t == null ? void 0 : t.type) || ((a = t == null ? void 0 : t.options) == null ? void 0 : a.type) || ((n = (s = e == null ? void 0 : e.options) == null ? void 0 : s.chart) == null ? void 0 : n.type) || "").trim().toLowerCase();
     return ["line", "spline", "scatter"].includes(i) ? "line" : ["area", "areaspline"].includes(i) ? "area" : ["column", "bar"].includes(i) ? "fill" : ["pie", "variablepie"].includes(i) ? "point-fill" : null;
   }
   _shouldShowSeriesDifferentiationAction() {
@@ -571,18 +585,18 @@ let b = class extends mt {
     return e instanceof SVGElement ? e : null;
   }
   _isHighchartsStyledMode(t) {
-    var e, i, s;
-    return !!(t != null && t.styledMode || (e = t == null ? void 0 : t.renderer) != null && e.styledMode || (s = (i = t == null ? void 0 : t.options) == null ? void 0 : i.chart) != null && s.styledMode);
+    var e, i, a;
+    return !!(t != null && t.styledMode || (e = t == null ? void 0 : t.renderer) != null && e.styledMode || (a = (i = t == null ? void 0 : t.options) == null ? void 0 : i.chart) != null && a.styledMode);
   }
   _getHighchartsSvgRoot(t) {
-    var i, s, n;
+    var i, a, s;
     if ((t == null ? void 0 : t.container) instanceof SVGSVGElement) return t.container;
-    const e = ((i = t == null ? void 0 : t.renderTo) == null ? void 0 : i.querySelector("svg")) ?? ((n = (s = t == null ? void 0 : t.container) == null ? void 0 : s.querySelector) == null ? void 0 : n.call(s, "svg"));
+    const e = ((i = t == null ? void 0 : t.renderTo) == null ? void 0 : i.querySelector("svg")) ?? ((s = (a = t == null ? void 0 : t.container) == null ? void 0 : a.querySelector) == null ? void 0 : s.call(a, "svg"));
     return e instanceof SVGSVGElement ? e : null;
   }
   _getHighchartsColorClassName(t, e) {
     const i = this._getHighchartsSvgElement(t);
-    return Array.from((i == null ? void 0 : i.classList) ?? []).find((n) => /^highcharts-color-\d+$/.test(n)) ?? `highcharts-color-${e}`;
+    return Array.from((i == null ? void 0 : i.classList) ?? []).find((s) => /^highcharts-color-\d+$/.test(s)) ?? `highcharts-color-${e}`;
   }
   _setSeriesDifferentiationMetadata(t, e) {
     const i = this._getHighchartsSvgElement(t);
@@ -595,84 +609,84 @@ let b = class extends mt {
   _setSeriesDifferentiationColorClass(t, e) {
     const i = this._getHighchartsSvgElement(t);
     if (!i || !e) return;
-    const s = Array.from(i.classList).find((n) => /^highcharts-color-\d+$/.test(n));
-    s !== e && (s && (i.classList.remove(s), i.setAttribute("data-scb-viz-prev-color-class", s)), i.classList.add(e), i.setAttribute("data-scb-viz-added-color-class", e));
+    const a = Array.from(i.classList).find((s) => /^highcharts-color-\d+$/.test(s));
+    a !== e && (a && (i.classList.remove(a), i.setAttribute("data-scb-viz-prev-color-class", a)), i.classList.add(e), i.setAttribute("data-scb-viz-added-color-class", e));
   }
   _clearSeriesDifferentiationColorClass(t) {
     const e = this._getHighchartsSvgElement(t);
     if (!e) return;
-    const i = e.getAttribute("data-scb-viz-added-color-class"), s = e.getAttribute("data-scb-viz-prev-color-class");
-    i && (e.classList.remove(i), e.removeAttribute("data-scb-viz-added-color-class")), s && (e.classList.add(s), e.removeAttribute("data-scb-viz-prev-color-class"));
+    const i = e.getAttribute("data-scb-viz-added-color-class"), a = e.getAttribute("data-scb-viz-prev-color-class");
+    i && (e.classList.remove(i), e.removeAttribute("data-scb-viz-added-color-class")), a && (e.classList.add(a), e.removeAttribute("data-scb-viz-prev-color-class"));
   }
   _getLegendSeriesDifferentiationTargets(t) {
     var o, r, l, d;
-    const e = [], i = [], s = this._getHighchartsSvgElement((o = t == null ? void 0 : t.legendItem) == null ? void 0 : o.group), n = (p, u) => {
-      const w = this._getHighchartsSvgElement(u);
-      !w || p.includes(w) || p.push(w);
+    const e = [], i = [], a = this._getHighchartsSvgElement((o = t == null ? void 0 : t.legendItem) == null ? void 0 : o.group), s = (p, v) => {
+      const _ = this._getHighchartsSvgElement(v);
+      !_ || p.includes(_) || p.push(_);
     };
-    if (n(e, t == null ? void 0 : t.legendLine), n(e, (r = t == null ? void 0 : t.legendItem) == null ? void 0 : r.line), n(i, t == null ? void 0 : t.legendSymbol), n(i, (l = t == null ? void 0 : t.legendItem) == null ? void 0 : l.symbol), n(i, t == null ? void 0 : t.legendArea), n(i, (d = t == null ? void 0 : t.legendItem) == null ? void 0 : d.area), s) {
-      const p = s.querySelector(".highcharts-graph, .highcharts-legend-graph, line, path");
-      p && n(e, p), s.querySelectorAll("rect, circle, .highcharts-point, .highcharts-area, .highcharts-legend-symbol, path").forEach((u) => {
-        n(i, u);
+    if (s(e, t == null ? void 0 : t.legendLine), s(e, (r = t == null ? void 0 : t.legendItem) == null ? void 0 : r.line), s(i, t == null ? void 0 : t.legendSymbol), s(i, (l = t == null ? void 0 : t.legendItem) == null ? void 0 : l.symbol), s(i, t == null ? void 0 : t.legendArea), s(i, (d = t == null ? void 0 : t.legendItem) == null ? void 0 : d.area), a) {
+      const p = a.querySelector(".highcharts-graph, .highcharts-legend-graph, line, path");
+      p && s(e, p), a.querySelectorAll("rect, circle, .highcharts-point, .highcharts-area, .highcharts-legend-symbol, path").forEach((v) => {
+        s(i, v);
       });
     }
-    const a = i.filter((p) => !e.includes(p));
+    const n = i.filter((p) => !e.includes(p));
     return {
       graphTargets: e,
-      fillTargets: a
+      fillTargets: n
     };
   }
   _ensureStyledModeSeriesPattern(t, e, i) {
-    const s = this._getHighchartsSvgRoot(t);
-    if (!s) return;
-    const n = "http://www.w3.org/2000/svg";
-    let a = s.querySelector("defs");
-    a instanceof SVGDefsElement || (a = document.createElementNS(n, "defs"), s.insertBefore(a, s.firstChild));
+    const a = this._getHighchartsSvgRoot(t);
+    if (!a) return;
+    const s = "http://www.w3.org/2000/svg";
+    let n = a.querySelector("defs");
+    n instanceof SVGDefsElement || (n = document.createElementNS(s, "defs"), a.insertBefore(n, a.firstChild));
     const o = `scb-viz-pattern-${e}-${i}`;
-    if (a.querySelector(`#${o}`)) return;
-    const r = document.createElementNS(n, "pattern");
+    if (n.querySelector(`#${o}`)) return;
+    const r = document.createElementNS(s, "pattern");
     r.setAttribute("id", o), r.setAttribute("patternUnits", "userSpaceOnUse"), r.setAttribute("width", "10"), r.setAttribute("height", "10"), r.classList.add(e);
-    const l = document.createElementNS(n, "rect");
-    l.setAttribute("x", "0"), l.setAttribute("y", "0"), l.setAttribute("width", "10"), l.setAttribute("height", "10"), l.setAttribute("class", "scb-viz-highcharts-pattern__background"), r.appendChild(l), yt(r, n, i), a.appendChild(r);
+    const l = document.createElementNS(s, "rect");
+    l.setAttribute("x", "0"), l.setAttribute("y", "0"), l.setAttribute("width", "10"), l.setAttribute("height", "10"), l.setAttribute("class", "scb-viz-highcharts-pattern__background"), r.appendChild(l), yt(r, s, i), n.appendChild(r);
   }
   _applyStyledModeSeriesDifferentiation(t) {
-    var n;
+    var s;
     const e = this._getHighchartsSvgRoot(t);
     if (!e) return;
     e.classList.add("scb-viz-series-differentiation-enabled");
-    const i = _t(), s = this._getSeriesDifferentiationSnapshotStore(t);
-    (n = t.series) == null || n.forEach((a, o) => {
-      var f, y;
-      const r = this._getSeriesDifferentiationGroup(a, t);
+    const i = _t(), a = this._getSeriesDifferentiationSnapshotStore(t);
+    (s = t.series) == null || s.forEach((n, o) => {
+      var f, u;
+      const r = this._getSeriesDifferentiationGroup(n, t);
       if (!r) return;
-      const l = String((a == null ? void 0 : a.index) ?? o);
-      s.has(l) || s.set(l, this._captureSeriesDifferentiationSnapshot(a));
-      const { dashStyle: d, markerSymbol: p, patternKind: u } = wt(o), w = this._getHighchartsColorClassName((a == null ? void 0 : a.graph) ?? (a == null ? void 0 : a.area) ?? (a == null ? void 0 : a.group), o), z = this._getLegendSeriesDifferentiationTargets(a);
-      this._setSeriesDifferentiationMetadata(a == null ? void 0 : a.graph, {
+      const l = String((n == null ? void 0 : n.index) ?? o);
+      a.has(l) || a.set(l, this._captureSeriesDifferentiationSnapshot(n));
+      const { dashStyle: d, markerSymbol: p, patternKind: v } = wt(o), _ = this._getHighchartsColorClassName((n == null ? void 0 : n.graph) ?? (n == null ? void 0 : n.area) ?? (n == null ? void 0 : n.group), o), z = this._getLegendSeriesDifferentiationTargets(n);
+      this._setSeriesDifferentiationMetadata(n == null ? void 0 : n.graph, {
         role: "graph",
         dashStyle: d
-      }), r === "area" && (this._setSeriesDifferentiationMetadata(a == null ? void 0 : a.area, {
+      }), r === "area" && (this._setSeriesDifferentiationMetadata(n == null ? void 0 : n.area, {
         role: "area",
-        patternKind: u
-      }), this._setSeriesDifferentiationColorClass(a == null ? void 0 : a.area, w), this._ensureStyledModeSeriesPattern(t, w, u)), r === "fill" && ((f = a.points) == null || f.forEach((g) => {
+        patternKind: v
+      }), this._setSeriesDifferentiationColorClass(n == null ? void 0 : n.area, _), this._ensureStyledModeSeriesPattern(t, _, v)), r === "fill" && ((f = n.points) == null || f.forEach((g) => {
         this._setSeriesDifferentiationMetadata(g == null ? void 0 : g.graphic, {
           role: "fill",
-          patternKind: u
-        }), this._setSeriesDifferentiationColorClass(g == null ? void 0 : g.graphic, w);
-      }), this._ensureStyledModeSeriesPattern(t, w, u)), r === "point-fill" && ((y = a.points) == null || y.forEach((g, C) => {
-        var U, K;
-        const x = i[C % i.length], A = this._getHighchartsColorClassName(
-          (g == null ? void 0 : g.graphic) ?? (g == null ? void 0 : g.legendSymbol) ?? ((U = g == null ? void 0 : g.legendItem) == null ? void 0 : U.symbol) ?? ((K = g == null ? void 0 : g.legendItem) == null ? void 0 : K.group),
+          patternKind: v
+        }), this._setSeriesDifferentiationColorClass(g == null ? void 0 : g.graphic, _);
+      }), this._ensureStyledModeSeriesPattern(t, _, v)), r === "point-fill" && ((u = n.points) == null || u.forEach((g, C) => {
+        var K, J;
+        const x = i[C % i.length], M = this._getHighchartsColorClassName(
+          (g == null ? void 0 : g.graphic) ?? (g == null ? void 0 : g.legendSymbol) ?? ((K = g == null ? void 0 : g.legendItem) == null ? void 0 : K.symbol) ?? ((J = g == null ? void 0 : g.legendItem) == null ? void 0 : J.group),
           C
-        ), ft = this._getLegendSeriesDifferentiationTargets(g);
+        ), L = this._getLegendSeriesDifferentiationTargets(g);
         this._setSeriesDifferentiationMetadata(g == null ? void 0 : g.graphic, {
           role: "fill",
           patternKind: x
-        }), this._setSeriesDifferentiationColorClass(g == null ? void 0 : g.graphic, A), this._ensureStyledModeSeriesPattern(t, A, x), ft.fillTargets.forEach((J) => {
-          this._setSeriesDifferentiationMetadata(J, {
+        }), this._setSeriesDifferentiationColorClass(g == null ? void 0 : g.graphic, M), this._ensureStyledModeSeriesPattern(t, M, x), L.fillTargets.forEach((X) => {
+          this._setSeriesDifferentiationMetadata(X, {
             role: "legend-fill",
             patternKind: x
-          }), this._setSeriesDifferentiationColorClass(J, A);
+          }), this._setSeriesDifferentiationColorClass(X, M);
         });
       })), (r === "line" || r === "area") && z.graphTargets.forEach((g) => {
         this._setSeriesDifferentiationMetadata(g, {
@@ -682,9 +696,9 @@ let b = class extends mt {
       }), (r === "area" || r === "fill") && z.fillTargets.forEach((g) => {
         this._setSeriesDifferentiationMetadata(g, {
           role: "legend-fill",
-          patternKind: u
-        }), this._setSeriesDifferentiationColorClass(g, w);
-      }), (r === "line" || r === "area") && a.update(
+          patternKind: v
+        }), this._setSeriesDifferentiationColorClass(g, _);
+      }), (r === "line" || r === "area") && n.update(
         {
           marker: {
             enabled: !0,
@@ -696,29 +710,29 @@ let b = class extends mt {
     }), t.redraw(!1);
   }
   _restoreStyledModeSeriesDifferentiation(t) {
-    var s;
+    var a;
     const e = this._getHighchartsSvgRoot(t);
     e == null || e.classList.remove("scb-viz-series-differentiation-enabled");
     const i = this._getSeriesDifferentiationSnapshotStore(t);
-    (s = t.series) == null || s.forEach((n, a) => {
+    (a = t.series) == null || a.forEach((s, n) => {
       var l;
-      const o = this._getSeriesDifferentiationGroup(n, t);
+      const o = this._getSeriesDifferentiationGroup(s, t);
       if (!o) return;
-      const r = this._getLegendSeriesDifferentiationTargets(n);
-      if (this._clearSeriesDifferentiationMetadata(n == null ? void 0 : n.graph), this._clearSeriesDifferentiationMetadata(n == null ? void 0 : n.area), this._clearSeriesDifferentiationColorClass(n == null ? void 0 : n.area), (l = n.points) == null || l.forEach((d) => {
+      const r = this._getLegendSeriesDifferentiationTargets(s);
+      if (this._clearSeriesDifferentiationMetadata(s == null ? void 0 : s.graph), this._clearSeriesDifferentiationMetadata(s == null ? void 0 : s.area), this._clearSeriesDifferentiationColorClass(s == null ? void 0 : s.area), (l = s.points) == null || l.forEach((d) => {
         const p = this._getLegendSeriesDifferentiationTargets(d);
-        this._clearSeriesDifferentiationMetadata(d == null ? void 0 : d.graphic), this._clearSeriesDifferentiationColorClass(d == null ? void 0 : d.graphic), p.graphTargets.forEach((u) => {
-          this._clearSeriesDifferentiationMetadata(u);
-        }), p.fillTargets.forEach((u) => {
-          this._clearSeriesDifferentiationMetadata(u), this._clearSeriesDifferentiationColorClass(u);
+        this._clearSeriesDifferentiationMetadata(d == null ? void 0 : d.graphic), this._clearSeriesDifferentiationColorClass(d == null ? void 0 : d.graphic), p.graphTargets.forEach((v) => {
+          this._clearSeriesDifferentiationMetadata(v);
+        }), p.fillTargets.forEach((v) => {
+          this._clearSeriesDifferentiationMetadata(v), this._clearSeriesDifferentiationColorClass(v);
         });
       }), r.graphTargets.forEach((d) => {
         this._clearSeriesDifferentiationMetadata(d);
       }), r.fillTargets.forEach((d) => {
         this._clearSeriesDifferentiationMetadata(d), this._clearSeriesDifferentiationColorClass(d);
       }), o === "line" || o === "area") {
-        const d = i.get(String((n == null ? void 0 : n.index) ?? a));
-        n.update(
+        const d = i.get(String((s == null ? void 0 : s.index) ?? n));
+        s.update(
           {
             marker: this._cloneSeriesOptionValue(d == null ? void 0 : d.marker)
           },
@@ -744,8 +758,8 @@ let b = class extends mt {
     return `${this._getExportBaseFileName()}${e}.${t}`;
   }
   _renderActionsMenu() {
-    const t = this._getCurrentPrintableView(), e = this._canExportRaster(), i = this._canExportCsv(), s = e && (t === "diagram" || t === "image"), n = i && t === "table", a = this._shouldShowSeriesDifferentiationAction();
-    return m`
+    const t = this._getCurrentPrintableView(), e = this._canExportRaster(), i = this._canExportCsv(), a = e && (t === "diagram" || t === "image"), s = i && t === "table", n = this._shouldShowSeriesDifferentiationAction();
+    return b`
       <div class="actions-menu">
         <scb-icon-button
           icon="more_vert"
@@ -776,7 +790,7 @@ let b = class extends mt {
                 <span class="actions-menu-item-label">${this.printLabel}</span>
               </button>
             </li>
-            ${s ? m`
+            ${a ? b`
                   <li>
                     <button
                       type="button"
@@ -800,7 +814,7 @@ let b = class extends mt {
                     </button>
                   </li>
                 ` : ""}
-            ${n ? m`
+            ${s ? b`
                   <li>
                     <button
                       type="button"
@@ -813,7 +827,7 @@ let b = class extends mt {
                     </button>
                   </li>
                 ` : ""}
-            ${a ? m`
+            ${n ? b`
                   <li>
                     <button
                       type="button"
@@ -835,9 +849,9 @@ let b = class extends mt {
     `;
   }
   _renderActions() {
-    return m`
+    return b`
       <div class="actions-row">
-        ${this.variant === "Standard" && !this.disableToggle ? m`
+        ${this.variant === "Standard" && !this.disableToggle ? b`
               <div class="flipp-wrapper">
                 <scb-segmented-button
                   .value=${this.selectedChip || ""}
@@ -855,19 +869,19 @@ let b = class extends mt {
                   ></scb-segmented-item>
                 </scb-segmented-button>
               </div>
-            ` : m`<div></div>`}
+            ` : b`<div></div>`}
         ${this._renderActionsMenu()}
       </div>
     `;
   }
   _renderHeader(t = !1) {
-    const e = m`
+    const e = b`
       <div class="header">
-        ${this.title ? m` <div class="label" role="heading" aria-level="2">${this.title}</div> ` : ""}
-        ${this.subtitle ? m` <div class="sub-label">${this.subtitle}</div> ` : ""}
+        ${this.title ? b` <div class="label" role="heading" aria-level="2">${this.title}</div> ` : ""}
+        ${this.subtitle ? b` <div class="sub-label">${this.subtitle}</div> ` : ""}
       </div>
     `;
-    return t ? m`
+    return t ? b`
       <div class="header-row">
         ${e}
         ${this._renderActionsMenu()}
@@ -881,32 +895,32 @@ let b = class extends mt {
     const e = this._inferTableAlignments(t), i = Math.max(
       ((r = t.headers) == null ? void 0 : r.length) ?? 0,
       ...t.rows.map((l) => l.length)
-    ), s = (t.headers ?? []).map((l) => this._normalizeRenderableCell(l)), n = t.rows.map((l) => {
+    ), a = (t.headers ?? []).map((l) => this._normalizeRenderableCell(l)), s = t.rows.map((l) => {
       const d = l.map((p) => this._normalizeRenderableCell(p));
       for (; d.length < i; ) d.push({ html: "", text: "" });
       return d;
-    }), a = t.rowHeaderRows ?? [], o = [this.title, this.subtitle].map((l) => typeof l == "string" ? l.trim() : "").filter(Boolean).join(". ");
-    return m`
+    }), n = t.rowHeaderRows ?? [], o = [this.title, this.subtitle].map((l) => typeof l == "string" ? l.trim() : "").filter(Boolean).join(". ");
+    return b`
       <table class="scb-viz-table" part="table">
-        ${o ? m`<caption class="visually-hidden">${o}</caption>` : ""}
-        ${s.length > 0 ? m`
+        ${o ? b`<caption class="visually-hidden">${o}</caption>` : ""}
+        ${a.length > 0 ? b`
               <thead>
                 <tr>
-                  ${s.map((l, d) => {
+                  ${a.map((l, d) => {
       const p = e[d] === "right" ? "align-right" : "align-left";
-      return m`<th scope="col" class=${p}>${l.html ? Y(l.html) : l.text}</th>`;
+      return b`<th scope="col" class=${p}>${l.html ? Y(l.html) : l.text}</th>`;
     })}
                 </tr>
               </thead>
             ` : ""}
         <tbody>
-          ${n.map((l, d) => {
-      const p = a[d] === !0;
-      return m`
+          ${s.map((l, d) => {
+      const p = n[d] === !0;
+      return b`
               <tr>
-                ${l.map((u, w) => {
-        const z = e[w] === "right" ? "align-right" : "align-left", f = u.html ? Y(u.html) : u.text;
-        return w === 0 && p ? m`<th scope="row" class=${z}>${f}</th>` : m`<td class=${z}>${f}</td>`;
+                ${l.map((v, _) => {
+        const z = e[_] === "right" ? "align-right" : "align-left", f = v.html ? Y(v.html) : v.text;
+        return _ === 0 && p ? b`<th scope="row" class=${z}>${f}</th>` : b`<td class=${z}>${f}</td>`;
       })}
               </tr>
             `;
@@ -919,27 +933,27 @@ let b = class extends mt {
     return !!(this.comment || this.source || this.footnote || this.officialStatistics);
   }
   _renderMoreAboutStatsContent() {
-    return m`
+    return b`
       <div class="more-about-stats-content">
-        ${this.comment ? m`
+        ${this.comment ? b`
               <div class="section">
                 <div class="secondary-label" role="heading" aria-level="3">${this.commentLabel}</div>
                 <div class="body-text">${this.comment}</div>
               </div>
             ` : ""}
-        ${this.source ? m`
+        ${this.source ? b`
               <div class="section">
                 <div class="secondary-label" role="heading" aria-level="3">${this.sourceLabel}</div>
                 <div class="body-text">${this.source}</div>
               </div>
             ` : ""}
-        ${this.footnote ? m`
+        ${this.footnote ? b`
               <div class="section">
                 <div class="secondary-label" role="heading" aria-level="3">${this.footnoteLabel}</div>
                 <div class="body-text">${this.footnote}</div>
               </div>
             ` : ""}
-        ${this.officialStatistics ? m`
+        ${this.officialStatistics ? b`
               <a
                 class="sos-logotype-link"
                 href="https://www.scb.se/sos"
@@ -949,7 +963,7 @@ let b = class extends mt {
                 aria-label="${this.officialStatisticsAlt}"
               >
                 <span class="sos-logotype-small" aria-hidden="true">
-                  ${bt(pt)}
+                  ${bt(ft)}
                 </span>
               </a>
             ` : ""}
@@ -957,7 +971,7 @@ let b = class extends mt {
     `;
   }
   _renderMoreAboutStatsScreen() {
-    return this._hasMoreAboutStats() ? m`
+    return this._hasMoreAboutStats() ? b`
       <div class="footer-statistics-screen">
         <scb-divider></scb-divider>
         <scb-accordion>
@@ -969,7 +983,7 @@ let b = class extends mt {
     ` : "";
   }
   _renderMoreAboutStatsPrint() {
-    return this._hasMoreAboutStats() ? m`
+    return this._hasMoreAboutStats() ? b`
       <div class="footer-statistics-print print-more-about-stats">
         <div class="secondary-label print-more-about-stats-heading" role="heading" aria-level="3">
           ${this.moreAboutStatsLabel}
@@ -979,9 +993,9 @@ let b = class extends mt {
     ` : "";
   }
   _renderFooter() {
-    return m`
+    return b`
       <div class="footer">
-        ${this.description ? m`
+        ${this.description ? b`
               <div class="description section">
                 <div class="secondary-label" role="heading" aria-level="3">${this.descriptionLabel}</div>
                 <div class="body-text">${this.description}</div>
@@ -995,7 +1009,7 @@ let b = class extends mt {
   render() {
     switch (this.variant) {
       case "Table":
-        return m`
+        return b`
           <div part="container" class="viz-container">
             ${this._renderHeader(!0)}
             <div class="content">
@@ -1018,7 +1032,7 @@ let b = class extends mt {
           </div>
         `;
       case "Image":
-        return m`
+        return b`
           <div part="container" class="viz-container">
             ${this._renderHeader(!0)}
             <div
@@ -1037,7 +1051,7 @@ let b = class extends mt {
           </div>
         `;
       default:
-        return m`
+        return b`
           <div part="container" class="viz-container">
             ${this._renderHeader()}
             ${this._renderActions()}
@@ -1048,26 +1062,19 @@ let b = class extends mt {
                 <div
                   class=${`standard-content-panel standard-content-panel--diagram ${this.selectedChip === "Diagram" ? "standard-content-panel--active" : ""}`}
                 >
-                  ${this._getResolvedContentMaxWidth() ? m`
-                        <scb-horizontal-scroller
-                          width=${this._getResolvedContentMaxWidth()}
-                          class="standard-diagram-scroller"
-                          variant="inline"
-                        >
-                          <div
-                            class="diagram-content"
-                            style=${`--scb-viz-content-max-width: ${this._getResolvedContentMaxWidth()};`}
-                          >
-                            <slot name="diagram" @slotchange=${this._onDiagramSlotChange}></slot>
-                          </div>
-                        </scb-horizontal-scroller>
-                      ` : m`
-                        <div class="standard-diagram-scroller">
-                          <div class="diagram-content">
-                            <slot name="diagram" @slotchange=${this._onDiagramSlotChange}></slot>
-                          </div>
-                        </div>
-                      `}
+                  <scb-horizontal-scroller
+                    width=${this._getResolvedDiagramScrollerWidth()}
+                    class="standard-diagram-scroller"
+                    variant="inline"
+                    show-scrollbar
+                  >
+                    <div
+                      class="diagram-content"
+                      style=${this._getResolvedContentMaxWidth() ? `--scb-viz-content-max-width: ${this._getResolvedContentMaxWidth()};` : ""}
+                    >
+                      <slot name="diagram" @slotchange=${this._onDiagramSlotChange}></slot>
+                    </div>
+                  </scb-horizontal-scroller>
                 </div>
                 <div
                   class=${`standard-content-panel standard-content-panel--table ${this.selectedChip === "Table" ? "standard-content-panel--active" : ""}`}
@@ -1156,115 +1163,115 @@ let b = class extends mt {
   }
 };
 c = /* @__PURE__ */ new WeakSet();
-E = function() {
+k = function() {
   var e;
   if (h(this, c, I).call(this), typeof ResizeObserver > "u") return;
   const t = (e = this.shadowRoot) == null ? void 0 : e.querySelector(".diagram-content");
   t && (this._diagramResizeObserver = new ResizeObserver(() => {
-    h(this, c, $).call(this);
+    h(this, c, D).call(this);
   }), this._diagramResizeObserver.observe(this), this._diagramResizeObserver.observe(t));
 };
 I = function() {
   var t;
   (t = this._diagramResizeObserver) == null || t.disconnect(), this._diagramResizeObserver = void 0;
 };
-N = function() {
+q = function() {
   this._diagramReflowFrame && (cancelAnimationFrame(this._diagramReflowFrame), this._diagramReflowFrame = 0);
 };
-$ = function() {
-  this.variant !== "Standard" || this.selectedChip !== "Diagram" || (h(this, c, N).call(this), this._diagramReflowFrame = requestAnimationFrame(() => {
+D = function() {
+  this.variant !== "Standard" || this.selectedChip !== "Diagram" || (h(this, c, q).call(this), this._diagramReflowFrame = requestAnimationFrame(() => {
     this._diagramReflowFrame = requestAnimationFrame(() => {
       this._diagramReflowFrame = 0, h(this, c, Q).call(this);
     });
   }));
 };
-k = function(t) {
+T = function(t) {
   const e = t == null ? void 0 : t.getAttribute("data-highcharts-chart");
   if (!e) return;
   const i = Number.parseInt(e, 10);
   return Number.isNaN(i) ? void 0 : i;
 };
-q = function(t) {
+O = function(t) {
   for (const e of t) {
-    const i = h(this, c, k).call(this, e);
+    const i = h(this, c, T).call(this, e);
     if (i !== void 0) return i;
-    const s = e.querySelector("[data-highcharts-chart]"), n = h(this, c, k).call(this, s);
-    if (n !== void 0) return n;
+    const a = e.querySelector("[data-highcharts-chart]"), s = h(this, c, T).call(this, a);
+    if (s !== void 0) return s;
   }
 };
 Q = function() {
-  var a, o, r, l;
+  var n, o, r, l;
   if (this.variant !== "Standard" || this.selectedChip !== "Diagram") return;
-  const t = (a = this.shadowRoot) == null ? void 0 : a.querySelector('slot[name="diagram"]');
+  const t = (n = this.shadowRoot) == null ? void 0 : n.querySelector('slot[name="diagram"]');
   if (!t) return;
   const e = t.assignedElements({ flatten: !0 });
   if (e.length === 0) return;
-  const i = h(this, c, q).call(this, e);
+  const i = h(this, c, O).call(this, e);
   if (i === void 0) return;
-  const s = window.Highcharts, n = (o = s == null ? void 0 : s.charts) == null ? void 0 : o[i];
-  n && ((r = n.setSize) == null || r.call(n, null, null, !1), (l = n.reflow) == null || l.call(n), this._seriesDifferentiationEnabled && h(this, c, D).call(this));
+  const a = window.Highcharts, s = (o = a == null ? void 0 : a.charts) == null ? void 0 : o[i];
+  s && ((r = s.setSize) == null || r.call(s, null, null, !1), (l = s.reflow) == null || l.call(s), this._seriesDifferentiationEnabled && h(this, c, A).call(this));
 };
-L = function() {
+E = function() {
   const t = this.variant === "Standard" ? this._getResolvedDiagramHeight() : "", e = this.variant === "Standard" && this._getResolvedToggleHeightMode() === "stable" ? this._getResolvedStandardContentHeight() : "";
-  this.variant === "Standard" ? this.style.setProperty("--scb-viz-diagram-min-height", t || "420px") : this.style.removeProperty("--scb-viz-diagram-min-height"), t ? (this.style.setProperty("--scb-viz-diagram-height", t), this.style.setProperty("--scb-viz-diagram-overflow", "hidden")) : (this.style.removeProperty("--scb-viz-diagram-height"), this.style.removeProperty("--scb-viz-diagram-overflow")), e ? this.style.setProperty("--scb-viz-standard-content-height", e) : this.style.removeProperty("--scb-viz-standard-content-height");
+  this.variant === "Standard" ? this.style.setProperty("--scb-viz-diagram-min-height", t || "600px") : this.style.removeProperty("--scb-viz-diagram-min-height"), t ? (this.style.setProperty("--scb-viz-diagram-height", t), this.style.setProperty("--scb-viz-diagram-overflow", "hidden")) : (this.style.removeProperty("--scb-viz-diagram-height"), this.style.removeProperty("--scb-viz-diagram-overflow")), e ? this.style.setProperty("--scb-viz-standard-content-height", e) : this.style.removeProperty("--scb-viz-standard-content-height");
 };
-O = function() {
+G = function() {
   this._chartConfigSyncFrame && (cancelAnimationFrame(this._chartConfigSyncFrame), this._chartConfigSyncFrame = 0);
 };
-T = function() {
-  h(this, c, O).call(this), this._chartConfigSyncFrame = requestAnimationFrame(() => {
+R = function() {
+  h(this, c, G).call(this), this._chartConfigSyncFrame = requestAnimationFrame(() => {
     this._chartConfigSyncFrame = requestAnimationFrame(() => {
-      this._chartConfigSyncFrame = 0, h(this, c, X).call(this);
+      this._chartConfigSyncFrame = 0, h(this, c, tt).call(this);
     });
   });
 };
-X = function() {
+tt = function() {
   const t = this._getCurrentHighchartsChart();
   if (!t) return;
   let e = !1;
   typeof this.timeFormat < "u" && (this._applyTimeFormatToLiveChart(t), e = !0), typeof this.valueFormat < "u" && (this._applyValueFormatToLiveChart(t), e = !0), typeof this.yAxisSettings < "u" && (this._applyYAxisSettingsToLiveChart(t), e = !0), e && t.redraw(!1);
 };
-tt = function(t) {
+et = function(t) {
   this._isHighchartsStyledMode(t) && this._applyStyledModeSeriesDifferentiation(t);
 };
-et = function(t) {
+it = function(t) {
   this._isHighchartsStyledMode(t) && this._restoreStyledModeSeriesDifferentiation(t);
 };
-D = function() {
+A = function() {
   const t = this._getCurrentHighchartsChart();
   if (t) {
     if (this._seriesDifferentiationEnabled) {
-      h(this, c, tt).call(this, t);
+      h(this, c, et).call(this, t);
       return;
     }
-    h(this, c, et).call(this, t);
+    h(this, c, it).call(this, t);
   }
 };
-R = async function(t) {
+H = async function(t) {
   const e = this._getExportableVisualElement();
   if (!e) return;
-  const i = await h(this, c, lt).call(this, e, t);
-  i && h(this, c, W).call(this, i, this._buildExportFileName(t === "jpeg" ? "jpg" : "png"));
+  const i = await h(this, c, ct).call(this, e, t);
+  i && h(this, c, U).call(this, i, this._buildExportFileName(t === "jpeg" ? "jpg" : "png"));
 };
 S = function(t) {
   return String(t ?? "").replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#39;");
 };
-it = function(t) {
+st = function(t) {
   var l;
-  const e = this._inferTableAlignments(t), i = Math.max(((l = t.headers) == null ? void 0 : l.length) ?? 0, ...t.rows.map((d) => d.length)), s = (t.headers ?? []).map((d) => this._normalizeRenderableCell(d)), n = t.rows.map((d) => {
-    const p = d.map((u) => this._normalizeRenderableCell(u));
+  const e = this._inferTableAlignments(t), i = Math.max(((l = t.headers) == null ? void 0 : l.length) ?? 0, ...t.rows.map((d) => d.length)), a = (t.headers ?? []).map((d) => this._normalizeRenderableCell(d)), s = t.rows.map((d) => {
+    const p = d.map((v) => this._normalizeRenderableCell(v));
     for (; p.length < i; ) p.push({ html: "", text: "" });
     return p;
-  }), a = t.rowHeaderRows ?? [], o = s.length ? `<thead><tr>${s.map((d, p) => `<th scope="col" class="${e[p] === "right" ? "align-right" : "align-left"}">${d.html || h(this, c, S).call(this, d.text)}</th>`).join("")}</tr></thead>` : "", r = `<tbody>${n.map((d, p) => {
-    const u = a[p] === !0;
+  }), n = t.rowHeaderRows ?? [], o = a.length ? `<thead><tr>${a.map((d, p) => `<th scope="col" class="${e[p] === "right" ? "align-right" : "align-left"}">${d.html || h(this, c, S).call(this, d.text)}</th>`).join("")}</tr></thead>` : "", r = `<tbody>${s.map((d, p) => {
+    const v = n[p] === !0;
     return `<tr>${d.map((z, f) => {
-      const y = e[f] === "right" ? "align-right" : "align-left", g = z.html || h(this, c, S).call(this, z.text);
-      return f === 0 && u ? `<th scope="row" class="${y}">${g}</th>` : `<td class="${y}">${g}</td>`;
+      const u = e[f] === "right" ? "align-right" : "align-left", g = z.html || h(this, c, S).call(this, z.text);
+      return f === 0 && v ? `<th scope="row" class="${u}">${g}</th>` : `<td class="${u}">${g}</td>`;
     }).join("")}</tr>`;
   }).join("")}</tbody>`;
   return `<table class="scb-viz-print-table">${o}${r}</table>`;
 };
-nt = function() {
+at = function() {
   const t = [];
   if (this.description && t.push(`
         <section class="print-section">
@@ -1289,7 +1296,7 @@ nt = function() {
             <div>${h(this, c, S).call(this, this.footnote)}</div>
           </section>
         `), this.officialStatistics && e.push(`
-          <div class="print-sos">${pt}</div>
+          <div class="print-sos">${ft}</div>
         `), t.push(`
         <section class="print-section print-more-about-stats">
           <h2>${h(this, c, S).call(this, this.moreAboutStatsLabel)}</h2>
@@ -1299,7 +1306,7 @@ nt = function() {
   }
   return t.join("");
 };
-st = function(t) {
+nt = function(t) {
   return `<!doctype html>
 <html lang="${h(this, c, S).call(this, this.lang || "sv")}">
   <head>
@@ -1347,57 +1354,57 @@ st = function(t) {
         ${this.subtitle ? `<div class="viz-subtitle">${h(this, c, S).call(this, this.subtitle)}</div>` : ""}
       </header>
       <div class="viz-content">${t}</div>
-      ${h(this, c, nt).call(this)}
+      ${h(this, c, at).call(this)}
     </article>
   </body>
 </html>`;
 };
-at = async function(t) {
+rt = async function(t) {
   const e = document.createElement("iframe");
   e.setAttribute("aria-hidden", "true"), e.style.position = "fixed", e.style.right = "0", e.style.bottom = "0", e.style.width = "0", e.style.height = "0", e.style.border = "0", e.style.visibility = "hidden", document.body.appendChild(e);
   const i = () => {
     e.remove();
-  }, s = e.contentDocument, n = e.contentWindow;
-  if (!s || !n) {
+  }, a = e.contentDocument, s = e.contentWindow;
+  if (!a || !s) {
     i();
     return;
   }
-  s.open(), s.write(t), s.close();
-  const a = Array.from(s.images || []);
+  a.open(), a.write(t), a.close();
+  const n = Array.from(a.images || []);
   await Promise.all(
-    a.map((r) => r.complete ? Promise.resolve() : new Promise((l) => {
+    n.map((r) => r.complete ? Promise.resolve() : new Promise((l) => {
       r.addEventListener("load", () => l(null), { once: !0 }), r.addEventListener("error", () => l(null), { once: !0 });
     }))
   );
   const o = () => {
-    n.removeEventListener("afterprint", o), i();
+    s.removeEventListener("afterprint", o), i();
   };
-  n.addEventListener("afterprint", o, { once: !0 }), setTimeout(() => {
-    n.focus(), n.print(), setTimeout(i, 1e3);
+  s.addEventListener("afterprint", o, { once: !0 }), setTimeout(() => {
+    s.focus(), s.print(), setTimeout(i, 1e3);
   }, 50);
 };
-rt = async function() {
-  var i, s;
+ot = async function() {
+  var i, a;
   const t = this._getCurrentPrintableView();
   let e = "";
   if (t === "table") {
-    const n = this._getResolvedTableData();
-    if (!((i = n == null ? void 0 : n.rows) != null && i.length)) return;
-    e = h(this, c, it).call(this, n);
+    const s = this._getResolvedTableData();
+    if (!((i = s == null ? void 0 : s.rows) != null && i.length)) return;
+    e = h(this, c, st).call(this, s);
   } else if (t === "image") {
-    const n = (s = this.shadowRoot) == null ? void 0 : s.querySelector(".image-content img"), a = (n == null ? void 0 : n.currentSrc) || (n == null ? void 0 : n.src) || this.imageHref;
-    if (!a) return;
-    e = `<img class="viz-image" src="${h(this, c, S).call(this, a)}" alt="${h(this, c, S).call(this, this._getImageAltText())}">`;
+    const s = (a = this.shadowRoot) == null ? void 0 : a.querySelector(".image-content img"), n = (s == null ? void 0 : s.currentSrc) || (s == null ? void 0 : s.src) || this.imageHref;
+    if (!n) return;
+    e = `<img class="viz-image" src="${h(this, c, S).call(this, n)}" alt="${h(this, c, S).call(this, this._getImageAltText())}">`;
   } else {
-    const n = this._getExportableVisualElement();
+    const s = this._getExportableVisualElement();
+    if (!s) return;
+    const n = await h(this, c, ht).call(this, s, "png");
     if (!n) return;
-    const a = await h(this, c, ct).call(this, n, "png");
-    if (!a) return;
-    e = `<img class="viz-chart-image" src="${a}" alt="${h(this, c, S).call(this, this._getImageAltText())}">`;
+    e = `<img class="viz-chart-image" src="${n}" alt="${h(this, c, S).call(this, this._getImageAltText())}">`;
   }
-  await h(this, c, at).call(this, h(this, c, st).call(this, e));
+  await h(this, c, rt).call(this, h(this, c, nt).call(this, e));
 };
-ot = function() {
+lt = function() {
   var o, r;
   const t = this._getResolvedTableData();
   if (!((o = t == null ? void 0 : t.rows) != null && o.length)) return;
@@ -1405,110 +1412,110 @@ ot = function() {
   (r = t.headers) != null && r.length && i.push(t.headers.map((l) => this._normalizeRenderableCell(l).text)), t.rows.forEach((l) => {
     i.push(l.map((d) => this._normalizeRenderableCell(d).text));
   });
-  const s = (l) => `"${String(l ?? "").replace(/\r?\n/g, " ").replace(/"/g, '""')}"`, n = `\uFEFF${i.map((l) => l.map(s).join(e)).join(`\r
-`)}`, a = new Blob([n], { type: "text/csv;charset=utf-8;" });
-  h(this, c, W).call(this, a, this._buildExportFileName("csv"));
-};
-lt = async function(t, e) {
-  const i = await h(this, c, G).call(this, t);
-  return i ? h(this, c, gt).call(this, i, e === "jpeg" ? "image/jpeg" : "image/png", e === "jpeg" ? 0.92 : void 0) : null;
+  const a = (l) => `"${String(l ?? "").replace(/\r?\n/g, " ").replace(/"/g, '""')}"`, s = `\uFEFF${i.map((l) => l.map(a).join(e)).join(`\r
+`)}`, n = new Blob([s], { type: "text/csv;charset=utf-8;" });
+  h(this, c, U).call(this, n, this._buildExportFileName("csv"));
 };
 ct = async function(t, e) {
-  const i = await h(this, c, G).call(this, t);
+  const i = await h(this, c, B).call(this, t);
+  return i ? h(this, c, pt).call(this, i, e === "jpeg" ? "image/jpeg" : "image/png", e === "jpeg" ? 0.92 : void 0) : null;
+};
+ht = async function(t, e) {
+  const i = await h(this, c, B).call(this, t);
   return i ? i.toDataURL(
     e === "jpeg" ? "image/jpeg" : "image/png",
     e === "jpeg" ? 0.92 : void 0
   ) : null;
 };
-G = async function(t) {
+B = async function(t) {
   if (t instanceof HTMLCanvasElement) {
     const o = t.width || Math.round(t.getBoundingClientRect().width), r = t.height || Math.round(t.getBoundingClientRect().height);
     if (!o || !r) return null;
     const l = document.createElement("canvas");
     l.width = o, l.height = r;
     const d = l.getContext("2d");
-    return d ? (d.fillStyle = h(this, c, B).call(this), d.fillRect(0, 0, o, r), d.drawImage(t, 0, 0, o, r), l) : null;
+    return d ? (d.fillStyle = h(this, c, W).call(this), d.fillRect(0, 0, o, r), d.drawImage(t, 0, 0, o, r), l) : null;
   }
   if (t instanceof HTMLImageElement) {
     const o = t.naturalWidth || t.width, r = t.naturalHeight || t.height;
-    return !o || !r ? null : h(this, c, V).call(this, t.currentSrc || t.src, o, r);
+    return !o || !r ? null : h(this, c, P).call(this, t.currentSrc || t.src, o, r);
   }
-  const { width: e, height: i, serialized: s } = h(this, c, ht).call(this, t);
-  if (!e || !i || !s) return null;
-  const n = new Blob([s], { type: "image/svg+xml;charset=utf-8" }), a = URL.createObjectURL(n);
+  const { width: e, height: i, serialized: a } = h(this, c, dt).call(this, t);
+  if (!e || !i || !a) return null;
+  const s = new Blob([a], { type: "image/svg+xml;charset=utf-8" }), n = URL.createObjectURL(s);
   try {
-    return await h(this, c, V).call(this, a, e, i);
+    return await h(this, c, P).call(this, n, e, i);
   } finally {
-    URL.revokeObjectURL(a);
+    URL.revokeObjectURL(n);
   }
 };
-ht = function(t) {
+dt = function(t) {
   var o;
-  const e = t.cloneNode(!0), i = t.getBoundingClientRect(), s = (o = t.viewBox) == null ? void 0 : o.baseVal, n = Math.round((s == null ? void 0 : s.width) || i.width || Number(t.getAttribute("width")) || 0), a = Math.round((s == null ? void 0 : s.height) || i.height || Number(t.getAttribute("height")) || 0);
-  return e.setAttribute("xmlns", "http://www.w3.org/2000/svg"), e.setAttribute("xmlns:xlink", "http://www.w3.org/1999/xlink"), !e.getAttribute("width") && n && e.setAttribute("width", String(n)), !e.getAttribute("height") && a && e.setAttribute("height", String(a)), !e.getAttribute("viewBox") && n && a && e.setAttribute("viewBox", `0 0 ${n} ${a}`), h(this, c, H).call(this, t, e), e.querySelectorAll(".highcharts-tooltip, .highcharts-contextmenu, .highcharts-a11y-proxy-container, .highcharts-a11y-dummy-point").forEach((r) => r.remove()), {
-    width: n,
-    height: a,
+  const e = t.cloneNode(!0), i = t.getBoundingClientRect(), a = (o = t.viewBox) == null ? void 0 : o.baseVal, s = Math.round((a == null ? void 0 : a.width) || i.width || Number(t.getAttribute("width")) || 0), n = Math.round((a == null ? void 0 : a.height) || i.height || Number(t.getAttribute("height")) || 0);
+  return e.setAttribute("xmlns", "http://www.w3.org/2000/svg"), e.setAttribute("xmlns:xlink", "http://www.w3.org/1999/xlink"), !e.getAttribute("width") && s && e.setAttribute("width", String(s)), !e.getAttribute("height") && n && e.setAttribute("height", String(n)), !e.getAttribute("viewBox") && s && n && e.setAttribute("viewBox", `0 0 ${s} ${n}`), h(this, c, V).call(this, t, e), e.querySelectorAll(".highcharts-tooltip, .highcharts-contextmenu, .highcharts-a11y-proxy-container, .highcharts-a11y-dummy-point").forEach((r) => r.remove()), {
+    width: s,
+    height: n,
     serialized: new XMLSerializer().serializeToString(e)
   };
 };
-H = function(t, e) {
+V = function(t, e) {
   const i = getComputedStyle(t);
-  let s = "";
+  let a = "";
   for (let o = 0; o < i.length; o += 1) {
     const r = i[o], l = i.getPropertyValue(r);
-    l && (s += `${r}:${l};`);
+    l && (a += `${r}:${l};`);
   }
-  s && e.setAttribute("style", s);
-  const n = Array.from(t.children), a = Array.from(e.children);
-  for (let o = 0; o < n.length; o += 1) {
-    const r = n[o], l = a[o];
-    r && l && h(this, c, H).call(this, r, l);
+  a && e.setAttribute("style", a);
+  const s = Array.from(t.children), n = Array.from(e.children);
+  for (let o = 0; o < s.length; o += 1) {
+    const r = s[o], l = n[o];
+    r && l && h(this, c, V).call(this, r, l);
   }
 };
-V = async function(t, e, i) {
-  const s = Math.max(1, Math.min(2, window.devicePixelRatio || 1)), n = Math.max(1, Math.round(e)), a = Math.max(1, Math.round(i)), o = document.createElement("canvas");
-  o.width = Math.max(1, Math.round(n * s)), o.height = Math.max(1, Math.round(a * s));
+P = async function(t, e, i) {
+  const a = Math.max(1, Math.min(2, window.devicePixelRatio || 1)), s = Math.max(1, Math.round(e)), n = Math.max(1, Math.round(i)), o = document.createElement("canvas");
+  o.width = Math.max(1, Math.round(s * a)), o.height = Math.max(1, Math.round(n * a));
   const r = o.getContext("2d");
   if (!r) return null;
-  const l = await h(this, c, dt).call(this, t);
-  return l ? (r.scale(s, s), r.fillStyle = h(this, c, B).call(this), r.fillRect(0, 0, n, a), r.drawImage(l, 0, 0, n, a), o) : null;
+  const l = await h(this, c, gt).call(this, t);
+  return l ? (r.scale(a, a), r.fillStyle = h(this, c, W).call(this), r.fillRect(0, 0, s, n), r.drawImage(l, 0, 0, s, n), o) : null;
 };
-dt = function(t) {
+gt = function(t) {
   return new Promise((e) => {
     const i = new Image();
     i.crossOrigin = "anonymous", i.onload = () => e(i), i.onerror = () => e(null), i.src = t;
   });
 };
-gt = function(t, e, i) {
-  return new Promise((s) => {
-    t.toBlob((n) => s(n), e, i);
+pt = function(t, e, i) {
+  return new Promise((a) => {
+    t.toBlob((s) => a(s), e, i);
   });
 };
-B = function() {
+W = function() {
   var i;
   const t = (i = this.shadowRoot) == null ? void 0 : i.querySelector(".viz-container"), e = getComputedStyle(t ?? this).backgroundColor;
   return e && e !== "rgba(0, 0, 0, 0)" ? e : "#ffffff";
 };
-W = function(t, e) {
-  const i = URL.createObjectURL(t), s = document.createElement("a");
-  s.href = i, s.download = e, document.body.appendChild(s), s.click(), s.remove(), setTimeout(() => URL.revokeObjectURL(i), 0);
+U = function(t, e) {
+  const i = URL.createObjectURL(t), a = document.createElement("a");
+  a.href = i, a.download = e, document.body.appendChild(a), a.click(), a.remove(), setTimeout(() => URL.revokeObjectURL(i), 0);
 };
-P = function() {
-  const t = h(this, c, M).call(this, this.spacing), e = h(this, c, M).call(this, this.spacingTop) ?? t, i = h(this, c, M).call(this, this.spacingBottom) ?? t, s = h(this, c, M).call(this, this.spacingLeft), n = h(this, c, M).call(this, this.spacingRight);
-  e ? this.style.setProperty("--scb-viz-spacing-block-start", e) : this.style.removeProperty("--scb-viz-spacing-block-start"), i ? this.style.setProperty("--scb-viz-spacing-block-end", i) : this.style.removeProperty("--scb-viz-spacing-block-end"), s ? this.style.setProperty("--scb-viz-spacing-inline-start", s) : this.style.removeProperty("--scb-viz-spacing-inline-start"), n ? this.style.setProperty("--scb-viz-spacing-inline-end", n) : this.style.removeProperty("--scb-viz-spacing-inline-end");
+F = function() {
+  const t = h(this, c, $).call(this, this.spacing), e = h(this, c, $).call(this, this.spacingTop) ?? t, i = h(this, c, $).call(this, this.spacingBottom) ?? t, a = h(this, c, $).call(this, this.spacingLeft), s = h(this, c, $).call(this, this.spacingRight);
+  e ? this.style.setProperty("--scb-viz-spacing-block-start", e) : this.style.removeProperty("--scb-viz-spacing-block-start"), i ? this.style.setProperty("--scb-viz-spacing-block-end", i) : this.style.removeProperty("--scb-viz-spacing-block-end"), a ? this.style.setProperty("--scb-viz-spacing-inline-start", a) : this.style.removeProperty("--scb-viz-spacing-inline-start"), s ? this.style.setProperty("--scb-viz-spacing-inline-end", s) : this.style.removeProperty("--scb-viz-spacing-inline-end");
 };
-M = function(t) {
+$ = function(t) {
   if (!t) return;
   const e = String(t).trim();
   if (e)
     return /^\d+$/.test(e) ? `var(--spacing-${Math.max(0, Math.min(14, parseInt(e, 10)))})` : e;
 };
-F = function() {
+N = function() {
   var e;
   const t = (e = this.containerMaxWidth) == null ? void 0 : e.trim();
   t ? this.style.setProperty("--scb-viz-container-max-width", t) : this.style.removeProperty("--scb-viz-container-max-width");
 };
-b.styles = ut`
+m.styles = ut`
     :host {
       display: block;
       box-sizing: border-box;
@@ -1878,7 +1885,7 @@ b.styles = ut`
     .diagram-content {
       width: 100%;
       max-width: var(--scb-viz-content-max-width, 100%);
-      min-height: var(--scb-viz-diagram-min-height, 420px);
+      min-height: var(--scb-viz-diagram-min-height, 600px);
       height: var(--scb-viz-diagram-height, auto);
       overflow: var(--scb-viz-diagram-overflow, visible);
     }
@@ -1888,7 +1895,7 @@ b.styles = ut`
       width: 100%;
       max-width: 100%;
       min-width: 0;
-      min-height: var(--scb-viz-diagram-min-height, 420px);
+      min-height: var(--scb-viz-diagram-min-height, 600px);
       height: var(--scb-viz-diagram-height, auto);
       overflow: var(--scb-viz-diagram-overflow, visible);
     }
@@ -1900,7 +1907,7 @@ b.styles = ut`
     }
 
     .standard-content-shell--stable {
-      min-height: var(--scb-viz-standard-content-height, var(--scb-viz-diagram-min-height, 420px));
+      min-height: var(--scb-viz-standard-content-height, var(--scb-viz-diagram-min-height, 600px));
     }
 
     .standard-content-panel {
@@ -1927,7 +1934,7 @@ b.styles = ut`
     }
 
     .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, 420px));
+      height: var(--scb-viz-standard-content-height, var(--scb-viz-diagram-min-height, 600px));
       min-height: 0;
       overflow: hidden;
     }
@@ -2140,93 +2147,93 @@ b.styles = ut`
       }
     }
   `;
-v([
-  _({ type: String, reflect: !0 })
-], b.prototype, "variant", 2);
-v([
-  _({ type: String, reflect: !0, attribute: "selected-chip" })
-], b.prototype, "selectedChip", 2);
-v([
-  _({ type: String, reflect: !0 })
-], b.prototype, "title", 2);
-v([
-  _({ type: String, reflect: !0 })
-], b.prototype, "subtitle", 2);
-v([
-  _({ type: String, reflect: !0 })
-], b.prototype, "description", 2);
-v([
-  _({ type: String, reflect: !0 })
-], b.prototype, "comment", 2);
-v([
-  _({ type: String, reflect: !0 })
-], b.prototype, "source", 2);
-v([
-  _({ type: String, reflect: !0 })
-], b.prototype, "footnote", 2);
-v([
-  _({ type: String, reflect: !0, attribute: "lang" })
-], b.prototype, "lang", 2);
-v([
-  _({ type: String, reflect: !0, attribute: "image-href" })
-], b.prototype, "imageHref", 2);
-v([
-  _({ type: Boolean, reflect: !0, attribute: "official-statistics" })
-], b.prototype, "officialStatistics", 2);
-v([
-  _({ type: Boolean, reflect: !0, attribute: "disable-toggle" })
-], b.prototype, "disableToggle", 2);
-v([
-  _({ type: String, attribute: "content-max-width" })
-], b.prototype, "contentMaxWidth", 2);
-v([
-  _({ type: String, attribute: "container-max-width" })
-], b.prototype, "containerMaxWidth", 2);
-v([
-  _({ type: String, attribute: "content-height" })
-], b.prototype, "contentHeight", 2);
-v([
-  _({ type: String, reflect: !0, attribute: "toggle-height-mode" })
-], b.prototype, "toggleHeightMode", 2);
-v([
-  _({ attribute: !1 })
-], b.prototype, "tableData", 2);
-v([
-  _({ attribute: !1 })
-], b.prototype, "valueFormat", 2);
-v([
-  _({ attribute: !1 })
-], b.prototype, "timeFormat", 2);
-v([
-  _({ attribute: !1 })
-], b.prototype, "yAxisSettings", 2);
-v([
+y([
+  w({ type: String, reflect: !0 })
+], m.prototype, "variant", 2);
+y([
+  w({ type: String, reflect: !0, attribute: "selected-chip" })
+], m.prototype, "selectedChip", 2);
+y([
+  w({ type: String, reflect: !0 })
+], m.prototype, "title", 2);
+y([
+  w({ type: String, reflect: !0 })
+], m.prototype, "subtitle", 2);
+y([
+  w({ type: String, reflect: !0 })
+], m.prototype, "description", 2);
+y([
+  w({ type: String, reflect: !0 })
+], m.prototype, "comment", 2);
+y([
+  w({ type: String, reflect: !0 })
+], m.prototype, "source", 2);
+y([
+  w({ type: String, reflect: !0 })
+], m.prototype, "footnote", 2);
+y([
+  w({ type: String, reflect: !0, attribute: "lang" })
+], m.prototype, "lang", 2);
+y([
+  w({ type: String, reflect: !0, attribute: "image-href" })
+], m.prototype, "imageHref", 2);
+y([
+  w({ type: Boolean, reflect: !0, attribute: "official-statistics" })
+], m.prototype, "officialStatistics", 2);
+y([
+  w({ type: Boolean, reflect: !0, attribute: "disable-toggle" })
+], m.prototype, "disableToggle", 2);
+y([
+  w({ type: String, attribute: "content-max-width" })
+], m.prototype, "contentMaxWidth", 2);
+y([
+  w({ type: String, attribute: "container-max-width" })
+], m.prototype, "containerMaxWidth", 2);
+y([
+  w({ type: String, attribute: "content-height" })
+], m.prototype, "contentHeight", 2);
+y([
+  w({ type: String, reflect: !0, attribute: "toggle-height-mode" })
+], m.prototype, "toggleHeightMode", 2);
+y([
+  w({ attribute: !1 })
+], m.prototype, "tableData", 2);
+y([
+  w({ attribute: !1 })
+], m.prototype, "valueFormat", 2);
+y([
+  w({ attribute: !1 })
+], m.prototype, "timeFormat", 2);
+y([
+  w({ attribute: !1 })
+], m.prototype, "yAxisSettings", 2);
+y([
   j()
-], b.prototype, "_slottedTableData", 2);
-v([
+], m.prototype, "_slottedTableData", 2);
+y([
   j()
-], b.prototype, "_actionsMenuOpen", 2);
-v([
+], m.prototype, "_actionsMenuOpen", 2);
+y([
   j()
-], b.prototype, "_seriesDifferentiationEnabled", 2);
-v([
-  _({ type: String, reflect: !0 })
-], b.prototype, "spacing", 2);
-v([
-  _({ type: String, attribute: "spacing-top", reflect: !0 })
-], b.prototype, "spacingTop", 2);
-v([
-  _({ type: String, attribute: "spacing-bottom", reflect: !0 })
-], b.prototype, "spacingBottom", 2);
-v([
-  _({ type: String, attribute: "spacing-left", reflect: !0 })
-], b.prototype, "spacingLeft", 2);
-v([
-  _({ type: String, attribute: "spacing-right", reflect: !0 })
-], b.prototype, "spacingRight", 2);
-b = v([
+], m.prototype, "_seriesDifferentiationEnabled", 2);
+y([
+  w({ type: String, reflect: !0 })
+], m.prototype, "spacing", 2);
+y([
+  w({ type: String, attribute: "spacing-top", reflect: !0 })
+], m.prototype, "spacingTop", 2);
+y([
+  w({ type: String, attribute: "spacing-bottom", reflect: !0 })
+], m.prototype, "spacingBottom", 2);
+y([
+  w({ type: String, attribute: "spacing-left", reflect: !0 })
+], m.prototype, "spacingLeft", 2);
+y([
+  w({ type: String, attribute: "spacing-right", reflect: !0 })
+], m.prototype, "spacingRight", 2);
+m = y([
   vt("scb-viz")
-], b);
+], m);
 export {
-  b as ScbViz
+  m as ScbViz
 };