scb-wc 0.1.11 → 0.1.13

package/mvc/components/scb-toc/scb-toc-item.js

@@ -1 +1,303 @@
-import"../Users/peter/Documents/SCB.Material-latest-dev/src/scb-components/scb-toc/scb-toc-item.js";(function(){try{var t=typeof globalThis<"u"?globalThis:window;if(!t.__scb_ce_guard_installed__){t.__scb_ce_guard_installed__=!0;var o=customElements.define.bind(customElements);customElements.define=function(e,r,c){try{customElements.get(e)||o(e,r,c)}catch(i){var n=String(i||"");if(n.indexOf("already been used")===-1&&n.indexOf("NotSupportedError")===-1)throw i}}}}catch{}})();
+import"../../vendor/vendor-material.js";import{_ as v,b as y,g as f,h as m,y as b}from"../../vendor/vendor.js";import"../../vendor/vendor-lit.js";import{t as l}from"../../vendor/decorate.js";import"../scb-chevron/scb-chevron.js";import"../scb-divider/scb-divider.js";(function(){try{var h=typeof globalThis<"u"?globalThis:window;if(!h.__scb_ce_guard_installed__){h.__scb_ce_guard_installed__=!0;var t=customElements.define.bind(customElements);customElements.define=function(e,o,i){try{customElements.get(e)||t(e,o,i)}catch(r){var s=String(r||"");if(s.indexOf("already been used")===-1&&s.indexOf("NotSupportedError")===-1)throw r}}}}catch{}})();var p,g,c=(p=class extends v{constructor(...t){super(...t),this.expanded=!1,this.size="medium",this.label="",this.supportingText="",this.itemHref="#",this.noDivider=!1,this._unique=g._uid(),this._overflowVisibleTimer=null,this._slotHasContent=!1,this._trailingSlotHasContent=!1,this._onSlotChange=()=>{const e=this.renderRoot.querySelector("slot:not([name])"),o=!!e&&e.assignedElements({flatten:!0}).length>0;this._slotHasContent!==o&&(this._slotHasContent=o,this.requestUpdate()),!this._slotHasContent&&this.expanded&&(this.expanded=!1),this._applyInertByExpanded()},this._toggleAccordion=()=>{if(!this._slotHasContent)return;const e=!this.expanded;this.setExpanded(e)},this._onKeyDown=e=>{const o=this.closest("scb-toc"),i=Array.from(o?.querySelectorAll("scb-toc-item")||[]).map(n=>({host:n,label:n.renderRoot.querySelector(".toc-item-label")||null})).filter(n=>!!n.label),s=i.findIndex(n=>n.host===this);if(s<0)return;const r=e.currentTarget?.classList?.contains("toc-chevron-button")??!1;switch(e.key){case"Enter":case" ":if(!r)return;e.preventDefault(),this._toggleAccordion();break;case"ArrowDown":e.preventDefault(),s<i.length-1&&i[s+1].label.focus();break;case"ArrowUp":e.preventDefault(),s>0&&i[s-1].label.focus();break;case"Home":e.preventDefault(),i.length&&i[0].label.focus();break;case"End":e.preventDefault(),i.length&&i[i.length-1].label.focus();break}}}setExpanded(t){this.expanded!==t&&(this.expanded=t)}static _uid(){return globalThis.crypto?.randomUUID?.()??`${g._uidPrefix}-${++g._uidSeq}`}firstUpdated(){this._applyInertByExpanded(),this._syncOverflowVisibilityByExpanded()}updated(t){t.has("expanded")&&(this._applyInertByExpanded(),this._syncOverflowVisibilityByExpanded(),this.dispatchEvent(new CustomEvent("expanded-changed",{detail:{expanded:this.expanded,label:this.label},bubbles:!0,composed:!0})),this.dispatchEvent(new CustomEvent("expandedchanged",{detail:{expanded:this.expanded,label:this.label},bubbles:!0,composed:!0})))}connectedCallback(){super.connectedCallback(),this._slotHasContent=Array.from(this.children).some(t=>{const e=t.getAttribute("slot");return e===null||e===""}),this._trailingSlotHasContent=Array.from(this.children).some(t=>t.getAttribute("slot")==="trailing"),!this._slotHasContent&&this.expanded&&(this.expanded=!1)}disconnectedCallback(){super.disconnectedCallback(),this._overflowVisibleTimer!==null&&(window.clearTimeout(this._overflowVisibleTimer),this._overflowVisibleTimer=null)}_applyInertByExpanded(){const t=this.renderRoot.querySelector(".scb-toc-item-bottom");t&&(this.expanded?(t.removeAttribute("inert"),t.setAttribute("aria-hidden","false"),this._restoreTabIndexesIfNeeded()):(t.setAttribute("inert",""),t.setAttribute("aria-hidden","true"),this._removeTabIndexesIfNeeded()))}_syncOverflowVisibilityByExpanded(){if(this._overflowVisibleTimer!==null&&(window.clearTimeout(this._overflowVisibleTimer),this._overflowVisibleTimer=null),this.removeAttribute("data-expanded-settled"),!this.expanded)return;const t=this.renderRoot.querySelector(".scb-toc-item-bottom");if(!t){this.setAttribute("data-expanded-settled","");return}const e=this._getTransitionMs(t);if(e<=0){this.setAttribute("data-expanded-settled","");return}this._overflowVisibleTimer=window.setTimeout(()=>{this._overflowVisibleTimer=null,this.expanded&&this.setAttribute("data-expanded-settled","")},e)}_getTransitionMs(t){const e=getComputedStyle(t),o=e.transitionDuration.split(",").map(a=>a.trim()),i=e.transitionDelay.split(",").map(a=>a.trim()),s=a=>{const d=parseFloat(a);return Number.isFinite(d)?a.endsWith("ms")?d:a.endsWith("s")?d*1e3:d:0},r=Math.max(o.length,i.length);let n=0;for(let a=0;a<r;a+=1){const d=s(o[a]??o[o.length-1]??"0s"),u=s(i[a]??i[i.length-1]??"0s");n=Math.max(n,d+u)}return Math.ceil(n)}_supportsInert(){return"inert"in HTMLElement.prototype}_collectFocusableFromSlot(){const t=this.renderRoot.querySelector("slot:not([name])");if(!t)return[];const e=t.assignedElements({flatten:!0}),o=[],i=s=>{s instanceof HTMLElement&&s.matches("a,button,input,select,textarea,[tabindex]")&&o.push(s)};return e.forEach(s=>{i(s),s.querySelectorAll?.("a,button,input,select,textarea,[tabindex]").forEach(r=>i(r))}),o}_removeTabIndexesIfNeeded(){this._supportsInert()||this._collectFocusableFromSlot().forEach(t=>{const e=t.getAttribute("tabindex");e!==null&&t.setAttribute("data-scb-prev-tabindex",e),t.setAttribute("tabindex","-1")})}_restoreTabIndexesIfNeeded(){this._supportsInert()||this._collectFocusableFromSlot().forEach(t=>{const e=t.getAttribute("data-scb-prev-tabindex");e!==null?(t.setAttribute("tabindex",e),t.removeAttribute("data-scb-prev-tabindex")):t.removeAttribute("tabindex")})}render(){const t=`bottom-${this._unique}`,e=`toc-label-${this._unique}`,o=`toc-chevron-${this._unique}`,i=this.supportingText.trim().length>0;return b`
+      <div class="scb-toc-item" role="listitem">
+        <div class=${`scb-toc-item-top${i?"":" no-supporting-text"}`}>
+          <div>
+            <div class="toc-item-label-wrapper">
+              <a
+                id=${e}
+                class="toc-item-label"
+                href=${this.itemHref}
+                @keydown=${this._onKeyDown}
+              >
+                ${this.label}
+              </a>
+              <md-focus-ring for=${e} inward></md-focus-ring>
+            </div>
+            ${i?b`<div class="supporting-text">${this.supportingText}</div>`:""}
+          </div>
+
+          ${this._trailingSlotHasContent?b`
+                <div class="toc-chevron-button-wrapper">
+                  <slot name="trailing"></slot>
+                </div>
+              `:this._slotHasContent?b`
+                <div class="toc-chevron-button-wrapper">
+                  <button
+                    id=${o}
+                    class="toc-chevron-button"
+                    type="button"
+                    aria-label=${this.expanded?"Fäll ihop avsnitt":"Fäll ut avsnitt"}
+                    aria-expanded=${this.expanded?"true":"false"}
+                    aria-controls=${t}
+                    @click=${this._toggleAccordion}
+                    @keydown=${this._onKeyDown}
+                  >
+                    <md-ripple></md-ripple>
+                    <scb-chevron class="toc-chevron-icon" .open=${this.expanded}></scb-chevron>
+                    <md-focus-ring for=${o} inward></md-focus-ring>
+                  </button>
+                </div>
+              `:""}
+            
+        </div>
+
+        <div id=${t} class="scb-toc-item-bottom" role="region" aria-labelledby=${e}>
+          <div class="bottom-inner">
+            <slot @slotchange=${this._onSlotChange}></slot>
+          </div>
+        </div>
+
+        ${this.noDivider?"":b`<scb-divider></scb-divider>`}
+      </div>
+    `}},g=p,p._uidPrefix=`uid-${Math.random().toString(36).slice(2)}`,p._uidSeq=0,p.styles=[y`
+      :host {
+        display: block;
+        --scb-toc-transition-duration: var(--motion-duration-short, 150ms);
+        --scb-toc-transition-easing: var(--motion-easing-emphasized-accelerate, var(--motion-easing-emphasized, cubic-bezier(.69,.16,.2,.98)));
+        --scb-toc-panel-padding-closed: var(--spacing-0, 0px);
+        --scb-toc-item-top-padding-y: var(--spacing-5, 16px);
+        --scb-toc-item-top-padding-x: var(--spacing-3, 8px);
+        --scb-toc-item-top-gap: var(--spacing-5, 16px);
+        --scb-toc-item-label-margin-bottom: var(--spacing-3, 8px);
+        --scb-toc-item-label-font-size: var(--md-sys-typescale-body-large-size);
+        --scb-toc-item-label-line-height: var(--md-sys-typescale-body-large-line-height);
+        --scb-toc-item-label-tracking: var(--md-sys-typescale-body-large-tracking);
+        --scb-toc-item-supporting-font-size: var(--md-sys-typescale-body-medium-size);
+        --scb-toc-item-supporting-line-height: var(--md-sys-typescale-body-medium-line-height);
+        --scb-toc-item-supporting-tracking: var(--md-sys-typescale-body-medium-tracking);
+        --scb-toc-item-panel-padding-right: var(--spacing-5, 16px);
+        --scb-toc-item-panel-padding-left: var(--spacing-9, 32px);
+        --scb-toc-item-panel-padding-open: var(--spacing-5, 16px);
+        --scb-toc-item-panel-font-size: var(--md-sys-typescale-body-medium-size);
+        --scb-toc-item-panel-line-height: var(--md-sys-typescale-body-medium-line-height);
+        --scb-toc-item-panel-tracking: var(--md-sys-typescale-body-medium-tracking);
+        --scb-toc-item-chevron-size: 40px;
+        --scb-toc-item-icon-size: var(--icon-size-medium, 24px);
+        color: var(--md-sys-color-on-surface);
+        font-family: var(--brand-font, 'Inter', sans-serif);
+      }
+
+      :host([size='small']) {
+        --scb-toc-item-top-padding-y: var(--spacing-4, 12px);
+        --scb-toc-item-top-gap: var(--spacing-4, 12px);
+        --scb-toc-item-label-margin-bottom: var(--spacing-2, 4px);
+        --scb-toc-item-label-font-size: var(--md-sys-typescale-body-small-size);
+        --scb-toc-item-label-line-height: var(--md-sys-typescale-body-small-line-height);
+        --scb-toc-item-label-tracking: var(--md-sys-typescale-body-small-tracking);
+        --scb-toc-item-supporting-font-size: var(--md-sys-typescale-body-small-size);
+        --scb-toc-item-supporting-line-height: var(--md-sys-typescale-body-small-line-height);
+        --scb-toc-item-supporting-tracking: var(--md-sys-typescale-body-small-tracking);
+        --scb-toc-item-panel-padding-right: var(--spacing-4, 12px);
+        --scb-toc-item-panel-padding-left: var(--spacing-7, 24px);
+        --scb-toc-item-panel-padding-open: var(--spacing-4, 12px);
+        --scb-toc-item-panel-font-size: var(--md-sys-typescale-body-small-size);
+        --scb-toc-item-panel-line-height: var(--md-sys-typescale-body-small-line-height);
+        --scb-toc-item-panel-tracking: var(--md-sys-typescale-body-small-tracking);
+        --scb-toc-item-chevron-size: 36px;
+        --scb-toc-item-icon-size: var(--icon-size-small, 20px);
+      }
+
+      :host([size='extra-small']) {
+        --scb-toc-item-top-padding-y: var(--spacing-3, 8px);
+        --scb-toc-item-top-padding-x: var(--spacing-2, 4px);
+        --scb-toc-item-top-gap: var(--spacing-3, 8px);
+        --scb-toc-item-label-margin-bottom: var(--spacing-1, 2px);
+        --scb-toc-item-label-font-size: var(--md-sys-typescale-body-small-size);
+        --scb-toc-item-label-line-height: var(--md-sys-typescale-body-small-line-height);
+        --scb-toc-item-label-tracking: var(--md-sys-typescale-body-small-tracking);
+        --scb-toc-item-supporting-font-size: var(--md-sys-typescale-body-small-size);
+        --scb-toc-item-supporting-line-height: var(--md-sys-typescale-body-small-line-height);
+        --scb-toc-item-supporting-tracking: var(--md-sys-typescale-body-small-tracking);
+        --scb-toc-item-panel-padding-right: var(--spacing-3, 8px);
+        --scb-toc-item-panel-padding-left: var(--spacing-6, 20px);
+        --scb-toc-item-panel-padding-open: var(--spacing-3, 8px);
+        --scb-toc-item-panel-font-size: var(--md-sys-typescale-body-small-size);
+        --scb-toc-item-panel-line-height: var(--md-sys-typescale-body-small-line-height);
+        --scb-toc-item-panel-tracking: var(--md-sys-typescale-body-small-tracking);
+        --scb-toc-item-chevron-size: 32px;
+        --scb-toc-item-icon-size: var(--icon-size-small, 20px);
+      }
+
+      :host([size='large']) {
+        --scb-toc-item-top-padding-y: var(--spacing-6, 20px);
+        --scb-toc-item-top-gap: var(--spacing-6, 20px);
+        --scb-toc-item-label-margin-bottom: var(--spacing-4, 12px);
+        --scb-toc-item-label-font-size: var(--md-sys-typescale-title-small-size);
+        --scb-toc-item-label-line-height: var(--md-sys-typescale-title-small-line-height);
+        --scb-toc-item-label-tracking: var(--md-sys-typescale-title-small-tracking);
+        --scb-toc-item-supporting-font-size: var(--md-sys-typescale-body-large-size);
+        --scb-toc-item-supporting-line-height: var(--md-sys-typescale-body-large-line-height);
+        --scb-toc-item-supporting-tracking: var(--md-sys-typescale-body-large-tracking);
+        --scb-toc-item-panel-padding-right: var(--spacing-6, 20px);
+        --scb-toc-item-panel-padding-left: var(--spacing-10, 40px);
+        --scb-toc-item-panel-padding-open: var(--spacing-6, 20px);
+        --scb-toc-item-panel-font-size: var(--md-sys-typescale-body-large-size);
+        --scb-toc-item-panel-line-height: var(--md-sys-typescale-body-large-line-height);
+        --scb-toc-item-panel-tracking: var(--md-sys-typescale-body-large-tracking);
+        --scb-toc-item-chevron-size: 48px;
+        --scb-toc-item-icon-size: var(--icon-size-medium, 24px);
+      }
+
+      :host([expanded]) {
+        --scb-toc-transition-easing: var(
+          --motion-easing-emphasized-decelerate,
+          var(--motion-easing-emphasized, cubic-bezier(.69,.16,.2,.98))
+        );
+      }
+
+      .scb-toc-item-top {
+        padding: var(--scb-toc-item-top-padding-y) var(--scb-toc-item-top-padding-x);
+        display: flex;
+        gap: var(--scb-toc-item-top-gap);
+        flex-direction: row;
+        align-items: flex-start;
+      }
+
+      .scb-toc-item-top.no-supporting-text {
+        align-items: center;
+      }
+
+      .scb-toc-item-top.no-supporting-text .toc-item-label {
+        margin-bottom: 0;
+      }
+
+      .toc-item-label-wrapper {
+        position: relative;
+        display: block;
+        width: fit-content;
+      }
+
+      .toc-item-label {
+        display: block;
+        width: fit-content;
+        color: var(--md-sys-color-primary);
+        font-size: var(--scb-toc-item-label-font-size);
+        font-weight: var(--weight-semibold);
+        line-height: var(--scb-toc-item-label-line-height);
+        letter-spacing: var(--scb-toc-item-label-tracking);
+        text-decoration: underline;
+        text-decoration-thickness: 1px;
+        text-underline-offset: 0.1578em;
+        margin-bottom: var(--scb-toc-item-label-margin-bottom);
+      }
+
+      .toc-item-label:hover {
+        color: var(--md-sys-color-on-surface);
+        text-decoration-thickness: 2px;
+      }
+
+      .toc-item-label:focus {
+        color: var(--md-sys-color-on-surface);
+        outline: none;
+      }
+
+      .toc-item-label-wrapper md-focus-ring {
+        position: absolute;
+        pointer-events: none;
+        border-radius: var(--md-sys-shape-corner-small, 8px);
+        --md-focus-ring-inward-offset: -7px;
+      }
+
+      .supporting-text {
+        font-size: var(--scb-toc-item-supporting-font-size);
+        line-height: var(--scb-toc-item-supporting-line-height);
+        letter-spacing: var(--scb-toc-item-supporting-tracking);
+        color: var(--md-sys-color-on-surface-variant);
+      }
+
+      .toc-chevron-button-wrapper {
+        position: relative;
+        margin-left: auto;
+        display: flex;
+        align-items: flex-start;
+      }
+
+      .toc-chevron-button {
+        position: relative;
+        display: inline-flex;
+        align-items: center;
+        justify-content: center;
+        inline-size: var(--scb-toc-item-chevron-size);
+        block-size: var(--scb-toc-item-chevron-size);
+        padding: 0;
+        border: 0;
+        background: transparent;
+        border-radius: 999px;
+        cursor: pointer;
+        color: inherit;
+        -webkit-tap-highlight-color: transparent;
+      }
+
+      .toc-chevron-button:focus {
+        outline: none;
+      }
+
+      .toc-chevron-button md-ripple {
+        border-radius: inherit;
+      }
+
+      .toc-chevron-button md-focus-ring {
+        position: absolute;
+        inset: 0;
+        pointer-events: none;
+        border-radius: inherit;
+        --md-focus-ring-inward-offset: -7px;
+      }
+
+      .toc-chevron-icon {
+        --scb-chevron-size: var(--scb-toc-item-icon-size);
+        --chevron-offset-down: 2.8px;
+        --chevron-offset-up: -2.8px;
+      }
+
+      scb-divider {
+        margin: var(--spacing-0, 0px) var(--spacing-3, 8px);
+      }
+
+      /* Animerar panelen utan JS genom grid-template-rows 0fr till 1fr */
+      .scb-toc-item-bottom {
+        display: grid;
+        grid-template-rows: 0fr;
+        transition:
+          grid-template-rows var(--scb-toc-transition-duration) var(--scb-toc-transition-easing),
+          opacity var(--scb-toc-transition-duration) var(--scb-toc-transition-easing),
+          padding var(--scb-toc-transition-duration) var(--scb-toc-transition-easing);
+        opacity: 0;
+        overflow: hidden;
+        padding-top: var(--spacing-0, 0px);
+        padding-right: var(--scb-toc-item-panel-padding-right);
+        padding-bottom: var(--scb-toc-panel-padding-closed);
+        padding-left: var(--scb-toc-item-panel-padding-left);
+        font-size: var(--scb-toc-item-panel-font-size);
+        line-height: var(--scb-toc-item-panel-line-height); /* 150% */
+        letter-spacing: var(--scb-toc-item-panel-tracking);
+      }
+
+      :host([expanded]) .scb-toc-item-bottom {
+        grid-template-rows: 1fr;
+        opacity: 1;
+        padding-bottom: var(--scb-toc-item-panel-padding-open);
+      }
+
+      .bottom-inner {
+        overflow: hidden;
+      }
+
+      :host([expanded][data-expanded-settled]) .scb-toc-item-bottom {
+        overflow: visible;
+      }
+
+      :host([expanded][data-expanded-settled]) .bottom-inner {
+        overflow: visible;
+      }
+
+      @media (prefers-reduced-motion: reduce) {
+        .scb-toc-item-bottom {
+          transition: none;
+        }
+
+        md-ripple {
+          display: none;
+        }
+      }
+    `],p);l([m({type:Boolean,reflect:!0})],c.prototype,"expanded",void 0);l([m({type:String,reflect:!0})],c.prototype,"size",void 0);l([m({type:String,reflect:!0})],c.prototype,"label",void 0);l([m({type:String,attribute:"supporting-text"})],c.prototype,"supportingText",void 0);l([m({type:String,attribute:"item-href"})],c.prototype,"itemHref",void 0);l([m({type:Boolean,attribute:"no-divider"})],c.prototype,"noDivider",void 0);c=g=l([f("scb-toc-item")],c);

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

