scb-wc-test 0.1.285 → 0.1.287

package/mvc/components/scb-viz/scb-viz.js

@@ -1,4 +1,4 @@
-import{a as st,n as m,r as B,i as at,x as d,k as O,l as nt,t as rt}from"../../vendor/vendor.js";import"../scb-chip/scb-chip.js";import"../scb-segmented-button/scb-segmented-button.js";import"../scb-segmented-button/scb-segmented-item.js";import"../scb-accordion/scb-accordion.js";import"../scb-divider/scb-divider.js";import"../scb-horizontal-scroller/scb-horizontal-scroller.js";import"../scb-icon-button/scb-icon-button.js";import"../../vendor/preload-helper.js";import"../../vendor/vendor-material.js";import"../scb-accordion/scb-accordion-item.js";import"../scb-button/scb-button.js";(function(){try{var t=typeof globalThis<"u"?globalThis:window;if(!t.__scb_ce_guard_installed__){t.__scb_ce_guard_installed__=!0;var e=customElements.define.bind(customElements);customElements.define=function(i,r,s){try{customElements.get(i)||e(i,r,s)}catch(o){var c=String(o||"");if(c.indexOf("already been used")===-1&&c.indexOf("NotSupportedError")===-1)throw o}}}}catch{}})();var ot=Object.defineProperty,lt=Object.getOwnPropertyDescriptor,j=t=>{throw TypeError(t)},v=(t,e,i,r)=>{for(var s=r>1?void 0:r?lt(e,i):e,c=t.length-1,o;c>=0;c--)(o=t[c])&&(s=(r?o(e,i,s):o(s))||s);return r&&s&&ot(e,i,s),s},ct=(t,e,i)=>e.has(t)||j("Cannot "+i),ht=(t,e,i)=>e.has(t)?j("Cannot add the same private member more than once"):e instanceof WeakSet?e.add(t):e.set(t,i),n=(t,e,i)=>(ct(t,e,"access private method"),i),a,L,H,P,S,R,q,W,C,k,u,N,G,U,J,K,X,Q,Y,V,Z,A,E,tt,et,I,F,T,x,D;const it=`<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"
+import{a as at,n as m,r as T,i as nt,x as p,k as W,l as rt,t as ot}from"../../vendor/vendor.js";import"../scb-chip/scb-chip.js";import"../scb-segmented-button/scb-segmented-button.js";import"../scb-segmented-button/scb-segmented-item.js";import"../scb-accordion/scb-accordion.js";import"../scb-divider/scb-divider.js";import"../scb-horizontal-scroller/scb-horizontal-scroller.js";import"../scb-icon-button/scb-icon-button.js";import"../../vendor/preload-helper.js";import"../../vendor/vendor-material.js";import"../scb-accordion/scb-accordion-item.js";import"../scb-button/scb-button.js";(function(){try{var t=typeof globalThis<"u"?globalThis:window;if(!t.__scb_ce_guard_installed__){t.__scb_ce_guard_installed__=!0;var e=customElements.define.bind(customElements);customElements.define=function(i,s,a){try{customElements.get(i)||e(i,s,a)}catch(n){var h=String(n||"");if(h.indexOf("already been used")===-1&&h.indexOf("NotSupportedError")===-1)throw n}}}}catch{}})();var lt=Object.defineProperty,ct=Object.getOwnPropertyDescriptor,B=t=>{throw TypeError(t)},b=(t,e,i,s)=>{for(var a=s>1?void 0:s?ct(e,i):e,h=t.length-1,n;h>=0;h--)(n=t[h])&&(a=(s?n(e,i,a):n(a))||a);return s&&a&&lt(e,i,a),a},ht=(t,e,i)=>e.has(t)||B("Cannot "+i),dt=(t,e,i)=>e.has(t)?B("Cannot add the same private member more than once"):e instanceof WeakSet?e.add(t):e.set(t,i),o=(t,e,i)=>(ht(t,e,"access private method"),i),r,$,H,V,S,D,P,j,M,q,G,C,k,v,N,U,J,K,X,Q,Y,Z,F,tt,A,L,et,it,O,I,E,x,R;const st=`<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_);}
@@ -113,13 +113,100 @@ import{a as st,n as m,r as B,i as at,x as d,k as O,l as nt,t as rt}from"../../ve
 <path d="M688.2,24.4h5.8v6h-5.8V24.4z M688.2,36.6h5.8v30.1h-5.8V36.6z"/>
 <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 p=class extends at{constructor(){super(...arguments),ht(this,a),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="auto",this._actionsMenuOpen=!1,this._diagramReflowFrame=0,this.spacing=void 0,this.spacingTop=void 0,this.spacingBottom=void 0,this.spacingLeft=void 0,this.spacingRight=void 0,this._onDocumentPointerDown=t=>{if(!this._actionsMenuOpen)return;const e=t.composedPath(),i=this.shadowRoot?.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 n(this,a,K).call(this)},this._onDownloadPngClick=async()=>{this._canExportRaster()&&(this._closeActionsMenu(),await n(this,a,k).call(this,"png"))},this._onDownloadJpgClick=async()=>{this._canExportRaster()&&(this._closeActionsMenu(),await n(this,a,k).call(this,"jpeg"))},this._onDownloadCsvClick=()=>{this._canExportCsv()&&(this._closeActionsMenu(),n(this,a,X).call(this))}}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"}_getImageAltText(){return[this.title,this.subtitle,this.description].map(e=>typeof e=="string"?e.trim():"").filter(Boolean).join(". ")||(this.lang==="en"?"Image figure":"Bildfigur")}connectedCallback(){super.connectedCallback(),document.addEventListener("pointerdown",this._onDocumentPointerDown,!0),document.addEventListener("keydown",this._onDocumentKeyDown)}firstUpdated(t){this._readTableDataFromSlot(),n(this,a,T).call(this),n(this,a,D).call(this),n(this,a,C).call(this),this._syncChipClass(),n(this,a,L).call(this),n(this,a,S).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"))&&n(this,a,T).call(this),t.has("containerMaxWidth")&&n(this,a,D).call(this),t.has("variant")&&n(this,a,L).call(this),(t.has("contentMaxWidth")||t.has("contentHeight")||t.has("toggleHeightMode")||t.has("variant"))&&n(this,a,C).call(this),(t.has("selectedChip")||t.has("variant")||t.has("contentMaxWidth")||t.has("contentHeight")||t.has("toggleHeightMode"))&&n(this,a,S).call(this)}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener("pointerdown",this._onDocumentPointerDown,!0),document.removeEventListener("keydown",this._onDocumentKeyDown),n(this,a,H).call(this),n(this,a,P).call(this)}_onTableSlotChange(t){const e=t.target;e&&(this._readTableDataFromSlot(e),this.requestUpdate())}_onDiagramSlotChange(){n(this,a,C).call(this),n(this,a,S).call(this),this.requestUpdate()}_normalizeRenderableCell(t){return t&&typeof t=="object"&&"html"in t&&"text"in t?{html:typeof t.html=="string"?t.html:"",text:typeof t.text=="string"?t.text:""}:{html:"",text:t==null?"":String(t)}}_readTableDataFromSlot(t){const e=t||this.shadowRoot?.querySelector('slot[name="table"]');if(!e)return;const i=e.assignedElements({flatten:!0}),r=[];i.forEach(g=>{if(g.tagName==="TABLE"){r.push(g);return}g.querySelectorAll("table").forEach(f=>r.push(f))});const s=r[0];if(!s){this._slottedTableData=void 0;return}const c=[],o=[],l=[],h=g=>g?(g.textContent??"").replace(/\s+/g," ").trim():"",b=g=>g?{html:(g.innerHTML??"").trim(),text:h(g)}:{html:"",text:""},y=s.querySelector("thead tr");y&&Array.from(y.querySelectorAll("th, td")).forEach(f=>c.push(b(f)));const z=Array.from(s.querySelectorAll("tbody tr")),w=z.length>0?z:Array.from(s.querySelectorAll("tr")).filter(g=>g.closest("thead")===null);if(w.forEach(g=>{const f=Array.from(g.querySelectorAll("th, td"));if(f.length===0)return;const _=f[0].tagName==="TH"&&g.closest("thead")===null&&g.closest("tfoot")===null;l.push(_);const $=[];f.forEach(M=>$.push(b(M))),o.push($)}),!y&&o.length>0){const g=o[0],f=w[0],_=Array.from(f?.querySelectorAll("th, td")??[]);_.length>0&&_.every(M=>M.tagName==="TH")&&f?.closest("tbody")===null&&(c.splice(0,c.length,...g),o.shift(),l.shift())}this._slottedTableData={headers:c.length>0?c:void 0,rows:o,rowHeaderRows:l.length>0?l:void 0}}_inferTableAlignments(t){const e=Math.max(t.headers?.length??0,...t.rows.map(s=>s.length)),i=s=>{if(s==null)return!1;if(typeof s=="number")return!0;const c=String(s).replace(/[\u00A0\u202F\s]+/g,"").trim();return c?/^-?\d+(?:[.,]\d+)?$/.test(c):!1},r=[];for(let s=0;s<e;s+=1){if(s===0){r.push("left");continue}const c=t.rows.map(l=>this._normalizeRenderableCell(l[s]).text).filter(l=>l!==""&&l!==null&&l!==void 0),o=c.length>0&&c.every(i);r.push(o?"right":"left")}return r}_getResolvedContentMaxWidth(){return this.contentMaxWidth?.trim()||""}_getResolvedDiagramHeight(){return this.contentHeight?.trim()||""}_getResolvedToggleHeightMode(){return this.toggleHeightMode==="auto"?"auto":"stable"}_getResolvedStandardContentHeight(){return this._getResolvedDiagramHeight()||"420px"}_getResolvedTableData(){return this.tableData??this._slottedTableData}_getDiagramAssignedElements(){const t=this.shadowRoot?.querySelector('slot[name="diagram"]');return t?t.assignedElements({flatten:!0}):[]}_findExportableVisualElement(t){for(const e of t){if(e instanceof SVGSVGElement||e instanceof HTMLCanvasElement||e instanceof HTMLImageElement)return e;const i=e.querySelector("svg, canvas, img");if(i instanceof SVGSVGElement||i instanceof HTMLCanvasElement||i instanceof HTMLImageElement)return i}return null}_getExportableVisualElement(){if(this.variant==="Table")return null;if(this.variant==="Image"){const t=this.shadowRoot?.querySelector(".image-content img");return t instanceof HTMLImageElement?t:null}return this._findExportableVisualElement(this._getDiagramAssignedElements())}_canExportRaster(){return this._getExportableVisualElement()!==null}_canExportCsv(){return!!this._getResolvedTableData()?.rows?.length}_getExportBaseFileName(){const t=this.lang==="en"?"visualization":"visualisering";return(this.title||t).normalize("NFD").replace(/[\u0300-\u036f]/g,"").toLowerCase().replace(/[^a-z0-9]+/g,"-").replace(/^-+|-+$/g,"")||t}_buildExportFileName(t){const e=t==="csv"?this.lang==="en"?"-table":"-tabell":"";return`${this._getExportBaseFileName()}${e}.${t}`}_renderActions(){const t=this._canExportRaster(),e=this._canExportCsv(),i=this.variant==="Standard"||this.variant==="Image",r=this.variant==="Standard"||this.variant==="Table";return d`
+`;let g=class extends nt{constructor(){super(...arguments),dt(this,r),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="auto",this._actionsMenuOpen=!1,this._seriesDifferentiationEnabled=!1,this._seriesDifferentiationSnapshots=new WeakMap,this._diagramReflowFrame=0,this.spacing=void 0,this.spacingTop=void 0,this.spacingBottom=void 0,this.spacingLeft=void 0,this.spacingRight=void 0,this._onDocumentPointerDown=t=>{if(!this._actionsMenuOpen)return;const e=t.composedPath(),i=this.shadowRoot?.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 o(this,r,X).call(this)},this._onDownloadPngClick=async()=>{this._canExportRaster()&&(this._closeActionsMenu(),await o(this,r,k).call(this,"png"))},this._onDownloadJpgClick=async()=>{this._canExportRaster()&&(this._closeActionsMenu(),await o(this,r,k).call(this,"jpeg"))},this._onDownloadCsvClick=()=>{this._canExportCsv()&&(this._closeActionsMenu(),o(this,r,Q).call(this))},this._onToggleSeriesDifferentiationClick=()=>{this._seriesDifferentiationEnabled=!this._seriesDifferentiationEnabled,this._closeActionsMenu(),o(this,r,C).call(this)}}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"}_getImageAltText(){return[this.title,this.subtitle,this.description].map(e=>typeof e=="string"?e.trim():"").filter(Boolean).join(". ")||(this.lang==="en"?"Image figure":"Bildfigur")}connectedCallback(){super.connectedCallback(),document.addEventListener("pointerdown",this._onDocumentPointerDown,!0),document.addEventListener("keydown",this._onDocumentKeyDown)}firstUpdated(t){o(this,r,E).call(this),o(this,r,R).call(this),o(this,r,M).call(this),this._syncChipClass(),o(this,r,$).call(this),o(this,r,S).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"))&&o(this,r,E).call(this),t.has("containerMaxWidth")&&o(this,r,R).call(this),t.has("variant")&&o(this,r,$).call(this),(t.has("contentMaxWidth")||t.has("contentHeight")||t.has("toggleHeightMode")||t.has("variant"))&&o(this,r,M).call(this),(t.has("selectedChip")||t.has("variant")||t.has("contentMaxWidth")||t.has("contentHeight")||t.has("toggleHeightMode"))&&o(this,r,S).call(this),(t.has("selectedChip")||t.has("variant"))&&this._seriesDifferentiationEnabled&&requestAnimationFrame(()=>{o(this,r,C).call(this)})}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener("pointerdown",this._onDocumentPointerDown,!0),document.removeEventListener("keydown",this._onDocumentKeyDown),o(this,r,H).call(this),o(this,r,V).call(this)}_onTableSlotChange(t){const e=t.target;e&&this._readTableDataFromSlot(e)}_onDiagramSlotChange(){o(this,r,M).call(this),o(this,r,S).call(this),this._seriesDifferentiationEnabled&&requestAnimationFrame(()=>{o(this,r,C).call(this)})}_normalizeRenderableCell(t){return t&&typeof t=="object"&&"html"in t&&"text"in t?{html:typeof t.html=="string"?t.html:"",text:typeof t.text=="string"?t.text:""}:{html:"",text:t==null?"":String(t)}}_findFirstTable(t){const e=[];return t.forEach(i=>{if(i.tagName==="TABLE"){e.push(i);return}i.querySelectorAll("table").forEach(s=>e.push(s))}),e[0]??null}_extractTableData(t){if(!t)return;const e=[],i=[],s=[],a=d=>d?(d.textContent??"").replace(/\s+/g," ").trim():"",h=d=>d?{html:(d.innerHTML??"").trim(),text:a(d)}:{html:"",text:""},n=t.querySelector("thead tr");n&&Array.from(n.querySelectorAll("th, td")).forEach(u=>e.push(h(u)));const l=Array.from(t.querySelectorAll("tbody tr")),c=l.length>0?l:Array.from(t.querySelectorAll("tr")).filter(d=>d.closest("thead")===null);if(c.forEach(d=>{const u=Array.from(d.querySelectorAll("th, td"));if(u.length===0)return;const _=u[0].tagName==="TH"&&d.closest("thead")===null&&d.closest("tfoot")===null;s.push(_);const y=[];u.forEach(w=>y.push(h(w))),i.push(y)}),!n&&i.length>0){const d=i[0],u=c[0],_=Array.from(u?.querySelectorAll("th, td")??[]);_.length>0&&_.every(w=>w.tagName==="TH")&&u?.closest("tbody")===null&&(e.splice(0,e.length,...d),i.shift(),s.shift())}return{headers:e.length>0?e:void 0,rows:i,rowHeaderRows:s.length>0?s:void 0}}_readTableDataFromSlot(t){const e=t||this.shadowRoot?.querySelector('slot[name="table"]');e&&(this._slottedTableData=this._extractTableData(this._findFirstTable(e.assignedElements({flatten:!0}))))}_readTableDataFromLightDom(){return this._extractTableData(this._findFirstTable(Array.from(this.querySelectorAll('[slot="table"]'))))}_inferTableAlignments(t){const e=Math.max(t.headers?.length??0,...t.rows.map(a=>a.length)),i=a=>{if(a==null)return!1;if(typeof a=="number")return!0;const h=String(a).replace(/[\u00A0\u202F\s]+/g,"").trim();return h?/^-?\d+(?:[.,]\d+)?$/.test(h):!1},s=[];for(let a=0;a<e;a+=1){if(a===0){s.push("left");continue}const h=t.rows.map(l=>this._normalizeRenderableCell(l[a]).text).filter(l=>l!==""&&l!==null&&l!==void 0),n=h.length>0&&h.every(i);s.push(n?"right":"left")}return s}_getResolvedContentMaxWidth(){return this.contentMaxWidth?.trim()||""}_getResolvedDiagramHeight(){return this.contentHeight?.trim()||""}_getResolvedToggleHeightMode(){return this.toggleHeightMode==="auto"?"auto":"stable"}_getResolvedStandardContentHeight(){return this._getResolvedDiagramHeight()||"420px"}_getResolvedTableData(){return this.tableData??this._slottedTableData??this._readTableDataFromLightDom()}_getDiagramAssignedElements(){const t=this.shadowRoot?.querySelector('slot[name="diagram"]');return t?t.assignedElements({flatten:!0}):[]}_findExportableVisualElement(t){for(const e of t){if(e instanceof SVGSVGElement||e instanceof HTMLCanvasElement||e instanceof HTMLImageElement)return e;const i=e.querySelector("svg, canvas, img");if(i instanceof SVGSVGElement||i instanceof HTMLCanvasElement||i instanceof HTMLImageElement)return i}return null}_getExportableVisualElement(){if(this.variant==="Table")return null;if(this.variant==="Image"){const t=this.shadowRoot?.querySelector(".image-content img");return t instanceof HTMLImageElement?t:null}return this._findExportableVisualElement(this._getDiagramAssignedElements())}_getCurrentHighchartsChart(){if(this._getCurrentPrintableView()!=="diagram")return;const t=o(this,r,P).call(this,this._getDiagramAssignedElements());return t===void 0?void 0:window.Highcharts?.charts?.[t]}_getSeriesDifferentiationGroup(t,e){const i=String(t?.type||t?.options?.type||e?.options?.chart?.type||"").trim().toLowerCase();return["line","spline","scatter"].includes(i)?"line":["area","areaspline"].includes(i)?"area":["column","bar"].includes(i)?"fill":null}_shouldShowSeriesDifferentiationAction(){if(this._getCurrentPrintableView()!=="diagram")return!1;const t=this._getCurrentHighchartsChart();return t?.series?.length?t.series.some(e=>this._getSeriesDifferentiationGroup(e,t)!==null):!1}_getSeriesDifferentiationSnapshotStore(t){let e=this._seriesDifferentiationSnapshots.get(t);return e||(e=new Map,this._seriesDifferentiationSnapshots.set(t,e)),e}_cloneSeriesOptionValue(t){return Array.isArray(t)?t.map(e=>this._cloneSeriesOptionValue(e)):t&&typeof t=="object"?Object.fromEntries(Object.entries(t).map(([e,i])=>[e,this._cloneSeriesOptionValue(i)])):t}_captureSeriesDifferentiationSnapshot(t){const e=this._cloneSeriesOptionValue(t?.options?.marker);return{color:t?.options?.color??t?.userOptions?.color??t?.color,borderColor:t?.options?.borderColor??t?.borderColor,borderWidth:t?.options?.borderWidth??t?.borderWidth,fillColor:t?.options?.fillColor??t?.fillColor,dashStyle:t?.options?.dashStyle??"Solid",lineWidth:t?.options?.lineWidth??t?.lineWidth,marker:e&&Object.keys(e).length>0?e:{enabled:!1}}}_resolveSeriesBaseColor(t,e,i,s){const a=[s?.color,e?.userOptions?.color,e?.color,t?.options?.colors?.[i]];for(const h of a)if(typeof h=="string"&&h&&!h.startsWith("url("))return h;return"#0F0865"}_ensureSeriesPattern(t,e,i,s){const a=t?.container?.querySelector("svg");if(!(a instanceof SVGSVGElement))return i;const h="http://www.w3.org/2000/svg";let n=a.querySelector("defs");n instanceof SVGDefsElement||(n=document.createElementNS(h,"defs"),a.insertBefore(n,a.firstChild));const l=`scb-viz-pattern-${t?.index??"chart"}-${e}-${s}`;let c=n.querySelector(`[id="${l}"]`);if(!(c instanceof SVGPatternElement)){c=document.createElementNS(h,"pattern"),c.setAttribute("id",l),c.setAttribute("patternUnits","userSpaceOnUse"),c.setAttribute("width","10"),c.setAttribute("height","10");const d=document.createElementNS(h,"rect");d.setAttribute("x","0"),d.setAttribute("y","0"),d.setAttribute("width","10"),d.setAttribute("height","10"),d.setAttribute("fill",i),d.setAttribute("fill-opacity","0.14"),c.appendChild(d);const u=(y,w="1.25")=>{const f=document.createElementNS(h,"path");return f.setAttribute("d",y),f.setAttribute("fill","none"),f.setAttribute("stroke",i),f.setAttribute("stroke-width",w),f.setAttribute("stroke-opacity","0.78"),f.setAttribute("stroke-linecap","square"),f},_=(y,w,f)=>{const z=document.createElementNS(h,"circle");return z.setAttribute("cx",y),z.setAttribute("cy",w),z.setAttribute("r",f),z.setAttribute("fill",i),z.setAttribute("fill-opacity","0.78"),z};switch(s){case"diagonal":c.appendChild(u("M-2,8 l10,-10 M0,10 l10,-10 M8,12 l4,-4"));break;case"dots":c.appendChild(_("2","2","1.2")),c.appendChild(_("7","7","1.2"));break;case"cross":c.appendChild(u("M0,0 L10,10 M10,0 L0,10"));break;case"vertical":c.appendChild(u("M2,0 L2,10 M7,0 L7,10"));break;case"horizontal":c.appendChild(u("M0,2 L10,2 M0,7 L10,7"));break;default:c.appendChild(u("M0,0 L10,0 M0,5 L10,5 M0,10 L10,10","1"));break}n.appendChild(c)}return`url(#${l})`}_canExportRaster(){return this._getExportableVisualElement()!==null}_canExportCsv(){return!!this._getResolvedTableData()?.rows?.length}_getExportBaseFileName(){const t=this.lang==="en"?"visualization":"visualisering";return(this.title||t).normalize("NFD").replace(/[\u0300-\u036f]/g,"").toLowerCase().replace(/[^a-z0-9]+/g,"-").replace(/^-+|-+$/g,"")||t}_buildExportFileName(t){const e=t==="csv"?this.lang==="en"?"-table":"-tabell":"";return`${this._getExportBaseFileName()}${e}.${t}`}_renderActionsMenu(){const t=this._getCurrentPrintableView(),e=this._canExportRaster(),i=this._canExportCsv(),s=e&&(t==="diagram"||t==="image"),a=i&&t==="table",h=this._shouldShowSeriesDifferentiationAction();return p`
+      <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=${n=>this._toggleActionsMenu(n)}
+        ></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>
+            ${s?p`
+                  <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>
+                `:""}
+            ${a?p`
+                  <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>
+                `:""}
+            ${h?p`
+                  <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>
+                `:""}
+          </ul>
+        </div>
+      </div>
+    `}_renderActions(){return p`
       <div class="actions-row">
-        ${this.variant==="Standard"&&!this.disableToggle?d`
+        ${this.variant==="Standard"&&!this.disableToggle?p`
               <div class="flipp-wrapper">
                 <scb-segmented-button
                   .value=${this.selectedChip||""}
-                  @change=${s=>this._onSegmentedChange(s)}
+                  @change=${t=>this._onSegmentedChange(t)}
                 >
                   <scb-segmented-item
                     label=${this.lang==="en"?"Figure":"Diagram"}
@@ -133,120 +220,56 @@ import{a as st,n as m,r as B,i as at,x as d,k as O,l as nt,t as rt}from"../../ve
                   ></scb-segmented-item>
                 </scb-segmented-button>
               </div>
-            `:d`<div></div>`}
-        <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=${s=>this._toggleActionsMenu(s)}
-          ></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>
-              ${i?d`
-                    <li>
-                      <button
-                        type="button"
-                        class="actions-menu-item"
-                        role="menuitem"
-                        ?disabled=${!t}
-                        @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"
-                        ?disabled=${!t}
-                        @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>
-                  `:""}
-              ${r?d`
-                    <li>
-                      <button
-                        type="button"
-                        class="actions-menu-item"
-                        role="menuitem"
-                        ?disabled=${!e}
-                        @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>
-                  `:""}
-            </ul>
-          </div>
+            `:p`<div></div>`}
+        ${this._renderActionsMenu()}
+      </div>
+    `}_renderHeader(t=!1){return p`
+      <div class=${`header ${t?"header--with-actions":""}`}>
+        <div class="header__text">
+          ${this.title?p` <div class="label" role="heading" aria-level="2">${this.title}</div> `:""}
+          ${this.subtitle?p` <div class="sub-label">${this.subtitle}</div> `:""}
         </div>
+        ${t?this._renderActionsMenu():""}
       </div>
-    `}_renderTable(){const t=this.tableData??this._slottedTableData;if(!t||!t.rows||t.rows.length===0)return null;const e=this._inferTableAlignments(t),i=Math.max(t.headers?.length??0,...t.rows.map(l=>l.length)),r=(t.headers??[]).map(l=>this._normalizeRenderableCell(l)),s=t.rows.map(l=>{const h=l.map(b=>this._normalizeRenderableCell(b));for(;h.length<i;)h.push({html:"",text:""});return h}),c=t.rowHeaderRows??[],o=[this.title,this.subtitle].map(l=>typeof l=="string"?l.trim():"").filter(Boolean).join(". ");return d`
+    `}_renderTable(){const t=this._getResolvedTableData();if(!t||!t.rows||t.rows.length===0)return null;const e=this._inferTableAlignments(t),i=Math.max(t.headers?.length??0,...t.rows.map(l=>l.length)),s=(t.headers??[]).map(l=>this._normalizeRenderableCell(l)),a=t.rows.map(l=>{const c=l.map(d=>this._normalizeRenderableCell(d));for(;c.length<i;)c.push({html:"",text:""});return c}),h=t.rowHeaderRows??[],n=[this.title,this.subtitle].map(l=>typeof l=="string"?l.trim():"").filter(Boolean).join(". ");return p`
       <table class="scb-viz-table" part="table">
-        ${o?d`<caption class="visually-hidden">${o}</caption>`:""}
-        ${r.length>0?d`
+        ${n?p`<caption class="visually-hidden">${n}</caption>`:""}
+        ${s.length>0?p`
               <thead>
                 <tr>
-                  ${r.map((l,h)=>{const b=e[h]==="right"?"align-right":"align-left";return d`<th scope="col" class=${b}>${l.html?O(l.html):l.text}</th>`})}
+                  ${s.map((l,c)=>{const d=e[c]==="right"?"align-right":"align-left";return p`<th scope="col" class=${d}>${l.html?W(l.html):l.text}</th>`})}
                 </tr>
               </thead>
             `:""}
         <tbody>
-          ${s.map((l,h)=>{const b=c[h]===!0;return d`
+          ${a.map((l,c)=>{const d=h[c]===!0;return p`
               <tr>
-                ${l.map((y,z)=>{const w=e[z]==="right"?"align-right":"align-left",g=y.html?O(y.html):y.text;return z===0&&b?d`<th scope="row" class=${w}>${g}</th>`:d`<td class=${w}>${g}</td>`})}
+                ${l.map((u,_)=>{const y=e[_]==="right"?"align-right":"align-left",w=u.html?W(u.html):u.text;return _===0&&d?p`<th scope="row" class=${y}>${w}</th>`:p`<td class=${y}>${w}</td>`})}
               </tr>
             `})}
         </tbody>
       </table>
-    `}_hasMoreAboutStats(){return!!(this.comment||this.source||this.footnote||this.officialStatistics)}_renderMoreAboutStatsContent(){return d`
+    `}_hasMoreAboutStats(){return!!(this.comment||this.source||this.footnote||this.officialStatistics)}_renderMoreAboutStatsContent(){return p`
       <div class="more-about-stats-content">
-        ${this.comment?d`
+        ${this.comment?p`
               <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?d`
+        ${this.source?p`
               <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?d`
+        ${this.footnote?p`
               <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?d`
+        ${this.officialStatistics?p`
               <a
                 class="sos-logotype-link"
                 href="https://www.scb.se/sos"
@@ -256,12 +279,12 @@ import{a as st,n as m,r as B,i as at,x as d,k as O,l as nt,t as rt}from"../../ve
                 aria-label="${this.officialStatisticsAlt}"
               >
                 <span class="sos-logotype-small" aria-hidden="true">
-                  ${nt(it)}
+                  ${rt(st)}
                 </span>
               </a>
             `:""}
       </div>
-    `}_renderMoreAboutStatsScreen(){return this._hasMoreAboutStats()?d`
+    `}_renderMoreAboutStatsScreen(){return this._hasMoreAboutStats()?p`
       <div class="footer-statistics-screen">
         <scb-divider></scb-divider>
         <scb-accordion>
@@ -270,16 +293,16 @@ import{a as st,n as m,r as B,i as at,x as d,k as O,l as nt,t as rt}from"../../ve
           </scb-accordion-item>
         </scb-accordion>
       </div>
-    `:""}_renderMoreAboutStatsPrint(){return this._hasMoreAboutStats()?d`
+    `:""}_renderMoreAboutStatsPrint(){return this._hasMoreAboutStats()?p`
       <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}
         </div>
         ${this._renderMoreAboutStatsContent()}
       </div>
-    `:""}_renderFooter(){return d`
+    `:""}_renderFooter(){return p`
       <div class="footer">
-        ${this.description?d`
+        ${this.description?p`
               <div class="description section">
                 <div class="secondary-label" role="heading" aria-level="3">${this.descriptionLabel}</div>
                 <div class="body-text">${this.description}</div>
@@ -288,13 +311,9 @@ import{a as st,n as m,r as B,i as at,x as d,k as O,l as nt,t as rt}from"../../ve
         ${this._renderMoreAboutStatsScreen()}
         ${this._renderMoreAboutStatsPrint()}
       </div>
-    `}render(){switch(this.variant){case"Table":return d`
+    `}render(){switch(this.variant){case"Table":return p`
           <div part="container" class="viz-container">
-            <div class="header">
-              ${this.title?d` <div class="label" role="heading" aria-level="2">${this.title}</div> `:""}
-              ${this.subtitle?d` <div class="sub-label">${this.subtitle}</div> `:""}
-            </div>
-            ${this._renderActions()}
+            ${this._renderHeader(!0)}
             <div class="content">
               <scb-horizontal-scroller
                 width="600px"
@@ -313,13 +332,9 @@ import{a as st,n as m,r as B,i as at,x as d,k as O,l as nt,t as rt}from"../../ve
             ></slot>
             <slot></slot>
           </div>
-        `;case"Image":return d`
+        `;case"Image":return p`
           <div part="container" class="viz-container">
-            <div class="header">
-              ${this.title?d` <div class="label" role="heading" aria-level="2">${this.title}</div> `:""}
-              ${this.subtitle?d` <div class="sub-label">${this.subtitle}</div> `:""}
-            </div>
-            ${this._renderActions()}
+            ${this._renderHeader(!0)}
             <div
               class="content image-content"
               style=${this._getResolvedContentMaxWidth()?`max-width: ${this._getResolvedContentMaxWidth()}; --scb-viz-content-max-width: ${this._getResolvedContentMaxWidth()};`:""}
@@ -334,12 +349,9 @@ import{a as st,n as m,r as B,i as at,x as d,k as O,l as nt,t as rt}from"../../ve
             ></slot>
             <slot></slot>
           </div>
-        `;default:return d`
+        `;default:return p`
           <div part="container" class="viz-container">
-            <div class="header">
-              ${this.title?d` <div class="label" role="heading" aria-level="2">${this.title}</div> `:""}
-              ${this.subtitle?d` <div class="sub-label">${this.subtitle}</div> `:""}
-            </div>
+            ${this._renderHeader()}
             ${this._renderActions()}
             <div class="content">
               <div
@@ -386,39 +398,39 @@ import{a as st,n as m,r as B,i as at,x as d,k as O,l as nt,t as rt}from"../../ve
             ></slot>
             <slot></slot>
           </div>
-        `}}_syncChipClass(){const t=this.variant==="Standard";this.classList.toggle("chip-diagram",t&&this.selectedChip==="Diagram"),this.classList.toggle("chip-table",t&&this.selectedChip==="Table")}_dispatchSelectedChipChanged(){const t={selectedChip:this.selectedChip};this.dispatchEvent(new CustomEvent("selected-chip-changed",{detail:t,bubbles:!0,composed:!0})),this.dispatchEvent(new CustomEvent("selectedchipchanged",{detail:t,bubbles:!0,composed:!0}))}_onSegmentedChange(t){const e=t.detail?.value;this.selectedChip===e?this.selectedChip=null:this.selectedChip=e}_toggleActionsMenu(t){t.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()}_getCurrentPrintableView(){return this.variant==="Table"?"table":this.variant==="Image"?"image":this.selectedChip==="Table"?"table":"diagram"}};a=new WeakSet;L=function(){if(n(this,a,H).call(this),typeof ResizeObserver>"u")return;const t=this.shadowRoot?.querySelector(".diagram-content");t&&(this._diagramResizeObserver=new ResizeObserver(()=>{n(this,a,S).call(this)}),this._diagramResizeObserver.observe(this),this._diagramResizeObserver.observe(t))};H=function(){this._diagramResizeObserver?.disconnect(),this._diagramResizeObserver=void 0};P=function(){this._diagramReflowFrame&&(cancelAnimationFrame(this._diagramReflowFrame),this._diagramReflowFrame=0)};S=function(){this.variant!=="Standard"||this.selectedChip!=="Diagram"||(n(this,a,P).call(this),this._diagramReflowFrame=requestAnimationFrame(()=>{this._diagramReflowFrame=requestAnimationFrame(()=>{this._diagramReflowFrame=0,n(this,a,W).call(this)})}))};R=function(t){const e=t?.getAttribute("data-highcharts-chart");if(!e)return;const i=Number.parseInt(e,10);return Number.isNaN(i)?void 0:i};q=function(t){for(const e of t){const i=n(this,a,R).call(this,e);if(i!==void 0)return i;const r=e.querySelector("[data-highcharts-chart]"),s=n(this,a,R).call(this,r);if(s!==void 0)return s}};W=function(){if(this.variant!=="Standard"||this.selectedChip!=="Diagram")return;const t=this.shadowRoot?.querySelector('slot[name="diagram"]');if(!t)return;const e=t.assignedElements({flatten:!0});if(e.length===0)return;const i=n(this,a,q).call(this,e);if(i===void 0)return;const s=window.Highcharts?.charts?.[i];s&&(s.setSize?.(null,null,!1),s.reflow?.())};C=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")};k=async function(t){const e=this._getExportableVisualElement();if(!e)return;const i=await n(this,a,Q).call(this,e,t);i&&n(this,a,F).call(this,i,this._buildExportFileName(t==="jpeg"?"jpg":"png"))};u=function(t){return String(t??"").replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;").replace(/'/g,"&#39;")};N=function(t){const e=this._inferTableAlignments(t),i=Math.max(t.headers?.length??0,...t.rows.map(h=>h.length)),r=(t.headers??[]).map(h=>this._normalizeRenderableCell(h)),s=t.rows.map(h=>{const b=h.map(y=>this._normalizeRenderableCell(y));for(;b.length<i;)b.push({html:"",text:""});return b}),c=t.rowHeaderRows??[],o=r.length?`<thead><tr>${r.map((h,b)=>`<th scope="col" class="${e[b]==="right"?"align-right":"align-left"}">${h.html||n(this,a,u).call(this,h.text)}</th>`).join("")}</tr></thead>`:"",l=`<tbody>${s.map((h,b)=>{const y=c[b]===!0;return`<tr>${h.map((w,g)=>{const f=e[g]==="right"?"align-right":"align-left",_=w.html||n(this,a,u).call(this,w.text);return g===0&&y?`<th scope="row" class="${f}">${_}</th>`:`<td class="${f}">${_}</td>`}).join("")}</tr>`}).join("")}</tbody>`;return`<table class="scb-viz-print-table">${o}${l}</table>`};G=function(){const t=[];if(this.description&&t.push(`
+        `}}_syncChipClass(){const t=this.variant==="Standard";this.classList.toggle("chip-diagram",t&&this.selectedChip==="Diagram"),this.classList.toggle("chip-table",t&&this.selectedChip==="Table")}_dispatchSelectedChipChanged(){const t={selectedChip:this.selectedChip};this.dispatchEvent(new CustomEvent("selected-chip-changed",{detail:t,bubbles:!0,composed:!0})),this.dispatchEvent(new CustomEvent("selectedchipchanged",{detail:t,bubbles:!0,composed:!0}))}_onSegmentedChange(t){const e=t.detail?.value;this.selectedChip===e?this.selectedChip=null:this.selectedChip=e}_toggleActionsMenu(t){t.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()}_getCurrentPrintableView(){return this.variant==="Table"?"table":this.variant==="Image"?"image":this.selectedChip==="Table"?"table":"diagram"}};r=new WeakSet;$=function(){if(o(this,r,H).call(this),typeof ResizeObserver>"u")return;const t=this.shadowRoot?.querySelector(".diagram-content");t&&(this._diagramResizeObserver=new ResizeObserver(()=>{o(this,r,S).call(this)}),this._diagramResizeObserver.observe(this),this._diagramResizeObserver.observe(t))};H=function(){this._diagramResizeObserver?.disconnect(),this._diagramResizeObserver=void 0};V=function(){this._diagramReflowFrame&&(cancelAnimationFrame(this._diagramReflowFrame),this._diagramReflowFrame=0)};S=function(){this.variant!=="Standard"||this.selectedChip!=="Diagram"||(o(this,r,V).call(this),this._diagramReflowFrame=requestAnimationFrame(()=>{this._diagramReflowFrame=requestAnimationFrame(()=>{this._diagramReflowFrame=0,o(this,r,j).call(this)})}))};D=function(t){const e=t?.getAttribute("data-highcharts-chart");if(!e)return;const i=Number.parseInt(e,10);return Number.isNaN(i)?void 0:i};P=function(t){for(const e of t){const i=o(this,r,D).call(this,e);if(i!==void 0)return i;const s=e.querySelector("[data-highcharts-chart]"),a=o(this,r,D).call(this,s);if(a!==void 0)return a}};j=function(){if(this.variant!=="Standard"||this.selectedChip!=="Diagram")return;const t=this.shadowRoot?.querySelector('slot[name="diagram"]');if(!t)return;const e=t.assignedElements({flatten:!0});if(e.length===0)return;const i=o(this,r,P).call(this,e);if(i===void 0)return;const a=window.Highcharts?.charts?.[i];a&&(a.setSize?.(null,null,!1),a.reflow?.(),this._seriesDifferentiationEnabled&&o(this,r,C).call(this))};M=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")};q=function(t){const e=this._getSeriesDifferentiationSnapshotStore(t),i=["Solid","ShortDash","ShortDot","ShortDashDot","ShortDashDotDot","Dot"],s=["circle","diamond","square","triangle","triangle-down"],a=["diagonal","dots","cross","vertical","horizontal","grid"];let h=!1;t.series?.forEach((n,l)=>{const c=this._getSeriesDifferentiationGroup(n,t);if(!c)return;const d=String(n?.index??l);e.has(d)||e.set(d,this._captureSeriesDifferentiationSnapshot(n));const u=e.get(d),_=this._resolveSeriesBaseColor(t,n,l,u),y=this._ensureSeriesPattern(t,l,_,a[l%a.length]),w={...this._cloneSeriesOptionValue(u?.marker),enabled:!0,symbol:s[l%s.length]},f={color:_};(c==="line"||c==="area")&&(f.dashStyle=i[l%i.length],f.marker=w),c==="area"&&(f.fillColor=y),c==="fill"&&(f.color=y,f.borderColor=_,f.borderWidth=u?.borderWidth??1),n.update(f,!1),h=!0}),h&&t.redraw(!1)};G=function(t){const e=this._seriesDifferentiationSnapshots.get(t);if(!e)return;let i=!1;t.series?.forEach((s,a)=>{if(!this._getSeriesDifferentiationGroup(s,t))return;const n=e.get(String(s?.index??a));if(!n)return;const l=this._resolveSeriesBaseColor(t,s,a,n);s.update({color:n.color??l,borderColor:n.borderColor??l,borderWidth:n.borderWidth,fillColor:n.fillColor,dashStyle:n.dashStyle??"Solid",lineWidth:n.lineWidth,marker:this._cloneSeriesOptionValue(n.marker)},!1),i=!0}),i&&t.redraw(!1)};C=function(){const t=this._getCurrentHighchartsChart();if(t){if(this._seriesDifferentiationEnabled){o(this,r,q).call(this,t);return}o(this,r,G).call(this,t)}};k=async function(t){const e=this._getExportableVisualElement();if(!e)return;const i=await o(this,r,Y).call(this,e,t);i&&o(this,r,I).call(this,i,this._buildExportFileName(t==="jpeg"?"jpg":"png"))};v=function(t){return String(t??"").replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;").replace(/'/g,"&#39;")};N=function(t){const e=this._inferTableAlignments(t),i=Math.max(t.headers?.length??0,...t.rows.map(c=>c.length)),s=(t.headers??[]).map(c=>this._normalizeRenderableCell(c)),a=t.rows.map(c=>{const d=c.map(u=>this._normalizeRenderableCell(u));for(;d.length<i;)d.push({html:"",text:""});return d}),h=t.rowHeaderRows??[],n=s.length?`<thead><tr>${s.map((c,d)=>`<th scope="col" class="${e[d]==="right"?"align-right":"align-left"}">${c.html||o(this,r,v).call(this,c.text)}</th>`).join("")}</tr></thead>`:"",l=`<tbody>${a.map((c,d)=>{const u=h[d]===!0;return`<tr>${c.map((y,w)=>{const f=e[w]==="right"?"align-right":"align-left",z=y.html||o(this,r,v).call(this,y.text);return w===0&&u?`<th scope="row" class="${f}">${z}</th>`:`<td class="${f}">${z}</td>`}).join("")}</tr>`}).join("")}</tbody>`;return`<table class="scb-viz-print-table">${n}${l}</table>`};U=function(){const t=[];if(this.description&&t.push(`
         <section class="print-section">
-          <h2>${n(this,a,u).call(this,this.descriptionLabel)}</h2>
-          <div>${n(this,a,u).call(this,this.description)}</div>
+          <h2>${o(this,r,v).call(this,this.descriptionLabel)}</h2>
+          <div>${o(this,r,v).call(this,this.description)}</div>
         </section>
       `),this._hasMoreAboutStats()){const e=[];this.comment&&e.push(`
           <section class="print-section print-meta-section">
-            <h3>${n(this,a,u).call(this,this.commentLabel)}</h3>
-            <div>${n(this,a,u).call(this,this.comment)}</div>
+            <h3>${o(this,r,v).call(this,this.commentLabel)}</h3>
+            <div>${o(this,r,v).call(this,this.comment)}</div>
           </section>
         `),this.source&&e.push(`
           <section class="print-section print-meta-section">
-            <h3>${n(this,a,u).call(this,this.sourceLabel)}</h3>
-            <div>${n(this,a,u).call(this,this.source)}</div>
+            <h3>${o(this,r,v).call(this,this.sourceLabel)}</h3>
+            <div>${o(this,r,v).call(this,this.source)}</div>
           </section>
         `),this.footnote&&e.push(`
           <section class="print-section print-meta-section">
-            <h3>${n(this,a,u).call(this,this.footnoteLabel)}</h3>
-            <div>${n(this,a,u).call(this,this.footnote)}</div>
+            <h3>${o(this,r,v).call(this,this.footnoteLabel)}</h3>
+            <div>${o(this,r,v).call(this,this.footnote)}</div>
           </section>
         `),this.officialStatistics&&e.push(`
-          <div class="print-sos">${it}</div>
+          <div class="print-sos">${st}</div>
         `),t.push(`
         <section class="print-section print-more-about-stats">
-          <h2>${n(this,a,u).call(this,this.moreAboutStatsLabel)}</h2>
+          <h2>${o(this,r,v).call(this,this.moreAboutStatsLabel)}</h2>
           ${e.join("")}
         </section>
-      `)}return t.join("")};U=function(t){return`<!doctype html>
-<html lang="${n(this,a,u).call(this,this.lang||"sv")}">
+      `)}return t.join("")};J=function(t){return`<!doctype html>
+<html lang="${o(this,r,v).call(this,this.lang||"sv")}">
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1">
-    <title>${n(this,a,u).call(this,this.title||(this.lang==="en"?"Visualization":"Visualisering"))}</title>
+    <title>${o(this,r,v).call(this,this.title||(this.lang==="en"?"Visualization":"Visualisering"))}</title>
     <style>
       :root { color-scheme: light; }
       @page { margin: 16mm; }
@@ -456,15 +468,15 @@ import{a as st,n as m,r as B,i as at,x as d,k as O,l as nt,t as rt}from"../../ve
   <body>
     <article class="viz-print">
       <header class="viz-header">
-        ${this.title?`<h1 class="viz-title">${n(this,a,u).call(this,this.title)}</h1>`:""}
-        ${this.subtitle?`<div class="viz-subtitle">${n(this,a,u).call(this,this.subtitle)}</div>`:""}
+        ${this.title?`<h1 class="viz-title">${o(this,r,v).call(this,this.title)}</h1>`:""}
+        ${this.subtitle?`<div class="viz-subtitle">${o(this,r,v).call(this,this.subtitle)}</div>`:""}
       </header>
       <div class="viz-content">${t}</div>
-      ${n(this,a,G).call(this)}
+      ${o(this,r,U).call(this)}
     </article>
   </body>
-</html>`};J=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()},r=e.contentDocument,s=e.contentWindow;if(!r||!s){i();return}r.open(),r.write(t),r.close();const c=Array.from(r.images||[]);await Promise.all(c.map(l=>l.complete?Promise.resolve():new Promise(h=>{l.addEventListener("load",()=>h(null),{once:!0}),l.addEventListener("error",()=>h(null),{once:!0})})));const o=()=>{s.removeEventListener("afterprint",o),i()};s.addEventListener("afterprint",o,{once:!0}),setTimeout(()=>{s.focus(),s.print(),setTimeout(i,1e3)},50)};K=async function(){const t=this._getCurrentPrintableView();let e="";if(t==="table"){const i=this._getResolvedTableData();if(!i?.rows?.length)return;e=n(this,a,N).call(this,i)}else if(t==="image"){const i=this.shadowRoot?.querySelector(".image-content img"),r=i?.currentSrc||i?.src||this.imageHref;if(!r)return;e=`<img class="viz-image" src="${n(this,a,u).call(this,r)}" alt="${n(this,a,u).call(this,this._getImageAltText())}">`}else{const i=this._getExportableVisualElement();if(!i)return;const r=await n(this,a,Y).call(this,i,"png");if(!r)return;e=`<img class="viz-chart-image" src="${r}" alt="${n(this,a,u).call(this,this._getImageAltText())}">`}await n(this,a,J).call(this,n(this,a,U).call(this,e))};X=function(){const t=this._getResolvedTableData();if(!t?.rows?.length)return;const e=this.lang==="en"?",":";",i=[];t.headers?.length&&i.push(t.headers.map(o=>this._normalizeRenderableCell(o).text)),t.rows.forEach(o=>{i.push(o.map(l=>this._normalizeRenderableCell(l).text))});const r=o=>`"${String(o??"").replace(/\r?\n/g," ").replace(/"/g,'""')}"`,s=`\uFEFF${i.map(o=>o.map(r).join(e)).join(`\r
-`)}`,c=new Blob([s],{type:"text/csv;charset=utf-8;"});n(this,a,F).call(this,c,this._buildExportFileName("csv"))};Q=async function(t,e){const i=await n(this,a,V).call(this,t);return i?n(this,a,et).call(this,i,e==="jpeg"?"image/jpeg":"image/png",e==="jpeg"?.92:void 0):null};Y=async function(t,e){const i=await n(this,a,V).call(this,t);return i?i.toDataURL(e==="jpeg"?"image/jpeg":"image/png",e==="jpeg"?.92:void 0):null};V=async function(t){if(t instanceof HTMLCanvasElement){const o=t.width||Math.round(t.getBoundingClientRect().width),l=t.height||Math.round(t.getBoundingClientRect().height);if(!o||!l)return null;const h=document.createElement("canvas");h.width=o,h.height=l;const b=h.getContext("2d");return b?(b.fillStyle=n(this,a,I).call(this),b.fillRect(0,0,o,l),b.drawImage(t,0,0,o,l),h):null}if(t instanceof HTMLImageElement){const o=t.naturalWidth||t.width,l=t.naturalHeight||t.height;return!o||!l?null:n(this,a,E).call(this,t.currentSrc||t.src,o,l)}const{width:e,height:i,serialized:r}=n(this,a,Z).call(this,t);if(!e||!i||!r)return null;const s=new Blob([r],{type:"image/svg+xml;charset=utf-8"}),c=URL.createObjectURL(s);try{return await n(this,a,E).call(this,c,e,i)}finally{URL.revokeObjectURL(c)}};Z=function(t){const e=t.cloneNode(!0),i=t.getBoundingClientRect(),r=t.viewBox?.baseVal,s=Math.round(r?.width||i.width||Number(t.getAttribute("width"))||0),c=Math.round(r?.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")&&c&&e.setAttribute("height",String(c)),!e.getAttribute("viewBox")&&s&&c&&e.setAttribute("viewBox",`0 0 ${s} ${c}`),n(this,a,A).call(this,t,e),e.querySelectorAll(".highcharts-tooltip, .highcharts-contextmenu, .highcharts-a11y-proxy-container, .highcharts-a11y-dummy-point").forEach(o=>o.remove()),{width:s,height:c,serialized:new XMLSerializer().serializeToString(e)}};A=function(t,e){const i=getComputedStyle(t);let r="";for(let o=0;o<i.length;o+=1){const l=i[o],h=i.getPropertyValue(l);h&&(r+=`${l}:${h};`)}r&&e.setAttribute("style",r);const s=Array.from(t.children),c=Array.from(e.children);for(let o=0;o<s.length;o+=1){const l=s[o],h=c[o];l&&h&&n(this,a,A).call(this,l,h)}};E=async function(t,e,i){const r=Math.max(1,Math.min(2,window.devicePixelRatio||1)),s=Math.max(1,Math.round(e)),c=Math.max(1,Math.round(i)),o=document.createElement("canvas");o.width=Math.max(1,Math.round(s*r)),o.height=Math.max(1,Math.round(c*r));const l=o.getContext("2d");if(!l)return null;const h=await n(this,a,tt).call(this,t);return h?(l.scale(r,r),l.fillStyle=n(this,a,I).call(this),l.fillRect(0,0,s,c),l.drawImage(h,0,0,s,c),o):null};tt=function(t){return new Promise(e=>{const i=new Image;i.crossOrigin="anonymous",i.onload=()=>e(i),i.onerror=()=>e(null),i.src=t})};et=function(t,e,i){return new Promise(r=>{t.toBlob(s=>r(s),e,i)})};I=function(){const t=this.shadowRoot?.querySelector(".viz-container"),e=getComputedStyle(t??this).backgroundColor;return e&&e!=="rgba(0, 0, 0, 0)"?e:"#ffffff"};F=function(t,e){const i=URL.createObjectURL(t),r=document.createElement("a");r.href=i,r.download=e,document.body.appendChild(r),r.click(),r.remove(),setTimeout(()=>URL.revokeObjectURL(i),0)};T=function(){const t=n(this,a,x).call(this,this.spacing),e=n(this,a,x).call(this,this.spacingTop)??t,i=n(this,a,x).call(this,this.spacingBottom)??t,r=n(this,a,x).call(this,this.spacingLeft),s=n(this,a,x).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"),r?this.style.setProperty("--scb-viz-spacing-inline-start",r):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")};x=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};D=function(){const t=this.containerMaxWidth?.trim();t?this.style.setProperty("--scb-viz-container-max-width",t):this.style.removeProperty("--scb-viz-container-max-width")};p.styles=st`
+</html>`};K=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,a=e.contentWindow;if(!s||!a){i();return}s.open(),s.write(t),s.close();const h=Array.from(s.images||[]);await Promise.all(h.map(l=>l.complete?Promise.resolve():new Promise(c=>{l.addEventListener("load",()=>c(null),{once:!0}),l.addEventListener("error",()=>c(null),{once:!0})})));const n=()=>{a.removeEventListener("afterprint",n),i()};a.addEventListener("afterprint",n,{once:!0}),setTimeout(()=>{a.focus(),a.print(),setTimeout(i,1e3)},50)};X=async function(){const t=this._getCurrentPrintableView();let e="";if(t==="table"){const i=this._getResolvedTableData();if(!i?.rows?.length)return;e=o(this,r,N).call(this,i)}else if(t==="image"){const i=this.shadowRoot?.querySelector(".image-content img"),s=i?.currentSrc||i?.src||this.imageHref;if(!s)return;e=`<img class="viz-image" src="${o(this,r,v).call(this,s)}" alt="${o(this,r,v).call(this,this._getImageAltText())}">`}else{const i=this._getExportableVisualElement();if(!i)return;const s=await o(this,r,Z).call(this,i,"png");if(!s)return;e=`<img class="viz-chart-image" src="${s}" alt="${o(this,r,v).call(this,this._getImageAltText())}">`}await o(this,r,K).call(this,o(this,r,J).call(this,e))};Q=function(){const t=this._getResolvedTableData();if(!t?.rows?.length)return;const e=this.lang==="en"?",":";",i=[];t.headers?.length&&i.push(t.headers.map(n=>this._normalizeRenderableCell(n).text)),t.rows.forEach(n=>{i.push(n.map(l=>this._normalizeRenderableCell(l).text))});const s=n=>`"${String(n??"").replace(/\r?\n/g," ").replace(/"/g,'""')}"`,a=`\uFEFF${i.map(n=>n.map(s).join(e)).join(`\r
+`)}`,h=new Blob([a],{type:"text/csv;charset=utf-8;"});o(this,r,I).call(this,h,this._buildExportFileName("csv"))};Y=async function(t,e){const i=await o(this,r,F).call(this,t);return i?o(this,r,it).call(this,i,e==="jpeg"?"image/jpeg":"image/png",e==="jpeg"?.92:void 0):null};Z=async function(t,e){const i=await o(this,r,F).call(this,t);return i?i.toDataURL(e==="jpeg"?"image/jpeg":"image/png",e==="jpeg"?.92:void 0):null};F=async function(t){if(t instanceof HTMLCanvasElement){const n=t.width||Math.round(t.getBoundingClientRect().width),l=t.height||Math.round(t.getBoundingClientRect().height);if(!n||!l)return null;const c=document.createElement("canvas");c.width=n,c.height=l;const d=c.getContext("2d");return d?(d.fillStyle=o(this,r,O).call(this),d.fillRect(0,0,n,l),d.drawImage(t,0,0,n,l),c):null}if(t instanceof HTMLImageElement){const n=t.naturalWidth||t.width,l=t.naturalHeight||t.height;return!n||!l?null:o(this,r,L).call(this,t.currentSrc||t.src,n,l)}const{width:e,height:i,serialized:s}=o(this,r,tt).call(this,t);if(!e||!i||!s)return null;const a=new Blob([s],{type:"image/svg+xml;charset=utf-8"}),h=URL.createObjectURL(a);try{return await o(this,r,L).call(this,h,e,i)}finally{URL.revokeObjectURL(h)}};tt=function(t){const e=t.cloneNode(!0),i=t.getBoundingClientRect(),s=t.viewBox?.baseVal,a=Math.round(s?.width||i.width||Number(t.getAttribute("width"))||0),h=Math.round(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")&&a&&e.setAttribute("width",String(a)),!e.getAttribute("height")&&h&&e.setAttribute("height",String(h)),!e.getAttribute("viewBox")&&a&&h&&e.setAttribute("viewBox",`0 0 ${a} ${h}`),o(this,r,A).call(this,t,e),e.querySelectorAll(".highcharts-tooltip, .highcharts-contextmenu, .highcharts-a11y-proxy-container, .highcharts-a11y-dummy-point").forEach(n=>n.remove()),{width:a,height:h,serialized:new XMLSerializer().serializeToString(e)}};A=function(t,e){const i=getComputedStyle(t);let s="";for(let n=0;n<i.length;n+=1){const l=i[n],c=i.getPropertyValue(l);c&&(s+=`${l}:${c};`)}s&&e.setAttribute("style",s);const a=Array.from(t.children),h=Array.from(e.children);for(let n=0;n<a.length;n+=1){const l=a[n],c=h[n];l&&c&&o(this,r,A).call(this,l,c)}};L=async function(t,e,i){const s=Math.max(1,Math.min(2,window.devicePixelRatio||1)),a=Math.max(1,Math.round(e)),h=Math.max(1,Math.round(i)),n=document.createElement("canvas");n.width=Math.max(1,Math.round(a*s)),n.height=Math.max(1,Math.round(h*s));const l=n.getContext("2d");if(!l)return null;const c=await o(this,r,et).call(this,t);return c?(l.scale(s,s),l.fillStyle=o(this,r,O).call(this),l.fillRect(0,0,a,h),l.drawImage(c,0,0,a,h),n):null};et=function(t){return new Promise(e=>{const i=new Image;i.crossOrigin="anonymous",i.onload=()=>e(i),i.onerror=()=>e(null),i.src=t})};it=function(t,e,i){return new Promise(s=>{t.toBlob(a=>s(a),e,i)})};O=function(){const t=this.shadowRoot?.querySelector(".viz-container"),e=getComputedStyle(t??this).backgroundColor;return e&&e!=="rgba(0, 0, 0, 0)"?e:"#ffffff"};I=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)};E=function(){const t=o(this,r,x).call(this,this.spacing),e=o(this,r,x).call(this,this.spacingTop)??t,i=o(this,r,x).call(this,this.spacingBottom)??t,s=o(this,r,x).call(this,this.spacingLeft),a=o(this,r,x).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"),a?this.style.setProperty("--scb-viz-spacing-inline-end",a):this.style.removeProperty("--scb-viz-spacing-inline-end")};x=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};R=function(){const t=this.containerMaxWidth?.trim();t?this.style.setProperty("--scb-viz-container-max-width",t):this.style.removeProperty("--scb-viz-container-max-width")};g.styles=at`
     :host {
       display: block;
       box-sizing: border-box;
@@ -646,13 +658,24 @@ import{a as st,n as m,r as B,i as at,x as d,k as O,l as nt,t as rt}from"../../ve
 
     .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--with-actions {
+      display: flex;
+      align-items: flex-start;
+      justify-content: space-between;
+      gap: var(--spacing-4, 16px);
+    }
+
+    .header__text {
+      max-width: 600px;
+      min-width: 0;
+    }
+
     .actions-row {
       display: flex;
       align-items: flex-start;
@@ -985,6 +1008,10 @@ import{a as st,n as m,r as B,i as at,x as d,k as O,l as nt,t as rt}from"../../ve
       display: none !important;
     }
 
+    :host([data-scb-viz-print-preview]) .actions-menu {
+      display: none !important;
+    }
+
     :host([data-scb-viz-print-preview]) .actions-menu-panel {
       display: none !important;
     }
@@ -1044,6 +1071,10 @@ import{a as st,n as m,r as B,i as at,x as d,k as O,l as nt,t as rt}from"../../ve
         display: none !important;
       }
 
+      .actions-menu {
+        display: none !important;
+      }
+
       .actions-menu-panel {
         display: none !important;
       }
@@ -1089,4 +1120,4 @@ import{a as st,n as m,r as B,i as at,x as d,k as O,l as nt,t as rt}from"../../ve
         width: calc(100% / var(--scb-viz-print-scale, 1));
       }
     }
-  `;v([m({type:String,reflect:!0})],p.prototype,"variant",2);v([m({type:String,reflect:!0,attribute:"selected-chip"})],p.prototype,"selectedChip",2);v([m({type:String,reflect:!0})],p.prototype,"title",2);v([m({type:String,reflect:!0})],p.prototype,"subtitle",2);v([m({type:String,reflect:!0})],p.prototype,"description",2);v([m({type:String,reflect:!0})],p.prototype,"comment",2);v([m({type:String,reflect:!0})],p.prototype,"source",2);v([m({type:String,reflect:!0})],p.prototype,"footnote",2);v([m({type:String,reflect:!0,attribute:"lang"})],p.prototype,"lang",2);v([m({type:String,reflect:!0,attribute:"image-href"})],p.prototype,"imageHref",2);v([m({type:Boolean,reflect:!0,attribute:"official-statistics"})],p.prototype,"officialStatistics",2);v([m({type:Boolean,reflect:!0,attribute:"disable-toggle"})],p.prototype,"disableToggle",2);v([m({type:String,attribute:"content-max-width"})],p.prototype,"contentMaxWidth",2);v([m({type:String,attribute:"container-max-width"})],p.prototype,"containerMaxWidth",2);v([m({type:String,attribute:"content-height"})],p.prototype,"contentHeight",2);v([m({type:String,reflect:!0,attribute:"toggle-height-mode"})],p.prototype,"toggleHeightMode",2);v([m({attribute:!1})],p.prototype,"tableData",2);v([B()],p.prototype,"_slottedTableData",2);v([B()],p.prototype,"_actionsMenuOpen",2);v([m({type:String,reflect:!0})],p.prototype,"spacing",2);v([m({type:String,attribute:"spacing-top",reflect:!0})],p.prototype,"spacingTop",2);v([m({type:String,attribute:"spacing-bottom",reflect:!0})],p.prototype,"spacingBottom",2);v([m({type:String,attribute:"spacing-left",reflect:!0})],p.prototype,"spacingLeft",2);v([m({type:String,attribute:"spacing-right",reflect:!0})],p.prototype,"spacingRight",2);p=v([rt("scb-viz")],p);
+  `;b([m({type:String,reflect:!0})],g.prototype,"variant",2);b([m({type:String,reflect:!0,attribute:"selected-chip"})],g.prototype,"selectedChip",2);b([m({type:String,reflect:!0})],g.prototype,"title",2);b([m({type:String,reflect:!0})],g.prototype,"subtitle",2);b([m({type:String,reflect:!0})],g.prototype,"description",2);b([m({type:String,reflect:!0})],g.prototype,"comment",2);b([m({type:String,reflect:!0})],g.prototype,"source",2);b([m({type:String,reflect:!0})],g.prototype,"footnote",2);b([m({type:String,reflect:!0,attribute:"lang"})],g.prototype,"lang",2);b([m({type:String,reflect:!0,attribute:"image-href"})],g.prototype,"imageHref",2);b([m({type:Boolean,reflect:!0,attribute:"official-statistics"})],g.prototype,"officialStatistics",2);b([m({type:Boolean,reflect:!0,attribute:"disable-toggle"})],g.prototype,"disableToggle",2);b([m({type:String,attribute:"content-max-width"})],g.prototype,"contentMaxWidth",2);b([m({type:String,attribute:"container-max-width"})],g.prototype,"containerMaxWidth",2);b([m({type:String,attribute:"content-height"})],g.prototype,"contentHeight",2);b([m({type:String,reflect:!0,attribute:"toggle-height-mode"})],g.prototype,"toggleHeightMode",2);b([m({attribute:!1})],g.prototype,"tableData",2);b([T()],g.prototype,"_slottedTableData",2);b([T()],g.prototype,"_actionsMenuOpen",2);b([T()],g.prototype,"_seriesDifferentiationEnabled",2);b([m({type:String,reflect:!0})],g.prototype,"spacing",2);b([m({type:String,attribute:"spacing-top",reflect:!0})],g.prototype,"spacingTop",2);b([m({type:String,attribute:"spacing-bottom",reflect:!0})],g.prototype,"spacingBottom",2);b([m({type:String,attribute:"spacing-left",reflect:!0})],g.prototype,"spacingLeft",2);b([m({type:String,attribute:"spacing-right",reflect:!0})],g.prototype,"spacingRight",2);g=b([ot("scb-viz")],g);

package/package.json

@@ -1,6 +1,6 @@
 {
     "name":  "scb-wc-test",
-    "version":  "0.1.285",
+    "version":  "0.1.287",
     "type":  "module",
     "main":  "index.js",
     "module":  "index.js",
@@ -386,5 +386,5 @@
                                   },
                     "./mvc/*":  "./mvc/*"
                 },
-    "buildHash":  "5AF705EB0618D65A26AF4CA756BCAAD4B723EAEDF00C99446AE365FF288948F4"
+    "buildHash":  "888A8D813265C6957EF7201576978AAD7521907BC8A4C494228AFCC3CE637170"
 }