scb-wc 0.1.207 → 0.1.209
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/mvc/components/scb-dropdown/scb-dropdown.js +7 -7
- package/mvc/components/scb-header/scb-header.js +1 -1
- package/mvc/components/scb-viz/scb-viz.js +4 -4
- package/mvc/scb-wc-core.css +1 -1
- package/mvc/scb-wc-selfhost.css +1 -1
- package/mvc/scb-wc.css +1 -1
- package/package.json +2 -2
- package/scb-dropdown/scb-dropdown.js +4 -0
- package/scb-header/scb-header.js +4 -0
- package/scb-viz/scb-viz.js +10 -10
- package/scb-wc-core.css +1 -1
- package/scb-wc-selfhost.css +1 -1
- package/scb-wc.bundle.js +18 -10
- package/scb-wc.css +1 -1
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{d as b,g as z,h as O,m as I,p as d,v
|
|
1
|
+
import{d as b,g as z,h as O,m as I,p as d,v,y as L}from"../../vendor/vendor.js";import"../../vendor/vendor-lit.js";import"../../vendor/icon.js";import{ensureFocusRingOnFocusVisible as $}from"../shared/lazy-focus-ring.js";import{t as H}from"../../vendor/component-defaults.js";import{t as l}from"../../vendor/decorate.js";import"../scb-chevron/scb-chevron.js";import"../scb-button/scb-button.js";import{closeManualPopover as M,closeManualPopoverAfterAnimations as W,isManualPopoverOpen as E,openManualPopover as B}from"../shared/manual-popover.js";import"../scb-options-menu/scb-options-menu.js";(function(){try{var u=typeof globalThis<"u"?globalThis:window;if(!u.__scb_ce_guard_installed__){u.__scb_ce_guard_installed__=!0;var e=customElements.define.bind(customElements);customElements.define=function(t,s,i){try{customElements.get(t)||e(t,s,i)}catch(o){var n=String(o||"");if(n.indexOf("already been used")===-1&&n.indexOf("NotSupportedError")===-1)throw o}}}}catch{}})();var f,F=()=>{if(typeof window>"u"||typeof document>"u"||!("customElements"in window)||document.head.querySelector("style[data-scb-dropdown-pre-upgrade]"))return;const u=document.createElement("style");u.setAttribute("data-scb-dropdown-pre-upgrade",""),u.textContent=`
|
|
2
2
|
scb-dropdown:not(:defined) {
|
|
3
3
|
display: inline-block;
|
|
4
4
|
position: relative;
|
|
@@ -34,8 +34,8 @@ import{d as b,g as z,h as O,m as I,p as d,v as f,y as L}from"../../vendor/vendor
|
|
|
34
34
|
scb-dropdown:not(:defined) > * {
|
|
35
35
|
display: none;
|
|
36
36
|
}
|
|
37
|
-
`,document.head.appendChild(u);const e=n=>{const o=String(n??"").trim();if(o)return/^\d+$/.test(o)?`var(--spacing-${Math.max(0,Math.min(14,parseInt(o,10)))})`:o},t=n=>{const o=e(n.getAttribute("spacing")),p=e(n.getAttribute("spacing-top"))??o,r=e(n.getAttribute("spacing-bottom"))??o,c=e(n.getAttribute("spacing-left")),h=e(n.getAttribute("spacing-right"));p?n.style.setProperty("--scb-dropdown-spacing-block-start",p):n.style.removeProperty("--scb-dropdown-spacing-block-start"),r?n.style.setProperty("--scb-dropdown-spacing-block-end",r):n.style.removeProperty("--scb-dropdown-spacing-block-end"),c?n.style.setProperty("--scb-dropdown-spacing-inline-start",c):n.style.removeProperty("--scb-dropdown-spacing-inline-start"),h?n.style.setProperty("--scb-dropdown-spacing-inline-end",h):n.style.removeProperty("--scb-dropdown-spacing-inline-end")};document.querySelectorAll("scb-dropdown").forEach(t);const i=new MutationObserver(n=>{for(const o of n){if(o.type==="attributes"){const p=o.target;p instanceof HTMLElement&&p.tagName.toLowerCase()==="scb-dropdown"&&t(p);continue}if(o.type==="childList"){const p=[...Array.from(o.addedNodes),...Array.from(o.removedNodes)];for(const r of p)if(r instanceof HTMLElement){if(r.tagName.toLowerCase()==="scb-dropdown"){t(r);continue}r.querySelectorAll?.("scb-dropdown").forEach(c=>{c instanceof HTMLElement&&t(c)})}}}});i.observe(document.documentElement,{subtree:!0,childList:!0,attributes:!0,attributeFilter:["spacing","spacing-top","spacing-bottom","spacing-left","spacing-right"]}),customElements.whenDefined("scb-dropdown").then(()=>{i.disconnect()})};F();var a=(v=class extends O{constructor(...e){super(...e),this.label="Dropdown",this.variant="filled",this.size=H["scb-dropdown"].size,this.open=!1,this.disabled=!1,this.spacing=void 0,this.spacingTop=void 0,this.spacingBottom=void 0,this.spacingLeft=void 0,this.spacingRight=void 0,this.menuGap="3",this.width=null,this.minWidth=null,this.maxWidth=null,this.dataIndex=null,this.ariaCurrent=null,this._slottedMenuEl=null,this._openSettledTimer=null,this._menuCloseTimer=null,this._panelResizeObserver=null,this._panelHeightSyncRaf=null,this._panelPlacementRaf=null,this._onViewportChange=()=>{this.open&&this._schedulePanelPlacement()},this._onDocumentClickBound=t=>{if(!this.open)return;const s=t.composedPath(),i=s.find(n=>n instanceof HTMLElement&&n.tagName.toLowerCase()==="scb-dropdown");if(i&&i!==this){this.open=!1;return}s.includes(this)||(this.open=!1)},this._onDocumentKeydownBound=t=>{this.open&&t.key==="Escape"&&(t.preventDefault(),t.stopPropagation(),this.open=!1,this.updateComplete.then(()=>this.focus({preventScroll:!0})))},this._onSlottedMenuOpen=()=>{this.open||(this.open=!0)},this._onSlottedMenuClose=()=>{this.open&&(this.open=!1)},this._onSlotChange=()=>{this._syncSlottedMenu(),this._applyPanelSizing(),this._applyInertByOpen(),this.requestUpdate()},this._onTriggerClick=t=>{this.hasAttribute("as-tab")||t.stopPropagation(),!this.disabled&&(this.open=!this.open)}}connectedCallback(){super.connectedCallback(),document.addEventListener("click",this._onDocumentClickBound,!0),document.addEventListener("keydown",this._onDocumentKeydownBound),window.addEventListener("resize",this._onViewportChange,{passive:!0}),window.addEventListener("scroll",this._onViewportChange,{passive:!0,capture:!0})}disconnectedCallback(){document.removeEventListener("click",this._onDocumentClickBound,!0),document.removeEventListener("keydown",this._onDocumentKeydownBound),window.removeEventListener("resize",this._onViewportChange),window.removeEventListener("scroll",this._onViewportChange,!0),this._detachSlottedMenuListeners(),M(this.renderRoot.querySelector(".panel")),this._panelResizeObserver&&(this._panelResizeObserver.disconnect(),this._panelResizeObserver=null),this._panelHeightSyncRaf!==null&&(window.cancelAnimationFrame(this._panelHeightSyncRaf),this._panelHeightSyncRaf=null),this._panelPlacementRaf!==null&&(window.cancelAnimationFrame(this._panelPlacementRaf),this._panelPlacementRaf=null),this._openSettledTimer!==null&&(window.clearTimeout(this._openSettledTimer),this._openSettledTimer=null),this._menuCloseTimer!==null&&(window.clearTimeout(this._menuCloseTimer),this._menuCloseTimer=null),super.disconnectedCallback()}firstUpdated(e){super.firstUpdated(e),this._syncSlottedMenu(),this._applyPanelVars(),this._applyPanelSizing(),this._applyChevronState(),this._applyInertByOpen(),this._setupPanelResizeObserver(),this._syncPanelMaxHeightByOpen(),this._syncOverflowVisibilityByOpen(),this._syncPanelPopover()}updated(e){super.updated(e),e.has("menuGap")&&this._applyPanelVars(),(e.has("width")||e.has("minWidth")||e.has("maxWidth"))&&this._applyPanelSizing(),(e.has("spacing")||e.has("spacingTop")||e.has("spacingBottom")||e.has("spacingLeft")||e.has("spacingRight"))&&this._applySpacing(),e.has("open")&&(this.open||this._closeAllSubMenus(),this._syncSlottedMenuOpen(),this._applyChevronState(),this._applyInertByOpen(),this._syncPanelMaxHeightByOpen(),this._syncOverflowVisibilityByOpen(),this._syncPanelPopover(),this.dispatchEvent(new CustomEvent("openchange",{bubbles:!0,composed:!0,detail:{open:this.open}})))}_applyPanelVars(){if(this.menuGap==null||String(this.menuGap).trim()===""){this.style.removeProperty("--scb-dropdown-panel-gap");return}this.style.setProperty("--scb-dropdown-panel-gap",this._mapSpacingToken(this.menuGap))}_applyPanelSizing(){const e=this.renderRoot.querySelector(".panel-surface");e&&(this.width&&String(this.width).trim()!==""?e.style.inlineSize=this.width:e.style.removeProperty("inline-size"),this.minWidth&&String(this.minWidth).trim()!==""?e.style.minInlineSize=this.minWidth:e.style.removeProperty("min-inline-size"),this.maxWidth&&String(this.maxWidth).trim()!==""?e.style.maxInlineSize=this.maxWidth:e.style.removeProperty("max-inline-size")),this._slottedMenuEl&&(this.width&&String(this.width).trim()!==""?this._slottedMenuEl.style.inlineSize=this.width:this._slottedMenuEl.style.removeProperty("inline-size"),this.minWidth&&String(this.minWidth).trim()!==""?this._slottedMenuEl.style.minInlineSize=this.minWidth:this._slottedMenuEl.style.removeProperty("min-inline-size"),this.maxWidth&&String(this.maxWidth).trim()!==""?this._slottedMenuEl.style.maxInlineSize=this.maxWidth:this._slottedMenuEl.style.removeProperty("max-inline-size")),this._schedulePanelHeightSync()}_setupPanelResizeObserver(){if(this._panelResizeObserver||typeof ResizeObserver>"u")return;const e=this._panelInnerEl;e&&(this._panelResizeObserver=new ResizeObserver(()=>{this._schedulePanelHeightSync()}),this._panelResizeObserver.observe(e))}_schedulePanelHeightSync(){this._panelHeightSyncRaf===null&&(this._panelHeightSyncRaf=window.requestAnimationFrame(()=>{this._panelHeightSyncRaf=null,this._syncPanelMaxHeightByOpen()}))}_schedulePanelPlacement(){this._panelPlacementRaf===null&&(this._panelPlacementRaf=window.requestAnimationFrame(()=>{this._panelPlacementRaf=null,this._positionPanelInViewport()}))}_syncPanelPopover(){const e=this.renderRoot.querySelector(".panel");if(!e)return;if(this.open){B(e)&&this._schedulePanelPlacement();return}const t=()=>{this._panelSurfaceEl?.style.removeProperty("--scb-dropdown-panel-viewport-max-height"),e.style.removeProperty("position"),e.style.removeProperty("left"),e.style.removeProperty("right"),e.style.removeProperty("top"),e.style.removeProperty("bottom"),e.style.removeProperty("width")};E(e)?W(e,t,this._panelSurfaceEl??e):(M(e),t())}_positionPanelInViewport(){const e=this.renderRoot.querySelector(".panel"),t=this._triggerEl;if(!e||!t||!E(e))return;const s=this._panelSurfaceEl,i=t.getBoundingClientRect(),n=s?.getBoundingClientRect(),o=8,p=Number.parseFloat(getComputedStyle(this).getPropertyValue("--scb-dropdown-panel-gap")),r=Number.isFinite(p)?p:8,c=Math.max(0,window.innerWidth-o*2),h=s?getComputedStyle(s):null,P=h?[h.paddingInlineStart,h.paddingInlineEnd].map(g=>Number.parseFloat(g)).filter(Number.isFinite).reduce((g,R)=>g+R,0):0,y=(this._panelInnerEl?.scrollWidth||0)+P,w=Number.parseFloat(h?.maxWidth??""),k=this.width?0:Math.min(y,Number.isFinite(w)?w:y),T=Math.max(n?.width||0,s?.scrollWidth||0,k,i.width),_=Math.min(Math.max(i.width,T),c),C=Math.min(Math.max(i.left,o),window.innerWidth-o-_);e.style.position="fixed",e.style.left=`${Math.round(C)}px`,e.style.right="auto",e.style.width=`${Math.round(_)}px`;const m=window.innerHeight-i.bottom-r-o,x=i.top-r-o,S=(s?.scrollHeight||n?.height||0)>m&&x>m,A=Math.max(0,S?x:m);s?.style.setProperty("--scb-dropdown-panel-viewport-max-height",`${Math.floor(A)}px`),S?(e.style.top="auto",e.style.bottom=`${Math.round(window.innerHeight-i.top+r)}px`):(e.style.top=`${Math.round(i.bottom+r)}px`,e.style.bottom="auto")}_syncPanelMaxHeightByOpen(){const e=this._panelSurfaceEl;if(!e)return;if(this._slottedMenuEl){e.style.removeProperty("--scb-dropdown-panel-current-max-height");return}if(!this.open){e.style.setProperty("--scb-dropdown-panel-current-max-height","0px");return}const t=this._panelInnerEl;if(!t)return;const s=getComputedStyle(e),i=(Number.parseFloat(s.paddingTop)||0)+(Number.parseFloat(s.paddingBottom)||0),n=`${Math.ceil(t.scrollHeight+i)}px`;e.style.getPropertyValue("--scb-dropdown-panel-current-max-height").trim()!==n&&(e.style.setProperty("--scb-dropdown-panel-current-max-height",n),this._schedulePanelPlacement())}_mapSpacingToken(e){const t=String(e).trim();return/^\d+$/.test(t)?`var(--spacing-${Math.max(0,Math.min(14,parseInt(t,10)))})`:t}_mapHostSpacingToken(e){if(!e)return;const t=String(e).trim();if(t)return/^\d+$/.test(t)?`var(--spacing-${Math.max(0,Math.min(14,parseInt(t,10)))})`:t}_applySpacing(){const e=this._mapHostSpacingToken(this.spacing),t=this._mapHostSpacingToken(this.spacingTop)??e,s=this._mapHostSpacingToken(this.spacingBottom)??e,i=this._mapHostSpacingToken(this.spacingLeft),n=this._mapHostSpacingToken(this.spacingRight);t?this.style.setProperty("--scb-dropdown-spacing-block-start",t):this.style.removeProperty("--scb-dropdown-spacing-block-start"),s?this.style.setProperty("--scb-dropdown-spacing-block-end",s):this.style.removeProperty("--scb-dropdown-spacing-block-end"),i?this.style.setProperty("--scb-dropdown-spacing-inline-start",i):this.style.removeProperty("--scb-dropdown-spacing-inline-start"),n?this.style.setProperty("--scb-dropdown-spacing-inline-end",n):this.style.removeProperty("--scb-dropdown-spacing-inline-end")}_syncSlottedMenu(){const e=(this._slotEl?.assignedElements({flatten:!0})??[]).find(t=>t.tagName.toLowerCase()==="scb-options-menu");if(e===this._slottedMenuEl){this._syncSlottedMenuOpen();return}this._detachSlottedMenuListeners(),this._slottedMenuEl=e??null,this._slottedMenuEl&&(this._slottedMenuEl.addEventListener("open",this._onSlottedMenuOpen),this._slottedMenuEl.addEventListener("close",this._onSlottedMenuClose),this._syncSlottedMenuOpen())}_detachSlottedMenuListeners(){this._slottedMenuEl&&(this._slottedMenuEl.removeEventListener("open",this._onSlottedMenuOpen),this._slottedMenuEl.removeEventListener("close",this._onSlottedMenuClose))}_syncSlottedMenuOpen(){if(!this._slottedMenuEl)return;if(this._menuCloseTimer!==null&&(window.clearTimeout(this._menuCloseTimer),this._menuCloseTimer=null),this.open){this._slottedMenuEl.open=!0;return}const e=this._getPanelTransitionMs();if(e<=0){this._slottedMenuEl.open=!1;return}this._menuCloseTimer=window.setTimeout(()=>{this._menuCloseTimer=null,!this.open&&this._slottedMenuEl&&(this._slottedMenuEl.open=!1)},e)}_syncOverflowVisibilityByOpen(){if(this._openSettledTimer!==null&&(window.clearTimeout(this._openSettledTimer),this._openSettledTimer=null),this.removeAttribute("data-open-settled"),!this.open)return;const e=this.renderRoot.querySelector(".panel-surface");if(!e){this.setAttribute("data-open-settled","");return}const t=this._getTransitionMs(e);if(t<=0){this.setAttribute("data-open-settled","");return}this._openSettledTimer=window.setTimeout(()=>{this._openSettledTimer=null,this.open&&this.setAttribute("data-open-settled","")},t)}_getPanelTransitionMs(){const e=this.renderRoot.querySelector(".panel-surface");return e?this._getTransitionMs(e):0}_getTransitionMs(e){const t=getComputedStyle(e),s=t.transitionDuration.split(",").map(r=>r.trim()),i=t.transitionDelay.split(",").map(r=>r.trim()),n=r=>{const c=parseFloat(r);return Number.isFinite(c)?r.endsWith("ms")?c:r.endsWith("s")?c*1e3:c:0},o=Math.max(s.length,i.length);let p=0;for(let r=0;r<o;r+=1){const c=n(s[r]??s[s.length-1]??"0s"),h=n(i[r]??i[i.length-1]??"0s");p=Math.max(p,c+h)}return Math.ceil(p)}_applyInertByOpen(){const e=this.renderRoot.querySelector(".panel");e&&(this.open?(e.removeAttribute("inert"),e.setAttribute("aria-hidden","false"),this._restoreTabIndexesIfNeeded()):(e.setAttribute("inert",""),e.setAttribute("aria-hidden","true"),this._removeTabIndexesIfNeeded()))}_supportsInert(){return"inert"in HTMLElement.prototype}_collectFocusableFromSlot(){const e=this._slotEl;if(!e)return[];const t=e.assignedElements({flatten:!0}),s=[],i=n=>{n instanceof HTMLElement&&n.matches("a,button,input,select,textarea,[tabindex]")&&s.push(n)};return t.forEach(n=>{i(n),n.querySelectorAll?.("a,button,input,select,textarea,[tabindex]").forEach(o=>i(o))}),s}_removeTabIndexesIfNeeded(){this._supportsInert()||this._collectFocusableFromSlot().forEach(e=>{const t=e.getAttribute("tabindex");t!==null&&e.setAttribute("data-scb-prev-tabindex",t),e.setAttribute("tabindex","-1")})}_restoreTabIndexesIfNeeded(){this._supportsInert()||this._collectFocusableFromSlot().forEach(e=>{const t=e.getAttribute("data-scb-prev-tabindex");t!==null?(e.setAttribute("tabindex",t),e.removeAttribute("data-scb-prev-tabindex")):e.removeAttribute("tabindex")})}_closeAllSubMenus(){const e=this.querySelectorAll("scb-options-sub-menu");for(const t of e)t.removeAttribute("open")}focus(e){const t=this._triggerEl;if(t?.focus){t.focus(e);return}super.focus(e)}_applyChevronState(){if(this.hasAttribute("as-tab"))return;const e=this._ensureTriggerChevronEl();e&&(e.open=this.open)}_ensureTriggerChevronEl(){const e=this._triggerEl;if(e?.tagName?.toLowerCase?.()!=="scb-button")return null;const t=e?.shadowRoot;if(!t)return null;const s=t.querySelector('scb-chevron[slot="icon"]');if(s)return s;const i=t.querySelector('md-icon[slot="icon"]')??t.querySelector("md-icon");if(!i)return null;const n=document.createElement("scb-chevron");n.setAttribute("slot","icon"),n.setAttribute("aria-hidden","true"),n.classList.add("chevron");const o=getComputedStyle(i).fontSize;return o&&n.style.setProperty("--scb-chevron-size",o),i.replaceWith(n),n}render(){const e=!!this._slottedMenuEl,t=this.hasAttribute("as-tab"),s=this.dataIndex,i=this.ariaCurrent==="page"?"page":z;return f`
|
|
38
|
-
${t?
|
|
37
|
+
`,document.head.appendChild(u);const e=n=>{const o=String(n??"").trim();if(o)return/^\d+$/.test(o)?`var(--spacing-${Math.max(0,Math.min(14,parseInt(o,10)))})`:o},t=n=>{const o=e(n.getAttribute("spacing")),p=e(n.getAttribute("spacing-top"))??o,r=e(n.getAttribute("spacing-bottom"))??o,c=e(n.getAttribute("spacing-left")),h=e(n.getAttribute("spacing-right"));p?n.style.setProperty("--scb-dropdown-spacing-block-start",p):n.style.removeProperty("--scb-dropdown-spacing-block-start"),r?n.style.setProperty("--scb-dropdown-spacing-block-end",r):n.style.removeProperty("--scb-dropdown-spacing-block-end"),c?n.style.setProperty("--scb-dropdown-spacing-inline-start",c):n.style.removeProperty("--scb-dropdown-spacing-inline-start"),h?n.style.setProperty("--scb-dropdown-spacing-inline-end",h):n.style.removeProperty("--scb-dropdown-spacing-inline-end")};document.querySelectorAll("scb-dropdown").forEach(t);const i=new MutationObserver(n=>{for(const o of n){if(o.type==="attributes"){const p=o.target;p instanceof HTMLElement&&p.tagName.toLowerCase()==="scb-dropdown"&&t(p);continue}if(o.type==="childList"){const p=[...Array.from(o.addedNodes),...Array.from(o.removedNodes)];for(const r of p)if(r instanceof HTMLElement){if(r.tagName.toLowerCase()==="scb-dropdown"){t(r);continue}r.querySelectorAll?.("scb-dropdown").forEach(c=>{c instanceof HTMLElement&&t(c)})}}}});i.observe(document.documentElement,{subtree:!0,childList:!0,attributes:!0,attributeFilter:["spacing","spacing-top","spacing-bottom","spacing-left","spacing-right"]}),customElements.whenDefined("scb-dropdown").then(()=>{i.disconnect()})};F();var a=(f=class extends O{constructor(...e){super(...e),this.label="Dropdown",this.variant="filled",this.size=H["scb-dropdown"].size,this.open=!1,this.disabled=!1,this.spacing=void 0,this.spacingTop=void 0,this.spacingBottom=void 0,this.spacingLeft=void 0,this.spacingRight=void 0,this.menuGap="3",this.width=null,this.minWidth=null,this.maxWidth=null,this.dataIndex=null,this.ariaCurrent=null,this._slottedMenuEl=null,this._openSettledTimer=null,this._menuCloseTimer=null,this._panelResizeObserver=null,this._panelHeightSyncRaf=null,this._panelPlacementRaf=null,this._onViewportChange=()=>{this.open&&this._schedulePanelPlacement()},this._onDocumentClickBound=t=>{if(!this.open)return;const s=t.composedPath(),i=s.find(n=>n instanceof HTMLElement&&n.tagName.toLowerCase()==="scb-dropdown");if(i&&i!==this){this.open=!1;return}s.includes(this)||(this.open=!1)},this._onDocumentKeydownBound=t=>{this.open&&t.key==="Escape"&&(t.preventDefault(),t.stopPropagation(),this.open=!1,this.updateComplete.then(()=>this.focus({preventScroll:!0})))},this._onSlottedMenuOpen=()=>{this.open||(this.open=!0)},this._onSlottedMenuClose=()=>{this.open&&(this.open=!1)},this._onSlotChange=()=>{this._syncSlottedMenu(),this._applyPanelSizing(),this._applyInertByOpen(),this.requestUpdate()},this._onTriggerClick=t=>{this.hasAttribute("as-tab")||t.stopPropagation(),!this.disabled&&(this.open=!this.open)}}connectedCallback(){super.connectedCallback(),document.addEventListener("click",this._onDocumentClickBound,!0),document.addEventListener("keydown",this._onDocumentKeydownBound),window.addEventListener("resize",this._onViewportChange,{passive:!0}),window.addEventListener("scroll",this._onViewportChange,{passive:!0,capture:!0})}disconnectedCallback(){document.removeEventListener("click",this._onDocumentClickBound,!0),document.removeEventListener("keydown",this._onDocumentKeydownBound),window.removeEventListener("resize",this._onViewportChange),window.removeEventListener("scroll",this._onViewportChange,!0),this._detachSlottedMenuListeners(),M(this.renderRoot.querySelector(".panel")),this._panelResizeObserver&&(this._panelResizeObserver.disconnect(),this._panelResizeObserver=null),this._panelHeightSyncRaf!==null&&(window.cancelAnimationFrame(this._panelHeightSyncRaf),this._panelHeightSyncRaf=null),this._panelPlacementRaf!==null&&(window.cancelAnimationFrame(this._panelPlacementRaf),this._panelPlacementRaf=null),this._openSettledTimer!==null&&(window.clearTimeout(this._openSettledTimer),this._openSettledTimer=null),this._menuCloseTimer!==null&&(window.clearTimeout(this._menuCloseTimer),this._menuCloseTimer=null),super.disconnectedCallback()}firstUpdated(e){super.firstUpdated(e),this._syncSlottedMenu(),this._applyPanelVars(),this._applyPanelSizing(),this._applyChevronState(),this._applyInertByOpen(),this._setupPanelResizeObserver(),this._syncPanelMaxHeightByOpen(),this._syncOverflowVisibilityByOpen(),this._syncPanelPopover()}updated(e){super.updated(e),e.has("menuGap")&&this._applyPanelVars(),(e.has("width")||e.has("minWidth")||e.has("maxWidth"))&&this._applyPanelSizing(),(e.has("spacing")||e.has("spacingTop")||e.has("spacingBottom")||e.has("spacingLeft")||e.has("spacingRight"))&&this._applySpacing(),e.has("open")&&(this.open||this._closeAllSubMenus(),this._syncSlottedMenuOpen(),this._applyChevronState(),this._applyInertByOpen(),this._syncPanelMaxHeightByOpen(),this._syncOverflowVisibilityByOpen(),this._syncPanelPopover(),this.dispatchEvent(new CustomEvent("openchange",{bubbles:!0,composed:!0,detail:{open:this.open}})))}_applyPanelVars(){if(this.menuGap==null||String(this.menuGap).trim()===""){this.style.removeProperty("--scb-dropdown-panel-gap");return}this.style.setProperty("--scb-dropdown-panel-gap",this._mapSpacingToken(this.menuGap))}_applyPanelSizing(){const e=this.renderRoot.querySelector(".panel-surface");e&&(this.width&&String(this.width).trim()!==""?e.style.inlineSize=this.width:e.style.removeProperty("inline-size"),this.minWidth&&String(this.minWidth).trim()!==""?e.style.minInlineSize=this.minWidth:e.style.removeProperty("min-inline-size"),this.maxWidth&&String(this.maxWidth).trim()!==""?e.style.maxInlineSize=this.maxWidth:e.style.removeProperty("max-inline-size")),this._slottedMenuEl&&(this.width&&String(this.width).trim()!==""?this._slottedMenuEl.style.inlineSize=this.width:this._slottedMenuEl.style.removeProperty("inline-size"),this.minWidth&&String(this.minWidth).trim()!==""?this._slottedMenuEl.style.minInlineSize=this.minWidth:this._slottedMenuEl.style.removeProperty("min-inline-size"),this.maxWidth&&String(this.maxWidth).trim()!==""?this._slottedMenuEl.style.maxInlineSize=this.maxWidth:this._slottedMenuEl.style.removeProperty("max-inline-size")),this._schedulePanelHeightSync()}_setupPanelResizeObserver(){if(this._panelResizeObserver||typeof ResizeObserver>"u")return;const e=this._panelInnerEl;e&&(this._panelResizeObserver=new ResizeObserver(()=>{this._schedulePanelHeightSync()}),this._panelResizeObserver.observe(e))}_schedulePanelHeightSync(){this._panelHeightSyncRaf===null&&(this._panelHeightSyncRaf=window.requestAnimationFrame(()=>{this._panelHeightSyncRaf=null,this._syncPanelMaxHeightByOpen()}))}_schedulePanelPlacement(){this._panelPlacementRaf===null&&(this._panelPlacementRaf=window.requestAnimationFrame(()=>{this._panelPlacementRaf=null,this._positionPanelInViewport()}))}_syncPanelPopover(){const e=this.renderRoot.querySelector(".panel");if(!e)return;if(this.open){B(e)&&this._schedulePanelPlacement();return}const t=()=>{this._panelSurfaceEl?.style.removeProperty("--scb-dropdown-panel-viewport-max-height"),e.style.removeProperty("position"),e.style.removeProperty("left"),e.style.removeProperty("right"),e.style.removeProperty("top"),e.style.removeProperty("bottom"),e.style.removeProperty("width")};E(e)?W(e,t,this._panelSurfaceEl??e):(M(e),t())}_positionPanelInViewport(){const e=this.renderRoot.querySelector(".panel"),t=this._triggerEl;if(!e||!t||!E(e))return;const s=this._panelSurfaceEl,i=t.getBoundingClientRect(),n=s?.getBoundingClientRect(),o=8,p=Number.parseFloat(getComputedStyle(this).getPropertyValue("--scb-dropdown-panel-gap")),r=Number.isFinite(p)?p:8,c=Math.max(0,window.innerWidth-o*2),h=s?getComputedStyle(s):null,P=h?[h.paddingInlineStart,h.paddingInlineEnd].map(g=>Number.parseFloat(g)).filter(Number.isFinite).reduce((g,R)=>g+R,0):0,y=(this._panelInnerEl?.scrollWidth||0)+P,w=Number.parseFloat(h?.maxWidth??""),k=this.width?0:Math.min(y,Number.isFinite(w)?w:y),T=Math.max(n?.width||0,s?.scrollWidth||0,k,i.width),_=Math.min(Math.max(i.width,T),c),C=Math.min(Math.max(i.left,o),window.innerWidth-o-_);e.style.position="fixed",e.style.left=`${Math.round(C)}px`,e.style.right="auto",e.style.width=`${Math.round(_)}px`;const m=window.innerHeight-i.bottom-r-o,x=i.top-r-o,S=(s?.scrollHeight||n?.height||0)>m&&x>m,A=Math.max(0,S?x:m);s?.style.setProperty("--scb-dropdown-panel-viewport-max-height",`${Math.floor(A)}px`),S?(e.style.top="auto",e.style.bottom=`${Math.round(window.innerHeight-i.top+r)}px`):(e.style.top=`${Math.round(i.bottom+r)}px`,e.style.bottom="auto")}_syncPanelMaxHeightByOpen(){const e=this._panelSurfaceEl;if(!e)return;if(this._slottedMenuEl){e.style.removeProperty("--scb-dropdown-panel-current-max-height");return}if(!this.open){e.style.setProperty("--scb-dropdown-panel-current-max-height","0px");return}const t=this._panelInnerEl;if(!t)return;const s=getComputedStyle(e),i=(Number.parseFloat(s.paddingTop)||0)+(Number.parseFloat(s.paddingBottom)||0),n=`${Math.ceil(t.scrollHeight+i)}px`;e.style.getPropertyValue("--scb-dropdown-panel-current-max-height").trim()!==n&&(e.style.setProperty("--scb-dropdown-panel-current-max-height",n),this._schedulePanelPlacement())}_mapSpacingToken(e){const t=String(e).trim();return/^\d+$/.test(t)?`var(--spacing-${Math.max(0,Math.min(14,parseInt(t,10)))})`:t}_mapHostSpacingToken(e){if(!e)return;const t=String(e).trim();if(t)return/^\d+$/.test(t)?`var(--spacing-${Math.max(0,Math.min(14,parseInt(t,10)))})`:t}_applySpacing(){const e=this._mapHostSpacingToken(this.spacing),t=this._mapHostSpacingToken(this.spacingTop)??e,s=this._mapHostSpacingToken(this.spacingBottom)??e,i=this._mapHostSpacingToken(this.spacingLeft),n=this._mapHostSpacingToken(this.spacingRight);t?this.style.setProperty("--scb-dropdown-spacing-block-start",t):this.style.removeProperty("--scb-dropdown-spacing-block-start"),s?this.style.setProperty("--scb-dropdown-spacing-block-end",s):this.style.removeProperty("--scb-dropdown-spacing-block-end"),i?this.style.setProperty("--scb-dropdown-spacing-inline-start",i):this.style.removeProperty("--scb-dropdown-spacing-inline-start"),n?this.style.setProperty("--scb-dropdown-spacing-inline-end",n):this.style.removeProperty("--scb-dropdown-spacing-inline-end")}_syncSlottedMenu(){const e=(this._slotEl?.assignedElements({flatten:!0})??[]).find(t=>t.tagName.toLowerCase()==="scb-options-menu");if(e===this._slottedMenuEl){this._syncSlottedMenuOpen();return}this._detachSlottedMenuListeners(),this._slottedMenuEl=e??null,this._slottedMenuEl&&(this._slottedMenuEl.addEventListener("open",this._onSlottedMenuOpen),this._slottedMenuEl.addEventListener("close",this._onSlottedMenuClose),this._syncSlottedMenuOpen())}_detachSlottedMenuListeners(){this._slottedMenuEl&&(this._slottedMenuEl.removeEventListener("open",this._onSlottedMenuOpen),this._slottedMenuEl.removeEventListener("close",this._onSlottedMenuClose))}_syncSlottedMenuOpen(){if(!this._slottedMenuEl)return;if(this._menuCloseTimer!==null&&(window.clearTimeout(this._menuCloseTimer),this._menuCloseTimer=null),this.open){this._slottedMenuEl.open=!0;return}const e=this._getPanelTransitionMs();if(e<=0){this._slottedMenuEl.open=!1;return}this._menuCloseTimer=window.setTimeout(()=>{this._menuCloseTimer=null,!this.open&&this._slottedMenuEl&&(this._slottedMenuEl.open=!1)},e)}_syncOverflowVisibilityByOpen(){if(this._openSettledTimer!==null&&(window.clearTimeout(this._openSettledTimer),this._openSettledTimer=null),this.removeAttribute("data-open-settled"),!this.open)return;const e=this.renderRoot.querySelector(".panel-surface");if(!e){this.setAttribute("data-open-settled","");return}const t=this._getTransitionMs(e);if(t<=0){this.setAttribute("data-open-settled","");return}this._openSettledTimer=window.setTimeout(()=>{this._openSettledTimer=null,this.open&&this.setAttribute("data-open-settled","")},t)}_getPanelTransitionMs(){const e=this.renderRoot.querySelector(".panel-surface");return e?this._getTransitionMs(e):0}_getTransitionMs(e){const t=getComputedStyle(e),s=t.transitionDuration.split(",").map(r=>r.trim()),i=t.transitionDelay.split(",").map(r=>r.trim()),n=r=>{const c=parseFloat(r);return Number.isFinite(c)?r.endsWith("ms")?c:r.endsWith("s")?c*1e3:c:0},o=Math.max(s.length,i.length);let p=0;for(let r=0;r<o;r+=1){const c=n(s[r]??s[s.length-1]??"0s"),h=n(i[r]??i[i.length-1]??"0s");p=Math.max(p,c+h)}return Math.ceil(p)}_applyInertByOpen(){const e=this.renderRoot.querySelector(".panel");e&&(this.open?(e.removeAttribute("inert"),e.setAttribute("aria-hidden","false"),this._restoreTabIndexesIfNeeded()):(e.setAttribute("inert",""),e.setAttribute("aria-hidden","true"),this._removeTabIndexesIfNeeded()))}_supportsInert(){return"inert"in HTMLElement.prototype}_collectFocusableFromSlot(){const e=this._slotEl;if(!e)return[];const t=e.assignedElements({flatten:!0}),s=[],i=n=>{n instanceof HTMLElement&&n.matches("a,button,input,select,textarea,[tabindex]")&&s.push(n)};return t.forEach(n=>{i(n),n.querySelectorAll?.("a,button,input,select,textarea,[tabindex]").forEach(o=>i(o))}),s}_removeTabIndexesIfNeeded(){this._supportsInert()||this._collectFocusableFromSlot().forEach(e=>{const t=e.getAttribute("tabindex");t!==null&&e.setAttribute("data-scb-prev-tabindex",t),e.setAttribute("tabindex","-1")})}_restoreTabIndexesIfNeeded(){this._supportsInert()||this._collectFocusableFromSlot().forEach(e=>{const t=e.getAttribute("data-scb-prev-tabindex");t!==null?(e.setAttribute("tabindex",t),e.removeAttribute("data-scb-prev-tabindex")):e.removeAttribute("tabindex")})}_closeAllSubMenus(){const e=this.querySelectorAll("scb-options-sub-menu");for(const t of e)t.removeAttribute("open")}focus(e){const t=this._triggerEl;if(t?.focus){t.focus(e);return}super.focus(e)}_applyChevronState(){if(this.hasAttribute("as-tab"))return;const e=this._ensureTriggerChevronEl();e&&(e.open=this.open)}_ensureTriggerChevronEl(){const e=this._triggerEl;if(e?.tagName?.toLowerCase?.()!=="scb-button")return null;const t=e?.shadowRoot;if(!t)return null;const s=t.querySelector('scb-chevron[slot="icon"]');if(s)return s;const i=t.querySelector('md-icon[slot="icon"]')??t.querySelector("md-icon");if(!i)return null;const n=document.createElement("scb-chevron");n.setAttribute("slot","icon"),n.setAttribute("aria-hidden","true"),n.classList.add("chevron");const o=getComputedStyle(i).fontSize;return o&&n.style.setProperty("--scb-chevron-size",o),i.replaceWith(n),n}render(){const e=!!this._slottedMenuEl,t=this.hasAttribute("as-tab"),s=this.dataIndex,i=this.ariaCurrent==="page"?"page":z;return v`
|
|
38
|
+
${t?v`
|
|
39
39
|
<div class="tab-wrap">
|
|
40
40
|
<button
|
|
41
41
|
type="button"
|
|
@@ -54,7 +54,7 @@ import{d as b,g as z,h as O,m as I,p as d,v as f,y as L}from"../../vendor/vendor
|
|
|
54
54
|
</button>
|
|
55
55
|
<md-focus-ring></md-focus-ring>
|
|
56
56
|
</div>
|
|
57
|
-
`:
|
|
57
|
+
`:v`
|
|
58
58
|
<scb-button
|
|
59
59
|
data-scb-dropdown-trigger
|
|
60
60
|
label=${this.label}
|
|
@@ -80,7 +80,7 @@ import{d as b,g as z,h as O,m as I,p as d,v as f,y as L}from"../../vendor/vendor
|
|
|
80
80
|
</div>
|
|
81
81
|
</div>
|
|
82
82
|
</div>
|
|
83
|
-
`}},
|
|
83
|
+
`}},f.styles=L`:host{display:inline-block;position:relative;overflow:visible;margin-block-start:var(--scb-dropdown-spacing-block-start, 0);margin-block-end:var(--scb-dropdown-spacing-block-end, 0);margin-inline-start:var(--scb-dropdown-spacing-inline-start, 0);margin-inline-end:var(--scb-dropdown-spacing-inline-end, 0);--scb-dropdown-transition-duration:var(--motion-duration-short, 150ms);--scb-dropdown-transition-easing:var(
|
|
84
84
|
--motion-easing-emphasized-accelerate,
|
|
85
85
|
var(--motion-easing-emphasized, cubic-bezier(.69,.16,.2,.98))
|
|
86
86
|
);--scb-dropdown-panel-radius:var(--scb-dropdown-panel-radius-medium, var(--radius-extra-small, 4px));--scb-dropdown-panel-padding:var(--scb-dropdown-panel-padding-medium, var(--spacing-4, 12px))}:host([size='extra-small']){--scb-dropdown-panel-radius:var(--scb-dropdown-panel-radius-extra-small, var(--radius-extra-small, 4px));--scb-dropdown-panel-padding:var(--scb-dropdown-panel-padding-extra-small, var(--spacing-4, 12px))}:host([size='small']){--scb-dropdown-panel-radius:var(--scb-dropdown-panel-radius-small, var(--radius-extra-small, 4px));--scb-dropdown-panel-padding:var(--scb-dropdown-panel-padding-small, var(--spacing-4, 12px))}:host([size='large']){--scb-dropdown-panel-radius:var(--scb-dropdown-panel-radius-large, var(--radius-extra-small, 4px));--scb-dropdown-panel-padding:var(--scb-dropdown-panel-padding-large, var(--spacing-4, 12px))}:host([open]){--scb-dropdown-transition-easing:var(
|
|
@@ -116,8 +116,8 @@ import{d as b,g as z,h as O,m as I,p as d,v as f,y as L}from"../../vendor/vendor
|
|
|
116
116
|
--scb-typography-title-medium-tracking,
|
|
117
117
|
var(--md-sys-typescale-title-medium-tracking, 0)
|
|
118
118
|
)
|
|
119
|
-
);--scb-dropdown-tab-icon-size:var(--icon-size-small, 20px);--scb-dropdown-tab-gap:var(--spacing-2, 4px);--scb-dropdown-tab-min-block-size:var(--scb-header-tab-min-block-size, var(--spacing-10, 40px));--scb-dropdown-tab-indicator-gap:var(--scb-header-tab-indicator-gap, var(--spacing-2, 4px));--scb-dropdown-tab-indicator-height:var(--scb-header-tab-indicator-height, 3px)}:host([as-tab][size='extra-small']){--scb-dropdown-tab-icon-size:var(--icon-size-extra-small, 16px);--scb-dropdown-tab-gap:var(--spacing-1, 2px)}:host([as-tab][size='small']){--scb-dropdown-tab-icon-size:var(--icon-size-small, 20px)}:host([as-tab][size='large']){--scb-dropdown-tab-icon-size:var(--icon-size-medium, 24px)}:host([as-tab]) .tab-link,:host([as-tab]) .tab-wrap{position:relative;display:inline-flex;align-items:stretch}:host([as-tab]) .tab-wrap md-focus-ring{position:absolute;inset-block:var(--spacing-1, 2px);inset-inline:var(--spacing-neg-2, -4px);pointer-events:none;display:none;border-radius:var(--radius-extra-small, 4px)}:host([as-tab]) .tab-link{box-sizing:border-box;align-items:center;justify-content:center;min-block-size:var(--scb-dropdown-tab-min-block-size, var(--spacing-10, 40px));padding-block-start:0;padding-block-end:var(--scb-dropdown-tab-indicator-gap, var(--spacing-2, 4px));padding-inline:0;border:0;background:0 0;text-decoration:none;cursor:pointer;font-family:var(--scb-dropdown-tab-font-family);font-size:var(--scb-dropdown-tab-font-size);line-height:var(--scb-dropdown-tab-line-height);font-weight:var(--scb-dropdown-tab-font-weight);letter-spacing:var(--scb-dropdown-tab-letter-spacing);color:var(--scb-header-navigation-content-color, var(--scb-header-content-color, var(--md-sys-color-on-surface)));white-space:nowrap;border-radius:0;outline:0;gap:var(--scb-dropdown-tab-gap, var(--spacing-2, 4px))}:host([as-tab]) .tab-link[aria-current=page]{color:var(--scb-header-accent-color, var(--md-sys-color-primary))}:host([as-tab]) .tab-link::after{content:"";position:absolute;left:0;right:0;bottom:0;height:var(--scb-dropdown-tab-indicator-height, 3px);border-radius:var(--radius-full, 1000px) var(--radius-full, 1000px)0 0;background-color:transparent}:host([as-tab]) .tab-link[aria-current=page]::after{background-color:var(--scb-header-accent-color, var(--md-sys-color-primary))}:host([as-tab]) .tab-link:focus-visible+md-focus-ring{display:block}:host([as-tab]) scb-chevron.chevron{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:var(--scb-dropdown-tab-icon-size,
|
|
119
|
+
);--scb-dropdown-tab-icon-size:var(--icon-size-small, 20px);--scb-dropdown-tab-gap:var(--spacing-2, 4px);--scb-dropdown-tab-min-block-size:var(--scb-header-tab-min-block-size, var(--spacing-10, 40px));--scb-dropdown-tab-indicator-gap:var(--scb-header-tab-indicator-gap, var(--spacing-2, 4px));--scb-dropdown-tab-indicator-height:var(--scb-header-tab-indicator-height, 3px)}:host([as-tab][size='extra-small']){--scb-dropdown-tab-icon-size:var(--icon-size-extra-small, 16px);--scb-dropdown-tab-gap:var(--spacing-1, 2px)}:host([as-tab][size='small']){--scb-dropdown-tab-icon-size:var(--icon-size-small, 20px)}:host([as-tab][size='large']){--scb-dropdown-tab-icon-size:var(--icon-size-medium, 24px)}:host([as-tab]) .tab-link,:host([as-tab]) .tab-wrap{position:relative;display:inline-flex;align-items:stretch}:host([as-tab]) .tab-wrap md-focus-ring{position:absolute;inset-block:var(--spacing-1, 2px);inset-inline:var(--spacing-neg-2, -4px);pointer-events:none;display:none;border-radius:var(--radius-extra-small, 4px)}:host([as-tab]) .tab-link{box-sizing:border-box;align-items:center;justify-content:center;min-block-size:var(--scb-dropdown-tab-min-block-size, var(--spacing-10, 40px));padding-block-start:0;padding-block-end:var(--scb-dropdown-tab-indicator-gap, var(--spacing-2, 4px));padding-inline:0;border:0;background:0 0;text-decoration:none;cursor:pointer;font-family:var(--scb-dropdown-tab-font-family);font-size:var(--scb-dropdown-tab-font-size);line-height:var(--scb-dropdown-tab-line-height);font-weight:var(--scb-dropdown-tab-font-weight);letter-spacing:var(--scb-dropdown-tab-letter-spacing);color:var(--scb-header-navigation-content-color, var(--scb-header-content-color, var(--md-sys-color-on-surface)));white-space:nowrap;border-radius:0;outline:0;gap:var(--scb-dropdown-tab-gap, var(--spacing-2, 4px))}:host([as-tab]) .tab-link[aria-current=page]{color:var(--scb-header-accent-color, var(--md-sys-color-primary))}:host([as-tab]) .tab-link:hover{color:var(--scb-header-navigation-hover-content-color, var(--scb-header-accent-color, var(--md-sys-color-primary)))}:host([as-tab]) .tab-link::after{content:"";position:absolute;left:0;right:0;bottom:0;height:var(--scb-dropdown-tab-indicator-height, 3px);border-radius:var(--radius-full, 1000px) var(--radius-full, 1000px)0 0;background-color:transparent}:host([as-tab]) .tab-link[aria-current=page]::after{background-color:var(--scb-header-accent-color, var(--md-sys-color-primary))}:host([as-tab]) .tab-link:focus-visible+md-focus-ring{display:block}:host([as-tab]) scb-chevron.chevron{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:var(--scb-dropdown-tab-icon-size,
|
|
120
120
|
var(--icon-size-small, 20px)
|
|
121
121
|
);height:var(--scb-dropdown-tab-icon-size,
|
|
122
122
|
var(--icon-size-small, 20px)
|
|
123
|
-
)}:host([open]) .panel-surface{opacity:1}.panel-inner{overflow:hidden}:host([open][data-open-settled]) .panel-surface{overflow-x:hidden;overflow-y:auto}:host([open][data-open-settled]) .panel-inner{overflow:visible}.panel.has-menu .panel-surface{background:0 0;box-shadow:none;padding:0;max-height:none;opacity:1;transition:none;overflow:visible}.panel.has-menu .panel-inner{overflow:visible}::slotted(scb-options-menu){position:static!important;transform:none!important;width:fit-content}::slotted(scb-menu){padding:0;background:var(--scb-dropdown-panel-surface-color, var(--md-sys-color-surface-container-lowest))}::slotted(scb-checkbox),::slotted(scb-radio-button){display:block;padding-right:var(--spacing-4, 12px)}@media (prefers-reduced-motion:reduce){.panel-surface{transition:none}}`,
|
|
123
|
+
)}:host([open]) .panel-surface{opacity:1}.panel-inner{overflow:hidden}:host([open][data-open-settled]) .panel-surface{overflow-x:hidden;overflow-y:auto}:host([open][data-open-settled]) .panel-inner{overflow:visible}.panel.has-menu .panel-surface{background:0 0;box-shadow:none;padding:0;max-height:none;opacity:1;transition:none;overflow:visible}.panel.has-menu .panel-inner{overflow:visible}::slotted(scb-options-menu){position:static!important;transform:none!important;width:fit-content}::slotted(scb-menu){padding:0;background:var(--scb-dropdown-panel-surface-color, var(--md-sys-color-surface-container-lowest))}::slotted(scb-checkbox),::slotted(scb-radio-button){display:block;padding-right:var(--spacing-4, 12px)}@media (prefers-reduced-motion:reduce){.panel-surface{transition:none}}`,f);l([d({type:String})],a.prototype,"label",void 0);l([d({type:String})],a.prototype,"variant",void 0);l([d({type:String,reflect:!0})],a.prototype,"size",void 0);l([d({type:Boolean,reflect:!0})],a.prototype,"open",void 0);l([d({type:Boolean,reflect:!0})],a.prototype,"disabled",void 0);l([d({type:String,reflect:!0})],a.prototype,"spacing",void 0);l([d({type:String,attribute:"spacing-top",reflect:!0})],a.prototype,"spacingTop",void 0);l([d({type:String,attribute:"spacing-bottom",reflect:!0})],a.prototype,"spacingBottom",void 0);l([d({type:String,attribute:"spacing-left",reflect:!0})],a.prototype,"spacingLeft",void 0);l([d({type:String,attribute:"spacing-right",reflect:!0})],a.prototype,"spacingRight",void 0);l([d({type:String,attribute:"menu-gap"})],a.prototype,"menuGap",void 0);l([d({type:String})],a.prototype,"width",void 0);l([d({type:String,attribute:"min-width"})],a.prototype,"minWidth",void 0);l([d({type:String,attribute:"max-width"})],a.prototype,"maxWidth",void 0);l([d({type:String,attribute:"data-index"})],a.prototype,"dataIndex",void 0);l([d({type:String,attribute:"aria-current"})],a.prototype,"ariaCurrent",void 0);l([b("[data-scb-dropdown-trigger]")],a.prototype,"_triggerEl",void 0);l([b("slot")],a.prototype,"_slotEl",void 0);l([b(".panel-surface")],a.prototype,"_panelSurfaceEl",void 0);l([b(".panel-inner")],a.prototype,"_panelInnerEl",void 0);a=l([I("scb-dropdown")],a);export{a as ScbDropdown};
|
|
@@ -343,4 +343,4 @@ import{f as k,g as w,h as R,m as N,p as d,v as m,y as O}from"../../vendor/vendor
|
|
|
343
343
|
var(--md-sys-typescale-label-medium-size, 1rem)
|
|
344
344
|
);line-height:var(--scb-header-tab-line-height,
|
|
345
345
|
var(--md-sys-typescale-label-medium-line-height, 1.5rem)
|
|
346
|
-
);font-weight:var(--scb-header-tab-font-weight, var(--scb-typography-label-medium-weight, var(--md-sys-typescale-label-medium-weight, 600)));letter-spacing:var(--scb-header-tab-letter-spacing, var(--scb-typography-label-medium-tracking, var(--md-sys-typescale-label-medium-tracking, 0)));color:var(--scb-header-navigation-content-color, var(--scb-header-content-color, var(--md-sys-color-on-surface)));white-space:nowrap;border-radius:0;outline:0}.tab-link[aria-current=page]{color:var(--scb-header-accent-color, var(--md-sys-color-primary))}.tab-link::after{content:"";position:absolute;left:0;right:0;bottom:0;height:var(--scb-header-tab-indicator-height, 3px);border-radius:var(--radius-full, 1000px) var(--radius-full, 1000px)0 0;background-color:transparent}.tab-link[aria-current=page]::after{background-color:var(--scb-header-accent-color, var(--md-sys-color-primary))}.tab-link:focus-visible{outline:0}.header-icon-button:focus-visible md-focus-ring,.header-search-clear:focus-visible md-focus-ring,.header-text-button:focus-visible md-focus-ring,.search-submit:focus-visible md-focus-ring,.tab-link:focus-visible+md-focus-ring,.utility-link:focus-visible md-focus-ring{display:block}.header-text-button,.utility-link{position:relative}.header-icon-button,.header-text-button,.search-submit,.utility-link{border:0;font:inherit;letter-spacing:0;-webkit-tap-highlight-color:transparent}.search-submit{position:relative}.header-text-button,.utility-link{font-family:var(--scb-header-utility-font-family),sans-serif;font-size:var(--scb-header-utility-font-size);line-height:var(--scb-header-utility-line-height);font-weight:var(--scb-header-utility-font-weight);letter-spacing:var(--scb-header-utility-letter-spacing)}.header-text-button,.search-submit,.utility-link{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;min-block-size:calc(var(--scb-header-utility-line-height, 26px) + (var(--scb-header-utility-padding-block, 10px)*2));padding-block:var(--scb-header-utility-padding-block, 10px);padding-inline:var(--scb-header-utility-padding-inline, 16px);border-radius:var(--radius-full, 1000px);color:var(--scb-header-accent-color, var(--md-sys-color-primary, var(--p-40)));text-decoration:none;cursor:pointer;white-space:nowrap}.utility-link{color:var(--scb-header-utility-content-color, var(--scb-header-accent-color, var(--md-sys-color-primary, var(--p-40))));background:var(--scb-header-utility-container-color, transparent)}.utility-link:hover{background:color-mix(in srgb,var(--scb-header-utility-container-color, transparent) 92%,var(--scb-header-utility-content-color, var(--scb-header-accent-color, var(--md-sys-color-primary, var(--p-40)))))}.menu-trigger.header-text-button{min-block-size:calc(var(--scb-header-menu-button-line-height, var(--scb-header-utility-line-height, 26px)) + (var(--scb-header-menu-button-padding-block, 10px)*2));padding-block:var(--scb-header-menu-button-padding-block, 10px);padding-inline:var(--scb-header-menu-button-padding-inline, 16px);font-family:var(--scb-header-menu-button-font-family),sans-serif;font-size:var(--scb-header-menu-button-font-size);line-height:var(--scb-header-menu-button-line-height);font-weight:var(--scb-header-menu-button-font-weight);letter-spacing:var(--scb-header-menu-button-letter-spacing);color:var(--scb-header-menu-button-content-color, var(--scb-header-content-color, var(--md-sys-color-on-surface, var(--n-10))));background:var(--scb-header-menu-button-container-color, transparent);--md-sys-color-primary:var(--scb-header-menu-button-content-color, var(--scb-header-content-color, var(--md-sys-color-on-surface, var(--n-10))))}.menu-trigger.header-text-button:hover{background:color-mix(in srgb,var(--scb-header-menu-button-container-color, transparent) 92%,var(--scb-header-menu-button-content-color, var(--scb-header-content-color, var(--md-sys-color-on-surface, var(--n-10)))))}.search-submit{block-size:var(--scb-search-height, var(--scb-header-search-control-height));min-block-size:var(--scb-search-height, var(--scb-header-search-control-height));min-inline-size:64px;padding-block:0;padding-inline:var(--scb-header-search-button-padding-x);font-family:var(--scb-header-search-button-font-family),sans-serif;font-size:var(--scb-header-search-button-font-size);line-height:var(--scb-header-search-button-line-height);font-weight:var(--scb-header-search-button-font-weight);letter-spacing:var(--scb-header-search-button-letter-spacing);color:var(--scb-header-action-content-color, var(--md-sys-color-on-secondary-container, var(--p-30)));background:var(--scb-header-action-container-color, var(--md-sys-color-secondary-container, var(--p-90)))}.search-submit:hover{background:color-mix(in srgb,var(--scb-header-action-container-color, var(--md-sys-color-secondary-container, var(--p-90))) 92%,var(--scb-header-action-content-color, var(--md-sys-color-on-secondary-container, var(--p-30))))}.header-icon-button{position:relative;display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;inline-size:var(--scb-header-mobile-button-size);block-size:var(--scb-header-mobile-button-size);padding:0;border-radius:var(--radius-full, 1000px);color:var(--scb-header-content-color, var(--md-sys-color-on-surface, var(--n-10)));background:0 0;cursor:pointer}.mobile-search-close,.mobile-search-trigger{color:var(--scb-header-mobile-search-content-color, var(--scb-header-action-content-color, var(--md-sys-color-on-secondary-container)));background:var(--scb-header-mobile-search-container-color, var(--scb-header-action-container-color, var(--md-sys-color-secondary-container)))}.menu-trigger.header-icon-button{color:var(--scb-header-mobile-menu-content-color, var(--scb-header-content-color, var(--md-sys-color-on-surface)));background:var(--scb-header-mobile-menu-container-color, transparent)}@media (min-width:600px){.mobile-search-trigger.header-icon-button{display:none}}.header-icon-button:hover,.header-search-clear:hover{background:color-mix(in srgb,currentColor 8%,transparent)}.mobile-search-close:hover,.mobile-search-trigger:hover{background:color-mix(in srgb,var(--scb-header-mobile-search-container-color, var(--scb-header-action-container-color, var(--md-sys-color-secondary-container))) 92%,var(--scb-header-mobile-search-content-color, var(--scb-header-action-content-color, var(--md-sys-color-on-secondary-container))))}.menu-trigger.header-icon-button:hover{background:color-mix(in srgb,var(--scb-header-mobile-menu-container-color, transparent) 92%,currentColor)}scb-drawer{--scb-drawer-surface-color:var(--scb-header-mobile-surface-color, var(--md-sys-color-surface-container-lowest))}.header-icon-button:focus,.header-icon-button:focus-visible,.header-search-clear:focus,.header-search-clear:focus-visible,.header-text-button:focus,.header-text-button:focus-visible,.search-submit:focus,.search-submit:focus-visible,.utility-link:focus,.utility-link:focus-visible{outline:0}.header-icon-button:focus-visible,.header-search-clear:focus-visible,.header-text-button:focus-visible,.search-submit:focus-visible,.utility-link:focus-visible{outline:0}.header-icon-button md-focus-ring,.header-search-clear md-focus-ring,.header-text-button md-focus-ring,.search-submit md-focus-ring,.utility-link md-focus-ring{position:absolute;inset:var(--spacing-neg-2, -4px);pointer-events:none;display:none;border-radius:inherit}.header-text-button{gap:var(--spacing-3, 8px)}.header-text-button .header-symbol{inline-size:var(--scb-header-menu-icon-size);block-size:var(--scb-header-menu-icon-size);font-size:var(--scb-header-menu-icon-size);line-height:var(--scb-header-menu-icon-size)}.header-icon-button .header-symbol{inline-size:var(--scb-header-mobile-action-icon-size);block-size:var(--scb-header-mobile-action-icon-size);font-size:var(--scb-header-mobile-action-icon-size);line-height:var(--scb-header-mobile-action-icon-size)}.header-search-clear .header-symbol{inline-size:var(--scb-header-search-clear-icon-size);block-size:var(--scb-header-search-clear-icon-size);font-size:var(--scb-header-search-clear-icon-size);line-height:var(--scb-header-search-clear-icon-size)}.header-symbol,.sr-only{overflow:hidden;white-space:nowrap}.header-symbol{display:inline-block;inline-size:1em;block-size:1em;font-family:"Material Symbols Outlined";font-size:var(--icon-size-medium, 24px);line-height:1;text-align:center;text-transform:none;word-wrap:normal;direction:ltr;font-feature-settings:"liga"1;font-variation-settings:"FILL"0,"wght"400,"GRAD"0,"opsz"24;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.header-symbol.scb-svg-icon{fill:currentColor;font:inherit}.header-search-icon.header-symbol{display:inline-flex;align-items:center;justify-content:center;inline-size:var(--scb-header-search-leading-size);font-size:var(--scb-header-search-icon-size)}.sr-only{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;clip:rect(0,0,0,0);border:0}.drawer-close{box-sizing:border-box;display:flex;justify-content:flex-end;padding-block-start:var(--spacing-4, 12px);padding-inline:var(--spacing-4, 12px);background:var(--scb-header-mobile-surface-color, var(--md-sys-color-surface-container-lowest))}.drawer-close[hidden]{display:none}.drawer-close ::slotted(*){flex:0 0 auto}.divider{border-bottom:var(--stroke-border, 1px) solid var(--scb-header-divider-color, var(--md-sys-color-outline-variant, var(--n-90)));position:relative;z-index:0}:host([data-hide-logo-text]) .logo-text{display:none}`,C);o([d({type:String,attribute:"max-width"})],i.prototype,"maxWidth",void 0);o([d({type:String,attribute:"padding-inline",reflect:!0})],i.prototype,"paddingInline",void 0);o([d({type:String,attribute:"padding-inline-expanded",reflect:!0})],i.prototype,"paddingInlineExpanded",void 0);o([d({type:String,reflect:!0})],i.prototype,"spacing",void 0);o([d({type:String,attribute:"spacing-top",reflect:!0})],i.prototype,"spacingTop",void 0);o([d({type:String,attribute:"spacing-bottom",reflect:!0})],i.prototype,"spacingBottom",void 0);o([d({type:String,reflect:!0,converter:F})],i.prototype,"size",void 0);o([d({type:String,attribute:"logo-text"})],i.prototype,"logoText",void 0);o([d({type:String,attribute:"logotype-text"})],i.prototype,"logotypeText",void 0);o([d({type:String,attribute:"logo-alt"})],i.prototype,"logoAlt",void 0);o([d({type:String,attribute:"logo-href"})],i.prototype,"logoHref",void 0);o([d({type:String,attribute:"logo-src"})],i.prototype,"logoSrc",void 0);o([d({type:String,attribute:"logo-width"})],i.prototype,"logoWidth",void 0);o([d({type:String,attribute:"logo-height"})],i.prototype,"logoHeight",void 0);o([d({type:String,attribute:"logo-aspect-ratio"})],i.prototype,"logoAspectRatio",void 0);o([d({type:Boolean,attribute:"logo-invert-dm",reflect:!0,converter:L})],i.prototype,"logoInvertDm",void 0);o([d({type:Boolean,reflect:!0})],i.prototype,"banner",void 0);o([d({type:String,attribute:"banner-label"})],i.prototype,"bannerLabel",void 0);o([d({type:Array,attribute:"tabs",converter:i._JSON_ARRAY})],i.prototype,"tabs",void 0);o([d({type:Number,attribute:"active-tab",reflect:!0})],i.prototype,"activeTab",void 0);o([d({type:Boolean,attribute:"reserve-tabs",reflect:!0,converter:L})],i.prototype,"reserveTabs",void 0);o([d({type:Number,attribute:"reserve-tabs-count"})],i.prototype,"reserveTabsCount",void 0);o([d({type:String,attribute:"reserve-tabs-widths"})],i.prototype,"reserveTabsWidths",void 0);o([d({type:Boolean,attribute:"layout-pending",reflect:!0,converter:L})],i.prototype,"layoutPending",void 0);o([d({type:Array,attribute:"utility-items",converter:i._JSON_ARRAY})],i.prototype,"utilityItems",void 0);o([d({type:String,attribute:"search-placeholder"})],i.prototype,"searchPlaceholder",void 0);o([d({type:String,attribute:"search-button-label"})],i.prototype,"searchButtonLabel",void 0);o([d({type:String,attribute:"search-clear-label"})],i.prototype,"searchClearLabel",void 0);o([d({type:String,attribute:"search-close-label"})],i.prototype,"searchCloseLabel",void 0);o([d({type:String,attribute:"menu-label"})],i.prototype,"menuLabel",void 0);o([d({type:String,attribute:"menu-button-label"})],i.prototype,"menuButtonLabel",void 0);o([d({type:String,attribute:"menu-open-label"})],i.prototype,"menuOpenLabel",void 0);o([d({type:String,attribute:"menu-sub-label"})],i.prototype,"menuSubLabel",void 0);o([d({type:String,attribute:"menu-section-label"})],i.prototype,"menuSectionLabel",void 0);o([d({type:String,attribute:"menu-search-placeholder"})],i.prototype,"menuSearchPlaceholder",void 0);o([d({type:String,attribute:"utility-navigation-label"})],i.prototype,"utilityNavigationLabel",void 0);o([d({type:String,attribute:"main-navigation-label"})],i.prototype,"mainNavigationLabel",void 0);o([d({type:Array,attribute:"menu-data",converter:i._JSON_ARRAY})],i.prototype,"menuData",void 0);o([d({type:Boolean,attribute:"defer-drawer",reflect:!0,converter:L})],i.prototype,"deferDrawer",void 0);o([d({type:Boolean,attribute:"show-drawer",reflect:!0,converter:P})],i.prototype,"showDrawer",void 0);o([d({type:Boolean,attribute:"always-show-menu-button",reflect:!0,converter:L})],i.prototype,"alwaysShowMenuButton",void 0);o([d({type:Boolean,attribute:"show-search",reflect:!0,converter:P})],i.prototype,"showSearch",void 0);o([d({type:Boolean,attribute:"include-utility-in-menu",reflect:!0,converter:L})],i.prototype,"includeUtilityInMenu",void 0);o([d({type:Boolean,attribute:"drawer-overlay",reflect:!0,converter:P})],i.prototype,"drawerOverlay",void 0);o([d({type:String,attribute:"search-max"})],i.prototype,"searchMax",void 0);o([d({type:String,attribute:"search-min"})],i.prototype,"searchMin",void 0);o([d({type:String,attribute:"search-height"})],i.prototype,"searchHeight",void 0);o([d({type:String,attribute:"search-text",reflect:!0})],i.prototype,"searchText",void 0);o([k()],i.prototype,"_drawerId",void 0);o([k()],i.prototype,"_menuExpanded",void 0);o([k()],i.prototype,"_searchId",void 0);o([k()],i.prototype,"_drawerReady",void 0);o([k()],i.prototype,"_mobileSearchOpen",void 0);o([k()],i.prototype,"_slotNavItems",void 0);o([k()],i.prototype,"_slotUtils",void 0);o([k()],i.prototype,"_slotMenu",void 0);o([k()],i.prototype,"_collapsed",void 0);o([k()],i.prototype,"_tabsCollapsed",void 0);o([k()],i.prototype,"_desktop",void 0);o([k()],i.prototype,"_hideLogoText",void 0);i=T=o([N("scb-header")],i);
|
|
346
|
+
);font-weight:var(--scb-header-tab-font-weight, var(--scb-typography-label-medium-weight, var(--md-sys-typescale-label-medium-weight, 600)));letter-spacing:var(--scb-header-tab-letter-spacing, var(--scb-typography-label-medium-tracking, var(--md-sys-typescale-label-medium-tracking, 0)));color:var(--scb-header-navigation-content-color, var(--scb-header-content-color, var(--md-sys-color-on-surface)));white-space:nowrap;border-radius:0;outline:0}.tab-link[aria-current=page]{color:var(--scb-header-accent-color, var(--md-sys-color-primary))}.tab-link:hover{color:var(--scb-header-navigation-hover-content-color, var(--scb-header-accent-color, var(--md-sys-color-primary)))}.tab-link::after{content:"";position:absolute;left:0;right:0;bottom:0;height:var(--scb-header-tab-indicator-height, 3px);border-radius:var(--radius-full, 1000px) var(--radius-full, 1000px)0 0;background-color:transparent}.tab-link[aria-current=page]::after{background-color:var(--scb-header-accent-color, var(--md-sys-color-primary))}.tab-link:focus-visible{outline:0}.header-icon-button:focus-visible md-focus-ring,.header-search-clear:focus-visible md-focus-ring,.header-text-button:focus-visible md-focus-ring,.search-submit:focus-visible md-focus-ring,.tab-link:focus-visible+md-focus-ring,.utility-link:focus-visible md-focus-ring{display:block}.header-text-button,.utility-link{position:relative}.header-icon-button,.header-text-button,.search-submit,.utility-link{border:0;font:inherit;letter-spacing:0;-webkit-tap-highlight-color:transparent}.search-submit{position:relative}.header-text-button,.utility-link{font-family:var(--scb-header-utility-font-family),sans-serif;font-size:var(--scb-header-utility-font-size);line-height:var(--scb-header-utility-line-height);font-weight:var(--scb-header-utility-font-weight);letter-spacing:var(--scb-header-utility-letter-spacing)}.header-text-button,.search-submit,.utility-link{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;min-block-size:calc(var(--scb-header-utility-line-height, 26px) + (var(--scb-header-utility-padding-block, 10px)*2));padding-block:var(--scb-header-utility-padding-block, 10px);padding-inline:var(--scb-header-utility-padding-inline, 16px);border-radius:var(--radius-full, 1000px);color:var(--scb-header-accent-color, var(--md-sys-color-primary, var(--p-40)));text-decoration:none;cursor:pointer;white-space:nowrap}.utility-link{color:var(--scb-header-utility-content-color, var(--scb-header-accent-color, var(--md-sys-color-primary, var(--p-40))));background:var(--scb-header-utility-container-color, transparent)}.utility-link:hover{background:color-mix(in srgb,var(--scb-header-utility-container-color, transparent) 92%,var(--scb-header-utility-content-color, var(--scb-header-accent-color, var(--md-sys-color-primary, var(--p-40)))))}.menu-trigger.header-text-button{min-block-size:calc(var(--scb-header-menu-button-line-height, var(--scb-header-utility-line-height, 26px)) + (var(--scb-header-menu-button-padding-block, 10px)*2));padding-block:var(--scb-header-menu-button-padding-block, 10px);padding-inline:var(--scb-header-menu-button-padding-inline, 16px);font-family:var(--scb-header-menu-button-font-family),sans-serif;font-size:var(--scb-header-menu-button-font-size);line-height:var(--scb-header-menu-button-line-height);font-weight:var(--scb-header-menu-button-font-weight);letter-spacing:var(--scb-header-menu-button-letter-spacing);color:var(--scb-header-menu-button-content-color, var(--scb-header-content-color, var(--md-sys-color-on-surface, var(--n-10))));background:var(--scb-header-menu-button-container-color, transparent);--md-sys-color-primary:var(--scb-header-menu-button-content-color, var(--scb-header-content-color, var(--md-sys-color-on-surface, var(--n-10))))}.menu-trigger.header-text-button:hover{background:color-mix(in srgb,var(--scb-header-menu-button-container-color, transparent) 92%,var(--scb-header-menu-button-content-color, var(--scb-header-content-color, var(--md-sys-color-on-surface, var(--n-10)))))}.search-submit{block-size:var(--scb-search-height, var(--scb-header-search-control-height));min-block-size:var(--scb-search-height, var(--scb-header-search-control-height));min-inline-size:64px;padding-block:0;padding-inline:var(--scb-header-search-button-padding-x);font-family:var(--scb-header-search-button-font-family),sans-serif;font-size:var(--scb-header-search-button-font-size);line-height:var(--scb-header-search-button-line-height);font-weight:var(--scb-header-search-button-font-weight);letter-spacing:var(--scb-header-search-button-letter-spacing);color:var(--scb-header-action-content-color, var(--md-sys-color-on-secondary-container, var(--p-30)));background:var(--scb-header-action-container-color, var(--md-sys-color-secondary-container, var(--p-90)))}.search-submit:hover{background:color-mix(in srgb,var(--scb-header-action-container-color, var(--md-sys-color-secondary-container, var(--p-90))) 92%,var(--scb-header-action-content-color, var(--md-sys-color-on-secondary-container, var(--p-30))))}.header-icon-button{position:relative;display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;inline-size:var(--scb-header-mobile-button-size);block-size:var(--scb-header-mobile-button-size);padding:0;border-radius:var(--radius-full, 1000px);color:var(--scb-header-content-color, var(--md-sys-color-on-surface, var(--n-10)));background:0 0;cursor:pointer}.mobile-search-close,.mobile-search-trigger{color:var(--scb-header-mobile-search-content-color, var(--scb-header-action-content-color, var(--md-sys-color-on-secondary-container)));background:var(--scb-header-mobile-search-container-color, var(--scb-header-action-container-color, var(--md-sys-color-secondary-container)))}.menu-trigger.header-icon-button{color:var(--scb-header-mobile-menu-content-color, var(--scb-header-content-color, var(--md-sys-color-on-surface)));background:var(--scb-header-mobile-menu-container-color, transparent)}@media (min-width:600px){.mobile-search-trigger.header-icon-button{display:none}}.header-icon-button:hover,.header-search-clear:hover{background:color-mix(in srgb,currentColor 8%,transparent)}.mobile-search-close:hover,.mobile-search-trigger:hover{background:color-mix(in srgb,var(--scb-header-mobile-search-container-color, var(--scb-header-action-container-color, var(--md-sys-color-secondary-container))) 92%,var(--scb-header-mobile-search-content-color, var(--scb-header-action-content-color, var(--md-sys-color-on-secondary-container))))}.menu-trigger.header-icon-button:hover{background:color-mix(in srgb,var(--scb-header-mobile-menu-container-color, transparent) 92%,currentColor)}scb-drawer{--scb-drawer-surface-color:var(--scb-header-mobile-surface-color, var(--md-sys-color-surface-container-lowest))}.header-icon-button:focus,.header-icon-button:focus-visible,.header-search-clear:focus,.header-search-clear:focus-visible,.header-text-button:focus,.header-text-button:focus-visible,.search-submit:focus,.search-submit:focus-visible,.utility-link:focus,.utility-link:focus-visible{outline:0}.header-icon-button:focus-visible,.header-search-clear:focus-visible,.header-text-button:focus-visible,.search-submit:focus-visible,.utility-link:focus-visible{outline:0}.header-icon-button md-focus-ring,.header-search-clear md-focus-ring,.header-text-button md-focus-ring,.search-submit md-focus-ring,.utility-link md-focus-ring{position:absolute;inset:var(--spacing-neg-2, -4px);pointer-events:none;display:none;border-radius:inherit}.header-text-button{gap:var(--spacing-3, 8px)}.header-text-button .header-symbol{inline-size:var(--scb-header-menu-icon-size);block-size:var(--scb-header-menu-icon-size);font-size:var(--scb-header-menu-icon-size);line-height:var(--scb-header-menu-icon-size)}.header-icon-button .header-symbol{inline-size:var(--scb-header-mobile-action-icon-size);block-size:var(--scb-header-mobile-action-icon-size);font-size:var(--scb-header-mobile-action-icon-size);line-height:var(--scb-header-mobile-action-icon-size)}.header-search-clear .header-symbol{inline-size:var(--scb-header-search-clear-icon-size);block-size:var(--scb-header-search-clear-icon-size);font-size:var(--scb-header-search-clear-icon-size);line-height:var(--scb-header-search-clear-icon-size)}.header-symbol,.sr-only{overflow:hidden;white-space:nowrap}.header-symbol{display:inline-block;inline-size:1em;block-size:1em;font-family:"Material Symbols Outlined";font-size:var(--icon-size-medium, 24px);line-height:1;text-align:center;text-transform:none;word-wrap:normal;direction:ltr;font-feature-settings:"liga"1;font-variation-settings:"FILL"0,"wght"400,"GRAD"0,"opsz"24;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.header-symbol.scb-svg-icon{fill:currentColor;font:inherit}.header-search-icon.header-symbol{display:inline-flex;align-items:center;justify-content:center;inline-size:var(--scb-header-search-leading-size);font-size:var(--scb-header-search-icon-size)}.sr-only{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;clip:rect(0,0,0,0);border:0}.drawer-close{box-sizing:border-box;display:flex;justify-content:flex-end;padding-block-start:var(--spacing-4, 12px);padding-inline:var(--spacing-4, 12px);background:var(--scb-header-mobile-surface-color, var(--md-sys-color-surface-container-lowest))}.drawer-close[hidden]{display:none}.drawer-close ::slotted(*){flex:0 0 auto}.divider{border-bottom:var(--stroke-border, 1px) solid var(--scb-header-divider-color, var(--md-sys-color-outline-variant, var(--n-90)));position:relative;z-index:0}:host([data-hide-logo-text]) .logo-text{display:none}`,C);o([d({type:String,attribute:"max-width"})],i.prototype,"maxWidth",void 0);o([d({type:String,attribute:"padding-inline",reflect:!0})],i.prototype,"paddingInline",void 0);o([d({type:String,attribute:"padding-inline-expanded",reflect:!0})],i.prototype,"paddingInlineExpanded",void 0);o([d({type:String,reflect:!0})],i.prototype,"spacing",void 0);o([d({type:String,attribute:"spacing-top",reflect:!0})],i.prototype,"spacingTop",void 0);o([d({type:String,attribute:"spacing-bottom",reflect:!0})],i.prototype,"spacingBottom",void 0);o([d({type:String,reflect:!0,converter:F})],i.prototype,"size",void 0);o([d({type:String,attribute:"logo-text"})],i.prototype,"logoText",void 0);o([d({type:String,attribute:"logotype-text"})],i.prototype,"logotypeText",void 0);o([d({type:String,attribute:"logo-alt"})],i.prototype,"logoAlt",void 0);o([d({type:String,attribute:"logo-href"})],i.prototype,"logoHref",void 0);o([d({type:String,attribute:"logo-src"})],i.prototype,"logoSrc",void 0);o([d({type:String,attribute:"logo-width"})],i.prototype,"logoWidth",void 0);o([d({type:String,attribute:"logo-height"})],i.prototype,"logoHeight",void 0);o([d({type:String,attribute:"logo-aspect-ratio"})],i.prototype,"logoAspectRatio",void 0);o([d({type:Boolean,attribute:"logo-invert-dm",reflect:!0,converter:L})],i.prototype,"logoInvertDm",void 0);o([d({type:Boolean,reflect:!0})],i.prototype,"banner",void 0);o([d({type:String,attribute:"banner-label"})],i.prototype,"bannerLabel",void 0);o([d({type:Array,attribute:"tabs",converter:i._JSON_ARRAY})],i.prototype,"tabs",void 0);o([d({type:Number,attribute:"active-tab",reflect:!0})],i.prototype,"activeTab",void 0);o([d({type:Boolean,attribute:"reserve-tabs",reflect:!0,converter:L})],i.prototype,"reserveTabs",void 0);o([d({type:Number,attribute:"reserve-tabs-count"})],i.prototype,"reserveTabsCount",void 0);o([d({type:String,attribute:"reserve-tabs-widths"})],i.prototype,"reserveTabsWidths",void 0);o([d({type:Boolean,attribute:"layout-pending",reflect:!0,converter:L})],i.prototype,"layoutPending",void 0);o([d({type:Array,attribute:"utility-items",converter:i._JSON_ARRAY})],i.prototype,"utilityItems",void 0);o([d({type:String,attribute:"search-placeholder"})],i.prototype,"searchPlaceholder",void 0);o([d({type:String,attribute:"search-button-label"})],i.prototype,"searchButtonLabel",void 0);o([d({type:String,attribute:"search-clear-label"})],i.prototype,"searchClearLabel",void 0);o([d({type:String,attribute:"search-close-label"})],i.prototype,"searchCloseLabel",void 0);o([d({type:String,attribute:"menu-label"})],i.prototype,"menuLabel",void 0);o([d({type:String,attribute:"menu-button-label"})],i.prototype,"menuButtonLabel",void 0);o([d({type:String,attribute:"menu-open-label"})],i.prototype,"menuOpenLabel",void 0);o([d({type:String,attribute:"menu-sub-label"})],i.prototype,"menuSubLabel",void 0);o([d({type:String,attribute:"menu-section-label"})],i.prototype,"menuSectionLabel",void 0);o([d({type:String,attribute:"menu-search-placeholder"})],i.prototype,"menuSearchPlaceholder",void 0);o([d({type:String,attribute:"utility-navigation-label"})],i.prototype,"utilityNavigationLabel",void 0);o([d({type:String,attribute:"main-navigation-label"})],i.prototype,"mainNavigationLabel",void 0);o([d({type:Array,attribute:"menu-data",converter:i._JSON_ARRAY})],i.prototype,"menuData",void 0);o([d({type:Boolean,attribute:"defer-drawer",reflect:!0,converter:L})],i.prototype,"deferDrawer",void 0);o([d({type:Boolean,attribute:"show-drawer",reflect:!0,converter:P})],i.prototype,"showDrawer",void 0);o([d({type:Boolean,attribute:"always-show-menu-button",reflect:!0,converter:L})],i.prototype,"alwaysShowMenuButton",void 0);o([d({type:Boolean,attribute:"show-search",reflect:!0,converter:P})],i.prototype,"showSearch",void 0);o([d({type:Boolean,attribute:"include-utility-in-menu",reflect:!0,converter:L})],i.prototype,"includeUtilityInMenu",void 0);o([d({type:Boolean,attribute:"drawer-overlay",reflect:!0,converter:P})],i.prototype,"drawerOverlay",void 0);o([d({type:String,attribute:"search-max"})],i.prototype,"searchMax",void 0);o([d({type:String,attribute:"search-min"})],i.prototype,"searchMin",void 0);o([d({type:String,attribute:"search-height"})],i.prototype,"searchHeight",void 0);o([d({type:String,attribute:"search-text",reflect:!0})],i.prototype,"searchText",void 0);o([k()],i.prototype,"_drawerId",void 0);o([k()],i.prototype,"_menuExpanded",void 0);o([k()],i.prototype,"_searchId",void 0);o([k()],i.prototype,"_drawerReady",void 0);o([k()],i.prototype,"_mobileSearchOpen",void 0);o([k()],i.prototype,"_slotNavItems",void 0);o([k()],i.prototype,"_slotUtils",void 0);o([k()],i.prototype,"_slotMenu",void 0);o([k()],i.prototype,"_collapsed",void 0);o([k()],i.prototype,"_tabsCollapsed",void 0);o([k()],i.prototype,"_desktop",void 0);o([k()],i.prototype,"_hideLogoText",void 0);i=T=o([N("scb-header")],i);
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{f as T,h as K,m as J,n as U,p as
|
|
1
|
+
import{f as T,h as K,m as J,n as U,p as m,t as Q,v as d,y as X}from"../../vendor/vendor.js";import"../../vendor/vendor-lit.js";import{t as p}from"../../vendor/decorate.js";import{t as o}from"../../vendor/assertClassBrand.js";import{t as Y}from"../../vendor/classPrivateMethodInitSpec.js";import"../scb-accordion/scb-accordion.js";import"../scb-icon-button/scb-icon-button.js";import"../scb-divider/scb-divider.js";import"../scb-chip/scb-chip.js";import"../scb-options-menu/scb-options-menu-item.js";import"../scb-options-menu/scb-options-menu.js";import"../scb-horizontal-scroller/scb-horizontal-scroller.js";import"../scb-segmented-button/scb-segmented-item.js";import"../scb-segmented-button/scb-segmented-button.js";import"../scb-table/scb-table.js";import{buildScbVizExportFileName as Z,createScbVizCsvBlob as ee,createScbVizRasterBlobFromElement as te,createScbVizRasterDataUrlFromElement as ie,downloadScbVizBlob as O,getScbVizCurrentFullscreenElement as se,isScbVizFullscreenSupported as ae,openScbVizPrintFrame as re,runWithScbVizForcedPrintLightMode as ne,toggleScbVizFullscreen as oe}from"./scb-viz-actions-runtime.js";import{buildScbVizPrintDocumentHtml as le,buildScbVizPrintableFooterHtml as ce,buildScbVizPrintableTableHtml as he}from"./scb-viz-print-runtime.js";import{getScbVizSeriesDifferentiationPatternKinds as de}from"./scb-viz-series-differentiation-registry.js";import{clearScbVizSeriesDifferentiationColorClass as ge,clearScbVizSeriesDifferentiationMetadata as pe,ensureScbVizStyledModeSeriesPattern as ue,getScbVizGroupedSeriesDifferentiationVariant as me,getScbVizHighchartsColorClassName as be,getScbVizHighchartsSvgRoot as fe,getScbVizLegendSeriesDifferentiationTargets as ve,getScbVizSeriesDifferentiationVariantByIndex as _e,isScbVizGroupedSeriesDifferentiationChart as ye,isScbVizHighchartsStyledMode as ze,setScbVizSeriesDifferentiationColorClass as Se,setScbVizSeriesDifferentiationMetadata as we,shouldShowScbVizSeriesDifferentiationAction as Ce,usesScbVizGroupedPointDifferentiation as De}from"./scb-viz-series-differentiation-runtime.js";import{buildScbVizResolvedTableView as xe,createScbVizCsvRows as Me,inferScbVizTableAlignments as $e,normalizeScbVizRenderableCell as Ve,readScbVizTableDataFromSlot as Te}from"./scb-viz-table-runtime.js";(function(){try{var r=typeof globalThis<"u"?globalThis:window;if(!r.__scb_ce_guard_installed__){r.__scb_ce_guard_installed__=!0;var e=customElements.define.bind(customElements);customElements.define=function(t,i,s){try{customElements.get(t)||e(t,i,s)}catch(l){var a=String(l||"");if(a.indexOf("already been used")===-1&&a.indexOf("NotSupportedError")===-1)throw l}}}}catch{}})();var n,k,ke=new Set(["extra-small","small","medium","large"]),Le=new Set(["tiny","extra-small","small","medium","large"]),E=new Set(["small","medium","large"]),N=`<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"
|
|
2
2
|
viewBox="0 0 727.3 87.3" style="enable-background:new 0 0 727.3 87.3;" xml:space="preserve" fill="currentColor">
|
|
3
3
|
<style type="text/css">
|
|
4
4
|
.st0{clip-path:url(#SVGID_00000118375311472882578510000008414848687067442345_);}
|
|
@@ -113,7 +113,7 @@ import{f as T,h as K,m as J,n as U,p as b,t as Q,v as d,y as X}from"../../vendor
|
|
|
113
113
|
<path d="M688.2,24.4h5.8v6h-5.8V24.4z M688.2,36.6h5.8v30.1h-5.8V36.6z"/>
|
|
114
114
|
<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"/>
|
|
115
115
|
</svg>
|
|
116
|
-
`,He="position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;white-space:nowrap;clip:rect(0, 0, 0, 0);clip-path:inset(50%);border:0;",Ee=0,g=(n=new WeakSet,k=class extends K{constructor(...e){super(...e),Y(this,n),this.variant="Standard",this.selectedChip="Diagram",this.title="",this.subtitle="",this.description="",this.comment="",this.source="",this.footnote="",this.lang="sv",this.imageHref="",this.imageAlt="",this.officialStatistics=!1,this.disableToggle=!1,this.contentMaxWidth="",this.containerMaxWidth="",this.contentHeight="",this.toggleHeightMode="stable",this._actionsMenuOpen=!1,this._seriesDifferentiationEnabled=!1,this._isFullscreen=!1,this._tableDataRefreshFrame=0,this._seriesDifferentiationSnapshots=new WeakMap,this._diagramReflowFrame=0,this._fullscreenDiagramSizingFrame=0,this._fullscreenDiagramHeight="",this._instanceId=`scb-viz-${++Ee}`,this.spacing=void 0,this.spacingTop=void 0,this.spacingBottom=void 0,this.spacingLeft=void 0,this.spacingRight=void 0,this._onDocumentFullscreenChange=()=>{this._syncFullscreenState()},this._onWindowResize=()=>{this._isFullscreen&&o(n,this,M).call(this)},this._onToggleFullscreenClick=async()=>{this._closeActionsMenu(),await this._toggleFullscreen()},this._onActionsMenuOpen=()=>{this._actionsMenuOpen=!0,!this._isActionsMenuPinnedForPreview()&&requestAnimationFrame(()=>{this._focusFirstMenuItem()})},this._onActionsMenuClose=()=>{const t=this._actionsMenuOpen;this._actionsMenuOpen=!1,t&&!this._isActionsMenuPinnedForPreview()&&requestAnimationFrame(()=>{this._focusMenuButton()})},this._onDocumentPointerDown=t=>{if(!this._actionsMenuOpen||this._isActionsMenuPinnedForPreview())return;const i=t.composedPath(),s=this.shadowRoot?.querySelector(".actions-menu");s&&i.includes(s)||this._closeActionsMenu()},this._onDocumentKeyDown=t=>{!this._actionsMenuOpen||this._isActionsMenuPinnedForPreview()||t.key==="Escape"&&(t.preventDefault(),this._closeActionsMenu(),this._focusMenuButton())},this._onPrintClick=async()=>{this._closeActionsMenu(),await o(n,this,Ge).call(this)},this._onDownloadPngClick=async()=>{this._canExportRaster()&&(this._closeActionsMenu(),await o(n,this,R).call(this,"png"))},this._onDownloadJpgClick=async()=>{this._canExportRaster()&&(this._closeActionsMenu(),await o(n,this,R).call(this,"jpeg"))},this._onDownloadCsvClick=()=>{this._canExportCsv()&&(this._closeActionsMenu(),o(n,this,je).call(this))},this._onToggleSeriesDifferentiationClick=()=>{this._seriesDifferentiationEnabled=!this._seriesDifferentiationEnabled,this._closeActionsMenu(),o(n,this,V).call(this)}}applyViewModel(e){if(!e||typeof e!="object")throw new Error("scb-viz: ScbVizViewModel måste vara ett objekt.");if(!e.metadata||typeof e.metadata!="object")throw new Error("scb-viz: metadata saknas i ScbVizViewModel.");if(!e.options||typeof e.options!="object")throw new Error("scb-viz: options saknas i ScbVizViewModel.");if(!["chart","table","image"].includes(e.selectedView))throw new Error(`scb-viz: selectedView är ${JSON.stringify(e.selectedView)}, men måste vara chart, table eller image.`);if(e.selectedView==="table"&&!e.table)throw new Error('scb-viz: selectedView är "table", men table saknas i ScbVizViewModel.');if(e.selectedView==="image"&&!e.image)throw new Error('scb-viz: selectedView är "image", men image saknas i ScbVizViewModel.');const t=e.metadata,i=e.options;this.variant=e.selectedView==="image"?"Image":e.selectedView==="table"&&!i.showViewToggle?"Table":"Standard",this.selectedChip=e.selectedView==="chart"?"Diagram":e.selectedView==="table"?"Table":null,this.lang=i.language?.trim()||"sv",this.title=t.title||"",this.subtitle=t.subtitle||"",this.description=t.description||"",this.comment=t.comment||"",this.source=t.source||"",this.footnote=t.footnote||"",this.imageHref=e.image?.src||"",this.imageAlt=e.image?.alt||"",this.officialStatistics=i.officialStatistics,this.disableToggle=!i.showViewToggle,this.contentHeight=i.contentHeight?.trim()||"",this.contentMaxWidth=i.contentMaxWidth?.trim()||"",this.tableData=e.table?.data,this.valueFormat=e.table?.valueFormat,this.timeFormat=e.table?.timeFormat}refreshTableData(){this._readTableDataFromSlot()}get descriptionLabel(){return this.lang==="en"?"Description of the chart":"Beskrivning av diagrammet"}get moreAboutStatsLabel(){return this.lang==="en"?"More about the statistics":"Mer om statistiken"}get commentLabel(){return this.lang==="en"?"Comments":"Kommentar"}get sourceLabel(){return this.lang==="en"?"Source":"Källa"}get footnoteLabel(){return this.lang==="en"?"Footnotes":"Fotnot"}get officialStatisticsLabel(){return this.lang==="en"?"Official statistics of Sweden":"Sveriges officiella statistik"}get officialStatisticsTitle(){return this.lang==="en"?"Part of Official statistics of Sweden":"Tillhör Sveriges officiella statistik"}get officialStatisticsAlt(){return this.lang==="en"?"Read more about Official statistics of Sweden":"Läs mer om Sveriges officiella statistik"}get actionsMenuLabel(){return this.lang==="en"?"Open menu":"Öppna meny"}get printLabel(){return this.lang==="en"?"Print":"Skriv ut"}get downloadPngLabel(){return this.lang==="en"?"Download PNG":"Ladda ner PNG"}get downloadJpgLabel(){return this.lang==="en"?"Download JPG":"Ladda ner JPG"}get downloadCsvLabel(){return this.lang==="en"?"Download CSV":"Ladda ner CSV"}get enableSeriesDifferentiationLabel(){return this.lang==="en"?"Show symbols and patterns":"Visa symboler och mönster"}get disableSeriesDifferentiationLabel(){return this.lang==="en"?"Hide symbols and patterns":"Dölj symboler och mönster"}get enterFullscreenLabel(){return this.lang==="en"?"View fullscreen":"Visa i helskärm"}get exitFullscreenLabel(){return this.lang==="en"?"Exit fullscreen":"Avsluta helskärm"}_getImageAltText(){return this.imageAlt||(this.lang==="en"?"Chart image":"Diagrambild")}_getTitleId(){return this.title?`${this._instanceId}-title`:void 0}_getSubtitleId(){return this.subtitle?`${this._instanceId}-subtitle`:void 0}_getDescriptionId(){return this.description?`${this._instanceId}-description`:void 0}_getContentAriaLabelledBy(){const e=[this._getTitleId(),this._getSubtitleId()].filter(Boolean);return e.length?e.join(" "):void 0}_getContentAriaDescribedBy(){const e=[this._getDescriptionId()].filter(Boolean);return e.length?e.join(" "):void 0}connectedCallback(){super.connectedCallback(),document.addEventListener("pointerdown",this._onDocumentPointerDown,!0),document.addEventListener("keydown",this._onDocumentKeyDown),document.addEventListener("fullscreenchange",this._onDocumentFullscreenChange),document.addEventListener("webkitfullscreenchange",this._onDocumentFullscreenChange),window.addEventListener("resize",this._onWindowResize),window.visualViewport?.addEventListener("resize",this._onWindowResize)}firstUpdated(e){this._scheduleTableDataRefresh(),o(n,this,P).call(this),o(n,this,I).call(this),o(n,this,$).call(this),this._syncChipClass(),o(n,this,F).call(this),o(n,this,S).call(this),this._syncFullscreenState(),o(n,this,M).call(this)}updated(e){super.updated(e),(e.has("selectedChip")||e.has("variant"))&&(this._syncChipClass(),this._closeActionsMenu()),e.has("selectedChip")&&this._dispatchSelectedChipChanged(),(e.has("spacing")||e.has("spacingTop")||e.has("spacingBottom")||e.has("spacingLeft")||e.has("spacingRight"))&&o(n,this,P).call(this),e.has("containerMaxWidth")&&o(n,this,I).call(this),e.has("variant")&&o(n,this,F).call(this),(e.has("contentMaxWidth")||e.has("contentHeight")||e.has("toggleHeightMode")||e.has("variant"))&&o(n,this,$).call(this),(e.has("selectedChip")||e.has("variant")||e.has("contentMaxWidth")||e.has("contentHeight")||e.has("toggleHeightMode")||e.has("_isFullscreen"))&&o(n,this,S).call(this),(e.has("selectedChip")||e.has("variant"))&&this._seriesDifferentiationEnabled&&requestAnimationFrame(()=>{o(n,this,V).call(this)}),(e.has("title")||e.has("subtitle")||e.has("description")||e.has("comment")||e.has("source")||e.has("footnote")||e.has("officialStatistics")||e.has("selectedChip")||e.has("variant")||e.has("_isFullscreen"))&&o(n,this,M).call(this)}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener("pointerdown",this._onDocumentPointerDown,!0),document.removeEventListener("keydown",this._onDocumentKeyDown),document.removeEventListener("fullscreenchange",this._onDocumentFullscreenChange),document.removeEventListener("webkitfullscreenchange",this._onDocumentFullscreenChange),window.removeEventListener("resize",this._onWindowResize),window.visualViewport?.removeEventListener("resize",this._onWindowResize),o(n,this,G).call(this),o(n,this,j).call(this),o(n,this,B).call(this),cancelAnimationFrame(this._tableDataRefreshFrame),this._tableDataMutationObserver?.disconnect(),this._tableDataMutationObserver=void 0}_scheduleTableDataRefresh(){cancelAnimationFrame(this._tableDataRefreshFrame),this._tableDataRefreshFrame=requestAnimationFrame(()=>{this._tableDataRefreshFrame=0,this.isConnected&&this._readTableDataFromSlot()})}_onTableSlotChange(e){this._scheduleTableDataRefresh()}_onDiagramSlotChange(){o(n,this,$).call(this),o(n,this,S).call(this),this._seriesDifferentiationEnabled&&requestAnimationFrame(()=>{o(n,this,V).call(this)}),this.requestUpdate()}_normalizeRenderableCell(e){return Ve(e)}_readTableDataFromSlot(e){const t=e||this.shadowRoot?.querySelector('slot[name="table"]');this._observeTableDataMutations(t),this._slottedTableData=Te(t)}_observeTableDataMutations(e){if(this._tableDataMutationObserver?.disconnect(),this._tableDataMutationObserver=void 0,!e||typeof MutationObserver>"u")return;const t=e.assignedElements({flatten:!0});t.length&&(this._tableDataMutationObserver=new MutationObserver(()=>{this._scheduleTableDataRefresh()}),t.forEach(i=>{this._tableDataMutationObserver?.observe(i,{childList:!0,characterData:!0,subtree:!0})}))}_inferTableAlignments(e){return $e(e,t=>this._parseTableNumericValue(t))}_parseTableNumericValue(e){if(e==null)return null;if(typeof e=="number")return Number.isFinite(e)?e:null;let t=String(e).replace(/[ \s]+/g,"").trim();if(!t)return null;t.endsWith("%")&&(t=t.slice(0,-1));const i=t.lastIndexOf(","),s=t.lastIndexOf(".");if(i>-1&&s>-1?i>s?t=t.replace(/\./g,"").replace(",","."):t=t.replace(/,/g,""):i>-1&&(t=t.replace(",",".")),!/^-?\d+(?:\.\d+)?$/.test(t))return null;const a=Number(t);return Number.isFinite(a)?a:null}_formatTableCell(e,t,i){const s=this._normalizeRenderableCell(e);if(s.html)return s;const a=s.text;if(!a)return s;if(t===0){const m=this._normalizeTimeFormat(this.timeFormat),f=this._formatCategoryTimeLabel(a,m);return f!==null?{html:"",text:f}:s}if(i[t]!=="right")return s;if(this._shouldPreserveSourceValueFormatting(this.valueFormat)){const m=this._localizeAutomaticNumericText(a);return m!==null?{html:"",text:m}:s}const l=this._parseTableNumericValue(a);if(l===null)return s;const c=this._normalizeValueFormat(this.valueFormat),h=this._formatValueForDisplay(l,c,!0);return h===null?s:{html:"",text:h}}_getViewportHeight(){return Math.round(window.visualViewport?.height||window.innerHeight||document.documentElement.clientHeight||0)}_readCssLength(e){const t=Number.parseFloat(e||"0");return Number.isFinite(t)?t:0}_getElementOuterHeight(e){const t=this.shadowRoot?.querySelector(e);if(!t)return 0;const i=getComputedStyle(t);return t.getBoundingClientRect().height+this._readCssLength(i.marginTop)+this._readCssLength(i.marginBottom)}_getFullscreenDiagramHeight(){if(!this._isFullscreen||this.variant!=="Standard"||this.selectedChip!=="Diagram")return"";const e=this._getViewportHeight();if(!e)return"";const t=getComputedStyle(this),i=this._readCssLength(t.paddingTop)+this._readCssLength(t.paddingBottom)+this._getElementOuterHeight(".header")+this._getElementOuterHeight(".actions-row")+this._getElementOuterHeight(".footer")+16,s=Math.floor(e-i);return!Number.isFinite(s)||s<=0?"":`${Math.max(320,s)}px`}_getResolvedContentMaxWidth(){return this.contentMaxWidth?.trim()||""}_getResolvedDiagramHeight(){return this._fullscreenDiagramHeight||this.contentHeight?.trim()||""}_getResolvedDiagramScrollerWidth(){return this._getResolvedContentMaxWidth()}_getResolvedToggleHeightMode(){return this.toggleHeightMode==="auto"?"auto":"stable"}_getResolvedStandardContentHeight(){return this._getResolvedDiagramHeight()||"600px"}_getResolvedTableData(){return this.tableData??this._slottedTableData}_getResolvedTableView(e){return xe(e,{inferAlignments:t=>this._inferTableAlignments(t),normalizeCell:t=>this._normalizeRenderableCell(t),formatCell:(t,i,s)=>this._formatTableCell(t,i,s)})}_getDiagramAssignedElements(){const e=this.shadowRoot?.querySelector('slot[name="diagram"]');return e?e.assignedElements({flatten:!0}):[]}_findExportableVisualElement(e){for(const t of e){if(t instanceof SVGSVGElement||t instanceof HTMLCanvasElement||t instanceof HTMLImageElement)return t;const i=t.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 e=this.shadowRoot?.querySelector(".image-content img");return e instanceof HTMLImageElement?e:null}return this._findExportableVisualElement(this._getDiagramAssignedElements())}_getDefaultValueFormat(){return{type:"number",scale:"auto",decimals:0,decimalSeparator:this.lang==="en"?".":","}}_normalizeValueFormat(e){const t=this._getDefaultValueFormat(),i=e&&typeof e=="object"?e:{};return{type:["number","currency","percent"].includes(String(i.type))?String(i.type):t.type,scale:["auto","raw","thousands","millions","billions"].includes(String(i.scale))?String(i.scale):t.scale,decimals:Number.isFinite(Number(i.decimals))?Math.max(0,Math.min(20,Number(i.decimals))):t.decimals,decimalSeparator:String(i.decimalSeparator)==="."?".":String(i.decimalSeparator)===","?",":t.decimalSeparator}}_shouldPreserveSourceValueFormatting(e){const t=this._normalizeValueFormat(e);return t.type==="number"&&t.scale==="auto"}_normalizeTimeFormat(e){const t={mode:"raw",display:"raw"},i=e&&typeof e=="object"?e:{},s=["raw","year","monthCode","quarterCode","weekCode","tertialCode"];let a=typeof i.mode=="string"?i.mode:t.mode,l=typeof i.display=="string"?i.display:t.display;s.includes(a)||(a=t.mode);const c={raw:["raw"],year:["raw","year"],monthCode:["raw","iso-month","short-month","long-month"],quarterCode:["raw","quarter-compact","quarter-short","quarter-long"],weekCode:["raw","week-compact","week-long"],tertialCode:["raw","tertial-compact","tertial-short","tertial-long"]};return c[a].includes(l)||(l=c[a][0]),a==="raw"&&(l="raw"),{mode:a,display:l}}_getShortMonthNames(){return["jan","feb","mar","apr","maj","jun","jul","aug","sep","okt","nov","dec"]}_getLongMonthNames(){return["januari","februari","mars","april","maj","juni","juli","augusti","september","oktober","november","december"]}_formatCategoryTimeLabel(e,t){if(!e||t.mode==="raw"||t.display==="raw")return null;if(t.mode==="year"){const i=/^\s*(\d{4})\s*$/.exec(e);return i?i[1]:null}if(t.mode==="monthCode"){const i=/^\s*(\d{4})M(0?[1-9]|1[0-2])\s*$/i.exec(e);if(!i)return null;const s=Number(i[2])-1,a=i[1],l=String(s+1).padStart(2,"0");return t.display==="iso-month"?`${a}-${l}`:t.display==="short-month"?`${this._getShortMonthNames()[s]} ${a}`:t.display==="long-month"?`${this._getLongMonthNames()[s]} ${a}`:e}if(t.mode==="quarterCode"){const i=/^\s*(\d{4})(?:K(V)?|Q)(0?[1-4])\s*$/i.exec(e);if(!i)return null;const s=Number(i[3]),a=i[1],l=["första","andra","tredje","fjärde"];return t.display==="quarter-compact"?`${a} K${s}`:t.display==="quarter-short"?`kv ${s} ${a}`:t.display==="quarter-long"?`${l[s-1]} kvartalet ${a}`:e}if(t.mode==="weekCode"){const i=/^\s*(\d{4})(?:V|W)(0?[1-9]|[1-4][0-9]|5[0-3])\s*$/i.exec(e);if(!i)return null;const s=Number(i[2]),a=i[1];return t.display==="week-compact"?`${a} v. ${s}`:t.display==="week-long"?`vecka ${s} ${a}`:e}if(t.mode==="tertialCode"){const i=/^\s*(\d{4})T(0?[1-3])\s*$/i.exec(e);if(!i)return null;const s=Number(i[2]),a=i[1],l=["första","andra","tredje"];return t.display==="tertial-compact"?`${a} T${s}`:t.display==="tertial-short"?`tertial ${s} ${a}`:t.display==="tertial-long"?`${l[s-1]} tertialet ${a}`:e}return null}_localizeAutomaticNumericText(e){const t=this._normalizeValueFormat(this.valueFormat),i=String(e??"").trim();if(!i||i===".."||i==="...")return null;const s=i.replace(/[ \s]/g,"");if(!/^-?\d+(?:[.,]\d+)?$/.test(s))return null;const a=t.decimalSeparator==="."?".":",";return a==="."&&s.indexOf(",")!==-1?s.replace(",","."):a===","&&s.indexOf(".")!==-1?s.replace(".",","):s}_formatLocalizedNumber(e,t,i){const s=new Intl.NumberFormat(this.lang==="en"?"en-GB":"sv-SE",{minimumFractionDigits:t,maximumFractionDigits:t}),a=i==="."||i===","?i:this.lang==="en"?".":",";return s.formatToParts(e).map(l=>l.type==="decimal"?a:l.value).join("")}_formatValueForDisplay(e,t,i){if(!Number.isFinite(e))return null;const s={raw:1,thousands:1e3,millions:1e6,billions:1e9},a={raw:"",thousands:this.lang==="en"?"k":"t",millions:this.lang==="en"?"M":"mn",billions:this.lang==="en"?"B":"md"};let l=t.scale;if(l==="auto"){const f=Math.abs(e);f>=1e9?l="billions":f>=1e6?l="millions":f>=1e3?l="thousands":l="raw"}const c=e/(s[l]||1);let h=this._formatLocalizedNumber(c,t.decimals,t.decimalSeparator);t.type==="percent"?h=`${h} %`:t.type==="currency"&&(h=i?`${h} kr`:h);const m=a[l]||"";return m&&(h=`${h} ${m}`),h}_getCurrentHighchartsChart(){if(this._getCurrentPrintableView()!=="diagram")return;const e=o(n,this,q).call(this,this._getDiagramAssignedElements());if(e!==void 0)return window.Highcharts?.charts?.[e]}_getSeriesDifferentiationGroup(e,t){const i=String(e?.type||e?.options?.type||t?.options?.chart?.type||"").trim().toLowerCase();return["line","spline","scatter"].includes(i)?"line":["area","areaspline"].includes(i)?"area":["column","bar"].includes(i)?this._isGroupedSeriesDifferentiationChart(e,t)?"grouped-fill":"fill":["pie","variablepie"].includes(i)?"point-fill":null}_getSeriesDifferentiationVariantByIndex(e){return _e(e)}_isGroupedSeriesDifferentiationChart(e,t){return ye(e,t)}_usesGroupedPointDifferentiation(e){return De(e)}_getGroupedSeriesDifferentiationVariant(e,t,i){const s=be(e,t,i);return{...s,variantIndex:typeof s.variantIndex=="number"?s.variantIndex:i}}_applyGroupedLegendSeriesDifferentiation(e){(Array.isArray(e?.legend?.allItems)?e.legend.allItems:[]).forEach((t,i)=>{const s=t&&t.series?t.series:t;if(!this._isGroupedSeriesDifferentiationChart(s,e))return;const{variantIndex:a,patternKind:l}=this._getGroupedSeriesDifferentiationVariant(t,e,i),c=this._getHighchartsColorClassName(t?.legendSymbol??t?.legendItem?.symbol??t?.legendItem?.group,a);this._getLegendSeriesDifferentiationTargets(t).fillTargets.forEach(h=>{this._setSeriesDifferentiationMetadata(h,{role:"legend-fill",patternKind:l}),this._setSeriesDifferentiationColorClass(h,c)}),this._ensureStyledModeSeriesPattern(e,c,l)})}_clearGroupedLegendSeriesDifferentiation(e){(Array.isArray(e?.legend?.allItems)?e.legend.allItems:[]).forEach(t=>{const i=t&&t.series?t.series:t;if(!this._isGroupedSeriesDifferentiationChart(i,e))return;const s=this._getLegendSeriesDifferentiationTargets(t);s.graphTargets.forEach(a=>{this._clearSeriesDifferentiationMetadata(a)}),s.fillTargets.forEach(a=>{this._clearSeriesDifferentiationMetadata(a),this._clearSeriesDifferentiationColorClass(a)})})}_shouldShowSeriesDifferentiationAction(){return Ce({chart:this._getCurrentHighchartsChart(),getCurrentPrintableView:()=>this._getCurrentPrintableView(),getSeriesDifferentiationGroup:(e,t)=>this._getSeriesDifferentiationGroup(e,t),isHighchartsStyledMode:e=>this._isHighchartsStyledMode(e)})}_getSeriesDifferentiationSnapshotStore(e){let t=this._seriesDifferentiationSnapshots.get(e);return t||(t=new Map,this._seriesDifferentiationSnapshots.set(e,t)),t}_cloneSeriesOptionValue(e){return Array.isArray(e)?e.map(t=>this._cloneSeriesOptionValue(t)):e&&typeof e=="object"?Object.fromEntries(Object.entries(e).map(([t,i])=>[t,this._cloneSeriesOptionValue(i)])):e}_captureSeriesDifferentiationSnapshot(e){const t=this._cloneSeriesOptionValue(e?.options?.marker),i=this._cloneSeriesOptionValue(e?.resetA11yMarkerOptions),s=this._cloneSeriesOptionValue(e?.userOptions?.marker),a=t?.states,l=e?.a11yMarkersForced===!0&&i&&Object.keys(i).length>0||a?.normal?.opacity===0&&i&&Object.keys(i).length>0?i:s;return{marker:l&&Object.keys(l).length>0?l:t&&Object.keys(t).length>0?t:{enabled:!1}}}_isHighchartsStyledMode(e){return ze(e)}_getHighchartsSvgRoot(e){return fe(e)}_getHighchartsColorClassName(e,t){return me(e,t)}_setSeriesDifferentiationMetadata(e,t){we(e,t)}_clearSeriesDifferentiationMetadata(e){pe(e)}_setSeriesDifferentiationColorClass(e,t){Se(e,t)}_clearSeriesDifferentiationColorClass(e){ge(e)}_getLegendSeriesDifferentiationTargets(e){return ve(e)}_ensureStyledModeSeriesPattern(e,t,i){ue(e,t,i)}_applyStyledModeSeriesDifferentiation(e){const t=this._getHighchartsSvgRoot(e);if(!t)return;t.classList.add("scb-viz-series-differentiation-enabled");const i=de(),s=this._getSeriesDifferentiationSnapshotStore(e);e.series?.forEach((a,l)=>{const c=this._getSeriesDifferentiationGroup(a,e);if(!c)return;const h=String(a?.index??l);s.has(h)||s.set(h,this._captureSeriesDifferentiationSnapshot(a));const m=c==="grouped-fill"&&this._usesGroupedPointDifferentiation(a),f=c==="grouped-fill"?this._getGroupedSeriesDifferentiationVariant(a,e,l):{variantIndex:l,...this._getSeriesDifferentiationVariantByIndex(l)},{dashStyle:w,markerSymbol:D,patternKind:v}=f,_=this._getHighchartsColorClassName(a?.graph??a?.area??a?.group,f.variantIndex),L=this._getLegendSeriesDifferentiationTargets(a);this._setSeriesDifferentiationMetadata(a?.graph,{role:"graph",dashStyle:w}),c==="area"&&(this._setSeriesDifferentiationMetadata(a?.area,{role:"area",patternKind:v}),this._setSeriesDifferentiationColorClass(a?.area,_),this._ensureStyledModeSeriesPattern(e,_,v)),c==="fill"&&(a.points?.forEach(u=>{this._setSeriesDifferentiationMetadata(u?.graphic,{role:"fill",patternKind:v}),this._setSeriesDifferentiationColorClass(u?.graphic,_)}),this._ensureStyledModeSeriesPattern(e,_,v)),c==="grouped-fill"&&(m?a.points?.forEach((u,x)=>{const y=this._getGroupedSeriesDifferentiationVariant(u,e,x),z=this._getHighchartsColorClassName(u?.graphic??u?.legendSymbol??u?.legendItem?.symbol??u?.legendItem?.group,y.variantIndex);this._setSeriesDifferentiationMetadata(u?.graphic,{role:"fill",patternKind:y.patternKind}),this._setSeriesDifferentiationColorClass(u?.graphic,z),this._ensureStyledModeSeriesPattern(e,z,y.patternKind)}):(a.points?.forEach(u=>{this._setSeriesDifferentiationMetadata(u?.graphic,{role:"fill",patternKind:v}),this._setSeriesDifferentiationColorClass(u?.graphic,_)}),this._ensureStyledModeSeriesPattern(e,_,v))),c==="point-fill"&&a.points?.forEach((u,x)=>{const y=i[x%i.length],z=this._getHighchartsColorClassName(u?.graphic??u?.legendSymbol??u?.legendItem?.symbol??u?.legendItem?.group,x),W=this._getLegendSeriesDifferentiationTargets(u);this._setSeriesDifferentiationMetadata(u?.graphic,{role:"fill",patternKind:y}),this._setSeriesDifferentiationColorClass(u?.graphic,z),this._ensureStyledModeSeriesPattern(e,z,y),W.fillTargets.forEach(H=>{this._setSeriesDifferentiationMetadata(H,{role:"legend-fill",patternKind:y}),this._setSeriesDifferentiationColorClass(H,z)})}),(c==="line"||c==="area")&&L.graphTargets.forEach(u=>{this._setSeriesDifferentiationMetadata(u,{role:"legend-symbol",dashStyle:w})}),(c==="area"||c==="fill"||c==="grouped-fill"&&!m)&&L.fillTargets.forEach(u=>{this._setSeriesDifferentiationMetadata(u,{role:"legend-fill",patternKind:v}),this._setSeriesDifferentiationColorClass(u,_)}),(c==="line"||c==="area")&&a.update({marker:{enabled:!0,symbol:D}},!1)}),this._applyGroupedLegendSeriesDifferentiation(e),e.redraw(!1)}_restoreStyledModeSeriesDifferentiation(e){this._getHighchartsSvgRoot(e)?.classList.remove("scb-viz-series-differentiation-enabled");const t=this._getSeriesDifferentiationSnapshotStore(e);e.series?.forEach((i,s)=>{const a=this._getSeriesDifferentiationGroup(i,e);if(!a)return;const l=this._getLegendSeriesDifferentiationTargets(i);if(this._clearSeriesDifferentiationMetadata(i?.graph),this._clearSeriesDifferentiationMetadata(i?.area),this._clearSeriesDifferentiationColorClass(i?.area),i.points?.forEach(c=>{const h=this._getLegendSeriesDifferentiationTargets(c);this._clearSeriesDifferentiationMetadata(c?.graphic),this._clearSeriesDifferentiationColorClass(c?.graphic),h.graphTargets.forEach(m=>{this._clearSeriesDifferentiationMetadata(m)}),h.fillTargets.forEach(m=>{this._clearSeriesDifferentiationMetadata(m),this._clearSeriesDifferentiationColorClass(m)})}),l.graphTargets.forEach(c=>{this._clearSeriesDifferentiationMetadata(c)}),l.fillTargets.forEach(c=>{this._clearSeriesDifferentiationMetadata(c),this._clearSeriesDifferentiationColorClass(c)}),a==="line"||a==="area"){const c=t.get(String(i?.index??s));i.update({marker:this._cloneSeriesOptionValue(c?.marker)},!1)}}),this._clearGroupedLegendSeriesDifferentiation(e),e.redraw(!1),this._seriesDifferentiationSnapshots.delete(e)}_canExportRaster(){return this._getExportableVisualElement()!==null}_canExportCsv(){return!!this._getResolvedTableData()?.rows?.length}_getInternalComponentSize(e,t,i){const s=getComputedStyle(this).getPropertyValue(e).trim();return i.has(s)?s:t}_buildExportFileName(e){return Z({lang:this.lang,title:this.title},e)}_getFullscreenTarget(){return this}_getCurrentFullscreenElement(){return se()}_isFullscreenSupported(){return ae(this._getFullscreenTarget())}_syncFullscreenState(){const e=this._getCurrentFullscreenElement()===this._getFullscreenTarget();this._isFullscreen=e,this.toggleAttribute("data-scb-viz-fullscreen",e),o(n,this,M).call(this),o(n,this,S).call(this)}async _toggleFullscreen(){await oe(this._getFullscreenTarget())}_renderActionsMenu(){const e=this._getCurrentPrintableView(),t=this._canExportRaster(),i=this._canExportCsv(),s=t&&(e==="diagram"||e==="image"),a=i&&e==="table",l=this._shouldShowSeriesDifferentiationAction(),c=`${this._instanceId}-actions-menu`;return d`
|
|
116
|
+
`,He="position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;white-space:nowrap;clip:rect(0, 0, 0, 0);clip-path:inset(50%);border:0;",Ee=0,g=(n=new WeakSet,k=class extends K{constructor(...e){super(...e),Y(this,n),this.variant="Standard",this.selectedChip="Diagram",this.title="",this.subtitle="",this.description="",this.comment="",this.source="",this.footnote="",this.lang="sv",this.imageHref="",this.imageAlt="",this.officialStatistics=!1,this.disableToggle=!1,this.contentMaxWidth="",this.containerMaxWidth="",this.contentHeight="",this.toggleHeightMode="stable",this._actionsMenuOpen=!1,this._seriesDifferentiationEnabled=!1,this._isFullscreen=!1,this._tableDataRefreshFrame=0,this._seriesDifferentiationSnapshots=new WeakMap,this._diagramReflowFrame=0,this._fullscreenDiagramSizingFrame=0,this._fullscreenDiagramHeight="",this._instanceId=`scb-viz-${++Ee}`,this.spacing=void 0,this.spacingTop=void 0,this.spacingBottom=void 0,this.spacingLeft=void 0,this.spacingRight=void 0,this._onDocumentFullscreenChange=()=>{this._syncFullscreenState()},this._onWindowResize=()=>{this._isFullscreen&&o(n,this,M).call(this)},this._onToggleFullscreenClick=async()=>{this._closeActionsMenu(),await this._toggleFullscreen()},this._onActionsMenuOpen=()=>{this._actionsMenuOpen=!0,!this._isActionsMenuPinnedForPreview()&&requestAnimationFrame(()=>{this._focusFirstMenuItem()})},this._onActionsMenuClose=()=>{const t=this._actionsMenuOpen;this._actionsMenuOpen=!1,t&&!this._isActionsMenuPinnedForPreview()&&requestAnimationFrame(()=>{this._focusMenuButton()})},this._onDocumentPointerDown=t=>{if(!this._actionsMenuOpen||this._isActionsMenuPinnedForPreview())return;const i=t.composedPath(),s=this.shadowRoot?.querySelector(".actions-menu");s&&i.includes(s)||this._closeActionsMenu()},this._onDocumentKeyDown=t=>{!this._actionsMenuOpen||this._isActionsMenuPinnedForPreview()||t.key==="Escape"&&(t.preventDefault(),this._closeActionsMenu(),this._focusMenuButton())},this._onPrintClick=async()=>{this._closeActionsMenu(),await o(n,this,Ge).call(this)},this._onDownloadPngClick=async()=>{this._canExportRaster()&&(this._closeActionsMenu(),await o(n,this,R).call(this,"png"))},this._onDownloadJpgClick=async()=>{this._canExportRaster()&&(this._closeActionsMenu(),await o(n,this,R).call(this,"jpeg"))},this._onDownloadCsvClick=()=>{this._canExportCsv()&&(this._closeActionsMenu(),o(n,this,je).call(this))},this._onToggleSeriesDifferentiationClick=()=>{this._seriesDifferentiationEnabled=!this._seriesDifferentiationEnabled,this._closeActionsMenu(),o(n,this,V).call(this)}}applyViewModel(e){if(!e||typeof e!="object")throw new Error("scb-viz: ScbVizViewModel måste vara ett objekt.");if(!e.metadata||typeof e.metadata!="object")throw new Error("scb-viz: metadata saknas i ScbVizViewModel.");if(!e.options||typeof e.options!="object")throw new Error("scb-viz: options saknas i ScbVizViewModel.");if(!["chart","table","image"].includes(e.selectedView))throw new Error(`scb-viz: selectedView är ${JSON.stringify(e.selectedView)}, men måste vara chart, table eller image.`);if(e.selectedView==="table"&&!e.table)throw new Error('scb-viz: selectedView är "table", men table saknas i ScbVizViewModel.');if(e.selectedView==="image"&&!e.image)throw new Error('scb-viz: selectedView är "image", men image saknas i ScbVizViewModel.');const t=e.metadata,i=e.options;this.variant=e.selectedView==="image"?"Image":e.selectedView==="table"&&!i.showViewToggle?"Table":"Standard",this.selectedChip=e.selectedView==="chart"?"Diagram":e.selectedView==="table"?"Table":null,this.lang=i.language?.trim()||"sv",this.title=t.title||"",this.subtitle=t.subtitle||"",this.description=t.description||"",this.comment=t.comment||"",this.source=t.source||"",this.footnote=t.footnote||"",this.imageHref=e.image?.src||"",this.imageAlt=e.image?.alt||"",this.officialStatistics=i.officialStatistics,this.disableToggle=!i.showViewToggle,this.contentHeight=i.contentHeight?.trim()||"",this.contentMaxWidth=i.contentMaxWidth?.trim()||"",this.tableData=e.table?.data,this.valueFormat=e.table?.valueFormat,this.timeFormat=e.table?.timeFormat}refreshTableData(){this._readTableDataFromSlot()}get descriptionLabel(){return this.lang==="en"?"Description of the chart":"Beskrivning av diagrammet"}get moreAboutStatsLabel(){return this.lang==="en"?"More about the statistics":"Mer om statistiken"}get commentLabel(){return this.lang==="en"?"Comments":"Kommentar"}get sourceLabel(){return this.lang==="en"?"Source":"Källa"}get footnoteLabel(){return this.lang==="en"?"Footnotes":"Fotnot"}get officialStatisticsLabel(){return this.lang==="en"?"Official statistics of Sweden":"Sveriges officiella statistik"}get officialStatisticsTitle(){return this.lang==="en"?"Part of Official statistics of Sweden":"Tillhör Sveriges officiella statistik"}get officialStatisticsAlt(){return this.lang==="en"?"Read more about Official statistics of Sweden":"Läs mer om Sveriges officiella statistik"}get actionsMenuLabel(){return this.lang==="en"?"Open menu":"Öppna meny"}get printLabel(){return this.lang==="en"?"Print":"Skriv ut"}get downloadPngLabel(){return this.lang==="en"?"Download PNG":"Ladda ner PNG"}get downloadJpgLabel(){return this.lang==="en"?"Download JPG":"Ladda ner JPG"}get downloadCsvLabel(){return this.lang==="en"?"Download CSV":"Ladda ner CSV"}get enableSeriesDifferentiationLabel(){return this.lang==="en"?"Show symbols and patterns":"Visa symboler och mönster"}get disableSeriesDifferentiationLabel(){return this.lang==="en"?"Hide symbols and patterns":"Dölj symboler och mönster"}get enterFullscreenLabel(){return this.lang==="en"?"View fullscreen":"Visa i helskärm"}get exitFullscreenLabel(){return this.lang==="en"?"Exit fullscreen":"Avsluta helskärm"}_getImageAltText(){return this.imageAlt||(this.lang==="en"?"Chart image":"Diagrambild")}_getTitleId(){return this.title?`${this._instanceId}-title`:void 0}_getSubtitleId(){return this.subtitle?`${this._instanceId}-subtitle`:void 0}_getDescriptionId(){return this.description?`${this._instanceId}-description`:void 0}_getContentAriaLabelledBy(){const e=[this._getTitleId(),this._getSubtitleId()].filter(Boolean);return e.length?e.join(" "):void 0}_getContentAriaDescribedBy(){const e=[this._getDescriptionId()].filter(Boolean);return e.length?e.join(" "):void 0}connectedCallback(){super.connectedCallback(),document.addEventListener("pointerdown",this._onDocumentPointerDown,!0),document.addEventListener("keydown",this._onDocumentKeyDown),document.addEventListener("fullscreenchange",this._onDocumentFullscreenChange),document.addEventListener("webkitfullscreenchange",this._onDocumentFullscreenChange),window.addEventListener("resize",this._onWindowResize),window.visualViewport?.addEventListener("resize",this._onWindowResize)}firstUpdated(e){this._scheduleTableDataRefresh(),o(n,this,P).call(this),o(n,this,I).call(this),o(n,this,$).call(this),this._syncChipClass(),o(n,this,F).call(this),o(n,this,S).call(this),this._syncFullscreenState(),o(n,this,M).call(this)}updated(e){super.updated(e),(e.has("selectedChip")||e.has("variant"))&&(this._syncChipClass(),this._closeActionsMenu()),e.has("selectedChip")&&this._dispatchSelectedChipChanged(),(e.has("spacing")||e.has("spacingTop")||e.has("spacingBottom")||e.has("spacingLeft")||e.has("spacingRight"))&&o(n,this,P).call(this),e.has("containerMaxWidth")&&o(n,this,I).call(this),e.has("variant")&&o(n,this,F).call(this),(e.has("contentMaxWidth")||e.has("contentHeight")||e.has("toggleHeightMode")||e.has("variant"))&&o(n,this,$).call(this),(e.has("selectedChip")||e.has("variant")||e.has("contentMaxWidth")||e.has("contentHeight")||e.has("toggleHeightMode")||e.has("_isFullscreen"))&&o(n,this,S).call(this),(e.has("selectedChip")||e.has("variant"))&&this._seriesDifferentiationEnabled&&requestAnimationFrame(()=>{o(n,this,V).call(this)}),(e.has("title")||e.has("subtitle")||e.has("description")||e.has("comment")||e.has("source")||e.has("footnote")||e.has("officialStatistics")||e.has("selectedChip")||e.has("variant")||e.has("_isFullscreen"))&&o(n,this,M).call(this)}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener("pointerdown",this._onDocumentPointerDown,!0),document.removeEventListener("keydown",this._onDocumentKeyDown),document.removeEventListener("fullscreenchange",this._onDocumentFullscreenChange),document.removeEventListener("webkitfullscreenchange",this._onDocumentFullscreenChange),window.removeEventListener("resize",this._onWindowResize),window.visualViewport?.removeEventListener("resize",this._onWindowResize),o(n,this,G).call(this),o(n,this,j).call(this),o(n,this,B).call(this),cancelAnimationFrame(this._tableDataRefreshFrame),this._tableDataMutationObserver?.disconnect(),this._tableDataMutationObserver=void 0}_scheduleTableDataRefresh(){cancelAnimationFrame(this._tableDataRefreshFrame),this._tableDataRefreshFrame=requestAnimationFrame(()=>{this._tableDataRefreshFrame=0,this.isConnected&&this._readTableDataFromSlot()})}_onTableSlotChange(e){this._scheduleTableDataRefresh()}_onDiagramSlotChange(){o(n,this,$).call(this),o(n,this,S).call(this),this._seriesDifferentiationEnabled&&requestAnimationFrame(()=>{o(n,this,V).call(this)}),this.requestUpdate()}_normalizeRenderableCell(e){return Ve(e)}_readTableDataFromSlot(e){const t=e||this.shadowRoot?.querySelector('slot[name="table"]');this._observeTableDataMutations(t),this._slottedTableData=Te(t)}_observeTableDataMutations(e){if(this._tableDataMutationObserver?.disconnect(),this._tableDataMutationObserver=void 0,!e||typeof MutationObserver>"u")return;const t=e.assignedElements({flatten:!0});t.length&&(this._tableDataMutationObserver=new MutationObserver(()=>{this._scheduleTableDataRefresh()}),t.forEach(i=>{this._tableDataMutationObserver?.observe(i,{childList:!0,characterData:!0,subtree:!0})}))}_inferTableAlignments(e){return $e(e,t=>this._parseTableNumericValue(t))}_parseTableNumericValue(e){if(e==null)return null;if(typeof e=="number")return Number.isFinite(e)?e:null;let t=String(e).replace(/[ \s]+/g,"").trim();if(!t)return null;t.endsWith("%")&&(t=t.slice(0,-1));const i=t.lastIndexOf(","),s=t.lastIndexOf(".");if(i>-1&&s>-1?i>s?t=t.replace(/\./g,"").replace(",","."):t=t.replace(/,/g,""):i>-1&&(t=t.replace(",",".")),!/^-?\d+(?:\.\d+)?$/.test(t))return null;const a=Number(t);return Number.isFinite(a)?a:null}_formatTableCell(e,t,i){const s=this._normalizeRenderableCell(e);if(s.html)return s;const a=s.text;if(!a)return s;if(t===0){const b=this._normalizeTimeFormat(this.timeFormat),f=this._formatCategoryTimeLabel(a,b);return f!==null?{html:"",text:f}:s}if(i[t]!=="right")return s;if(this._shouldPreserveSourceValueFormatting(this.valueFormat)){const b=this._localizeAutomaticNumericText(a);return b!==null?{html:"",text:b}:s}const l=this._parseTableNumericValue(a);if(l===null)return s;const c=this._normalizeValueFormat(this.valueFormat),h=this._formatValueForDisplay(l,c,!0);return h===null?s:{html:"",text:h}}_getViewportHeight(){return Math.round(window.visualViewport?.height||window.innerHeight||document.documentElement.clientHeight||0)}_readCssLength(e){const t=Number.parseFloat(e||"0");return Number.isFinite(t)?t:0}_getElementOuterHeight(e){const t=this.shadowRoot?.querySelector(e);if(!t)return 0;const i=getComputedStyle(t);return t.getBoundingClientRect().height+this._readCssLength(i.marginTop)+this._readCssLength(i.marginBottom)}_getFullscreenDiagramHeight(){if(!this._isFullscreen||this.variant!=="Standard"||this.selectedChip!=="Diagram")return"";const e=this._getViewportHeight();if(!e)return"";const t=getComputedStyle(this),i=this._readCssLength(t.paddingTop)+this._readCssLength(t.paddingBottom)+this._getElementOuterHeight(".header")+this._getElementOuterHeight(".actions-row")+this._getElementOuterHeight(".footer")+16,s=Math.floor(e-i);return!Number.isFinite(s)||s<=0?"":`${Math.max(320,s)}px`}_getResolvedContentMaxWidth(){return this.contentMaxWidth?.trim()||""}_getResolvedDiagramHeight(){return this._fullscreenDiagramHeight||this.contentHeight?.trim()||""}_getResolvedDiagramScrollerWidth(){return this._getResolvedContentMaxWidth()}_getResolvedToggleHeightMode(){return this.toggleHeightMode==="auto"?"auto":"stable"}_getResolvedStandardContentHeight(){return this._getResolvedDiagramHeight()||"600px"}_getResolvedTableData(){return this.tableData??this._slottedTableData}_getResolvedTableView(e){return xe(e,{inferAlignments:t=>this._inferTableAlignments(t),normalizeCell:t=>this._normalizeRenderableCell(t),formatCell:(t,i,s)=>this._formatTableCell(t,i,s)})}_getDiagramAssignedElements(){const e=this.shadowRoot?.querySelector('slot[name="diagram"]');return e?e.assignedElements({flatten:!0}):[]}_findExportableVisualElement(e){for(const t of e){if(t instanceof SVGSVGElement||t instanceof HTMLCanvasElement||t instanceof HTMLImageElement)return t;const i=t.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 e=this.shadowRoot?.querySelector(".image-content img");return e instanceof HTMLImageElement?e:null}return this._findExportableVisualElement(this._getDiagramAssignedElements())}_getDefaultValueFormat(){return{type:"number",scale:"auto",decimals:0,decimalSeparator:this.lang==="en"?".":","}}_normalizeValueFormat(e){const t=this._getDefaultValueFormat(),i=e&&typeof e=="object"?e:{};return{type:["number","currency","percent"].includes(String(i.type))?String(i.type):t.type,scale:["auto","raw","thousands","millions","billions"].includes(String(i.scale))?String(i.scale):t.scale,decimals:Number.isFinite(Number(i.decimals))?Math.max(0,Math.min(20,Number(i.decimals))):t.decimals,decimalSeparator:String(i.decimalSeparator)==="."?".":String(i.decimalSeparator)===","?",":t.decimalSeparator}}_shouldPreserveSourceValueFormatting(e){const t=this._normalizeValueFormat(e);return t.type==="number"&&t.scale==="auto"}_normalizeTimeFormat(e){const t={mode:"raw",display:"raw"},i=e&&typeof e=="object"?e:{},s=["raw","year","monthCode","quarterCode","weekCode","tertialCode"];let a=typeof i.mode=="string"?i.mode:t.mode,l=typeof i.display=="string"?i.display:t.display;s.includes(a)||(a=t.mode);const c={raw:["raw"],year:["raw","year"],monthCode:["raw","iso-month","short-month","long-month"],quarterCode:["raw","quarter-compact","quarter-short","quarter-long"],weekCode:["raw","week-compact","week-long"],tertialCode:["raw","tertial-compact","tertial-short","tertial-long"]};return c[a].includes(l)||(l=c[a][0]),a==="raw"&&(l="raw"),{mode:a,display:l}}_getShortMonthNames(){return["jan","feb","mar","apr","maj","jun","jul","aug","sep","okt","nov","dec"]}_getLongMonthNames(){return["januari","februari","mars","april","maj","juni","juli","augusti","september","oktober","november","december"]}_formatCategoryTimeLabel(e,t){if(!e||t.mode==="raw"||t.display==="raw")return null;if(t.mode==="year"){const i=/^\s*(\d{4})\s*$/.exec(e);return i?i[1]:null}if(t.mode==="monthCode"){const i=/^\s*(\d{4})M(0?[1-9]|1[0-2])\s*$/i.exec(e);if(!i)return null;const s=Number(i[2])-1,a=i[1],l=String(s+1).padStart(2,"0");return t.display==="iso-month"?`${a}-${l}`:t.display==="short-month"?`${this._getShortMonthNames()[s]} ${a}`:t.display==="long-month"?`${this._getLongMonthNames()[s]} ${a}`:e}if(t.mode==="quarterCode"){const i=/^\s*(\d{4})(?:K(V)?|Q)(0?[1-4])\s*$/i.exec(e);if(!i)return null;const s=Number(i[3]),a=i[1],l=["första","andra","tredje","fjärde"];return t.display==="quarter-compact"?`${a} K${s}`:t.display==="quarter-short"?`kv ${s} ${a}`:t.display==="quarter-long"?`${l[s-1]} kvartalet ${a}`:e}if(t.mode==="weekCode"){const i=/^\s*(\d{4})(?:V|W)(0?[1-9]|[1-4][0-9]|5[0-3])\s*$/i.exec(e);if(!i)return null;const s=Number(i[2]),a=i[1];return t.display==="week-compact"?`${a} v. ${s}`:t.display==="week-long"?`vecka ${s} ${a}`:e}if(t.mode==="tertialCode"){const i=/^\s*(\d{4})T(0?[1-3])\s*$/i.exec(e);if(!i)return null;const s=Number(i[2]),a=i[1],l=["första","andra","tredje"];return t.display==="tertial-compact"?`${a} T${s}`:t.display==="tertial-short"?`tertial ${s} ${a}`:t.display==="tertial-long"?`${l[s-1]} tertialet ${a}`:e}return null}_localizeAutomaticNumericText(e){const t=this._normalizeValueFormat(this.valueFormat),i=String(e??"").trim();if(!i||i===".."||i==="...")return null;const s=i.replace(/[ \s]/g,"");if(!/^-?\d+(?:[.,]\d+)?$/.test(s))return null;const a=t.decimalSeparator==="."?".":",";return a==="."&&s.indexOf(",")!==-1?s.replace(",","."):a===","&&s.indexOf(".")!==-1?s.replace(".",","):s}_formatLocalizedNumber(e,t,i){const s=new Intl.NumberFormat(this.lang==="en"?"en-GB":"sv-SE",{minimumFractionDigits:t,maximumFractionDigits:t}),a=i==="."||i===","?i:this.lang==="en"?".":",";return s.formatToParts(e).map(l=>l.type==="decimal"?a:l.value).join("")}_formatValueForDisplay(e,t,i){if(!Number.isFinite(e))return null;const s={raw:1,thousands:1e3,millions:1e6,billions:1e9},a={raw:"",thousands:this.lang==="en"?"k":"t",millions:this.lang==="en"?"M":"mn",billions:this.lang==="en"?"B":"md"};let l=t.scale;if(l==="auto"){const f=Math.abs(e);f>=1e9?l="billions":f>=1e6?l="millions":f>=1e3?l="thousands":l="raw"}const c=e/(s[l]||1);let h=this._formatLocalizedNumber(c,t.decimals,t.decimalSeparator);t.type==="percent"?h=`${h} %`:t.type==="currency"&&(h=i?`${h} kr`:h);const b=a[l]||"";return b&&(h=`${h} ${b}`),h}_getCurrentHighchartsChart(){if(this._getCurrentPrintableView()!=="diagram")return;const e=o(n,this,q).call(this,this._getDiagramAssignedElements());if(e!==void 0)return window.Highcharts?.charts?.[e]}_getSeriesDifferentiationGroup(e,t){const i=String(e?.type||e?.options?.type||t?.options?.chart?.type||"").trim().toLowerCase();return["line","spline","scatter"].includes(i)?"line":["area","areaspline"].includes(i)?"area":["column","bar"].includes(i)?this._isGroupedSeriesDifferentiationChart(e,t)?"grouped-fill":"fill":["pie","variablepie"].includes(i)?"point-fill":null}_getSeriesDifferentiationVariantByIndex(e){return _e(e)}_isGroupedSeriesDifferentiationChart(e,t){return ye(e,t)}_usesGroupedPointDifferentiation(e){return De(e)}_getGroupedSeriesDifferentiationVariant(e,t,i){const s=me(e,t,i);return{...s,variantIndex:typeof s.variantIndex=="number"?s.variantIndex:i}}_applyGroupedLegendSeriesDifferentiation(e){(Array.isArray(e?.legend?.allItems)?e.legend.allItems:[]).forEach((t,i)=>{const s=t&&t.series?t.series:t;if(!this._isGroupedSeriesDifferentiationChart(s,e))return;const{variantIndex:a,patternKind:l}=this._getGroupedSeriesDifferentiationVariant(t,e,i),c=this._getHighchartsColorClassName(t?.legendSymbol??t?.legendItem?.symbol??t?.legendItem?.group,a);this._getLegendSeriesDifferentiationTargets(t).fillTargets.forEach(h=>{this._setSeriesDifferentiationMetadata(h,{role:"legend-fill",patternKind:l}),this._setSeriesDifferentiationColorClass(h,c)}),this._ensureStyledModeSeriesPattern(e,c,l)})}_clearGroupedLegendSeriesDifferentiation(e){(Array.isArray(e?.legend?.allItems)?e.legend.allItems:[]).forEach(t=>{const i=t&&t.series?t.series:t;if(!this._isGroupedSeriesDifferentiationChart(i,e))return;const s=this._getLegendSeriesDifferentiationTargets(t);s.graphTargets.forEach(a=>{this._clearSeriesDifferentiationMetadata(a)}),s.fillTargets.forEach(a=>{this._clearSeriesDifferentiationMetadata(a),this._clearSeriesDifferentiationColorClass(a)})})}_shouldShowSeriesDifferentiationAction(){return Ce({chart:this._getCurrentHighchartsChart(),getCurrentPrintableView:()=>this._getCurrentPrintableView(),getSeriesDifferentiationGroup:(e,t)=>this._getSeriesDifferentiationGroup(e,t),isHighchartsStyledMode:e=>this._isHighchartsStyledMode(e)})}_getSeriesDifferentiationSnapshotStore(e){let t=this._seriesDifferentiationSnapshots.get(e);return t||(t=new Map,this._seriesDifferentiationSnapshots.set(e,t)),t}_cloneSeriesOptionValue(e){return Array.isArray(e)?e.map(t=>this._cloneSeriesOptionValue(t)):e&&typeof e=="object"?Object.fromEntries(Object.entries(e).map(([t,i])=>[t,this._cloneSeriesOptionValue(i)])):e}_captureSeriesDifferentiationSnapshot(e){const t=this._cloneSeriesOptionValue(e?.options?.marker),i=this._cloneSeriesOptionValue(e?.resetA11yMarkerOptions),s=this._cloneSeriesOptionValue(e?.userOptions?.marker),a=t?.states,l=e?.a11yMarkersForced===!0&&i&&Object.keys(i).length>0||a?.normal?.opacity===0&&i&&Object.keys(i).length>0?i:s;return{marker:l&&Object.keys(l).length>0?l:t&&Object.keys(t).length>0?t:{enabled:!1}}}_isHighchartsStyledMode(e){return ze(e)}_getHighchartsSvgRoot(e){return fe(e)}_getHighchartsColorClassName(e,t){return be(e,t)}_setSeriesDifferentiationMetadata(e,t){we(e,t)}_clearSeriesDifferentiationMetadata(e){pe(e)}_setSeriesDifferentiationColorClass(e,t){Se(e,t)}_clearSeriesDifferentiationColorClass(e){ge(e)}_getLegendSeriesDifferentiationTargets(e){return ve(e)}_ensureStyledModeSeriesPattern(e,t,i){ue(e,t,i)}_applyStyledModeSeriesDifferentiation(e){const t=this._getHighchartsSvgRoot(e);if(!t)return;t.classList.add("scb-viz-series-differentiation-enabled");const i=de(),s=this._getSeriesDifferentiationSnapshotStore(e);e.series?.forEach((a,l)=>{const c=this._getSeriesDifferentiationGroup(a,e);if(!c)return;const h=String(a?.index??l);s.has(h)||s.set(h,this._captureSeriesDifferentiationSnapshot(a));const b=c==="grouped-fill"&&this._usesGroupedPointDifferentiation(a),f=c==="grouped-fill"?this._getGroupedSeriesDifferentiationVariant(a,e,l):{variantIndex:l,...this._getSeriesDifferentiationVariantByIndex(l)},{dashStyle:w,markerSymbol:D,patternKind:v}=f,_=this._getHighchartsColorClassName(a?.graph??a?.area??a?.group,f.variantIndex),L=this._getLegendSeriesDifferentiationTargets(a);this._setSeriesDifferentiationMetadata(a?.graph,{role:"graph",dashStyle:w}),c==="area"&&(this._setSeriesDifferentiationMetadata(a?.area,{role:"area",patternKind:v}),this._setSeriesDifferentiationColorClass(a?.area,_),this._ensureStyledModeSeriesPattern(e,_,v)),c==="fill"&&(a.points?.forEach(u=>{this._setSeriesDifferentiationMetadata(u?.graphic,{role:"fill",patternKind:v}),this._setSeriesDifferentiationColorClass(u?.graphic,_)}),this._ensureStyledModeSeriesPattern(e,_,v)),c==="grouped-fill"&&(b?a.points?.forEach((u,x)=>{const y=this._getGroupedSeriesDifferentiationVariant(u,e,x),z=this._getHighchartsColorClassName(u?.graphic??u?.legendSymbol??u?.legendItem?.symbol??u?.legendItem?.group,y.variantIndex);this._setSeriesDifferentiationMetadata(u?.graphic,{role:"fill",patternKind:y.patternKind}),this._setSeriesDifferentiationColorClass(u?.graphic,z),this._ensureStyledModeSeriesPattern(e,z,y.patternKind)}):(a.points?.forEach(u=>{this._setSeriesDifferentiationMetadata(u?.graphic,{role:"fill",patternKind:v}),this._setSeriesDifferentiationColorClass(u?.graphic,_)}),this._ensureStyledModeSeriesPattern(e,_,v))),c==="point-fill"&&a.points?.forEach((u,x)=>{const y=i[x%i.length],z=this._getHighchartsColorClassName(u?.graphic??u?.legendSymbol??u?.legendItem?.symbol??u?.legendItem?.group,x),W=this._getLegendSeriesDifferentiationTargets(u);this._setSeriesDifferentiationMetadata(u?.graphic,{role:"fill",patternKind:y}),this._setSeriesDifferentiationColorClass(u?.graphic,z),this._ensureStyledModeSeriesPattern(e,z,y),W.fillTargets.forEach(H=>{this._setSeriesDifferentiationMetadata(H,{role:"legend-fill",patternKind:y}),this._setSeriesDifferentiationColorClass(H,z)})}),(c==="line"||c==="area")&&L.graphTargets.forEach(u=>{this._setSeriesDifferentiationMetadata(u,{role:"legend-symbol",dashStyle:w})}),(c==="area"||c==="fill"||c==="grouped-fill"&&!b)&&L.fillTargets.forEach(u=>{this._setSeriesDifferentiationMetadata(u,{role:"legend-fill",patternKind:v}),this._setSeriesDifferentiationColorClass(u,_)}),(c==="line"||c==="area")&&a.update({marker:{enabled:!0,symbol:D}},!1)}),this._applyGroupedLegendSeriesDifferentiation(e),e.redraw(!1)}_restoreStyledModeSeriesDifferentiation(e){this._getHighchartsSvgRoot(e)?.classList.remove("scb-viz-series-differentiation-enabled");const t=this._getSeriesDifferentiationSnapshotStore(e);e.series?.forEach((i,s)=>{const a=this._getSeriesDifferentiationGroup(i,e);if(!a)return;const l=this._getLegendSeriesDifferentiationTargets(i);if(this._clearSeriesDifferentiationMetadata(i?.graph),this._clearSeriesDifferentiationMetadata(i?.area),this._clearSeriesDifferentiationColorClass(i?.area),i.points?.forEach(c=>{const h=this._getLegendSeriesDifferentiationTargets(c);this._clearSeriesDifferentiationMetadata(c?.graphic),this._clearSeriesDifferentiationColorClass(c?.graphic),h.graphTargets.forEach(b=>{this._clearSeriesDifferentiationMetadata(b)}),h.fillTargets.forEach(b=>{this._clearSeriesDifferentiationMetadata(b),this._clearSeriesDifferentiationColorClass(b)})}),l.graphTargets.forEach(c=>{this._clearSeriesDifferentiationMetadata(c)}),l.fillTargets.forEach(c=>{this._clearSeriesDifferentiationMetadata(c),this._clearSeriesDifferentiationColorClass(c)}),a==="line"||a==="area"){const c=t.get(String(i?.index??s));i.update({marker:this._cloneSeriesOptionValue(c?.marker)},!1)}}),this._clearGroupedLegendSeriesDifferentiation(e),e.redraw(!1),this._seriesDifferentiationSnapshots.delete(e)}_canExportRaster(){return this._getExportableVisualElement()!==null}_canExportCsv(){return!!this._getResolvedTableData()?.rows?.length}_getInternalComponentSize(e,t,i){const s=getComputedStyle(this).getPropertyValue(e).trim();return i.has(s)?s:t}_buildExportFileName(e){return Z({lang:this.lang,title:this.title},e)}_getFullscreenTarget(){return this}_getCurrentFullscreenElement(){return se()}_isFullscreenSupported(){return ae(this._getFullscreenTarget())}_syncFullscreenState(){const e=this._getCurrentFullscreenElement()===this._getFullscreenTarget();this._isFullscreen=e,this.toggleAttribute("data-scb-viz-fullscreen",e),o(n,this,M).call(this),o(n,this,S).call(this)}async _toggleFullscreen(){await oe(this._getFullscreenTarget())}_renderActionsMenu(){const e=this._getCurrentPrintableView(),t=this._canExportRaster(),i=this._canExportCsv(),s=t&&(e==="diagram"||e==="image"),a=i&&e==="table",l=this._shouldShowSeriesDifferentiationAction(),c=`${this._instanceId}-actions-menu`;return d`
|
|
117
117
|
<div class="actions-menu">
|
|
118
118
|
<scb-icon-button
|
|
119
119
|
icon="more_vert"
|
|
@@ -216,7 +216,7 @@ import{f as T,h as K,m as J,n as U,p as b,t as Q,v as d,y as X}from"../../vendor
|
|
|
216
216
|
</div>
|
|
217
217
|
`:t}_renderTable(){const e=this._getResolvedTableData();if(!e||!e.rows||e.rows.length===0)return null;const{alignments:t,headers:i,rows:s,rowHeaderRows:a}=this._getResolvedTableView(e),l=[this.title,this.subtitle].map(c=>typeof c=="string"?c.trim():"").filter(Boolean).join(". ");return d`
|
|
218
218
|
<scb-table part="table" column-width-mode="header">
|
|
219
|
-
${U(`<table class="scb-viz-table">${l?`<caption class="visually-hidden">${this._escapeHtml(l)}</caption>`:""}${i.length>0?`<thead><tr>${i.map((c,h)=>`<th scope="col" class="${t[h]==="right"?"align-right":"align-left"}">${this._renderTableHeaderContent(c,h)}</th>`).join("")}</tr></thead>`:""}<tbody>${s.map((c,h)=>{const
|
|
219
|
+
${U(`<table class="scb-viz-table">${l?`<caption class="visually-hidden">${this._escapeHtml(l)}</caption>`:""}${i.length>0?`<thead><tr>${i.map((c,h)=>`<th scope="col" class="${t[h]==="right"?"align-right":"align-left"}">${this._renderTableHeaderContent(c,h)}</th>`).join("")}</tr></thead>`:""}<tbody>${s.map((c,h)=>{const b=a[h]===!0;return`<tr>${c.map((f,w)=>{const D=t[w]==="right"?"align-right":"align-left",v=this._renderTableCellContent(f);return w===0&&b?`<th scope="row" class="${D}">${v}</th>`:`<td class="${D}">${v}</td>`}).join("")}</tr>`}).join("")}</tbody></table>`)}
|
|
220
220
|
</scb-table>
|
|
221
221
|
`}_renderTableCellContent(e){return e.html?e.html:this._escapeHtml(e.text)}_getNormalizedText(e){return(e??"").replace(/\s+/g," ").trim()}_renderTableHeaderContent(e,t){const i=this._renderTableCellContent(e);return this._getNormalizedText(i)?i:this._renderVisuallyHiddenText(this._getEmptyTableHeaderLabel(t))}_renderVisuallyHiddenText(e){return`<span class="visually-hidden" style="${He}">${this._escapeHtml(e)}</span>`}_getEmptyTableHeaderLabel(e){return e===0?this.lang==="en"?"Row header":"Radrubrik":this.lang==="en"?`Column ${e+1}`:`Kolumn ${e+1}`}_renderRichText(e){const t=typeof e=="string"?e.replace(/\r\n?/g,`
|
|
222
222
|
`):"",i=t.split(/\n{2,}/).filter(s=>s!=="");return i.length?d`${i.map(s=>d`<p class="body-text-paragraph">${s.split(`
|
|
@@ -374,4 +374,4 @@ import{f as T,h as K,m as J,n as U,p as b,t as Q,v as d,y as X}from"../../vendor
|
|
|
374
374
|
></slot>
|
|
375
375
|
<slot></slot>
|
|
376
376
|
</div>
|
|
377
|
-
`}}}_syncChipClass(){const e=this.variant==="Standard";this.classList.toggle("chip-diagram",e&&this.selectedChip==="Diagram"),this.classList.toggle("chip-table",e&&this.selectedChip==="Table")}_dispatchSelectedChipChanged(){const e={selectedChip:this.selectedChip};this.dispatchEvent(new CustomEvent("selected-chip-changed",{detail:e,bubbles:!0,composed:!0})),this.dispatchEvent(new CustomEvent("selectedchipchanged",{detail:e,bubbles:!0,composed:!0}))}_onSegmentedChange(e){const t=e.detail?.value;this.selectedChip===t?this.selectedChip=null:this.selectedChip=t}_closeActionsMenu(){this._actionsMenuOpen=!1}_focusMenuButton(){this.shadowRoot?.querySelector(".actions-menu scb-icon-button")?.focus()}_isActionsMenuPinnedForPreview(){return this.shadowRoot?.querySelector(".actions-menu scb-options-menu")?.inSb===!0}_focusFirstMenuItem(){const e=this.shadowRoot?.querySelector("scb-options-menu-item"),t=()=>{e?.shadowRoot?.querySelector("li")?.focus()};e?.updateComplete?e.updateComplete.then(t):t()}_onActionsMenuItemKeyDown(e,t){e.key!=="Enter"&&e.key!==" "||(e.preventDefault(),e.stopPropagation(),t())}_getExportSurfaceTarget(){return this.shadowRoot?.querySelector(".viz-container")??this}_getCurrentPrintableView(){return this.variant==="Table"?"table":this.variant==="Image"?"image":this.selectedChip==="Table"?"table":"diagram"}},k.styles=X`:host{display:block;min-inline-size:0;--_scb-viz-font-family:var(--brand-font, Inter, 'Segoe UI', Arial, sans-serif);--_scb-viz-body-font-family:var(--scb-viz-body-font, var(--scb-typography-body-large-font, var(--_scb-viz-font-family)));--_scb-viz-body-font-size:var(--scb-viz-body-size, var(--scb-typography-body-large-size, var(--md-sys-typescale-body-large-size, 1rem)));--_scb-viz-body-font-weight:var(--scb-viz-body-weight, var(--scb-typography-body-large-weight, var(--weight-regular, 400)));--_scb-viz-body-line-height:var(--scb-viz-body-line-height, var(--scb-typography-body-large-line-height, var(--md-sys-typescale-body-large-line-height, 1.5)));--_scb-viz-body-letter-spacing:var(--scb-viz-body-tracking, var(--scb-typography-body-large-tracking, var(--md-sys-typescale-body-large-tracking, normal)));--_scb-viz-title-font-family:var(--scb-viz-title-font, var(--scb-typography-title-large-font, var(--_scb-viz-font-family)));--_scb-viz-title-size:var(--scb-viz-title-size, var(--scb-typography-title-large-size, var(--md-sys-typescale-title-large-size, 1.75rem)));--_scb-viz-title-weight:var(--scb-viz-title-weight, var(--scb-typography-title-large-weight, var(--weight-semibold, 600)));--_scb-viz-title-line-height:var(--scb-viz-title-line-height, var(--scb-typography-title-large-line-height, var(--md-sys-typescale-title-large-line-height, 1.25)));--_scb-viz-title-letter-spacing:var(--scb-viz-title-tracking, var(--scb-typography-title-large-tracking, var(--md-sys-typescale-title-large-tracking, normal)));--_scb-viz-subtitle-font-family:var(--scb-viz-subtitle-font, var(--scb-typography-body-large-font, var(--_scb-viz-font-family)));--_scb-viz-subtitle-size:var(--scb-viz-subtitle-size, var(--scb-typography-body-large-size, var(--md-sys-typescale-body-large-size, 1rem)));--_scb-viz-subtitle-weight:var(--scb-viz-subtitle-weight, var(--scb-typography-body-large-weight, var(--weight-regular, 400)));--_scb-viz-subtitle-line-height:var(--scb-viz-subtitle-line-height, var(--scb-typography-body-large-line-height, var(--md-sys-typescale-body-large-line-height, 1.5)));--_scb-viz-subtitle-letter-spacing:var(--scb-viz-subtitle-tracking, var(--scb-typography-body-large-tracking, var(--md-sys-typescale-body-large-tracking, normal)));--_scb-viz-section-title-font-family:var(--scb-viz-section-title-font, var(--scb-typography-title-medium-font, var(--_scb-viz-font-family)));--_scb-viz-section-title-size:var(--scb-viz-section-title-size, var(--scb-typography-title-medium-size, var(--md-sys-typescale-title-medium-size, 1rem)));--_scb-viz-section-title-weight:var(--scb-viz-section-title-weight, var(--scb-typography-title-medium-weight, var(--weight-semibold, 600)));--_scb-viz-section-title-line-height:var(--scb-viz-section-title-line-height, var(--scb-typography-title-medium-line-height, var(--md-sys-typescale-title-medium-line-height, 1.5)));--_scb-viz-section-title-letter-spacing:var(--scb-viz-section-title-tracking, var(--scb-typography-title-medium-tracking, var(--md-sys-typescale-title-medium-tracking, normal)));--_scb-viz-text-color:var(--scb-viz-content-color, var(--md-sys-color-on-surface, var(--n-10)));font-family:var(--_scb-viz-body-font-family);font-size:var(--_scb-viz-body-font-size);font-weight:var(--_scb-viz-body-font-weight);line-height:var(--_scb-viz-body-line-height);letter-spacing:var(--_scb-viz-body-letter-spacing);font-style:normal;text-align:start;color:var(--_scb-viz-text-color);background:var(--scb-viz-surface-color, var(--md-sys-color-surface, var(--nv-100)));padding:var(--scb-viz-padding, var(--spacing-7, 24px));max-width:var(--scb-viz-container-max-width, 100%);border-radius:var(--scb-viz-border-radius, var(--radius-large, 16px));border:var(--scb-viz-surface-border-width, var(--stroke-border, 1px)) solid var(--scb-viz-outline-color, var(--md-sys-color-outline-variant, var(--n-80)));margin-block-start:var(--scb-viz-spacing-block-start, 0);margin-block-end:var(--scb-viz-spacing-block-end, 0);margin-inline-start:var(--scb-viz-spacing-inline-start, 0);margin-inline-end:var(--scb-viz-spacing-inline-end, 0)}:host,:host *,:host ::after,:host ::before{box-sizing:border-box}scb-table{--scb-table-cell-font:var(--scb-viz-table-cell-text-font, var(--scb-typography-body-large-font, var(--_scb-viz-font-family)));--scb-table-cell-font-size:var(--scb-viz-table-cell-text-size, var(--scb-typography-body-large-size, var(--md-sys-typescale-body-large-size)));--scb-table-cell-line-height:var(--scb-viz-table-cell-text-line-height, var(--scb-typography-body-large-line-height, var(--md-sys-typescale-body-large-line-height)));--scb-table-cell-font-weight:var(--scb-viz-table-cell-text-weight, var(--scb-typography-body-large-weight, var(--weight-regular, 400)));--scb-table-cell-letter-spacing:var(--scb-viz-table-cell-text-tracking, var(--scb-typography-body-large-tracking, var(--md-sys-typescale-body-large-tracking)));--scb-table-header-font:var(--scb-viz-table-header-text-font, var(--scb-typography-label-large-font, var(--_scb-viz-font-family)));--scb-table-header-font-size:var(--scb-viz-table-header-text-size, var(--scb-typography-label-large-size, var(--md-sys-typescale-label-large-size)));--scb-table-header-line-height:var(--scb-viz-table-header-text-line-height, var(--scb-typography-label-large-line-height, var(--md-sys-typescale-label-large-line-height)));--scb-table-header-font-weight:var(--scb-viz-table-header-text-weight, var(--scb-typography-label-large-weight, var(--weight-semibold, 600)));--scb-table-header-letter-spacing:var(--scb-viz-table-header-text-tracking, var(--scb-typography-label-large-tracking, var(--md-sys-typescale-label-large-tracking)));--scb-table-cell-padding-block:var(--scb-viz-table-cell-padding-block, var(--spacing-4, 12px));--scb-table-cell-padding-inline:var(--scb-viz-table-cell-padding-inline, var(--spacing-4, 12px))}.label{font-family:var(--_scb-viz-title-font-family);font-size:var(--_scb-viz-title-size);font-weight:var(--_scb-viz-title-weight);line-height:var(--_scb-viz-title-line-height);letter-spacing:var(--_scb-viz-title-letter-spacing);text-align:start;margin:0}.secondary-label,.sub-label{font-family:var(--_scb-viz-subtitle-font-family);font-size:var(--_scb-viz-subtitle-size);font-weight:var(--_scb-viz-subtitle-weight);line-height:var(--_scb-viz-subtitle-line-height);letter-spacing:var(--_scb-viz-subtitle-letter-spacing);text-align:start;margin:0}.secondary-label{font-family:var(--_scb-viz-section-title-font-family);font-size:var(--_scb-viz-section-title-size);font-weight:var(--_scb-viz-section-title-weight);line-height:var(--_scb-viz-section-title-line-height);letter-spacing:var(--_scb-viz-section-title-letter-spacing)}.body-text{font-family:var(--_scb-viz-body-font-family);font-size:var(--_scb-viz-body-font-size);font-weight:var(--_scb-viz-body-font-weight);line-height:var(--_scb-viz-body-line-height);letter-spacing:var(--_scb-viz-body-letter-spacing);font-style:normal;text-align:start}.body-text-rich{display:flex;flex-direction:column;gap:var(--spacing-4, 16px)}.body-text-paragraph{margin:0}.highcharts-visually-hidden,.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;white-space:nowrap!important;clip:rect(0,0,0,0)!important;clip-path:inset(50%)!important;border:0!important}.more-about-stats-content,.section{display:flex;flex-direction:column;color:var(--_scb-viz-text-color);font-family:var(--_scb-viz-body-font-family);font-style:normal;text-align:start}.section{gap:var(--spacing-2, 8px)}.more-about-stats-content{gap:var(--spacing-7, 24px);max-width:600px}.sos-logotype-link{display:inline-flex;border:0;color:var(--_scb-viz-text-color);line-height:0;text-decoration:none;width:fit-content}.sos-logotype-link:focus-visible{outline:var(--stroke-focus-ring, 2px) solid var(--md-focus-ring-color, currentColor);outline-offset:var(--spacing-1, 4px);border-radius:var(--radius-xs, 4px)}.sos-logotype-small,.sos-logotype-small svg{height:26px;width:auto;display:block}.sos-logotype-small svg{height:100%}@media only screen and (min-width:768px){.sos-logotype-small{height:24px}}.header{margin-bottom:var(--spacing-7, 24px);max-width:600px;color:var(--_scb-viz-text-color);font-family:var(--_scb-viz-body-font-family);font-style:normal;text-align:start}.actions-row,.header-row{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--spacing-4, 16px)}.header-row{margin-bottom:var(--spacing-7, 24px)}.header-row .header{flex:1 1 auto;margin-bottom:0}.header-row .actions-menu{margin-block-start:0}.actions-row{margin-bottom:var(--spacing-9, 40px)}.flipp-wrapper{flex:1 1 auto;max-width:234px}.actions-menu{position:relative;flex:0 0 auto;display:inline-flex;align-items:flex-start;justify-content:flex-end}.actions-menu scb-options-menu{width:max-content;max-width:min(var(--scb-viz-actions-menu-max-width, 320px),calc(100vw - 16px));--scb-options-menu-max-width:100%;--scb-options-menu-inline-align:end}.content,.description,.footer{color:var(--_scb-viz-text-color);font-family:var(--_scb-viz-body-font-family);font-style:normal;text-align:start}.description{margin-bottom:var(--spacing-8, 32px)}.footer{margin-top:var(--spacing-7, 24px)}.footer-statistics-print{display:none}.print-more-about-stats{max-width:600px}.print-more-about-stats .more-about-stats-content{gap:var(--spacing-5, 16px)}.print-more-about-stats-heading{margin-bottom:var(--spacing-5, 16px)}.description.section{max-width:600px}.diagram-scroller{display:none}.image-content{display:none;width:100%}.diagram-content{width:100%;max-width:var(--scb-viz-content-max-width, none);min-width:var(--scb-viz-content-max-width, 0);min-height:var(--scb-viz-diagram-min-height, 600px);height:var(--scb-viz-diagram-height, auto);overflow:var(--scb-viz-diagram-overflow, visible)}::slotted([slot=diagram]){display:block;width:100%;max-width:100%;min-width:0;min-height:var(--scb-viz-diagram-min-height, 600px);height:var(--scb-viz-diagram-height, auto);overflow:var(--scb-viz-diagram-overflow, visible)}.standard-content-shell{display:block;width:100%;min-width:0}.standard-content-shell--stable{min-height:var(--scb-viz-standard-content-height, var(--scb-viz-diagram-min-height, 600px))}.standard-content-panel{display:none;width:100%;min-width:0}.standard-content-panel--active{display:flex;flex-direction:column}.standard-diagram-scroller{display:flex;width:100%;min-width:0}.table-panel-scroll{width:100%;min-width:0}.standard-content-shell--stable .standard-content-panel--table.standard-content-panel--active{height:var(--scb-viz-standard-content-height, var(--scb-viz-diagram-min-height, 600px));min-height:0;overflow:hidden}.standard-content-shell--stable .standard-content-panel--table.standard-content-panel--active .table-panel-scroll{flex:1 1 auto;min-height:0;overflow:auto}:host([variant='Image']) .image-content{display:block}:host([variant='Image']) img{height:auto;max-width:100%}:host([variant='Image']) .diagram-scroller{display:none}:host([variant='Standard'].chip-diagram) .diagram-scroller{display:flex}.table-source{display:none}:host([data-scb-viz-fullscreen]){width:100%;height:100%;max-width:none;margin:0;border:0;border-radius:0;overflow:auto}:host([data-scb-viz-fullscreen]) .viz-container{min-height:100%}:host([data-scb-viz-force-light]),:host([data-scb-viz-print-preview]){color-scheme:light;--_scb-viz-text-color:var(--scb-viz-light-text-color, var(--n-10));--scb-viz-surface-color:var(--scb-viz-light-surface-color, var(--nv-100));--scb-viz-outline-color:var(--scb-viz-light-outline-color, var(--n-80));--md-sys-color-surface:var(--scb-viz-light-surface-color, var(--nv-100));--md-sys-color-surface-container:var(--scb-viz-light-surface-container-color, var(--nv-95));--md-sys-color-surface-container-highest:var(--scb-viz-light-surface-container-highest-color, var(--n-95));--md-sys-color-on-surface:var(--scb-viz-light-text-color, var(--n-10));--md-sys-color-on-surface-variant:var(--scb-viz-light-on-surface-variant-color, var(--n-30));--md-sys-color-outline-variant:var(--scb-viz-light-outline-color, var(--n-80));--md-focus-ring-color:var(--scb-viz-light-focus-ring-color, var(--n-10))}:host([data-scb-viz-print-preview]){background:0 0;border:0;border-radius:0;box-shadow:none;max-width:none;padding:0}:host([data-scb-viz-print-preview]) .actions-row{display:none!important}:host([data-scb-viz-print-preview]) .standard-content-shell--stable,:host([data-scb-viz-print-preview]) .standard-content-shell--stable .diagram-content,:host([data-scb-viz-print-preview]) .standard-content-shell--stable .standard-content-panel--active,:host([data-scb-viz-print-preview]) .standard-content-shell--stable .standard-diagram-scroller,:host([data-scb-viz-print-preview]) .standard-content-shell--stable .table-panel-scroll,:host([data-scb-viz-print-preview]) .standard-content-shell--stable ::slotted([slot=diagram]){height:auto!important;min-height:0!important;overflow:visible!important}:host([data-scb-viz-print-preview]) .table-panel-scroll,:host([data-scb-viz-print-preview]) scb-horizontal-scroller{overflow:visible!important}:host([data-scb-viz-print-preview]) .description{margin-bottom:var(--spacing-5, 16px)}:host([data-scb-viz-print-preview]) .footer{margin-top:var(--spacing-5, 16px)}:host([data-scb-viz-print-preview]) .footer-statistics-screen{display:none!important}:host([data-scb-viz-print-preview]) .footer-statistics-print{display:block!important}:host([data-scb-viz-print-preview]) .viz-container{zoom:var(--scb-viz-print-scale, 1);width:calc(100%/var(--scb-viz-print-scale, 1))}@media print{:host{color-scheme:light;--_scb-viz-text-color:var(--scb-viz-light-text-color, var(--n-10));--scb-viz-surface-color:var(--scb-viz-light-surface-color, var(--nv-100));--scb-viz-outline-color:var(--scb-viz-light-outline-color, var(--n-80));--md-sys-color-surface:var(--scb-viz-light-surface-color, var(--nv-100));--md-sys-color-surface-container:var(--scb-viz-light-surface-container-color, var(--nv-95));--md-sys-color-surface-container-highest:var(--scb-viz-light-surface-container-highest-color, var(--n-95));--md-sys-color-on-surface:var(--scb-viz-light-text-color, var(--n-10));--md-sys-color-on-surface-variant:var(--scb-viz-light-on-surface-variant-color, var(--n-30));--md-sys-color-outline-variant:var(--scb-viz-light-outline-color, var(--n-80));--md-focus-ring-color:var(--scb-viz-light-focus-ring-color, var(--n-10));background:0 0;border:0;border-radius:0;box-shadow:none;max-width:none;padding:0}.actions-row{display:none!important}.standard-content-shell--stable,.standard-content-shell--stable .diagram-content,.standard-content-shell--stable .standard-content-panel--active,.standard-content-shell--stable .standard-diagram-scroller,.standard-content-shell--stable .table-panel-scroll,.standard-content-shell--stable ::slotted([slot=diagram]){height:auto!important;min-height:0!important;overflow:visible!important}.table-panel-scroll,scb-horizontal-scroller{overflow:visible!important}.description{margin-bottom:var(--spacing-5, 16px)}.footer{margin-top:var(--spacing-5, 16px)}.footer-statistics-screen{display:none!important}.footer-statistics-print{display:block!important}.viz-container{zoom:var(--scb-viz-print-scale, 1);width:calc(100%/var(--scb-viz-print-scale, 1))}}`,k);function F(){if(o(n,this,G).call(this),typeof ResizeObserver>"u")return;const r=this.shadowRoot?.querySelector(".diagram-content");r&&(this._diagramResizeObserver=new ResizeObserver(()=>{o(n,this,S).call(this)}),this._diagramResizeObserver.observe(this),this._diagramResizeObserver.observe(r))}function G(){this._diagramResizeObserver?.disconnect(),this._diagramResizeObserver=void 0}function j(){this._diagramReflowFrame&&(cancelAnimationFrame(this._diagramReflowFrame),this._diagramReflowFrame=0)}function S(){this.variant!=="Standard"||this.selectedChip!=="Diagram"||(o(n,this,j).call(this),this._diagramReflowFrame=requestAnimationFrame(()=>{this._diagramReflowFrame=requestAnimationFrame(()=>{this._diagramReflowFrame=0,o(n,this,Fe).call(this)})}))}function A(r){const e=r?.getAttribute("data-highcharts-chart");if(!e)return;const t=Number.parseInt(e,10);return Number.isNaN(t)?void 0:t}function q(r){for(const e of r){const t=o(n,this,A).call(this,e);if(t!==void 0)return t;const i=e.querySelector("[data-highcharts-chart]"),s=o(n,this,A).call(this,i);if(s!==void 0)return s}}function Fe(){if(this.variant!=="Standard"||this.selectedChip!=="Diagram")return;const r=this.shadowRoot?.querySelector('slot[name="diagram"]');if(!r)return;const e=r.assignedElements({flatten:!0});if(e.length===0)return;const t=o(n,this,q).call(this,e);if(t===void 0)return;const i=window.Highcharts?.charts?.[t];i&&(i.setSize?.(null,null,!1),i.reflow?.(),this._seriesDifferentiationEnabled&&o(n,this,V).call(this))}function B(){this._fullscreenDiagramSizingFrame&&(cancelAnimationFrame(this._fullscreenDiagramSizingFrame),this._fullscreenDiagramSizingFrame=0)}function M(){o(n,this,B).call(this),this._fullscreenDiagramSizingFrame=requestAnimationFrame(()=>{this._fullscreenDiagramSizingFrame=requestAnimationFrame(()=>{this._fullscreenDiagramSizingFrame=0,o(n,this,Ae).call(this)})})}function Ae(){const r=this._getFullscreenDiagramHeight();this._fullscreenDiagramHeight!==r&&(this._fullscreenDiagramHeight=r,o(n,this,$).call(this),o(n,this,S).call(this))}function $(){const r=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",r||"600px"):this.style.removeProperty("--scb-viz-diagram-min-height"),r?(this.style.setProperty("--scb-viz-diagram-height",r),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")}function Re(r){this._isHighchartsStyledMode(r)&&this._applyStyledModeSeriesDifferentiation(r)}function Pe(r){this._isHighchartsStyledMode(r)&&this._restoreStyledModeSeriesDifferentiation(r)}function V(){const r=this._getCurrentHighchartsChart();if(r){if(this._seriesDifferentiationEnabled){o(n,this,Re).call(this,r);return}o(n,this,Pe).call(this,r)}}async function R(r){const e=this._getExportableVisualElement();if(!e)return;const t=await te(e,this._getExportSurfaceTarget(),r);t&&O(t,this._buildExportFileName(r==="jpeg"?"jpg":"png"))}function Ie(r){return he(this._getResolvedTableView(r),e=>this._escapeHtml(e),{getEmptyHeaderLabel:e=>this._getEmptyTableHeaderLabel(e)})}function Oe(){return ce({comment:this.comment,commentLabel:this.commentLabel,description:this.description,descriptionLabel:this.descriptionLabel,escapeHtml:r=>this._escapeHtml(r),footnote:this.footnote,footnoteLabel:this.footnoteLabel,moreAboutStatsLabel:this.moreAboutStatsLabel,officialStatistics:this.officialStatistics,renderRichTextHtml:r=>this._renderRichTextHtml(r),sosLogotypeSvg:N,source:this.source,sourceLabel:this.sourceLabel})}function Ne(r){return le({contentHtml:r,escapeHtml:e=>this._escapeHtml(e),footerHtml:o(n,this,Oe).call(this),lang:this.lang,subtitle:this.subtitle,title:this.title})}async function Ge(){await ne(this,async()=>{const r=this._getCurrentPrintableView();let e="";if(r==="table"){const t=this._getResolvedTableData();if(!t?.rows?.length)return;e=o(n,this,Ie).call(this,t)}else if(r==="image"){const t=this.shadowRoot?.querySelector(".image-content img"),i=t?.currentSrc||t?.src||this.imageHref;if(!i)return;e=`<img class="viz-image" src="${this._escapeHtml(i)}" alt="${this._escapeHtml(this._getImageAltText())}">`}else{const t=this._getExportableVisualElement();if(!t)return;const i=await ie(t,this._getExportSurfaceTarget(),"png");if(!i)return;e=`<img class="viz-chart-image" src="${i}" alt="${this._escapeHtml(this._getImageAltText())}">`}await re(o(n,this,Ne).call(this,e))})}function je(){const r=this._getResolvedTableData();r?.rows?.length&&O(ee(Me(r,e=>this._normalizeRenderableCell(e)),this.lang),this._buildExportFileName("csv"))}function P(){const r=o(n,this,C).call(this,this.spacing),e=o(n,this,C).call(this,this.spacingTop)??r,t=o(n,this,C).call(this,this.spacingBottom)??r,i=o(n,this,C).call(this,this.spacingLeft),s=o(n,this,C).call(this,this.spacingRight);e?this.style.setProperty("--scb-viz-spacing-block-start",e):this.style.removeProperty("--scb-viz-spacing-block-start"),t?this.style.setProperty("--scb-viz-spacing-block-end",t):this.style.removeProperty("--scb-viz-spacing-block-end"),i?this.style.setProperty("--scb-viz-spacing-inline-start",i):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")}function C(r){if(!r)return;const e=String(r).trim();if(e)return/^\d+$/.test(e)?`var(--spacing-${Math.max(0,Math.min(14,parseInt(e,10)))})`:e}function I(){const r=this.containerMaxWidth?.trim();r?this.style.setProperty("--scb-viz-container-max-width",r):this.style.removeProperty("--scb-viz-container-max-width")}p([b({type:String,reflect:!0})],g.prototype,"variant",void 0);p([b({type:String,reflect:!0,attribute:"selected-chip"})],g.prototype,"selectedChip",void 0);p([b({type:String,reflect:!0})],g.prototype,"title",void 0);p([b({type:String,reflect:!0})],g.prototype,"subtitle",void 0);p([b({type:String,reflect:!0})],g.prototype,"description",void 0);p([b({type:String,reflect:!0})],g.prototype,"comment",void 0);p([b({type:String,reflect:!0})],g.prototype,"source",void 0);p([b({type:String,reflect:!0})],g.prototype,"footnote",void 0);p([b({type:String,reflect:!0,attribute:"lang"})],g.prototype,"lang",void 0);p([b({type:String,reflect:!0,attribute:"image-href"})],g.prototype,"imageHref",void 0);p([b({type:String,reflect:!0,attribute:"image-alt"})],g.prototype,"imageAlt",void 0);p([b({type:Boolean,reflect:!0,attribute:"official-statistics"})],g.prototype,"officialStatistics",void 0);p([b({type:Boolean,reflect:!0,attribute:"disable-toggle"})],g.prototype,"disableToggle",void 0);p([b({type:String,attribute:"content-max-width"})],g.prototype,"contentMaxWidth",void 0);p([b({type:String,attribute:"container-max-width"})],g.prototype,"containerMaxWidth",void 0);p([b({type:String,attribute:"content-height"})],g.prototype,"contentHeight",void 0);p([b({type:String,reflect:!0,attribute:"toggle-height-mode"})],g.prototype,"toggleHeightMode",void 0);p([b({attribute:!1})],g.prototype,"tableData",void 0);p([b({attribute:!1})],g.prototype,"valueFormat",void 0);p([b({attribute:!1})],g.prototype,"timeFormat",void 0);p([T()],g.prototype,"_slottedTableData",void 0);p([T()],g.prototype,"_actionsMenuOpen",void 0);p([T()],g.prototype,"_seriesDifferentiationEnabled",void 0);p([T()],g.prototype,"_isFullscreen",void 0);p([b({type:String,reflect:!0})],g.prototype,"spacing",void 0);p([b({type:String,attribute:"spacing-top",reflect:!0})],g.prototype,"spacingTop",void 0);p([b({type:String,attribute:"spacing-bottom",reflect:!0})],g.prototype,"spacingBottom",void 0);p([b({type:String,attribute:"spacing-left",reflect:!0})],g.prototype,"spacingLeft",void 0);p([b({type:String,attribute:"spacing-right",reflect:!0})],g.prototype,"spacingRight",void 0);g=p([J("scb-viz")],g);
|
|
377
|
+
`}}}_syncChipClass(){const e=this.variant==="Standard";this.classList.toggle("chip-diagram",e&&this.selectedChip==="Diagram"),this.classList.toggle("chip-table",e&&this.selectedChip==="Table")}_dispatchSelectedChipChanged(){const e={selectedChip:this.selectedChip};this.dispatchEvent(new CustomEvent("selected-chip-changed",{detail:e,bubbles:!0,composed:!0})),this.dispatchEvent(new CustomEvent("selectedchipchanged",{detail:e,bubbles:!0,composed:!0}))}_onSegmentedChange(e){const t=e.detail?.value;this.selectedChip===t?this.selectedChip=null:this.selectedChip=t}_closeActionsMenu(){this._actionsMenuOpen=!1}_focusMenuButton(){this.shadowRoot?.querySelector(".actions-menu scb-icon-button")?.focus()}_isActionsMenuPinnedForPreview(){return this.shadowRoot?.querySelector(".actions-menu scb-options-menu")?.inSb===!0}_focusFirstMenuItem(){const e=this.shadowRoot?.querySelector("scb-options-menu-item"),t=()=>{e?.shadowRoot?.querySelector("li")?.focus()};e?.updateComplete?e.updateComplete.then(t):t()}_onActionsMenuItemKeyDown(e,t){e.key!=="Enter"&&e.key!==" "||(e.preventDefault(),e.stopPropagation(),t())}_getExportSurfaceTarget(){return this.shadowRoot?.querySelector(".viz-container")??this}_getCurrentPrintableView(){return this.variant==="Table"?"table":this.variant==="Image"?"image":this.selectedChip==="Table"?"table":"diagram"}},k.styles=X`:host{display:block;min-inline-size:0;--_scb-viz-font-family:var(--brand-font, Inter, 'Segoe UI', Arial, sans-serif);--_scb-viz-body-font-family:var(--scb-viz-body-font, var(--scb-typography-body-large-font, var(--_scb-viz-font-family)));--_scb-viz-body-font-size:var(--scb-viz-body-size, var(--scb-typography-body-large-size, var(--md-sys-typescale-body-large-size, 1rem)));--_scb-viz-body-font-weight:var(--scb-viz-body-weight, var(--scb-typography-body-large-weight, var(--weight-regular, 400)));--_scb-viz-body-line-height:var(--scb-viz-body-line-height, var(--scb-typography-body-large-line-height, var(--md-sys-typescale-body-large-line-height, 1.5)));--_scb-viz-body-letter-spacing:var(--scb-viz-body-tracking, var(--scb-typography-body-large-tracking, var(--md-sys-typescale-body-large-tracking, normal)));--_scb-viz-title-font-family:var(--scb-viz-title-font, var(--scb-typography-title-large-font, var(--_scb-viz-font-family)));--_scb-viz-title-size:var(--scb-viz-title-size, var(--scb-typography-title-large-size, var(--md-sys-typescale-title-large-size, 1.75rem)));--_scb-viz-title-weight:var(--scb-viz-title-weight, var(--scb-typography-title-large-weight, var(--weight-semibold, 600)));--_scb-viz-title-line-height:var(--scb-viz-title-line-height, var(--scb-typography-title-large-line-height, var(--md-sys-typescale-title-large-line-height, 1.25)));--_scb-viz-title-letter-spacing:var(--scb-viz-title-tracking, var(--scb-typography-title-large-tracking, var(--md-sys-typescale-title-large-tracking, normal)));--_scb-viz-subtitle-font-family:var(--scb-viz-subtitle-font, var(--scb-typography-body-large-font, var(--_scb-viz-font-family)));--_scb-viz-subtitle-size:var(--scb-viz-subtitle-size, var(--scb-typography-body-large-size, var(--md-sys-typescale-body-large-size, 1rem)));--_scb-viz-subtitle-weight:var(--scb-viz-subtitle-weight, var(--scb-typography-body-large-weight, var(--weight-regular, 400)));--_scb-viz-subtitle-line-height:var(--scb-viz-subtitle-line-height, var(--scb-typography-body-large-line-height, var(--md-sys-typescale-body-large-line-height, 1.5)));--_scb-viz-subtitle-letter-spacing:var(--scb-viz-subtitle-tracking, var(--scb-typography-body-large-tracking, var(--md-sys-typescale-body-large-tracking, normal)));--_scb-viz-section-title-font-family:var(--scb-viz-section-title-font, var(--scb-typography-title-medium-font, var(--_scb-viz-font-family)));--_scb-viz-section-title-size:var(--scb-viz-section-title-size, var(--scb-typography-title-medium-size, var(--md-sys-typescale-title-medium-size, 1rem)));--_scb-viz-section-title-weight:var(--scb-viz-section-title-weight, var(--scb-typography-title-medium-weight, var(--weight-semibold, 600)));--_scb-viz-section-title-line-height:var(--scb-viz-section-title-line-height, var(--scb-typography-title-medium-line-height, var(--md-sys-typescale-title-medium-line-height, 1.5)));--_scb-viz-section-title-letter-spacing:var(--scb-viz-section-title-tracking, var(--scb-typography-title-medium-tracking, var(--md-sys-typescale-title-medium-tracking, normal)));--_scb-viz-text-color:var(--scb-viz-content-color, var(--md-sys-color-on-surface, var(--n-10)));font-family:var(--_scb-viz-body-font-family);font-size:var(--_scb-viz-body-font-size);font-weight:var(--_scb-viz-body-font-weight);line-height:var(--_scb-viz-body-line-height);letter-spacing:var(--_scb-viz-body-letter-spacing);font-style:normal;text-align:start;color:var(--_scb-viz-text-color);background:var(--scb-viz-surface-color, var(--md-sys-color-surface, var(--nv-100)));padding:var(--scb-viz-padding, var(--spacing-7, 24px));max-width:var(--scb-viz-container-max-width, 100%);border-radius:var(--scb-viz-border-radius, var(--radius-large, 16px));border:var(--scb-viz-surface-border-width, var(--stroke-border, 1px)) solid var(--scb-viz-outline-color, var(--md-sys-color-outline-variant, var(--n-80)));margin-block-start:var(--scb-viz-spacing-block-start, 0);margin-block-end:var(--scb-viz-spacing-block-end, 0);margin-inline-start:var(--scb-viz-spacing-inline-start, 0);margin-inline-end:var(--scb-viz-spacing-inline-end, 0)}:host,:host *,:host ::after,:host ::before{box-sizing:border-box}scb-table{--scb-table-cell-font:var(--scb-viz-table-cell-text-font, var(--scb-typography-body-medium-font, var(--_scb-viz-font-family)));--scb-table-cell-font-size:var(--scb-viz-table-cell-text-size, var(--scb-typography-body-medium-size, var(--md-sys-typescale-body-medium-size)));--scb-table-cell-line-height:var(--scb-viz-table-cell-text-line-height, var(--scb-typography-body-medium-line-height, var(--md-sys-typescale-body-medium-line-height)));--scb-table-cell-font-weight:var(--scb-viz-table-cell-text-weight, var(--scb-typography-body-medium-weight, var(--weight-regular, 400)));--scb-table-cell-letter-spacing:var(--scb-viz-table-cell-text-tracking, var(--scb-typography-body-medium-tracking, var(--md-sys-typescale-body-medium-tracking)));--scb-table-header-font:var(--scb-viz-table-header-text-font, var(--scb-typography-label-medium-font, var(--_scb-viz-font-family)));--scb-table-header-font-size:var(--scb-viz-table-header-text-size, var(--scb-typography-label-medium-size, var(--md-sys-typescale-label-medium-size)));--scb-table-header-line-height:var(--scb-viz-table-header-text-line-height, var(--scb-typography-label-medium-line-height, var(--md-sys-typescale-label-medium-line-height)));--scb-table-header-font-weight:var(--scb-viz-table-header-text-weight, var(--scb-typography-label-medium-weight, var(--weight-semibold, 600)));--scb-table-header-letter-spacing:var(--scb-viz-table-header-text-tracking, var(--scb-typography-label-medium-tracking, var(--md-sys-typescale-label-medium-tracking)));--scb-table-cell-padding-block:var(--scb-viz-table-cell-padding-block, var(--spacing-4, 12px));--scb-table-cell-padding-inline:var(--scb-viz-table-cell-padding-inline, var(--spacing-4, 12px))}.label{font-family:var(--_scb-viz-title-font-family);font-size:var(--_scb-viz-title-size);font-weight:var(--_scb-viz-title-weight);line-height:var(--_scb-viz-title-line-height);letter-spacing:var(--_scb-viz-title-letter-spacing);text-align:start;margin:0}.secondary-label,.sub-label{font-family:var(--_scb-viz-subtitle-font-family);font-size:var(--_scb-viz-subtitle-size);font-weight:var(--_scb-viz-subtitle-weight);line-height:var(--_scb-viz-subtitle-line-height);letter-spacing:var(--_scb-viz-subtitle-letter-spacing);text-align:start;margin:0}.secondary-label{font-family:var(--_scb-viz-section-title-font-family);font-size:var(--_scb-viz-section-title-size);font-weight:var(--_scb-viz-section-title-weight);line-height:var(--_scb-viz-section-title-line-height);letter-spacing:var(--_scb-viz-section-title-letter-spacing)}.body-text{font-family:var(--_scb-viz-body-font-family);font-size:var(--_scb-viz-body-font-size);font-weight:var(--_scb-viz-body-font-weight);line-height:var(--_scb-viz-body-line-height);letter-spacing:var(--_scb-viz-body-letter-spacing);font-style:normal;text-align:start}.body-text-rich{display:flex;flex-direction:column;gap:var(--spacing-4, 16px)}.body-text-paragraph{margin:0}.highcharts-visually-hidden,.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;white-space:nowrap!important;clip:rect(0,0,0,0)!important;clip-path:inset(50%)!important;border:0!important}.more-about-stats-content,.section{display:flex;flex-direction:column;color:var(--_scb-viz-text-color);font-family:var(--_scb-viz-body-font-family);font-style:normal;text-align:start}.section{gap:var(--spacing-2, 8px)}.more-about-stats-content{gap:var(--spacing-7, 24px);max-width:600px}.sos-logotype-link{display:inline-flex;border:0;color:var(--_scb-viz-text-color);line-height:0;text-decoration:none;width:fit-content}.sos-logotype-link:focus-visible{outline:var(--stroke-focus-ring, 2px) solid var(--md-focus-ring-color, currentColor);outline-offset:var(--spacing-1, 4px);border-radius:var(--radius-xs, 4px)}.sos-logotype-small,.sos-logotype-small svg{height:26px;width:auto;display:block}.sos-logotype-small svg{height:100%}@media only screen and (min-width:768px){.sos-logotype-small{height:24px}}.header{margin-bottom:var(--spacing-7, 24px);max-width:600px;color:var(--_scb-viz-text-color);font-family:var(--_scb-viz-body-font-family);font-style:normal;text-align:start}.actions-row,.header-row{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--spacing-4, 16px)}.header-row{margin-bottom:var(--spacing-7, 24px)}.header-row .header{flex:1 1 auto;margin-bottom:0}.header-row .actions-menu{margin-block-start:0}.actions-row{margin-bottom:var(--spacing-9, 40px)}.flipp-wrapper{flex:1 1 auto;max-width:234px}.actions-menu{position:relative;flex:0 0 auto;display:inline-flex;align-items:flex-start;justify-content:flex-end}.actions-menu scb-options-menu{width:max-content;max-width:min(var(--scb-viz-actions-menu-max-width, 320px),calc(100vw - 16px));--scb-options-menu-max-width:100%;--scb-options-menu-inline-align:end}.content,.description,.footer{color:var(--_scb-viz-text-color);font-family:var(--_scb-viz-body-font-family);font-style:normal;text-align:start}.description{margin-bottom:var(--spacing-8, 32px)}.footer{margin-top:var(--spacing-7, 24px)}.footer-statistics-print{display:none}.print-more-about-stats{max-width:600px}.print-more-about-stats .more-about-stats-content{gap:var(--spacing-5, 16px)}.print-more-about-stats-heading{margin-bottom:var(--spacing-5, 16px)}.description.section{max-width:600px}.diagram-scroller{display:none}.image-content{display:none;width:100%}.diagram-content{width:100%;max-width:var(--scb-viz-content-max-width, none);min-width:var(--scb-viz-content-max-width, 0);min-height:var(--scb-viz-diagram-min-height, 600px);height:var(--scb-viz-diagram-height, auto);overflow:var(--scb-viz-diagram-overflow, visible)}::slotted([slot=diagram]){display:block;width:100%;max-width:100%;min-width:0;min-height:var(--scb-viz-diagram-min-height, 600px);height:var(--scb-viz-diagram-height, auto);overflow:var(--scb-viz-diagram-overflow, visible)}.standard-content-shell{display:block;width:100%;min-width:0}.standard-content-shell--stable{min-height:var(--scb-viz-standard-content-height, var(--scb-viz-diagram-min-height, 600px))}.standard-content-panel{display:none;width:100%;min-width:0}.standard-content-panel--active{display:flex;flex-direction:column}.standard-diagram-scroller{display:flex;width:100%;min-width:0}.table-panel-scroll{width:100%;min-width:0}.standard-content-shell--stable .standard-content-panel--table.standard-content-panel--active{height:var(--scb-viz-standard-content-height, var(--scb-viz-diagram-min-height, 600px));min-height:0;overflow:hidden}.standard-content-shell--stable .standard-content-panel--table.standard-content-panel--active .table-panel-scroll{flex:1 1 auto;min-height:0;overflow:auto}:host([variant='Image']) .image-content{display:block}:host([variant='Image']) img{height:auto;max-width:100%}:host([variant='Image']) .diagram-scroller{display:none}:host([variant='Standard'].chip-diagram) .diagram-scroller{display:flex}.table-source{display:none}:host([data-scb-viz-fullscreen]){width:100%;height:100%;max-width:none;margin:0;border:0;border-radius:0;overflow:auto}:host([data-scb-viz-fullscreen]) .viz-container{min-height:100%}:host([data-scb-viz-force-light]),:host([data-scb-viz-print-preview]){color-scheme:light;--_scb-viz-text-color:var(--scb-viz-light-text-color, var(--n-10));--scb-viz-surface-color:var(--scb-viz-light-surface-color, var(--nv-100));--scb-viz-outline-color:var(--scb-viz-light-outline-color, var(--n-80));--md-sys-color-surface:var(--scb-viz-light-surface-color, var(--nv-100));--md-sys-color-surface-container:var(--scb-viz-light-surface-container-color, var(--nv-95));--md-sys-color-surface-container-highest:var(--scb-viz-light-surface-container-highest-color, var(--n-95));--md-sys-color-on-surface:var(--scb-viz-light-text-color, var(--n-10));--md-sys-color-on-surface-variant:var(--scb-viz-light-on-surface-variant-color, var(--n-30));--md-sys-color-outline-variant:var(--scb-viz-light-outline-color, var(--n-80));--md-focus-ring-color:var(--scb-viz-light-focus-ring-color, var(--n-10))}:host([data-scb-viz-print-preview]){background:0 0;border:0;border-radius:0;box-shadow:none;max-width:none;padding:0}:host([data-scb-viz-print-preview]) .actions-row{display:none!important}:host([data-scb-viz-print-preview]) .standard-content-shell--stable,:host([data-scb-viz-print-preview]) .standard-content-shell--stable .diagram-content,:host([data-scb-viz-print-preview]) .standard-content-shell--stable .standard-content-panel--active,:host([data-scb-viz-print-preview]) .standard-content-shell--stable .standard-diagram-scroller,:host([data-scb-viz-print-preview]) .standard-content-shell--stable .table-panel-scroll,:host([data-scb-viz-print-preview]) .standard-content-shell--stable ::slotted([slot=diagram]){height:auto!important;min-height:0!important;overflow:visible!important}:host([data-scb-viz-print-preview]) .table-panel-scroll,:host([data-scb-viz-print-preview]) scb-horizontal-scroller{overflow:visible!important}:host([data-scb-viz-print-preview]) .description{margin-bottom:var(--spacing-5, 16px)}:host([data-scb-viz-print-preview]) .footer{margin-top:var(--spacing-5, 16px)}:host([data-scb-viz-print-preview]) .footer-statistics-screen{display:none!important}:host([data-scb-viz-print-preview]) .footer-statistics-print{display:block!important}:host([data-scb-viz-print-preview]) .viz-container{zoom:var(--scb-viz-print-scale, 1);width:calc(100%/var(--scb-viz-print-scale, 1))}@media print{:host{color-scheme:light;--_scb-viz-text-color:var(--scb-viz-light-text-color, var(--n-10));--scb-viz-surface-color:var(--scb-viz-light-surface-color, var(--nv-100));--scb-viz-outline-color:var(--scb-viz-light-outline-color, var(--n-80));--md-sys-color-surface:var(--scb-viz-light-surface-color, var(--nv-100));--md-sys-color-surface-container:var(--scb-viz-light-surface-container-color, var(--nv-95));--md-sys-color-surface-container-highest:var(--scb-viz-light-surface-container-highest-color, var(--n-95));--md-sys-color-on-surface:var(--scb-viz-light-text-color, var(--n-10));--md-sys-color-on-surface-variant:var(--scb-viz-light-on-surface-variant-color, var(--n-30));--md-sys-color-outline-variant:var(--scb-viz-light-outline-color, var(--n-80));--md-focus-ring-color:var(--scb-viz-light-focus-ring-color, var(--n-10));background:0 0;border:0;border-radius:0;box-shadow:none;max-width:none;padding:0}.actions-row{display:none!important}.standard-content-shell--stable,.standard-content-shell--stable .diagram-content,.standard-content-shell--stable .standard-content-panel--active,.standard-content-shell--stable .standard-diagram-scroller,.standard-content-shell--stable .table-panel-scroll,.standard-content-shell--stable ::slotted([slot=diagram]){height:auto!important;min-height:0!important;overflow:visible!important}.table-panel-scroll,scb-horizontal-scroller{overflow:visible!important}.description{margin-bottom:var(--spacing-5, 16px)}.footer{margin-top:var(--spacing-5, 16px)}.footer-statistics-screen{display:none!important}.footer-statistics-print{display:block!important}.viz-container{zoom:var(--scb-viz-print-scale, 1);width:calc(100%/var(--scb-viz-print-scale, 1))}}`,k);function F(){if(o(n,this,G).call(this),typeof ResizeObserver>"u")return;const r=this.shadowRoot?.querySelector(".diagram-content");r&&(this._diagramResizeObserver=new ResizeObserver(()=>{o(n,this,S).call(this)}),this._diagramResizeObserver.observe(this),this._diagramResizeObserver.observe(r))}function G(){this._diagramResizeObserver?.disconnect(),this._diagramResizeObserver=void 0}function j(){this._diagramReflowFrame&&(cancelAnimationFrame(this._diagramReflowFrame),this._diagramReflowFrame=0)}function S(){this.variant!=="Standard"||this.selectedChip!=="Diagram"||(o(n,this,j).call(this),this._diagramReflowFrame=requestAnimationFrame(()=>{this._diagramReflowFrame=requestAnimationFrame(()=>{this._diagramReflowFrame=0,o(n,this,Fe).call(this)})}))}function A(r){const e=r?.getAttribute("data-highcharts-chart");if(!e)return;const t=Number.parseInt(e,10);return Number.isNaN(t)?void 0:t}function q(r){for(const e of r){const t=o(n,this,A).call(this,e);if(t!==void 0)return t;const i=e.querySelector("[data-highcharts-chart]"),s=o(n,this,A).call(this,i);if(s!==void 0)return s}}function Fe(){if(this.variant!=="Standard"||this.selectedChip!=="Diagram")return;const r=this.shadowRoot?.querySelector('slot[name="diagram"]');if(!r)return;const e=r.assignedElements({flatten:!0});if(e.length===0)return;const t=o(n,this,q).call(this,e);if(t===void 0)return;const i=window.Highcharts?.charts?.[t];i&&(i.setSize?.(null,null,!1),i.reflow?.(),this._seriesDifferentiationEnabled&&o(n,this,V).call(this))}function B(){this._fullscreenDiagramSizingFrame&&(cancelAnimationFrame(this._fullscreenDiagramSizingFrame),this._fullscreenDiagramSizingFrame=0)}function M(){o(n,this,B).call(this),this._fullscreenDiagramSizingFrame=requestAnimationFrame(()=>{this._fullscreenDiagramSizingFrame=requestAnimationFrame(()=>{this._fullscreenDiagramSizingFrame=0,o(n,this,Ae).call(this)})})}function Ae(){const r=this._getFullscreenDiagramHeight();this._fullscreenDiagramHeight!==r&&(this._fullscreenDiagramHeight=r,o(n,this,$).call(this),o(n,this,S).call(this))}function $(){const r=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",r||"600px"):this.style.removeProperty("--scb-viz-diagram-min-height"),r?(this.style.setProperty("--scb-viz-diagram-height",r),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")}function Re(r){this._isHighchartsStyledMode(r)&&this._applyStyledModeSeriesDifferentiation(r)}function Pe(r){this._isHighchartsStyledMode(r)&&this._restoreStyledModeSeriesDifferentiation(r)}function V(){const r=this._getCurrentHighchartsChart();if(r){if(this._seriesDifferentiationEnabled){o(n,this,Re).call(this,r);return}o(n,this,Pe).call(this,r)}}async function R(r){const e=this._getExportableVisualElement();if(!e)return;const t=await te(e,this._getExportSurfaceTarget(),r);t&&O(t,this._buildExportFileName(r==="jpeg"?"jpg":"png"))}function Ie(r){return he(this._getResolvedTableView(r),e=>this._escapeHtml(e),{getEmptyHeaderLabel:e=>this._getEmptyTableHeaderLabel(e)})}function Oe(){return ce({comment:this.comment,commentLabel:this.commentLabel,description:this.description,descriptionLabel:this.descriptionLabel,escapeHtml:r=>this._escapeHtml(r),footnote:this.footnote,footnoteLabel:this.footnoteLabel,moreAboutStatsLabel:this.moreAboutStatsLabel,officialStatistics:this.officialStatistics,renderRichTextHtml:r=>this._renderRichTextHtml(r),sosLogotypeSvg:N,source:this.source,sourceLabel:this.sourceLabel})}function Ne(r){return le({contentHtml:r,escapeHtml:e=>this._escapeHtml(e),footerHtml:o(n,this,Oe).call(this),lang:this.lang,subtitle:this.subtitle,title:this.title})}async function Ge(){await ne(this,async()=>{const r=this._getCurrentPrintableView();let e="";if(r==="table"){const t=this._getResolvedTableData();if(!t?.rows?.length)return;e=o(n,this,Ie).call(this,t)}else if(r==="image"){const t=this.shadowRoot?.querySelector(".image-content img"),i=t?.currentSrc||t?.src||this.imageHref;if(!i)return;e=`<img class="viz-image" src="${this._escapeHtml(i)}" alt="${this._escapeHtml(this._getImageAltText())}">`}else{const t=this._getExportableVisualElement();if(!t)return;const i=await ie(t,this._getExportSurfaceTarget(),"png");if(!i)return;e=`<img class="viz-chart-image" src="${i}" alt="${this._escapeHtml(this._getImageAltText())}">`}await re(o(n,this,Ne).call(this,e))})}function je(){const r=this._getResolvedTableData();r?.rows?.length&&O(ee(Me(r,e=>this._normalizeRenderableCell(e)),this.lang),this._buildExportFileName("csv"))}function P(){const r=o(n,this,C).call(this,this.spacing),e=o(n,this,C).call(this,this.spacingTop)??r,t=o(n,this,C).call(this,this.spacingBottom)??r,i=o(n,this,C).call(this,this.spacingLeft),s=o(n,this,C).call(this,this.spacingRight);e?this.style.setProperty("--scb-viz-spacing-block-start",e):this.style.removeProperty("--scb-viz-spacing-block-start"),t?this.style.setProperty("--scb-viz-spacing-block-end",t):this.style.removeProperty("--scb-viz-spacing-block-end"),i?this.style.setProperty("--scb-viz-spacing-inline-start",i):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")}function C(r){if(!r)return;const e=String(r).trim();if(e)return/^\d+$/.test(e)?`var(--spacing-${Math.max(0,Math.min(14,parseInt(e,10)))})`:e}function I(){const r=this.containerMaxWidth?.trim();r?this.style.setProperty("--scb-viz-container-max-width",r):this.style.removeProperty("--scb-viz-container-max-width")}p([m({type:String,reflect:!0})],g.prototype,"variant",void 0);p([m({type:String,reflect:!0,attribute:"selected-chip"})],g.prototype,"selectedChip",void 0);p([m({type:String,reflect:!0})],g.prototype,"title",void 0);p([m({type:String,reflect:!0})],g.prototype,"subtitle",void 0);p([m({type:String,reflect:!0})],g.prototype,"description",void 0);p([m({type:String,reflect:!0})],g.prototype,"comment",void 0);p([m({type:String,reflect:!0})],g.prototype,"source",void 0);p([m({type:String,reflect:!0})],g.prototype,"footnote",void 0);p([m({type:String,reflect:!0,attribute:"lang"})],g.prototype,"lang",void 0);p([m({type:String,reflect:!0,attribute:"image-href"})],g.prototype,"imageHref",void 0);p([m({type:String,reflect:!0,attribute:"image-alt"})],g.prototype,"imageAlt",void 0);p([m({type:Boolean,reflect:!0,attribute:"official-statistics"})],g.prototype,"officialStatistics",void 0);p([m({type:Boolean,reflect:!0,attribute:"disable-toggle"})],g.prototype,"disableToggle",void 0);p([m({type:String,attribute:"content-max-width"})],g.prototype,"contentMaxWidth",void 0);p([m({type:String,attribute:"container-max-width"})],g.prototype,"containerMaxWidth",void 0);p([m({type:String,attribute:"content-height"})],g.prototype,"contentHeight",void 0);p([m({type:String,reflect:!0,attribute:"toggle-height-mode"})],g.prototype,"toggleHeightMode",void 0);p([m({attribute:!1})],g.prototype,"tableData",void 0);p([m({attribute:!1})],g.prototype,"valueFormat",void 0);p([m({attribute:!1})],g.prototype,"timeFormat",void 0);p([T()],g.prototype,"_slottedTableData",void 0);p([T()],g.prototype,"_actionsMenuOpen",void 0);p([T()],g.prototype,"_seriesDifferentiationEnabled",void 0);p([T()],g.prototype,"_isFullscreen",void 0);p([m({type:String,reflect:!0})],g.prototype,"spacing",void 0);p([m({type:String,attribute:"spacing-top",reflect:!0})],g.prototype,"spacingTop",void 0);p([m({type:String,attribute:"spacing-bottom",reflect:!0})],g.prototype,"spacingBottom",void 0);p([m({type:String,attribute:"spacing-left",reflect:!0})],g.prototype,"spacingLeft",void 0);p([m({type:String,attribute:"spacing-right",reflect:!0})],g.prototype,"spacingRight",void 0);g=p([J("scb-viz")],g);
|