@@ -1 +1,19 @@
-import"../Users/peter/Documents/SCB.Material-latest-dev/src/scb-components/scb-toc/scb-toc-item.js";import"../Users/peter/Documents/SCB.Material-latest-dev/src/scb-components/scb-toc/scb-toc.js";(function(){try{var t=typeof globalThis<"u"?globalThis:window;if(!t.__scb_ce_guard_installed__){t.__scb_ce_guard_installed__=!0;var o=customElements.define.bind(customElements);customElements.define=function(e,r,c){try{customElements.get(e)||o(e,r,c)}catch(n){var i=String(n||"");if(i.indexOf("already been used")===-1&&i.indexOf("NotSupportedError")===-1)throw n}}}}catch{}})();
+import{_ as v,b as y,g as m,h as o,y as _}from"../../vendor/vendor.js";import"../../vendor/vendor-lit.js";import{t as c}from"../../vendor/decorate.js";import{n as S,t as i}from"../../vendor/assertClassBrand.js";import"./scb-toc-item.js";(function(){try{var s=typeof globalThis<"u"?globalThis:window;if(!s.__scb_ce_guard_installed__){s.__scb_ce_guard_installed__=!0;var t=customElements.define.bind(customElements);customElements.define=function(n,a,p){try{customElements.get(n)||t(n,a,p)}catch(f){var h=String(f||"");if(h.indexOf("already been used")===-1&&h.indexOf("NotSupportedError")===-1)throw f}}}}catch{}})();var e,d,r=(e=new WeakSet,d=class extends v{constructor(...t){super(...t),S(this,e),this.singleOpen=!1,this.spacing=void 0,this.spacingTop=void 0,this.spacingBottom=void 0,this.spacingLeft=void 0,this.spacingRight=void 0}connectedCallback(){super.connectedCallback(),this.addEventListener("expanded-changed",i(e,this,b))}disconnectedCallback(){this.removeEventListener("expanded-changed",i(e,this,b)),super.disconnectedCallback()}firstUpdated(t){i(e,this,u).call(this),i(e,this,g).call(this)}updated(t){super.updated(t),(t.has("spacing")||t.has("spacingTop")||t.has("spacingBottom")||t.has("spacingLeft")||t.has("spacingRight"))&&i(e,this,u).call(this),t.has("singleOpen")&&i(e,this,g).call(this)}render(){return _`
+      <div class="scb-toc-list" role="list">
+        <slot @slotchange=${i(e,this,k)}></slot>
+      </div>
+    `}_getDirectItems(){return Array.from(this.children).filter(t=>t.tagName==="SCB-TOC-ITEM")}},d.styles=[y`
+      :host {
+        display: block;
+        /* Vertikalt avstånd styrs av spacing-attributen via CSS-variabler */
+        margin-block-start: var(--scb-toc-spacing-block-start, 0);
+        margin-block-end: var(--scb-toc-spacing-block-end, 0);
+        /* Horisontellt avstånd styrs av spacing-left och spacing-right via CSS-variabler */
+        margin-inline-start: var(--scb-toc-spacing-inline-start, 0);
+        margin-inline-end: var(--scb-toc-spacing-inline-end, 0);
+      }
+
+      .scb-toc-list {
+        display: block;
+      }
+    `],d);function b(s){if(!this.singleOpen)return;const t=s;if(!t.detail?.expanded)return;const n=t.target;!n||n.tagName!=="SCB-TOC-ITEM"||this._getDirectItems().forEach(a=>{a!==n&&a.expanded&&a.setExpanded(!1)})}function k(){this.singleOpen&&i(e,this,g).call(this)}function g(){if(!this.singleOpen)return;const s=this._getDirectItems().filter(t=>t.expanded);s.length<=1||s.slice(1).forEach(t=>t.setExpanded(!1))}function u(){const s=i(e,this,l).call(this,this.spacing),t=i(e,this,l).call(this,this.spacingTop)??s,n=i(e,this,l).call(this,this.spacingBottom)??s,a=i(e,this,l).call(this,this.spacingLeft),p=i(e,this,l).call(this,this.spacingRight);t?this.style.setProperty("--scb-toc-spacing-block-start",t):this.style.removeProperty("--scb-toc-spacing-block-start"),n?this.style.setProperty("--scb-toc-spacing-block-end",n):this.style.removeProperty("--scb-toc-spacing-block-end"),a?this.style.setProperty("--scb-toc-spacing-inline-start",a):this.style.removeProperty("--scb-toc-spacing-inline-start"),p?this.style.setProperty("--scb-toc-spacing-inline-end",p):this.style.removeProperty("--scb-toc-spacing-inline-end")}function l(s){if(!s)return;const t=String(s).trim();if(t)return/^\d+$/.test(t)?`var(--spacing-${Math.max(0,Math.min(14,parseInt(t,10)))})`:t}c([o({type:Boolean,attribute:"single-open",reflect:!0})],r.prototype,"singleOpen",void 0);c([o({type:String,reflect:!0})],r.prototype,"spacing",void 0);c([o({type:String,attribute:"spacing-top",reflect:!0})],r.prototype,"spacingTop",void 0);c([o({type:String,attribute:"spacing-bottom",reflect:!0})],r.prototype,"spacingBottom",void 0);c([o({type:String,attribute:"spacing-left",reflect:!0})],r.prototype,"spacingLeft",void 0);c([o({type:String,attribute:"spacing-right",reflect:!0})],r.prototype,"spacingRight",void 0);r=c([m("scb-toc")],r);

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

@@ -1 +1,196 @@
-import"../Users/peter/Documents/SCB.Material-latest-dev/src/scb-components/scb-tooltip/scb-tooltip.js";(function(){try{var t=typeof globalThis<"u"?globalThis:window;if(!t.__scb_ce_guard_installed__){t.__scb_ce_guard_installed__=!0;var o=customElements.define.bind(customElements);customElements.define=function(e,r,c){try{customElements.get(e)||o(e,r,c)}catch(n){var i=String(n||"");if(i.indexOf("already been used")===-1&&i.indexOf("NotSupportedError")===-1)throw n}}}}catch{}})();
+import"../../vendor/vendor-material.js";import{_ as R,b as F,g as I,h as p,o as A,v as V,y as m}from"../../vendor/vendor.js";import"../../vendor/vendor-lit.js";import{t as h}from"../../vendor/decorate.js";import"../scb-button/scb-button.js";(function(){try{var _=typeof globalThis<"u"?globalThis:window;if(!_.__scb_ce_guard_installed__){_.__scb_ce_guard_installed__=!0;var t=customElements.define.bind(customElements);customElements.define=function(e,o,r){try{customElements.get(e)||t(e,o,r)}catch(c){var s=String(c||"");if(s.indexOf("already been used")===-1&&s.indexOf("NotSupportedError")===-1)throw c}}}}catch{}})();var w,q=0,a=(w=class extends R{constructor(...t){super(...t),this.variant="plain",this.arrow=null,this.supportingtext="",this.label="",this.trigger="hover",this.position="top",this.open=!1,this.delay=.25,this.offset=0,this.maxWidth="300px",this._hoverActive=!1,this._clickActive=!1,this._hideTimeout=null,this._triggerEl=null,this._originalPosition="top",this._tooltipId=`scb-tooltip-${++q}`,this._onTriggerMouseEnter=()=>{this._hasTooltipContent()&&(this._hoverActive=!0,this.open=!0)},this._onTriggerMouseLeave=()=>{this._hoverActive=!1,this._clickActive||(this.open=!1)},this._onTriggerFocus=()=>{this._hasTooltipContent()&&(this._hoverActive=!0,this.open=!0)},this._onTriggerBlur=()=>{this._hoverActive=!1,this._clickActive||(this.open=!1)},this._onTooltipMouseEnter=()=>{this._hasTooltipContent()&&(this.trigger==="hover"||this.trigger==="hover-click")&&(this._hoverActive=!0,this.open=!0)},this._onTooltipMouseLeave=()=>{(this.trigger==="hover"||this.trigger==="hover-click")&&(this._hoverActive=!1,this._clickActive||(this.open=!1))},this._onTriggerClick=()=>{this._hasTooltipContent()&&(this._clickActive=!this._clickActive,this._clickActive?this.open=!0:this._hoverActive||(this.open=!1))}}firstUpdated(){if(this._originalPosition=this.position,this._updateDelayCss(),this._updateMaxWidthCss(),this._updateTriggerElement(),this._updateTooltipHoverListeners(),this.open){const t=this._getTooltipElement();t&&this._showTooltip(t)}}updated(t){if(t.has("trigger")&&(this._updateTriggerElement(),this._updateTooltipHoverListeners()),t.has("delay")&&this._updateDelayCss(),t.has("maxWidth")&&this._updateMaxWidthCss(),(t.has("supportingtext")||t.has("label")||t.has("variant"))&&(this._hasTooltipContent()||(this._hoverActive=!1,this._clickActive=!1,this.open=!1),this._updateTriggerElement(),this._updateTooltipHoverListeners()),t.has("open")){if(this.open&&!this._hasTooltipContent()){this.open=!1;return}const e=this._getTooltipElement();if(!e)return;this.open?this._showTooltip(e):this._hideTooltip(e),this._dispatchOpenChanged()}}disconnectedCallback(){super.disconnectedCallback(),this._detachTriggerListeners();const t=this._getTooltipElement();t&&(t.removeEventListener("mouseenter",this._onTooltipMouseEnter),t.removeEventListener("mouseleave",this._onTooltipMouseLeave)),this._hideTimeout!==null&&(window.clearTimeout(this._hideTimeout),this._hideTimeout=null)}_getTooltipElement(){return this.renderRoot.querySelector(".scb-tooltip")}_hasTooltipContent(){const t=(this.supportingtext||"").trim();return this.variant==="rich"?!!((this.label||"").trim()||t):!!t}_updateDelayCss(){const t=Number.isFinite(this.delay)?this.delay:.25;this.style.setProperty("--delay",`${t}s`)}_updateMaxWidthCss(){const t=(this.maxWidth||"").trim(),e=t.toLowerCase()==="none",o=e?"none":t||"300px";this.style.setProperty("--max-width",o),this.style.setProperty("--wrap",e?"nowrap":"normal")}_dispatchOpenChanged(){const t={open:this.open};this.dispatchEvent(new CustomEvent("open-changed",{detail:t,bubbles:!0,composed:!0})),this.dispatchEvent(new CustomEvent("openchanged",{detail:t,bubbles:!0,composed:!0}))}_findTriggerElement(){const t=this.querySelector("[scb-tooltip-anchor]:not([slot])");return t||(Array.from(this.children).find(e=>e.nodeType===Node.ELEMENT_NODE)??null)}_updateTriggerElement(){const t=this._triggerEl;t&&(this._detachTriggerListeners(),t.removeAttribute("aria-describedby"));const e=this._findTriggerElement();this._triggerEl=e,e&&this._hasTooltipContent()&&(e.setAttribute("aria-describedby",this._tooltipId),(this.trigger==="click"||this.trigger==="hover-click")&&e.addEventListener("click",this._onTriggerClick),(this.trigger==="hover"||this.trigger==="hover-click")&&(e.addEventListener("mouseenter",this._onTriggerMouseEnter),e.addEventListener("mouseleave",this._onTriggerMouseLeave),e.addEventListener("focus",this._onTriggerFocus),e.addEventListener("blur",this._onTriggerBlur)))}_updateTooltipHoverListeners(){const t=this._getTooltipElement();t&&(t.removeEventListener("mouseenter",this._onTooltipMouseEnter),t.removeEventListener("mouseleave",this._onTooltipMouseLeave),(this.trigger==="hover"||this.trigger==="hover-click")&&(t.addEventListener("mouseenter",this._onTooltipMouseEnter),t.addEventListener("mouseleave",this._onTooltipMouseLeave)))}_detachTriggerListeners(){const t=this._triggerEl;t&&(t.removeEventListener("click",this._onTriggerClick),t.removeEventListener("mouseenter",this._onTriggerMouseEnter),t.removeEventListener("mouseleave",this._onTriggerMouseLeave),t.removeEventListener("focus",this._onTriggerFocus),t.removeEventListener("blur",this._onTriggerBlur))}_showTooltip(t){if(!this._hasTooltipContent()){this.open=!1;return}this._hideTimeout!==null&&(window.clearTimeout(this._hideTimeout),this._hideTimeout=null);const e=this._triggerEl;this._resetPosition(),t.classList.remove("hidden"),t.setAttribute("aria-hidden","false"),requestAnimationFrame(()=>{e&&this._positionTooltip(t,e),t.setAttribute("open","")})}_hideTooltip(t){t.removeAttribute("open"),t.setAttribute("aria-hidden","true"),this._scheduleHidden(t)}_scheduleHidden(t){const e=(Number.isFinite(this.delay)?this.delay:.25)*1e3;if(e<=0){t.classList.add("hidden");return}this._hideTimeout=window.setTimeout(()=>{t.classList.add("hidden"),this._hideTimeout=null},e)}_resetPosition(){this.position=this._originalPosition}_positionTooltip(t,e){const o=e.getBoundingClientRect(),r=t.getBoundingClientRect(),s=this.getBoundingClientRect(),c=(this.offset??0)+8,u=8,b=u,y=window.innerHeight-u,T=u,x=window.innerWidth-u,S=i=>i>=b&&i+r.height<=y,$=i=>i>=T&&i+r.width<=x,E=(i,n,l,g)=>{let d=0;i<l&&(d+=l-i);const f=i+n;return f>g&&(d+=f-g),d},O=i=>{let n=0,l=0;switch(i){case"top":n=o.top-s.top-r.height-c,l=o.left-s.left+(o.width-r.width)/2;break;case"bottom":n=o.bottom-s.top+c,l=o.left-s.left+(o.width-r.width)/2;break;case"left":l=o.left-s.left-r.width-c,n=o.top-s.top+(o.height-r.height)/2;break;case"right":l=o.right-s.left+c,n=o.top-s.top+(o.height-r.height)/2;break}const g=n+s.top,d=l+s.left,f=E(g,r.height,b,y),D=E(d,r.width,T,x);return{pos:i,top:n,left:l,fitsV:S(g),fitsH:$(d),totalOverflow:f+D}},L=this.position==="top"||this.position==="bottom",C=this.position,k=[C,this._getOppositePosition(C),L?"left":"top",L?"right":"bottom"].map(O);let v=k.find(i=>i.fitsV&&i.fitsH)??k.reduce((i,n)=>n.totalOverflow<i.totalOverflow?n:i);const M=(i,n,l)=>Math.min(Math.max(i,n),l),H=b-s.top,P=y-r.height-s.top,B=T-s.left,W=x-r.width-s.left,z=M(v.top,H,P),N=M(v.left,B,W);t.style.top=`${z}px`,t.style.left=`${N}px`,this.position!==v.pos&&(this.position=v.pos)}_getOppositePosition(t){switch(t){case"top":return"bottom";case"bottom":return"top";case"left":return"right";case"right":return"left"}}_onDefaultSlotChange(){this._updateTriggerElement()}render(){const t=this._hasTooltipContent(),e=this.arrow?m`<svg
+          class="scb-tooltip-arrow"
+          xmlns="http://www.w3.org/2000/svg"
+          width="13"
+          height="6"
+          viewBox="0 0 13 6"
+          fill="none"
+        >
+          <path
+            d="M6.5 6L0.5 0H12.5L6.5 6Z"
+            fill="var(--md-sys-color-inverse-surface, #0F0865)"
+          />
+        </svg>`:V,o=this.label||this.supportingtext;return t?this.variant==="rich"?m`
+        <div
+          id=${this._tooltipId}
+          class="scb-tooltip hidden"
+          role="tooltip"
+          aria-label=${o}
+          aria-hidden="true"
+        >
+          <div class="scb-tooltip-text-container">
+            <label class="scb-tooltip-label">${this.label}</label>
+            <span class="scb-tooltip-supporting-text">
+              ${A(this.supportingtext)}
+            </span>
+          </div>
+          <div class="scb-tooltip-button-container">
+            <slot name="scb-tooltip-button"></slot>
+          </div>
+        </div>
+        <slot @slotchange=${this._onDefaultSlotChange}></slot>
+      `:m`
+      <div
+        id=${this._tooltipId}
+        class="scb-tooltip hidden"
+        role="tooltip"
+        aria-label=${o}
+        aria-hidden="true"
+      >
+        <div class="scb-tooltip-container">
+          <span class="scb-tooltip-supporting-text">
+            ${A(this.supportingtext)}
+          </span>
+        </div>
+        ${e}
+      </div>
+      <slot @slotchange=${this._onDefaultSlotChange}></slot>
+    `:m`<slot @slotchange=${this._onDefaultSlotChange}></slot>`}},w.styles=F`
+    :host {
+      position: relative;
+      display: inline-block;
+      --delay: 0.25s;
+      --max-width: 300px;
+      --wrap: normal;
+    }
+
+    .scb-tooltip {
+      position: absolute;
+      min-width: 120px;
+      max-width: var(--max-width);
+      width: max-content;
+      opacity: 0;
+      visibility: hidden;
+      z-index: var(--scb-tooltip-z-index, 1000);
+      transition:
+        opacity var(--delay) ease-in-out,
+        visibility var(--delay) ease-in-out;
+    }
+
+    .scb-tooltip[open] {
+      opacity: 1;
+      visibility: visible;
+    }
+
+    .hidden {
+      visibility: hidden;
+    }
+
+    .scb-tooltip-supporting-text {
+      font-family: var(--brand-font, Inter);
+      font-size: var(--md-sys-typescale-body-small-size);
+      font-style: normal;
+      line-height: var(--md-sys-typescale-body-small-line-height);
+      letter-spacing: var(--md-sys-typescale-body-small-tracking);
+      white-space: var(--wrap);
+    }
+
+    /* Plain variant */
+
+    :host([variant='plain']) .scb-tooltip {
+      max-width: var(--max-width);
+    }
+
+    :host([variant='plain']) .scb-tooltip-container {
+      display: inline-flex;
+      flex-direction: column;
+      justify-content: center;
+      align-items: center;
+      background: var(--md-sys-color-inverse-surface);
+      border-radius: var(--md-sys-shape-corner-extra-small);
+      min-height: 14px;
+      width: 100%;
+    }
+
+    :host([variant='plain']) .scb-tooltip-supporting-text {
+      padding: var(--spacing-2) var(--spacing-3);
+      color: var(--md-sys-color-inverse-on-surface);
+    }
+
+    .scb-tooltip-arrow {
+      width: 12px;
+      height: 6px;
+      position: absolute;
+    }
+
+    :host([position='top']) .scb-tooltip-arrow {
+      left: 50%;
+      bottom: -6px;
+      transform: translateX(-50%) rotate(0deg);
+    }
+
+    :host([position='right']) .scb-tooltip-arrow {
+      left: -9px;
+      top: 50%;
+      transform: translateY(-50%) rotate(90deg);
+    }
+
+    :host([position='bottom']) .scb-tooltip-arrow {
+      left: 50%;
+      top: -6px;
+      transform: translateX(-50%) rotate(180deg);
+    }
+
+    :host([position='left']) .scb-tooltip-arrow {
+      left: 100%;
+      top: 50%;
+      transform: translateY(-50%) translateX(-3px) rotate(270deg);
+    }
+
+    :host([variant='plain'][arrow='false']) .scb-tooltip-arrow {
+      display: none;
+    }
+
+    /* Rich variant */
+
+    :host([variant='rich']) {
+      align-items: flex-start;
+      gap: var(--spacing-2);
+    }
+
+    :host([variant='rich']) .scb-tooltip {
+      background: var(--md-sys-color-surface-container, #ebf8ff);
+      box-shadow:
+        0 2px 4px -1px rgba(0, 0, 0, 0.2),
+        0 1px 10px 0 rgba(0, 0, 0, 0.12),
+        0 4px 5px 0 rgba(0, 0, 0, 0.14);
+      display: inline-flex;
+      padding-bottom: var(--spacing-3);
+      flex-direction: column;
+      align-items: flex-start;
+      gap: var(--spacing-3);
+      border-radius: var(--md-sys-shape-corner-medium);
+      min-width: 200px;
+      max-width: var(--max-width);
+    }
+
+    :host([variant='rich']) .scb-tooltip-text-container {
+      display: flex;
+      min-width: 220px;
+      padding: var(--spacing-4) var(--spacing-5) var(--spacing-2) var(--spacing-5);
+      align-items: flex-start;
+      gap: var(--spacing-2);
+      flex-direction: column;
+    }
+
+    :host([variant='rich']) .scb-tooltip-label {
+      font-family: var(--brand-font, Inter);
+      font-size: var(--md-sys-typescale-title-small-size);
+      font-style: normal;
+      font-weight: var(--weight-semibold);
+      line-height: var(--md-sys-typescale-title-small-Line-Height);
+      letter-spacing: var(--md-sys-typescale-title-small-Tracking);
+    }
+
+    :host([variant='rich']) .scb-tooltip-supporting-text {
+      color: var(--md-sys-color-on-surface-variant, rgba(11, 5, 68, 0.75));
+    }
+
+    :host([variant='rich']) .scb-tooltip-button-container {
+      display: flex;
+      padding: 0 var(--spacing-3);
+      align-items: center;
+      gap: var(--spacing-3);
+      align-self: stretch;
+    }
+  `,w);h([p({type:String,reflect:!0})],a.prototype,"variant",void 0);h([p({type:Boolean,reflect:!0})],a.prototype,"arrow",void 0);h([p({type:String,attribute:"supporting-text"})],a.prototype,"supportingtext",void 0);h([p({type:String})],a.prototype,"label",void 0);h([p({type:String,reflect:!0})],a.prototype,"trigger",void 0);h([p({type:String,reflect:!0})],a.prototype,"position",void 0);h([p({type:Boolean,reflect:!0})],a.prototype,"open",void 0);h([p({type:Number,reflect:!0})],a.prototype,"delay",void 0);h([p({type:Number,reflect:!0})],a.prototype,"offset",void 0);h([p({type:String,reflect:!0,attribute:"max-width"})],a.prototype,"maxWidth",void 0);a=h([I("scb-tooltip")],a);

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

@@ -0,0 +1,37 @@
+import{_ as l,b as v,g as d,h as n,y as b}from"../../vendor/vendor.js";import"../../vendor/vendor-lit.js";import{t as s}from"../../vendor/decorate.js";(function(){try{var c=typeof globalThis<"u"?globalThis:window;if(!c.__scb_ce_guard_installed__){c.__scb_ce_guard_installed__=!0;var t=customElements.define.bind(customElements);customElements.define=function(e,o,a){try{customElements.get(e)||t(e,o,a)}catch(g){var r=String(g||"");if(r.indexOf("already been used")===-1&&r.indexOf("NotSupportedError")===-1)throw g}}}}catch{}})();var p,i=(p=class extends l{constructor(...t){super(...t),this.label="",this.variant="outline",this.spacing=void 0,this.spacingTop=void 0,this.spacingBottom=void 0,this.spacingLeft=void 0,this.spacingRight=void 0}updated(t){super.updated(t),(t.has("spacing")||t.has("spacingTop")||t.has("spacingBottom")||t.has("spacingLeft")||t.has("spacingRight"))&&this.applySpacing()}mapSpacingToken(t){if(!t)return;const e=String(t).trim();if(e)return/^\d+$/.test(e)?`var(--spacing-${Math.max(0,Math.min(14,parseInt(e,10)))})`:e}applySpacing(){const t=this.mapSpacingToken(this.spacing),e=this.mapSpacingToken(this.spacingTop)??t,o=this.mapSpacingToken(this.spacingBottom)??t,a=this.mapSpacingToken(this.spacingLeft),r=this.mapSpacingToken(this.spacingRight);e?this.style.setProperty("--scb-vignette-spacing-block-start",e):this.style.removeProperty("--scb-vignette-spacing-block-start"),o?this.style.setProperty("--scb-vignette-spacing-block-end",o):this.style.removeProperty("--scb-vignette-spacing-block-end"),a?this.style.setProperty("--scb-vignette-spacing-inline-start",a):this.style.removeProperty("--scb-vignette-spacing-inline-start"),r?this.style.setProperty("--scb-vignette-spacing-inline-end",r):this.style.removeProperty("--scb-vignette-spacing-inline-end")}render(){return b`
+      <div class="vignette">
+        <p>${this.label}</p>
+      </div>
+    `}},p.styles=v`
+    :host {
+      display: block;
+      margin-block-start: var(--scb-vignette-spacing-block-start, 0);
+      margin-block-end: var(--scb-vignette-spacing-block-end, 0);
+      margin-inline-start: var(--scb-vignette-spacing-inline-start, 0);
+      margin-inline-end: var(--scb-vignette-spacing-inline-end, 0);
+    }
+
+    .vignette {
+      --scb-vignette-color: var(--md-sys-color-on-surface, #0F0865);
+      padding: 3px 11px;
+      border-radius: 8px;
+      border: 1px solid var(--md-sys-color-outline);
+      width: fit-content;
+      color: var(--md-sys-color-on-surface);
+    }
+
+    :host([variant='filled']) .vignette {
+      background: color-mix(in srgb, var(--scb-vignette-color) 8%, transparent);
+      border: none;
+      color: var(--scb-vignette-color);
+    }
+
+    .vignette p {
+      font-size: 14px;
+      font-style: normal;
+      font-weight: 550;
+      line-height: 22px;
+      margin: 0;
+      color: var(--md-sys-color-on-surface);
+    }
+  `,p);s([n({type:String})],i.prototype,"label",void 0);s([n({type:String,reflect:!0})],i.prototype,"variant",void 0);s([n({type:String,reflect:!0})],i.prototype,"spacing",void 0);s([n({type:String,attribute:"spacing-top",reflect:!0})],i.prototype,"spacingTop",void 0);s([n({type:String,attribute:"spacing-bottom",reflect:!0})],i.prototype,"spacingBottom",void 0);s([n({type:String,attribute:"spacing-left",reflect:!0})],i.prototype,"spacingLeft",void 0);s([n({type:String,attribute:"spacing-right",reflect:!0})],i.prototype,"spacingRight",void 0);i=s([d("scb-vignette")],i);

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

@@ -1 +1,2 @@
-import"../Users/peter/Documents/SCB.Material-latest-dev/src/scb-components/scb-viz/scb-viz-actions-runtime.js";(function(){try{var t=typeof globalThis<"u"?globalThis:window;if(!t.__scb_ce_guard_installed__){t.__scb_ce_guard_installed__=!0;var c=customElements.define.bind(customElements);customElements.define=function(e,l,n){try{customElements.get(e)||c(e,l,n)}catch(i){var r=String(i||"");if(r.indexOf("already been used")===-1&&r.indexOf("NotSupportedError")===-1)throw i}}}}catch{}})();
+(function(){try{var e=typeof globalThis<"u"?globalThis:window;if(!e.__scb_ce_guard_installed__){e.__scb_ce_guard_installed__=!0;var n=customElements.define.bind(customElements);customElements.define=function(t,r,i){try{customElements.get(t)||n(t,r,i)}catch(a){var o=String(a||"");if(o.indexOf("already been used")===-1&&o.indexOf("NotSupportedError")===-1)throw a}}}}catch{}})();var b=e=>{const n=getComputedStyle(e).backgroundColor;return n&&n!=="rgba(0, 0, 0, 0)"?n:"#ffffff"};function w({lang:e,title:n}){const t=e==="en"?"visualization":"visualisering";return(n||t).normalize("NFD").replace(/[\u0300-\u036f]/g,"").toLowerCase().replace(/[^a-z0-9]+/g,"-").replace(/^-+|-+$/g,"")||t}function E(e,n){const t=n==="csv"?e.lang==="en"?"-table":"-tabell":"";return`${w(e)}${t}.${n}`}function f(e=document){return e}function p(e=document){const n=f(e);return n.fullscreenElement||n.webkitFullscreenElement||null}function v(e){return!!(e.requestFullscreen||e.webkitRequestFullscreen)}async function S(e,n=document){if(!v(e))return;const t=f(n),r=p(n);if(r===e){t.exitFullscreen?await t.exitFullscreen():t.webkitExitFullscreen&&await t.webkitExitFullscreen();return}r&&(t.exitFullscreen?await t.exitFullscreen():t.webkitExitFullscreen&&await t.webkitExitFullscreen()),e.requestFullscreen?await e.requestFullscreen():e.webkitRequestFullscreen&&await e.webkitRequestFullscreen()}async function C(e,n=document){const t=n.createElement("iframe");t.setAttribute("aria-hidden","true"),t.style.position="fixed",t.style.right="0",t.style.bottom="0",t.style.width="0",t.style.height="0",t.style.border="0",t.style.visibility="hidden",n.body.appendChild(t);const r=()=>{t.remove()},i=t.contentDocument,o=t.contentWindow;if(!i||!o){r();return}i.open(),i.write(e),i.close();const a=Array.from(i.images||[]);await Promise.all(a.map(l=>l.complete?Promise.resolve():new Promise(s=>{l.addEventListener("load",()=>s(null),{once:!0}),l.addEventListener("error",()=>s(null),{once:!0})})));const c=()=>{o.removeEventListener("afterprint",c),r()};o.addEventListener("afterprint",c,{once:!0}),setTimeout(()=>{o.focus(),o.print(),setTimeout(r,1e3)},50)}async function z(e,n){e.setAttribute("data-scb-viz-force-light",""),await new Promise(t=>requestAnimationFrame(()=>t(null)));try{return await n()}finally{e.removeAttribute("data-scb-viz-force-light")}}function R(e,n){const t=n==="en"?",":";",r=o=>`"${String(o??"").replace(/\r?\n/g," ").replace(/"/g,'""')}"`,i=`\uFEFF${e.map(o=>o.map(r).join(t)).join(`\r
+`)}`;return new Blob([i],{type:"text/csv;charset=utf-8;"})}async function k(e,n,t){const r=await m(e,n);return r?F(r,t==="jpeg"?"image/jpeg":"image/png",t==="jpeg"?.92:void 0):null}async function A(e,n,t){const r=await m(e,n);return r?r.toDataURL(t==="jpeg"?"image/jpeg":"image/png",t==="jpeg"?.92:void 0):null}function L(e,n,t=document){const r=URL.createObjectURL(e),i=t.createElement("a");i.href=r,i.download=n,t.body.appendChild(i),i.click(),i.remove(),setTimeout(()=>URL.revokeObjectURL(r),0)}async function m(e,n){const t=b(n);if(e instanceof HTMLCanvasElement){const l=e.width||Math.round(e.getBoundingClientRect().width),s=e.height||Math.round(e.getBoundingClientRect().height);if(!l||!s)return null;const u=document.createElement("canvas");u.width=l,u.height=s;const d=u.getContext("2d");return d?(d.fillStyle=t,d.fillRect(0,0,l,s),d.drawImage(e,0,0,l,s),u):null}if(e instanceof HTMLImageElement){const l=e.naturalWidth||e.width,s=e.naturalHeight||e.height;return!l||!s?null:h(e.currentSrc||e.src,l,s,t)}const{width:r,height:i,serialized:o}=y(e);if(!r||!i||!o)return null;const a=new Blob([o],{type:"image/svg+xml;charset=utf-8"}),c=URL.createObjectURL(a);try{return await h(c,r,i,t)}finally{URL.revokeObjectURL(c)}}function y(e){const n=e.cloneNode(!0),t=e.getBoundingClientRect(),r=e.viewBox?.baseVal,i=Math.round(r?.width||t.width||Number(e.getAttribute("width"))||0),o=Math.round(r?.height||t.height||Number(e.getAttribute("height"))||0);return n.setAttribute("xmlns","http://www.w3.org/2000/svg"),n.setAttribute("xmlns:xlink","http://www.w3.org/1999/xlink"),!n.getAttribute("width")&&i&&n.setAttribute("width",String(i)),!n.getAttribute("height")&&o&&n.setAttribute("height",String(o)),!n.getAttribute("viewBox")&&i&&o&&n.setAttribute("viewBox",`0 0 ${i} ${o}`),g(e,n),n.querySelectorAll(".highcharts-tooltip, .highcharts-contextmenu, .highcharts-a11y-proxy-container, .highcharts-a11y-dummy-point").forEach(a=>a.remove()),{width:i,height:o,serialized:new XMLSerializer().serializeToString(n)}}function g(e,n){const t=getComputedStyle(e);let r="";for(let a=0;a<t.length;a+=1){const c=t[a],l=t.getPropertyValue(c);l&&(r+=`${c}:${l};`)}r&&n.setAttribute("style",r);const i=Array.from(e.children),o=Array.from(n.children);for(let a=0;a<i.length;a+=1){const c=i[a],l=o[a];c&&l&&g(c,l)}}async function h(e,n,t,r){const i=Math.max(1,Math.min(2,window.devicePixelRatio||1)),o=Math.max(1,Math.round(n)),a=Math.max(1,Math.round(t)),c=document.createElement("canvas");c.width=Math.max(1,Math.round(o*i)),c.height=Math.max(1,Math.round(a*i));const l=c.getContext("2d");if(!l)return null;const s=await x(e);return s?(l.scale(i,i),l.fillStyle=r,l.fillRect(0,0,o,a),l.drawImage(s,0,0,o,a),c):null}function x(e){return new Promise(n=>{const t=new Image;t.crossOrigin="anonymous",t.onload=()=>n(t),t.onerror=()=>n(null),t.src=e})}function F(e,n,t){return new Promise(r=>{e.toBlob(i=>r(i),n,t)})}export{E as buildScbVizExportFileName,R as createScbVizCsvBlob,k as createScbVizRasterBlobFromElement,A as createScbVizRasterDataUrlFromElement,L as downloadScbVizBlob,p as getScbVizCurrentFullscreenElement,v as isScbVizFullscreenSupported,C as openScbVizPrintFrame,z as runWithScbVizForcedPrintLightMode,S as toggleScbVizFullscreen};