scb-wc-test 0.1.11 → 0.1.13

package/mvc/components/scb-grid/scb-stack.js

@@ -1,16 +1,20 @@
-import{b as y,n as l,i as u,x as _,t as v}from"../../vendor/vendor.js";(function(){try{var t=typeof globalThis<"u"?globalThis:window;if(!t.__scb_ce_guard_installed__){t.__scb_ce_guard_installed__=!0;var e=customElements.define.bind(customElements);customElements.define=function(s,n,r){try{customElements.get(s)||e(s,n,r)}catch(o){var c=String(o||"");if(c.indexOf("already been used")===-1&&c.indexOf("NotSupportedError")===-1)throw o}}}}catch{}})();var b=Object.defineProperty,g=Object.getOwnPropertyDescriptor,h=t=>{throw TypeError(t)},i=(t,e,s,n)=>{for(var r=n>1?void 0:n?g(e,s):e,c=t.length-1,o;c>=0;c--)(o=t[c])&&(r=(n?o(e,s,r):o(r))||r);return n&&r&&b(e,s,r),r},w=(t,e,s)=>e.has(t)||h("Cannot "+s),x=(t,e,s)=>e.has(t)?h("Cannot add the same private member more than once"):e instanceof WeakSet?e.add(t):e.set(t,s),d=(t,e,s)=>(w(t,e,"access private method"),s),p,f;let a=class extends u{constructor(){super(...arguments),x(this,p),this.direction="column",this.gap="",this.align="stretch",this.justify="start",this.wrap=!1,this.inline=!1}firstUpdated(){d(this,p,f).call(this)}updated(){d(this,p,f).call(this)}render(){return _`<slot></slot>`}};p=new WeakSet;f=function(){this.style.setProperty("--scb-stack-direction",this.direction),this.style.setProperty("--scb-stack-gap",this.gap||"var(--spacing-5, 16px)");const t={start:"flex-start",center:"center",end:"flex-end",stretch:"stretch",baseline:"baseline"},e={start:"flex-start",center:"center",end:"flex-end",between:"space-between",around:"space-around",evenly:"space-evenly"};this.style.setProperty("--scb-stack-align",t[this.align]??"stretch"),this.style.setProperty("--scb-stack-justify",e[this.justify]??"flex-start"),this.style.setProperty("--scb-stack-wrap",this.wrap?"wrap":"nowrap")};a.styles=y`
+import{a as d,n as o,i as y,x as g,t as b}from"../../vendor/vendor.js";(function(){try{var e=typeof globalThis<"u"?globalThis:window;if(!e.__scb_ce_guard_installed__){e.__scb_ce_guard_installed__=!0;var t=customElements.define.bind(customElements);customElements.define=function(s,i,a){try{customElements.get(s)||t(s,i,a)}catch(p){var c=String(p||"");if(c.indexOf("already been used")===-1&&c.indexOf("NotSupportedError")===-1)throw p}}}}catch{}})();var v=Object.defineProperty,_=Object.getOwnPropertyDescriptor,f=e=>{throw TypeError(e)},n=(e,t,s,i)=>{for(var a=i>1?void 0:i?_(t,s):t,c=e.length-1,p;c>=0;c--)(p=e[c])&&(a=(i?p(t,s,a):p(a))||a);return i&&a&&v(t,s,a),a},m=(e,t,s)=>t.has(e)||f("Cannot "+s),w=(e,t,s)=>t.has(e)?f("Cannot add the same private member more than once"):t instanceof WeakSet?t.add(e):t.set(e,s),u=(e,t,s)=>(m(e,t,"access private method"),s),l,h;let r=class extends y{constructor(){super(...arguments),w(this,l),this.direction="column",this.gap="",this.rowGap="",this.columnGap="",this.align="stretch",this.justify="start",this.wrap=!1,this.inline=!1}firstUpdated(){u(this,l,h).call(this)}updated(){u(this,l,h).call(this)}mapSpacingToken(e){if(!e)return;const t=String(e).trim();return/^\d+$/.test(t)?`var(--spacing-${Math.max(0,Math.min(14,parseInt(t,10)))})`:t}parseGapShorthand(e){if(!e)return{};const t=e.trim().split(/\s+/);if(t.length===1){const s=this.mapSpacingToken(t[0]);return{row:s,col:s}}return{row:this.mapSpacingToken(t[0]),col:this.mapSpacingToken(t[1])}}render(){return g`<slot></slot>`}};l=new WeakSet;h=function(){this.style.setProperty("--scb-stack-direction",this.direction);const e="var(--spacing-5, 16px)",t=this.parseGapShorthand(this.gap),s=this.mapSpacingToken(this.rowGap)??t.row??e,i=this.mapSpacingToken(this.columnGap)??t.col??e;this.style.setProperty("--scb-stack-gap",`${s}`),this.style.setProperty("--scb-stack-row-gap",s),this.style.setProperty("--scb-stack-column-gap",i);const a={start:"flex-start",center:"center",end:"flex-end",stretch:"stretch",baseline:"baseline"},c={start:"flex-start",center:"center",end:"flex-end",between:"space-between",around:"space-around",evenly:"space-evenly"};this.style.setProperty("--scb-stack-align",a[this.align]??"stretch"),this.style.setProperty("--scb-stack-justify",c[this.justify]??"flex-start"),this.style.setProperty("--scb-stack-wrap",this.wrap?"wrap":"nowrap")};r.styles=d`
     :host {
       box-sizing: border-box;
       display: var(--scb-stack-display, flex);
       flex-direction: var(--scb-stack-direction, column);
-      gap: var(--scb-stack-gap, var(--spacing-5, 16px));
+
+      /* Longhands med fallback till --scb-stack-gap och token-default */
+      row-gap:    var(--scb-stack-row-gap,    var(--scb-stack-gap, var(--spacing-5, 16px)));
+      column-gap: var(--scb-stack-column-gap, var(--scb-stack-gap, var(--spacing-5, 16px)));
+
       align-items: var(--scb-stack-align, stretch);
       justify-content: var(--scb-stack-justify, flex-start);
       flex-wrap: var(--scb-stack-wrap, nowrap);
+
       width: auto;
       max-width: 100%;
+      min-inline-size: 0;
     }
-    :host([inline]) {
-      --scb-stack-display: inline-flex;
-    }
-  `;i([l({type:String,reflect:!0})],a.prototype,"direction",2);i([l({type:String,reflect:!0})],a.prototype,"gap",2);i([l({type:String,reflect:!0})],a.prototype,"align",2);i([l({type:String,reflect:!0})],a.prototype,"justify",2);i([l({type:Boolean,reflect:!0})],a.prototype,"wrap",2);i([l({type:Boolean,reflect:!0})],a.prototype,"inline",2);a=i([v("scb-stack")],a);
+    :host([inline]) { --scb-stack-display: inline-flex; }
+  `;n([o({type:String,reflect:!0})],r.prototype,"direction",2);n([o({type:String,reflect:!0})],r.prototype,"gap",2);n([o({type:String,attribute:"row-gap",reflect:!0})],r.prototype,"rowGap",2);n([o({type:String,attribute:"column-gap",reflect:!0})],r.prototype,"columnGap",2);n([o({type:String,reflect:!0})],r.prototype,"align",2);n([o({type:String,reflect:!0})],r.prototype,"justify",2);n([o({type:Boolean,reflect:!0})],r.prototype,"wrap",2);n([o({type:Boolean,reflect:!0})],r.prototype,"inline",2);r=n([b("scb-stack")],r);

package/mvc/components/scb-header/scb-header-drawer-group.js

@@ -1 +1 @@
-import{b as _,n as c,i as p,x as u,t as d}from"../../vendor/vendor.js";(function(){try{var i=typeof globalThis<"u"?globalThis:window;if(!i.__scb_ce_guard_installed__){i.__scb_ce_guard_installed__=!0;var r=customElements.define.bind(customElements);customElements.define=function(t,s,e){try{customElements.get(t)||r(t,s,e)}catch(o){var n=String(o||"");if(n.indexOf("already been used")===-1&&n.indexOf("NotSupportedError")===-1)throw o}}}}catch{}})();var f=Object.defineProperty,b=Object.getOwnPropertyDescriptor,a=(i,r,t,s)=>{for(var e=s>1?void 0:s?b(r,t):r,n=i.length-1,o;n>=0;n--)(o=i[n])&&(e=(s?o(r,t,e):o(e))||e);return s&&e&&f(r,t,e),e};let l=class extends p{constructor(){super(...arguments),this.label=""}render(){return u`<slot></slot>`}};l.styles=_`:host{display:none !important}`;a([c({type:String})],l.prototype,"label",2);a([c({type:String})],l.prototype,"icon",2);l=a([d("scb-header-drawer-group")],l);
+import{a as _,n as c,i as p,x as u,t as d}from"../../vendor/vendor.js";(function(){try{var i=typeof globalThis<"u"?globalThis:window;if(!i.__scb_ce_guard_installed__){i.__scb_ce_guard_installed__=!0;var r=customElements.define.bind(customElements);customElements.define=function(t,s,e){try{customElements.get(t)||r(t,s,e)}catch(o){var n=String(o||"");if(n.indexOf("already been used")===-1&&n.indexOf("NotSupportedError")===-1)throw o}}}}catch{}})();var f=Object.defineProperty,b=Object.getOwnPropertyDescriptor,l=(i,r,t,s)=>{for(var e=s>1?void 0:s?b(r,t):r,n=i.length-1,o;n>=0;n--)(o=i[n])&&(e=(s?o(r,t,e):o(e))||e);return s&&e&&f(r,t,e),e};let a=class extends p{constructor(){super(...arguments),this.label=""}render(){return u`<slot></slot>`}};a.styles=_`:host{display:none !important}`;l([c({type:String})],a.prototype,"label",2);l([c({type:String})],a.prototype,"icon",2);a=l([d("scb-header-drawer-group")],a);

package/mvc/components/scb-header/scb-header-drawer-item.js

@@ -1 +1 @@
-import{b as p,n as c,i as _,x as d,t as f}from"../../vendor/vendor.js";(function(){try{var l=typeof globalThis<"u"?globalThis:window;if(!l.__scb_ce_guard_installed__){l.__scb_ce_guard_installed__=!0;var r=customElements.define.bind(customElements);customElements.define=function(t,s,e){try{customElements.get(t)||r(t,s,e)}catch(o){var n=String(o||"");if(n.indexOf("already been used")===-1&&n.indexOf("NotSupportedError")===-1)throw o}}}}catch{}})();var u=Object.defineProperty,b=Object.getOwnPropertyDescriptor,a=(l,r,t,s)=>{for(var e=s>1?void 0:s?b(r,t):r,n=l.length-1,o;n>=0;n--)(o=l[n])&&(e=(s?o(r,t,e):o(e))||e);return s&&e&&u(r,t,e),e};let i=class extends _{constructor(){super(...arguments),this.label="",this.href="#"}render(){return d`<slot></slot>`}};i.styles=p`:host{display:none !important}`;a([c({type:String})],i.prototype,"label",2);a([c({type:String})],i.prototype,"href",2);a([c({type:String})],i.prototype,"icon",2);i=a([f("scb-header-drawer-item")],i);
+import{a as p,n as c,i as _,x as d,t as f}from"../../vendor/vendor.js";(function(){try{var a=typeof globalThis<"u"?globalThis:window;if(!a.__scb_ce_guard_installed__){a.__scb_ce_guard_installed__=!0;var r=customElements.define.bind(customElements);customElements.define=function(t,s,e){try{customElements.get(t)||r(t,s,e)}catch(o){var n=String(o||"");if(n.indexOf("already been used")===-1&&n.indexOf("NotSupportedError")===-1)throw o}}}}catch{}})();var u=Object.defineProperty,b=Object.getOwnPropertyDescriptor,l=(a,r,t,s)=>{for(var e=s>1?void 0:s?b(r,t):r,n=a.length-1,o;n>=0;n--)(o=a[n])&&(e=(s?o(r,t,e):o(e))||e);return s&&e&&u(r,t,e),e};let i=class extends _{constructor(){super(...arguments),this.label="",this.href="#"}render(){return d`<slot></slot>`}};i.styles=p`:host{display:none !important}`;l([c({type:String})],i.prototype,"label",2);l([c({type:String})],i.prototype,"href",2);l([c({type:String})],i.prototype,"icon",2);i=l([f("scb-header-drawer-item")],i);

package/mvc/components/scb-header/scb-header-tab.js

@@ -1 +1 @@
-import{b as _,n as c,i as f,x as d,t as p}from"../../vendor/vendor.js";(function(){try{var i=typeof globalThis<"u"?globalThis:window;if(!i.__scb_ce_guard_installed__){i.__scb_ce_guard_installed__=!0;var r=customElements.define.bind(customElements);customElements.define=function(t,s,e){try{customElements.get(t)||r(t,s,e)}catch(o){var n=String(o||"");if(n.indexOf("already been used")===-1&&n.indexOf("NotSupportedError")===-1)throw o}}}}catch{}})();var u=Object.defineProperty,b=Object.getOwnPropertyDescriptor,a=(i,r,t,s)=>{for(var e=s>1?void 0:s?b(r,t):r,n=i.length-1,o;n>=0;n--)(o=i[n])&&(e=(s?o(r,t,e):o(e))||e);return s&&e&&u(r,t,e),e};let l=class extends f{constructor(){super(...arguments),this.label="",this.href="#"}render(){return d`<slot></slot>`}};l.styles=_`:host{display:none !important}`;a([c({type:String})],l.prototype,"label",2);a([c({type:String})],l.prototype,"href",2);l=a([p("scb-header-tab")],l);
+import{a as _,n as c,i as f,x as d,t as p}from"../../vendor/vendor.js";(function(){try{var i=typeof globalThis<"u"?globalThis:window;if(!i.__scb_ce_guard_installed__){i.__scb_ce_guard_installed__=!0;var r=customElements.define.bind(customElements);customElements.define=function(t,s,e){try{customElements.get(t)||r(t,s,e)}catch(o){var n=String(o||"");if(n.indexOf("already been used")===-1&&n.indexOf("NotSupportedError")===-1)throw o}}}}catch{}})();var u=Object.defineProperty,b=Object.getOwnPropertyDescriptor,l=(i,r,t,s)=>{for(var e=s>1?void 0:s?b(r,t):r,n=i.length-1,o;n>=0;n--)(o=i[n])&&(e=(s?o(r,t,e):o(e))||e);return s&&e&&u(r,t,e),e};let a=class extends f{constructor(){super(...arguments),this.label="",this.href="#"}render(){return d`<slot></slot>`}};a.styles=_`:host{display:none !important}`;l([c({type:String})],a.prototype,"label",2);l([c({type:String})],a.prototype,"href",2);a=l([p("scb-header-tab")],a);

package/mvc/components/scb-header/scb-header-utility.js

@@ -1 +1 @@
-import{b as p,n as c,i as _,x as f,t as u}from"../../vendor/vendor.js";(function(){try{var l=typeof globalThis<"u"?globalThis:window;if(!l.__scb_ce_guard_installed__){l.__scb_ce_guard_installed__=!0;var r=customElements.define.bind(customElements);customElements.define=function(t,s,e){try{customElements.get(t)||r(t,s,e)}catch(i){var n=String(i||"");if(n.indexOf("already been used")===-1&&n.indexOf("NotSupportedError")===-1)throw i}}}}catch{}})();var d=Object.defineProperty,y=Object.getOwnPropertyDescriptor,a=(l,r,t,s)=>{for(var e=s>1?void 0:s?y(r,t):r,n=l.length-1,i;n>=0;n--)(i=l[n])&&(e=(s?i(r,t,e):i(e))||e);return s&&e&&d(r,t,e),e};let o=class extends _{constructor(){super(...arguments),this.label="",this.href="#"}render(){return f`<slot></slot>`}};o.styles=p`:host{display:none !important}`;a([c({type:String})],o.prototype,"label",2);a([c({type:String})],o.prototype,"href",2);a([c({type:String})],o.prototype,"target",2);o=a([u("scb-header-utility")],o);
+import{a as p,n as c,i as _,x as f,t as u}from"../../vendor/vendor.js";(function(){try{var l=typeof globalThis<"u"?globalThis:window;if(!l.__scb_ce_guard_installed__){l.__scb_ce_guard_installed__=!0;var r=customElements.define.bind(customElements);customElements.define=function(t,s,e){try{customElements.get(t)||r(t,s,e)}catch(i){var n=String(i||"");if(n.indexOf("already been used")===-1&&n.indexOf("NotSupportedError")===-1)throw i}}}}catch{}})();var d=Object.defineProperty,y=Object.getOwnPropertyDescriptor,a=(l,r,t,s)=>{for(var e=s>1?void 0:s?y(r,t):r,n=l.length-1,i;n>=0;n--)(i=l[n])&&(e=(s?i(r,t,e):i(e))||e);return s&&e&&d(r,t,e),e};let o=class extends _{constructor(){super(...arguments),this.label="",this.href="#"}render(){return f`<slot></slot>`}};o.styles=p`:host{display:none !important}`;a([c({type:String})],o.prototype,"label",2);a([c({type:String})],o.prototype,"href",2);a([c({type:String})],o.prototype,"target",2);o=a([u("scb-header-utility")],o);

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

@@ -1,33 +1,31 @@
-import{b as f,n as l,r as h,i as x,x as d,E as p,t as S}from"../../vendor/vendor.js";import"../scb-grid/scb-grid-item.js";import"../scb-grid/scb-grid.js";import"../scb-link/scb-link.js";import"../scb-search/scb-search.js";import"../scb-tabs/scb-tabs.js";import"../scb-tabs/scb-secondary-tab.js";import"../scb-drawer/scb-drawer.js";import"../scb-icon-button/scb-icon-button.js";import"../scb-button/scb-button.js";import"../scb-list/scb-list.js";import"../../vendor/preload-helper.js";import"../scb-list/scb-list-item.js";import"../../vendor/vendor-material.js";import"../scb-tabs/scb-primary-tab.js";import"../scb-divider/scb-divider.js";import"../scb-drawer/scb-drawer-item.js";import"../scb-drawer/scb-drawer-section.js";import"../scb-drawer/scb-sub-drawer.js";(function(){try{var e=typeof globalThis<"u"?globalThis:window;if(!e.__scb_ce_guard_installed__){e.__scb_ce_guard_installed__=!0;var t=customElements.define.bind(customElements);customElements.define=function(s,a,n){try{customElements.get(s)||t(s,a,n)}catch(o){var c=String(o||"");if(c.indexOf("already been used")===-1&&c.indexOf("NotSupportedError")===-1)throw o}}}}catch{}})();var C=Object.defineProperty,M=Object.getOwnPropertyDescriptor,i=(e,t,s,a)=>{for(var n=a>1?void 0:a?M(t,s):t,c=e.length-1,o;c>=0;c--)(o=e[c])&&(n=(a?o(t,s,n):o(n))||n);return a&&n&&C(t,s,n),n};const y={fromAttribute:e=>e==null?!0:!/^(false|0|off|no)$/i.test(e),toAttribute:e=>String(!!e)};let r=class extends x{constructor(){super(...arguments),this.maxWidth="1440px",this.logoText="Statistikmyndigheten",this.logoHref="/",this.banner=!1,this.tabs=[],this.activeTab=0,this.utilityItems=[],this.showDrawer=!0,this.showSearch=!0,this.includeUtilityInDrawer=!1,this._drawerId="main-drawer",this._paddingInline="32px",this._drawerMounted=!1,this._drawerExpanded=!1,this._searchId="header-search",this._slotTabs=[],this._slotUtils=[],this._slotMenu=[],this._measureScheduled=!1,this._scheduleMeasure=()=>{this._measureScheduled||(this._measureScheduled=!0,requestAnimationFrame(()=>{this._measureScheduled=!1,this._measure()}))},this._onWindowResize=()=>{this._updatePadding(),this._scheduleMeasure()},this._onDrawerSelect=e=>{this.dispatchEvent(new CustomEvent("drawer-select",{detail:e.detail,bubbles:!0,composed:!0})),this._closeDrawerNow()},this._collapsed=!1,this._unlockAtWidth=0,this._hideLogoText=!1,this._logoTextUnlockAt=0,this._harvestPending=!1,this._harvest=()=>{const e=this._slotEl;if(!e)return;const t=e.assignedElements({flatten:!0}),s=[],a=[],n=[],c=o=>({label:o.getAttribute("label")??"",href:o.getAttribute("href")??void 0,icon:o.getAttribute("icon")??void 0});for(const o of t){const u=o.tagName.toLowerCase();if(u==="scb-header-tab"){s.push({label:o.getAttribute("label")??"",href:o.getAttribute("href")??"#"});continue}if(u==="scb-header-utility"){a.push({label:o.getAttribute("label")??"",href:o.getAttribute("href")??"#",target:o.getAttribute("target")??void 0});continue}if(u==="scb-header-drawer-group"){const b={label:o.getAttribute("label")??"",icon:o.getAttribute("icon")??void 0,children:[]};o.querySelectorAll("scb-header-drawer-item").forEach(m=>b.children.push(c(m))),n.push(b);continue}u==="scb-header-drawer-item"&&n.push(c(o))}this._slotTabs=s,this._slotUtils=a,this._slotMenu=n,queueMicrotask(()=>{this.updateComplete.then(()=>{this._applyActiveToTabs(),this._scheduleMeasure()})})},this._measure=()=>{const e=this._top,t=this._logoGroup;if(!e||!t)return;const s=window.innerWidth,a=e.clientWidth,n=this._overflows(this._util),c=this._overflows(this._tabsEl),o=s<this.BP_MD||n||c;this._collapsed?!o&&a>=this._unlockAtWidth&&this._setCollapsed(!1):o&&(this._unlockAtWidth=a+this._HYST,this._setCollapsed(!0));let u=!1;if(this.showSearch&&s>=this.BP_SM&&s<this.BP_MD&&this._searchWrap){const m=getComputedStyle(this._searchWrap),g=Math.max(this._num(m.minWidth,this._tokenPx("--scb-header-search-min",320)),this._tokenPx("--scb-header-search-min",320)),_=this._num(getComputedStyle(e).gap,this._tokenPx("--spacing-7",24)),v=this.showDrawer&&(s<this.BP_MD||this._collapsed)?this._menuBtn?.getBoundingClientRect().width||this._tokenPx("--icon-size-large",48):0;u=t.getBoundingClientRect().width+_+g+_+v+8>a+.5}this._setHideSearch(u);let b=!1;if(this.showDrawer&&(s<this.BP_MD||this._collapsed)&&!this._visible(this._util)&&!this._visible(this._searchWrap)){const m=this._num(getComputedStyle(e).gap,this._tokenPx("--spacing-7",24)),g=this._menuBtn?.getBoundingClientRect().width||this._tokenPx("--icon-size-large",48),_=(this._logoGroup?.getBoundingClientRect().width||0)+m+g;this._hideLogoText?b=!(a>=this._logoTextUnlockAt):_>a+.5&&(b=!0,this._logoTextUnlockAt=a+this._HYST)}else b=!1,this._logoTextUnlockAt=0;this._setHideLogoText(b)},this._updatePadding=()=>{const e=window.innerWidth||0;e<=360?this._paddingInline="16px":e<this.BP_SM?this._paddingInline="24px":this._paddingInline="32px"},this._onMenuClick=async e=>{e.preventDefault(),e.stopPropagation(),this.showDrawer&&(this.dispatchEvent(new CustomEvent("menu-click",{bubbles:!0,composed:!0})),await this._ensureDrawerMounted(),await r._nextFrame(),await r._nextFrame(),this._openDrawerNow())},this._onSearchClick=e=>{const t=this._searchEl;if(t?.submit&&typeof t.submit=="function"){t.submit();return}const s=t?.value??void 0;this.dispatchEvent(new CustomEvent("search-click",{detail:{value:s},bubbles:!0,composed:!0})),t?.focus?.()},this._onTabsChange=e=>{const s=e?.detail?.activeTabIndex??e.target?.activeTabIndex??0;this.activeTab=s;const n=(this._slotTabs.length?this._slotTabs:this.tabs)[s]?.href??"";this.dispatchEvent(new CustomEvent("tab-change",{detail:{index:s,href:n},bubbles:!0,composed:!0}))}}get _HYST(){return this._tokenPx("--spacing-11",64)}get BP_SM(){return this._tokenPx("--bp-sm",r.BP_SM_DEFAULT)}get BP_MD(){return this._tokenPx("--bp-md",r.BP_MD_DEFAULT)}_scheduleHarvest(){this._harvestPending||(this._harvestPending=!0,queueMicrotask(()=>{this._harvestPending=!1,this._harvest()}))}get _slotEl(){return this.shadowRoot?.querySelector("slot#data-slot")??null}get _top(){return this.renderRoot.querySelector(".top-row")}get _util(){return this.renderRoot.querySelector(".utility")}get _tabsEl(){return this.renderRoot.querySelector("scb-tabs")}get _logoGroup(){return this.renderRoot.querySelector(".logo-group")}get _searchWrap(){return this.renderRoot.querySelector(".search")}get _menuBtn(){return this.renderRoot.querySelector(".menu-trigger")}get _searchEl(){return this.renderRoot.querySelector(`#${this._searchId}`)}_attachSlotObservers(){this._slotMo?.disconnect();const e=new MutationObserver(t=>{this._scheduleHarvest()});this._slotMo=e,e.observe(this,{subtree:!0,childList:!0,attributes:!0,attributeFilter:["label","href","icon","target"]})}_setCollapsed(e){this._collapsed!==e&&(this._collapsed=e,e?this.setAttribute("data-collapsed",""):this.removeAttribute("data-collapsed"))}_setHideSearch(e){e?this.setAttribute("data-hide-search",""):this.removeAttribute("data-hide-search")}_setHideLogoText(e){this._hideLogoText!==e&&(this._hideLogoText=e,e?this.setAttribute("data-hide-logo-text",""):this.removeAttribute("data-hide-logo-text"))}_num(e,t){const s=Number.parseFloat(String(e??"").trim());return Number.isFinite(s)?s:t}_tokenPx(e,t){const s=getComputedStyle(this);return this._num(s.getPropertyValue(e),t)}_visible(e){return e?getComputedStyle(e).display!=="none":!1}_overflows(e){return!e||!this._visible(e)?!1:e.scrollWidth>e.clientWidth+1}firstUpdated(){this._updatePadding(),this.updateComplete.then(()=>{this._harvest(),this._attachSlotObservers()});const e=this._top;e&&(this._ro=new ResizeObserver(()=>this._scheduleMeasure()),this._ro.observe(e)),window.addEventListener("resize",this._onWindowResize,{passive:!0});const t=this._menuBtn,s=()=>this._ensureDrawerMounted();t?.addEventListener("pointerenter",s,{once:!0}),t?.addEventListener("focusin",s,{once:!0}),t?.addEventListener("touchstart",s,{once:!0,passive:!0})}updated(e){e.has("searchMax")&&this.style.setProperty("--scb-header-search-max",this.searchMax??"480px"),e.has("searchMin")&&this.style.setProperty("--scb-header-search-min",this.searchMin??"320px"),(e.has("utilityItems")||e.has("tabs")||e.has("logoText")||e.has("activeTab")||e.has("_slotTabs")||e.has("_slotUtils")||e.has("_slotMenu")||e.has("showDrawer")||e.has("showSearch")||e.has("searchMax")||e.has("searchMin"))&&this.updateComplete.then(()=>{this._scheduleMeasure(),this._applyActiveToTabs()})}disconnectedCallback(){this._ro?.disconnect(),this._slotMo?.disconnect(),window.removeEventListener("resize",this._onWindowResize),super.disconnectedCallback()}async _ensureDrawerMounted(){this._drawerMounted||(this._drawerMounted=!0,await this.updateComplete)}_openDrawerNow(){const e=this.renderRoot.querySelector(`#${this._drawerId}`);e&&(e.open=!0,e.setAttribute("open",""),e.show?.(),e.openDrawer?.(),this._drawerExpanded=!0,this._syncMenuBtnAria(),this.dispatchEvent(new CustomEvent("drawer-open",{bubbles:!0,composed:!0})))}_closeDrawerNow(){const e=this.renderRoot.querySelector(`#${this._drawerId}`);e&&(e.open=!1),this._drawerExpanded=!1,this._syncMenuBtnAria(),this.dispatchEvent(new CustomEvent("drawer-close",{bubbles:!0,composed:!0}))}_syncMenuBtnAria(){const e=this.renderRoot.querySelector(".menu-trigger");e&&e.setAttribute("aria-expanded",String(this._drawerExpanded))}_applyActiveToTabs(){const e=this._tabsEl;if(!e)return;e.activeTabIndex=this.activeTab,e.querySelectorAll("scb-secondary-tab").forEach((s,a)=>{s.selected=a===this.activeTab})}_renderDrawerNodes(e){return!e||e.length===0?d``:d`${e.map(t=>{const s=Array.isArray(t.children)&&t.children.length>0;return d`
+import{a as f,n as l,r as p,i as x,x as c,E as d,t as S}from"../../vendor/vendor.js";import"../scb-grid/scb-grid-item.js";import"../scb-grid/scb-grid.js";import"../scb-link/scb-link.js";import"../scb-search/scb-search.js";import"../scb-tabs/scb-tabs.js";import"../scb-tabs/scb-secondary-tab.js";import"../scb-drawer/scb-drawer.js";import"../scb-icon-button/scb-icon-button.js";import"../scb-button/scb-button.js";import"../../vendor/vendor-material.js";import"../scb-list/scb-list.js";import"../../vendor/preload-helper.js";import"../scb-list/scb-list-item.js";import"../scb-tabs/scb-primary-tab.js";import"../scb-divider/scb-divider.js";import"../scb-drawer/scb-drawer-item.js";import"../scb-drawer/scb-drawer-section.js";import"../scb-drawer/scb-sub-drawer.js";import"../scb-tooltip/scb-tooltip.js";(function(){try{var e=typeof globalThis<"u"?globalThis:window;if(!e.__scb_ce_guard_installed__){e.__scb_ce_guard_installed__=!0;var t=customElements.define.bind(customElements);customElements.define=function(s,i,o){try{customElements.get(s)||t(s,i,o)}catch(n){var h=String(n||"");if(h.indexOf("already been used")===-1&&h.indexOf("NotSupportedError")===-1)throw n}}}}catch{}})();var C=Object.defineProperty,M=Object.getOwnPropertyDescriptor,a=(e,t,s,i)=>{for(var o=i>1?void 0:i?M(t,s):t,h=e.length-1,n;h>=0;h--)(n=e[h])&&(o=(i?n(t,s,o):n(o))||o);return i&&o&&C(t,s,o),o};const y={fromAttribute:e=>e==null?!0:!/^(false|0|off|no)$/i.test(e),toAttribute:e=>String(!!e)};let r=class extends x{constructor(){super(...arguments),this.maxWidth="1440px",this.logoText="Statistikmyndigheten",this.logoHref="/",this.banner=!1,this.tabs=[],this.activeTab=0,this.utilityItems=[],this.showDrawer=!0,this.showSearch=!0,this.includeUtilityInDrawer=!1,this._drawerId="main-drawer",this._drawerMounted=!1,this._drawerExpanded=!1,this._searchId="header-search",this._slotTabs=[],this._slotUtils=[],this._slotMenu=[],this._measureScheduled=!1,this._scheduleMeasure=()=>{this._measureScheduled||(this._measureScheduled=!0,requestAnimationFrame(()=>{this._measureScheduled=!1,this._measure()}))},this._onWindowResize=()=>{this._scheduleMeasure()},this._onDrawerSelect=e=>{this.dispatchEvent(new CustomEvent("drawer-select",{detail:e.detail,bubbles:!0,composed:!0})),this._closeDrawerNow()},this._collapsed=!1,this._unlockAtWidth=0,this._hideLogoText=!1,this._logoTextUnlockAt=0,this._harvestPending=!1,this._harvest=()=>{const e=this._slotEl;if(!e)return;const t=e.assignedElements({flatten:!0}),s=[],i=[],o=[],h=n=>({label:n.getAttribute("label")??"",href:n.getAttribute("href")??void 0,icon:n.getAttribute("icon")??void 0});for(const n of t){const u=n.tagName.toLowerCase();if(u==="scb-header-tab"){s.push({label:n.getAttribute("label")??"",href:n.getAttribute("href")??"#"});continue}if(u==="scb-header-utility"){i.push({label:n.getAttribute("label")??"",href:n.getAttribute("href")??"#",target:n.getAttribute("target")??void 0});continue}if(u==="scb-header-drawer-group"){const b={label:n.getAttribute("label")??"",icon:n.getAttribute("icon")??void 0,children:[]};n.querySelectorAll("scb-header-drawer-item").forEach(m=>b.children.push(h(m))),o.push(b);continue}u==="scb-header-drawer-item"&&o.push(h(n))}this._slotTabs=s,this._slotUtils=i,this._slotMenu=o,queueMicrotask(()=>{this.updateComplete.then(()=>{this._applyActiveToTabs(),this._scheduleMeasure()})})},this._measure=()=>{const e=this._top,t=this._logoGroup;if(!e||!t)return;const s=window.innerWidth,i=e.clientWidth,o=this._overflows(this._util),h=this._overflows(this._tabsEl),n=s<this.BP_MD||o||h;this._collapsed?!n&&i>=this._unlockAtWidth&&this._setCollapsed(!1):n&&(this._unlockAtWidth=i+this._HYST,this._setCollapsed(!0));let u=!1;if(this.showSearch&&s>=this.BP_SM&&s<this.BP_MD&&this._searchWrap){const m=getComputedStyle(this._searchWrap),_=Math.max(this._num(m.minWidth,this._tokenPx("--scb-header-search-min",320)),this._tokenPx("--scb-header-search-min",320)),g=this._num(getComputedStyle(e).gap,this._tokenPx("--spacing-7",24)),w=this.showDrawer&&(s<this.BP_MD||this._collapsed)?this._menuBtn?.getBoundingClientRect().width||this._tokenPx("--icon-size-large",48):0;u=t.getBoundingClientRect().width+g+_+g+w+8>i+.5}this._setHideSearch(u);let b=!1;if(this.showDrawer&&(s<this.BP_MD||this._collapsed)&&!this._visible(this._util)&&!this._visible(this._searchWrap)){const m=this._num(getComputedStyle(e).gap,this._tokenPx("--spacing-7",24)),_=this._menuBtn?.getBoundingClientRect().width||this._tokenPx("--icon-size-large",48),g=(this._logoGroup?.getBoundingClientRect().width||0)+m+_;this._hideLogoText?b=!(i>=this._logoTextUnlockAt):g>i+.5&&(b=!0,this._logoTextUnlockAt=i+this._HYST)}else b=!1,this._logoTextUnlockAt=0;this._setHideLogoText(b)},this._onMenuClick=async e=>{e.preventDefault(),e.stopPropagation(),this.showDrawer&&(this.dispatchEvent(new CustomEvent("menu-click",{bubbles:!0,composed:!0})),await this._ensureDrawerMounted(),await r._nextFrame(),await r._nextFrame(),this._openDrawerNow())},this._onSearchClick=e=>{const t=this._searchEl;if(t?.submit&&typeof t.submit=="function"){t.submit();return}const s=t?.value??void 0;this.dispatchEvent(new CustomEvent("search-click",{detail:{value:s},bubbles:!0,composed:!0})),t?.focus?.()},this._onTabsChange=e=>{const s=e?.detail?.activeTabIndex??e.target?.activeTabIndex??0;this.activeTab=s;const o=(this._slotTabs.length?this._slotTabs:this.tabs)[s]?.href??"";this.dispatchEvent(new CustomEvent("tab-change",{detail:{index:s,href:o},bubbles:!0,composed:!0}))}}get _HYST(){return this._tokenPx("--spacing-11",64)}get BP_SM(){return this._tokenPx("--bp-sm",r.BP_SM_DEFAULT)}get BP_MD(){return this._tokenPx("--bp-md",r.BP_MD_DEFAULT)}_scheduleHarvest(){this._harvestPending||(this._harvestPending=!0,queueMicrotask(()=>{this._harvestPending=!1,this._harvest()}))}get _slotEl(){return this.shadowRoot?.querySelector("slot#data-slot")??null}get _top(){return this.renderRoot.querySelector(".top-row")}get _util(){return this.renderRoot.querySelector(".utility")}get _tabsEl(){return this.renderRoot.querySelector("scb-tabs")}get _logoGroup(){return this.renderRoot.querySelector(".logo-group")}get _searchWrap(){return this.renderRoot.querySelector(".search")}get _menuBtn(){return this.renderRoot.querySelector(".menu-trigger")}get _searchEl(){return this.renderRoot.querySelector(`#${this._searchId}`)}_attachSlotObservers(){this._slotMo?.disconnect();const e=new MutationObserver(t=>{this._scheduleHarvest()});this._slotMo=e,e.observe(this,{subtree:!0,childList:!0,attributes:!0,attributeFilter:["label","href","icon","target"]})}_setCollapsed(e){this._collapsed!==e&&(this._collapsed=e,e?this.setAttribute("data-collapsed",""):this.removeAttribute("data-collapsed"))}_setHideSearch(e){e?this.setAttribute("data-hide-search",""):this.removeAttribute("data-hide-search")}_setHideLogoText(e){this._hideLogoText!==e&&(this._hideLogoText=e,e?this.setAttribute("data-hide-logo-text",""):this.removeAttribute("data-hide-logo-text"))}_num(e,t){const s=Number.parseFloat(String(e??"").trim());return Number.isFinite(s)?s:t}_tokenPx(e,t){const s=getComputedStyle(this);return this._num(s.getPropertyValue(e),t)}_visible(e){return e?getComputedStyle(e).display!=="none":!1}_overflows(e){return!e||!this._visible(e)?!1:e.scrollWidth>e.clientWidth+1}firstUpdated(){this.updateComplete.then(()=>{this._harvest(),this._attachSlotObservers()});const e=this._top;e&&(this._ro=new ResizeObserver(()=>this._scheduleMeasure()),this._ro.observe(e)),window.addEventListener("resize",this._onWindowResize,{passive:!0});const t=this._menuBtn,s=()=>this._ensureDrawerMounted();t?.addEventListener("pointerenter",s,{once:!0}),t?.addEventListener("focusin",s,{once:!0}),t?.addEventListener("touchstart",s,{once:!0,passive:!0})}updated(e){e.has("searchMax")&&this.style.setProperty("--scb-header-search-max",this.searchMax??"480px"),e.has("searchMin")&&this.style.setProperty("--scb-header-search-min",this.searchMin??"320px"),e.has("searchHeight")&&(this.searchHeight&&this.searchHeight.trim()?this.style.setProperty("--scb-search-height",this.searchHeight.trim()):this.style.removeProperty("--scb-search-height")),(e.has("utilityItems")||e.has("tabs")||e.has("logoText")||e.has("activeTab")||e.has("_slotTabs")||e.has("_slotUtils")||e.has("_slotMenu")||e.has("showDrawer")||e.has("showSearch")||e.has("searchMax")||e.has("searchMin"))&&this.updateComplete.then(()=>{this._scheduleMeasure(),this._applyActiveToTabs()})}disconnectedCallback(){this._ro?.disconnect(),this._slotMo?.disconnect(),window.removeEventListener("resize",this._onWindowResize),super.disconnectedCallback()}async _ensureDrawerMounted(){this._drawerMounted||(this._drawerMounted=!0,await this.updateComplete)}_openDrawerNow(){const e=this.renderRoot.querySelector(`#${this._drawerId}`);e&&(e.open=!0,e.setAttribute("open",""),e.show?.(),e.openDrawer?.(),this._drawerExpanded=!0,this._syncMenuBtnAria(),this.dispatchEvent(new CustomEvent("drawer-open",{bubbles:!0,composed:!0})))}_closeDrawerNow(){const e=this.renderRoot.querySelector(`#${this._drawerId}`);e&&(e.open=!1),this._drawerExpanded=!1,this._syncMenuBtnAria(),this.dispatchEvent(new CustomEvent("drawer-close",{bubbles:!0,composed:!0}))}_syncMenuBtnAria(){const e=this.renderRoot.querySelector(".menu-trigger");e&&e.setAttribute("aria-expanded",String(this._drawerExpanded))}_applyActiveToTabs(){const e=this._tabsEl;if(!e)return;e.activeTabIndex=this.activeTab,e.querySelectorAll("scb-secondary-tab").forEach((s,i)=>{s.selected=i===this.activeTab})}_renderDrawerNodes(e){return!e||e.length===0?c``:c`${e.map(t=>{const s=Array.isArray(t.children)&&t.children.length>0;return c`
         <scb-drawer-item
           label=${t.label}
           ?selected=${!1}
           leading-icon=${t.icon??""}
           item-href=${t.href??""}
         >
-          ${s?d`
+          ${s?c`
             <scb-sub-drawer label=${t.label}>
-              ${t.children.map(a=>d`
+              ${t.children.map(i=>c`
                 <scb-drawer-item
-                  label=${a.label}
-                  item-href=${a.href??""}
-                  leading-icon=${a.icon??""}
+                  label=${i.label}
+                  item-href=${i.href??""}
+                  leading-icon=${i.icon??""}
                 ></scb-drawer-item>
               `)}
             </scb-sub-drawer>
-          `:p}
+          `:d}
         </scb-drawer-item>
-      `})}`}_syncFlags(e,t){this.toggleAttribute("data-no-utility",e),this.toggleAttribute("data-no-search",t)}render(){const e=this._slotTabs.length?this._slotTabs:this.tabs,t=this._slotUtils.length?this._slotUtils:this.utilityItems,s=this._slotMenu.length?this._slotMenu:this.menuData??[];return this._syncFlags(t.length===0,!this.showSearch),d`
-      <!-- Slot för wrapper-barn (osynliga; fungerar som datakällor) -->
+      `})}`}_syncFlags(e,t){this.toggleAttribute("data-no-utility",e),this.toggleAttribute("data-no-search",t)}render(){const e=this._slotTabs.length?this._slotTabs:this.tabs,t=this._slotUtils.length?this._slotUtils:this.utilityItems,s=this._slotMenu.length?this._slotMenu:this.menuData??[];this._syncFlags(t.length===0,!this.showSearch);const i=this.searchHeight&&this.searchHeight.trim()?`--scb-search-height:${this.searchHeight.trim()}`:d;return c`
       <slot id="data-slot" @slotchange=${()=>{this._harvest(),this._attachSlotObservers()}} hidden></slot>
 
-      <!-- Banner-landmark är opt-in och omsluter hela headerblocket -->
       <div
         class="header-landmark"
-        role=${this.banner?"banner":p}
-        aria-label=${this.banner&&this.bannerLabel?this.bannerLabel:p}
+        role=${this.banner?"banner":d}
+        aria-label=${this.banner&&this.bannerLabel?this.bannerLabel:d}
       >
-        <scb-grid cols-compact="4" cols-medium="8" cols-expanded="12" padding-inline=${this._paddingInline} max-width=${this.maxWidth} gap="0">
+        <scb-grid cols-compact="4" cols-medium="8" cols-expanded="12" max-width=${this.maxWidth} gap="0">
           <scb-grid-item col-span-compact="4" col-span-medium="8" col-span-expanded="12">
             <div class="top-row">
               <a class="logo-group" href=${this.logoHref} aria-label="Gå till startsidan">
@@ -36,14 +34,15 @@ import{b as f,n as l,r as h,i as x,x as d,E as p,t as S}from"../../vendor/vendor
 
               <div class="actions">
                 <nav class="utility" aria-label="Funktionslänkar">
-                  ${t.map(a=>d`<scb-link .href=${a.href} .target=${a.target??void 0}>${a.label}</scb-link>`)}
+                  ${t.map(o=>c`<scb-link .href=${o.href} .target=${o.target??void 0}>${o.label}</scb-link>`)}
                 </nav>
 
-                ${this.showSearch?d`
-                  <div class="search">
+                ${this.showSearch?c`
+                  <div class="search" style=${i}>
                     <scb-search
                       id=${this._searchId}
                       size="compact"
+                      style=${i}
                       .supportingText=${this.searchPlaceholder??""}
                     ></scb-search>
                     <scb-button
@@ -52,30 +51,30 @@ import{b as f,n as l,r as h,i as x,x as d,E as p,t as S}from"../../vendor/vendor
                       @click=${this._onSearchClick}
                     ></scb-button>
                   </div>
-                `:p}
+                `:d}
               </div>
 
-              ${this.showDrawer?d`
+              ${this.showDrawer?c`
                 <scb-icon-button
                   class="menu-trigger"
                   aria-label="Meny"
                   icon="menu"
                   variant="outlined"
-                  aria-controls=${this._drawerMounted?this._drawerId:p}
+                  aria-controls=${this._drawerMounted?this._drawerId:d}
                   aria-haspopup="dialog"
                   aria-expanded=${String(this._drawerExpanded)}
                   data-drawer-toggle=${this._drawerId}
                   title="Öppna meny"
                   @click=${this._onMenuClick}
                 ></scb-icon-button>
-              `:p}
+              `:d}
             </div>
           </scb-grid-item>
 
           <scb-grid-item col-span-compact="4" col-span-medium="8" col-span-expanded="12">
             <div class="tabs-inset">
               <scb-tabs aria-label="Huvudnavigering" .activeTabIndex=${this.activeTab} @change=${this._onTabsChange}>
-                ${e.map((a,n)=>d`<scb-secondary-tab ?selected=${n===this.activeTab}>${a.label}</scb-secondary-tab>`)}
+                ${e.map((o,h)=>c`<scb-secondary-tab ?selected=${h===this.activeTab}>${o.label}</scb-secondary-tab>`)}
               </scb-tabs>
             </div>
             <div class="divider" role="presentation"></div>
@@ -83,7 +82,7 @@ import{b as f,n as l,r as h,i as x,x as d,E as p,t as S}from"../../vendor/vendor
         </scb-grid>
       </div>
 
-      ${this.showDrawer&&this._drawerMounted?d`
+      ${this.showDrawer&&this._drawerMounted?c`
         <scb-drawer
           id=${this._drawerId}
           .label=${this.drawerLabel??""}
@@ -95,17 +94,17 @@ import{b as f,n as l,r as h,i as x,x as d,E as p,t as S}from"../../vendor/vendor
             <scb-search size="compact" .supportingText=${this.drawerSearchPlaceholder??""}></scb-search>
           </div>
 
-          ${this.drawerSectionLabel?d`<scb-drawer-section .label=${this.drawerSectionLabel}></scb-drawer-section>`:p}
+          ${this.drawerSectionLabel?c`<scb-drawer-section .label=${this.drawerSectionLabel}></scb-drawer-section>`:d}
 
           ${this._renderDrawerNodes(s)}
 
-          ${this.includeUtilityInDrawer&&(t?.length??0)>0?d`
+          ${this.includeUtilityInDrawer&&(t?.length??0)>0?c`
             <scb-drawer-section label=''></scb-drawer-section>
-            ${t.map(a=>d`<scb-drawer-item label=${a.label} item-href=${a.href}></scb-drawer-item>`)}
-          `:p}
+            ${t.map(o=>c`<scb-drawer-item label=${o.label} item-href=${o.href}></scb-drawer-item>`)}
+          `:d}
         </scb-drawer>
-      `:p}
-    `}_renderLogo(){return d`
+      `:d}
+    `}_renderLogo(){return c`
       <svg class="logo" viewBox="0 0 48 54" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false">
         <g clip-path="url(#clip0_scb_header)">
           <path fill="currentColor" fill-rule="evenodd" clip-rule="evenodd"
@@ -120,12 +119,11 @@ import{b as f,n as l,r as h,i as x,x as d,E as p,t as S}from"../../vendor/vendor
     `}};r._JSON_ARRAY={fromAttribute:e=>{if(e==null||e==="")return[];try{const t=JSON.parse(e);return Array.isArray(t)?t:[]}catch{return[]}},toAttribute:e=>e==null?null:JSON.stringify(e)};r.BP_SM_DEFAULT=600;r.BP_MD_DEFAULT=840;r.styles=f`
     :host {
       display:block;
-      background:var(--md-sys-color-surface,#fff);
+      background:var(--md-sys-color-surface-container-lowest,#fff);
       color:var(--md-sys-color-on-surface,#1b1b1f);
       --scb-header-search-max: 380px;
       --scb-header-search-min: 250px;
 
-      /* Overridebara logo-mått (knutna till tokens) */
       --scb-header-logo-w: var(--icon-size-large, 40px);
       --scb-header-logo-h: calc(var(--scb-header-logo-w) * 1.125);
     }
@@ -148,7 +146,6 @@ import{b as f,n as l,r as h,i as x,x as d,E as p,t as S}from"../../vendor/vendor
 
     .utility{ display:none; flex-wrap:nowrap; align-items:center; gap:var(--spacing-5,16px); min-width:0; }
     .utility scb-link::part(anchor){
-      /* typografi och färg helt via tokens */
       font-family: var(--md-sys-typescale-body-medium-font, var(--brand-font)), sans-serif;
       font-size: var(--md-sys-typescale-body-medium-size);
       line-height: var(--md-sys-typescale-body-medium-line-height);
@@ -220,21 +217,28 @@ import{b as f,n as l,r as h,i as x,x as d,E as p,t as S}from"../../vendor/vendor
       --md-secondary-tab-active-state-layer-color: transparent;
     }
 
-@media (prefers-color-scheme: dark) {
-  .tabs-inset scb-tabs {
-    --nv-20: transparent;
-    --md-primary-tab-container-color: transparent;
-    --md-secondary-tab-container-color: transparent;
-    background-color: transparent !important;
-  }
-  .tabs-inset scb-tabs::part(container),
-  .tabs-inset scb-tabs::part(base),
-  .tabs-inset scb-tabs::part(tabbar) {
-    background: transparent !important;
-  }
-}
-
-:host([data-hide-logo-text]) .logo-text {
-  display: none;
-}
-  `;r._nextFrame=()=>new Promise(e=>requestAnimationFrame(()=>e()));i([l({type:String,attribute:"max-width"})],r.prototype,"maxWidth",2);i([l({type:String,attribute:"logo-text"})],r.prototype,"logoText",2);i([l({type:String,attribute:"logo-href"})],r.prototype,"logoHref",2);i([l({type:Boolean,reflect:!0})],r.prototype,"banner",2);i([l({type:String,attribute:"banner-label"})],r.prototype,"bannerLabel",2);i([l({attribute:"tabs",converter:r._JSON_ARRAY})],r.prototype,"tabs",2);i([l({type:Number,attribute:"active-tab"})],r.prototype,"activeTab",2);i([l({attribute:"utility-items",converter:r._JSON_ARRAY})],r.prototype,"utilityItems",2);i([l({type:String,attribute:"search-placeholder"})],r.prototype,"searchPlaceholder",2);i([l({type:String,attribute:"drawer-label"})],r.prototype,"drawerLabel",2);i([l({type:String,attribute:"drawer-sub-label"})],r.prototype,"drawerSubLabel",2);i([l({type:String,attribute:"drawer-section-label"})],r.prototype,"drawerSectionLabel",2);i([l({type:String,attribute:"drawer-search-placeholder"})],r.prototype,"drawerSearchPlaceholder",2);i([l({attribute:"menu-data",converter:r._JSON_ARRAY})],r.prototype,"menuData",2);i([l({attribute:"show-drawer",reflect:!0,converter:y})],r.prototype,"showDrawer",2);i([l({attribute:"show-search",reflect:!0,converter:y})],r.prototype,"showSearch",2);i([l({attribute:"include-utility-in-drawer",reflect:!0,converter:y})],r.prototype,"includeUtilityInDrawer",2);i([l({type:String,attribute:"search-max"})],r.prototype,"searchMax",2);i([l({type:String,attribute:"search-min"})],r.prototype,"searchMin",2);i([h()],r.prototype,"_drawerId",2);i([h()],r.prototype,"_paddingInline",2);i([h()],r.prototype,"_drawerMounted",2);i([h()],r.prototype,"_drawerExpanded",2);i([h()],r.prototype,"_searchId",2);i([h()],r.prototype,"_slotTabs",2);i([h()],r.prototype,"_slotUtils",2);i([h()],r.prototype,"_slotMenu",2);i([h()],r.prototype,"_collapsed",2);i([h()],r.prototype,"_hideLogoText",2);r=i([S("scb-header")],r);
+    .tabs-inset scb-tabs {
+      --md-secondary-tab-label-text-font: var(--md-sys-typescale-title-small-font, var(--brand-font, Inter));
+      --md-secondary-tab-label-text-size: var(--md-sys-typescale-title-small-size, 1rem);
+      --md-secondary-tab-label-text-line-height: var(--md-sys-typescale-title-small-line-height, 1.5rem);
+      --md-secondary-tab-label-text-weight: var(--md-sys-typescale-title-small-weight, 500);
+    }
+
+    @media (prefers-color-scheme: dark) {
+      .tabs-inset scb-tabs {
+        --nv-20: transparent;
+        --md-primary-tab-container-color: transparent;
+        --md-secondary-tab-container-color: transparent;
+        background-color: transparent !important;
+      }
+      .tabs-inset scb-tabs::part(container),
+      .tabs-inset scb-tabs::part(base),
+      .tabs-inset scb-tabs::part(tabbar) {
+        background: transparent !important;
+      }
+    }
+
+    :host([data-hide-logo-text]) .logo-text {
+      display: none;
+    }
+  `;r._nextFrame=()=>new Promise(e=>requestAnimationFrame(()=>e()));a([l({type:String,attribute:"max-width"})],r.prototype,"maxWidth",2);a([l({type:String,attribute:"logo-text"})],r.prototype,"logoText",2);a([l({type:String,attribute:"logo-href"})],r.prototype,"logoHref",2);a([l({type:Boolean,reflect:!0})],r.prototype,"banner",2);a([l({type:String,attribute:"banner-label"})],r.prototype,"bannerLabel",2);a([l({attribute:"tabs",converter:r._JSON_ARRAY})],r.prototype,"tabs",2);a([l({type:Number,attribute:"active-tab"})],r.prototype,"activeTab",2);a([l({attribute:"utility-items",converter:r._JSON_ARRAY})],r.prototype,"utilityItems",2);a([l({type:String,attribute:"search-placeholder"})],r.prototype,"searchPlaceholder",2);a([l({type:String,attribute:"drawer-label"})],r.prototype,"drawerLabel",2);a([l({type:String,attribute:"drawer-sub-label"})],r.prototype,"drawerSubLabel",2);a([l({type:String,attribute:"drawer-section-label"})],r.prototype,"drawerSectionLabel",2);a([l({type:String,attribute:"drawer-search-placeholder"})],r.prototype,"drawerSearchPlaceholder",2);a([l({attribute:"menu-data",converter:r._JSON_ARRAY})],r.prototype,"menuData",2);a([l({attribute:"show-drawer",reflect:!0,converter:y})],r.prototype,"showDrawer",2);a([l({attribute:"show-search",reflect:!0,converter:y})],r.prototype,"showSearch",2);a([l({attribute:"include-utility-in-drawer",reflect:!0,converter:y})],r.prototype,"includeUtilityInDrawer",2);a([l({type:String,attribute:"search-max"})],r.prototype,"searchMax",2);a([l({type:String,attribute:"search-min"})],r.prototype,"searchMin",2);a([l({type:String,attribute:"search-height"})],r.prototype,"searchHeight",2);a([p()],r.prototype,"_drawerId",2);a([p()],r.prototype,"_drawerMounted",2);a([p()],r.prototype,"_drawerExpanded",2);a([p()],r.prototype,"_searchId",2);a([p()],r.prototype,"_slotTabs",2);a([p()],r.prototype,"_slotUtils",2);a([p()],r.prototype,"_slotMenu",2);a([p()],r.prototype,"_collapsed",2);a([p()],r.prototype,"_hideLogoText",2);r=a([S("scb-header")],r);

package/mvc/components/scb-icon-button/scb-icon-button.js

@@ -1,95 +1,60 @@
 const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["../../vendor/vendor-material.js","../../vendor/vendor.js"])))=>i.map(i=>d[i]);
-import{_ as u}from"../../vendor/preload-helper.js";import{b as h,n as s,i as b,x as a,t as m}from"../../vendor/vendor.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(r,i,e){try{customElements.get(r)||o(r,i,e)}catch(c){var d=String(c||"");if(d.indexOf("already been used")===-1&&d.indexOf("NotSupportedError")===-1)throw c}}}}catch{}})();var _=Object.defineProperty,f=Object.getOwnPropertyDescriptor,l=(t,o,r,i)=>{for(var e=i>1?void 0:i?f(o,r):o,d=t.length-1,c;d>=0;d--)(c=t[d])&&(e=(i?c(o,r,e):c(e))||e);return i&&e&&_(o,r,e),e};let n=class extends b{constructor(){super(...arguments),this.ariaLabel="",this.variant="standard",this.icon="home",this.toggle=!1,this.toggleofficon="add",this.toggleonicon="remove",this.disabled=!1,this.error=!1,this.__loadedVariants=new Set,this.__iconLoaded=!1,this.__onChange=()=>{const t=this.__lastBtn;this.dispatchEvent(new CustomEvent("change",{detail:{selected:!!t?.selected},bubbles:!0,composed:!0}))}}__attachChangeListener(){const t=this.shadowRoot?.querySelector("md-filled-icon-button, md-outlined-icon-button, md-filled-tonal-icon-button, md-icon-button");t&&t!==this.__lastBtn&&(this.__lastBtn?.removeEventListener?.("change",this.__onChange),t.addEventListener("change",this.__onChange),this.__lastBtn=t)}async firstUpdated(){await this.__ensureDepsLoaded(),await this.updateComplete,this.__attachChangeListener()}updated(t){super.updated(t),t.has("disabled")&&this.toggleAttribute("aria-disabled",this.disabled),t.has("variant")||t.has("icon")||t.has("toggle")?this.__ensureDepsLoaded().then(()=>queueMicrotask(()=>this.__attachChangeListener())):queueMicrotask(()=>this.__attachChangeListener())}disconnectedCallback(){super.disconnectedCallback(),this.__lastBtn?.removeEventListener?.("change",this.__onChange),this.__lastBtn=null}async __ensureDepsLoaded(){if(!this.__loadedVariants.has(this.variant)){switch(this.variant){case"filled":await u(()=>import("../../vendor/vendor-material.js").then(t=>t.f),__vite__mapDeps([0,1]),import.meta.url);break;case"outlined":await u(()=>import("../../vendor/vendor-material.js").then(t=>t.o),__vite__mapDeps([0,1]),import.meta.url);break;case"filled-tonal":await u(()=>import("../../vendor/vendor-material.js").then(t=>t.c),__vite__mapDeps([0,1]),import.meta.url);break;default:await u(()=>import("../../vendor/vendor-material.js").then(t=>t.d),__vite__mapDeps([0,1]),import.meta.url);break}this.__loadedVariants.add(this.variant)}this.__iconLoaded||(await u(()=>import("../../vendor/vendor-material.js").then(t=>t.i),__vite__mapDeps([0,1]),import.meta.url),this.__iconLoaded=!0)}render(){const t=this.ariaLabel.trim()||this.icon,o=this.error?"error":void 0,r=a`
+import{_ as c}from"../../vendor/preload-helper.js";import{a as p,n as u,i as m,x as l,t as f}from"../../vendor/vendor.js";import"../../vendor/vendor-material.js";import"../scb-tooltip/scb-tooltip.js";import"../scb-button/scb-button.js";(function(){try{var t=typeof globalThis<"u"?globalThis:window;if(!t.__scb_ce_guard_installed__){t.__scb_ce_guard_installed__=!0;var e=customElements.define.bind(customElements);customElements.define=function(i,r,s){try{customElements.get(i)||e(i,r,s)}catch(a){var o=String(a||"");if(o.indexOf("already been used")===-1&&o.indexOf("NotSupportedError")===-1)throw a}}}}catch{}})();var g=Object.defineProperty,v=Object.getOwnPropertyDescriptor,d=(t,e,i,r)=>{for(var s=r>1?void 0:r?v(e,i):e,o=t.length-1,a;o>=0;o--)(a=t[o])&&(s=(r?a(e,i,s):a(s))||s);return r&&s&&g(e,i,s),s};let n=class extends m{constructor(){super(...arguments),this.ariaLabel="",this.tooltip="",this.variant="standard",this.icon="home",this.toggle=!1,this.selected=!1,this.toggleofficon="add",this.toggleonicon="remove",this.disabled=!1,this.__loadedVariants=new Set,this.__iconLoaded=!1,this.__onInnerChange=()=>{const e=!!this.__getMdHost()?.selected;this.toggle&&(this.selected=e),this.dispatchEvent(new CustomEvent("change",{detail:{selected:e},bubbles:!0,composed:!0}))}}async firstUpdated(){await this.__ensureDepsLoaded(),await this.updateComplete,this.__attachChangeListener(),this.__syncAria()}updated(t){super.updated(t),t.has("variant")||t.has("toggle")||t.has("icon")||t.has("ariaLabel")||t.has("selected")||t.has("disabled")||t.has("tooltip")?this.__ensureDepsLoaded().then(()=>queueMicrotask(()=>{this.__attachChangeListener(),this.__syncAria()})):queueMicrotask(()=>this.__attachChangeListener())}disconnectedCallback(){super.disconnectedCallback(),this.__lastBtn?.removeEventListener?.("change",this.__onInnerChange),this.__lastBtn=null,this.__ariaObserver?.disconnect()}async __ensureDepsLoaded(){if(!this.__loadedVariants.has(this.variant)){switch(this.variant){case"filled":await c(()=>import("../../vendor/vendor-material.js").then(t=>t.d),__vite__mapDeps([0,1]),import.meta.url);break;case"outlined":await c(()=>import("../../vendor/vendor-material.js").then(t=>t.e),__vite__mapDeps([0,1]),import.meta.url);break;case"filled-tonal":await c(()=>import("../../vendor/vendor-material.js").then(t=>t.g),__vite__mapDeps([0,1]),import.meta.url);break;default:await c(()=>import("../../vendor/vendor-material.js").then(t=>t.h),__vite__mapDeps([0,1]),import.meta.url);break}this.__loadedVariants.add(this.variant)}this.__iconLoaded||(await c(()=>import("../../vendor/vendor-material.js").then(t=>t.i),__vite__mapDeps([0,1]),import.meta.url),this.__iconLoaded=!0)}__getMdHost(){const t=this.renderRoot.querySelector("md-filled-icon-button, md-outlined-icon-button, md-filled-tonal-icon-button, md-icon-button");if(t)return t;const e=this.renderRoot.querySelector("scb-tooltip");if(e){const i=e.querySelector("md-filled-icon-button, md-outlined-icon-button, md-filled-tonal-icon-button, md-icon-button");if(i)return i}return null}__getInnerButton(t){const e=t?.shadowRoot;return e?e.querySelector("button")||e.querySelector('[role="button"]'):null}__stripNativeTitles(t){if(!t)return;t.removeAttribute("title"),this.__getInnerButton(t)?.removeAttribute("title");const i=t.shadowRoot;i&&i.querySelectorAll("[title]").forEach(r=>r.removeAttribute("title"))}__syncAria(){const t=this.__getMdHost();if(!t)return;const e=this.__getInnerButton(t),i=(this.ariaLabel||this.getAttribute("aria-label")||"").trim()||this.icon.trim(),r=this.getAttribute("aria-controls"),s=this.getAttribute("aria-expanded");e&&(i?e.setAttribute("aria-label",i):e.removeAttribute("aria-label"),r!==null?e.setAttribute("aria-controls",r):e.removeAttribute("aria-controls"),s!==null?e.setAttribute("aria-expanded",s):e.removeAttribute("aria-expanded"),e.removeAttribute("title")),t.removeAttribute("aria-label"),t.removeAttribute("aria-controls"),t.removeAttribute("aria-expanded"),t.removeAttribute("title"),this.hasAttribute("aria-label")&&this.removeAttribute("aria-label"),this.hasAttribute("aria-controls")&&this.removeAttribute("aria-controls"),this.hasAttribute("aria-expanded")&&this.removeAttribute("aria-expanded"),this.__stripNativeTitles(t),this.__ariaObserver?.disconnect(),this.__ariaObserver=new MutationObserver(()=>{const o=this.__getMdHost(),a=this.__getInnerButton(o);if(!o||!a)return;const b=(this.ariaLabel||this.getAttribute("aria-label")||"").trim()||this.icon.trim(),h=this.getAttribute("aria-controls"),_=this.getAttribute("aria-expanded");b?a.setAttribute("aria-label",b):a.removeAttribute("aria-label"),h!==null?a.setAttribute("aria-controls",h):a.removeAttribute("aria-controls"),_!==null?a.setAttribute("aria-expanded",_):a.removeAttribute("aria-expanded"),this.__stripNativeTitles(o),o.removeAttribute("aria-label"),o.removeAttribute("aria-controls"),o.removeAttribute("aria-expanded"),o.removeAttribute("title"),this.hasAttribute("aria-label")&&this.removeAttribute("aria-label"),this.hasAttribute("aria-controls")&&this.removeAttribute("aria-controls"),this.hasAttribute("aria-expanded")&&this.removeAttribute("aria-expanded")}),this.__ariaObserver.observe(this,{attributes:!0,attributeFilter:["aria-label","aria-controls","aria-expanded"]})}__attachChangeListener(){const t=this.__getMdHost();t&&t!==this.__lastBtn&&(this.__lastBtn?.removeEventListener?.("change",this.__onInnerChange),t.addEventListener("change",this.__onInnerChange),this.__lastBtn=t),this.toggle&&t&&"selected"in t&&(t.selected=this.selected),this.__stripNativeTitles(t||null)}__renderMd(t=!1){const e=!!t,i=l`
       <md-icon aria-hidden="true">${this.toggleofficon}</md-icon>
       <md-icon slot="selected" aria-hidden="true">${this.toggleonicon}</md-icon>
-    `,i=a`<md-icon aria-hidden="true">${this.icon}</md-icon>`;if(this.toggle){const e=this.selected||!1;switch(this.variant){case"filled":return a`
+    `,r=l`<md-icon aria-hidden="true">${this.icon}</md-icon>`;if(this.toggle)switch(this.variant){case"filled":return l`
             <md-filled-icon-button
+              ?scb-tooltip-button=${e}
               toggle
-              variant=${o}
+              ?selected=${this.selected}
               ?disabled=${this.disabled}
-              aria-label=${t}
-              aria-pressed="${e}"
-            >${r}</md-filled-icon-button>
-          `;case"outlined":return a`
+            >${i}</md-filled-icon-button>
+          `;case"outlined":return l`
             <md-outlined-icon-button
+              ?scb-tooltip-button=${e}
               toggle
-              variant=${o}
+              ?selected=${this.selected}
               ?disabled=${this.disabled}
-              aria-label=${t}
-              aria-pressed="${e}"
-            >${r}</md-outlined-icon-button>
-          `;case"filled-tonal":return a`
+            >${i}</md-outlined-icon-button>
+          `;case"filled-tonal":return l`
             <md-filled-tonal-icon-button
+              ?scb-tooltip-button=${e}
               toggle
-              variant=${o}
+              ?selected=${this.selected}
               ?disabled=${this.disabled}
-              aria-label=${t}
-              aria-pressed="${e}"
-            >${r}</md-filled-tonal-icon-button>
-          `;default:return a`
+            >${i}</md-filled-tonal-icon-button>
+          `;default:return l`
             <md-icon-button
-              role="button"
+              ?scb-tooltip-button=${e}
               toggle
-              variant=${o}
+              ?selected=${this.selected}
               ?disabled=${this.disabled}
-              aria-label=${t}
-              aria-pressed="${e}"
-            >${r}</md-icon-button>
-          `}}switch(this.variant){case"filled":return a`
-          <md-filled-icon-button
-            variant=${o}
-            ?disabled=${this.disabled}
-            aria-label=${t}
-          >${i}</md-filled-icon-button>
-        `;case"outlined":return a`
-          <md-outlined-icon-button
-            variant=${o}
-            ?disabled=${this.disabled}
-            aria-label=${t}
-          >${i}</md-outlined-icon-button>
-        `;case"filled-tonal":return a`
-          <md-filled-tonal-icon-button
-            variant=${o}
-            ?disabled=${this.disabled}
-            aria-label=${t}
-          >${i}</md-filled-tonal-icon-button>
-        `;default:return a`
-          <md-icon-button
-            variant=${o}
-            ?disabled=${this.disabled}
-            aria-label=${t}
-          >${i}</md-icon-button>
-        `}}};n.styles=h`
-    /*Error-styling på alla underliggande knappar*/
-    :host([error]) md-filled-icon-button[variant='error'],
-    :host([error]) md-outlined-icon-button[variant='error'],
-    :host([error]) md-filled-tonal-icon-button[variant='error'],
-    :host([error]) md-icon-button[variant='error'] {
-      --md-sys-color-primary: var(--md-sys-color-error);
-      --md-sys-color-on-primary: var(--md-sys-color-on-error);
-    }
-    :host([error]) md-outlined-icon-button[variant='error'] md-icon,
-    :host([error]) md-icon-button[variant='error'] md-icon {
-      color: var(--md-sys-color-error) !important;
-    }
-    :host([error]) md-outlined-icon-button[variant='error'] {
-      --_outline-color: var(--md-sys-color-error);
-      --md-outlined-icon-button-pressed-outline-color: var(--md-sys-color-error);
-    }
-    :host([error]) md-outlined-icon-button[variant='error']:hover {
-      --md-outlined-icon-button-outline-width: 2px;
-    }
-    :host([error]) md-filled-tonal-icon-button[variant='error'] {
-      --md-filled-tonal-icon-button-container-color: var(--md-sys-color-error-container);
-      --md-filled-tonal-icon-button-label-text-color: var(--md-sys-color-on-error-container);
-      --md-filled-tonal-icon-button-hover-label-text-color: var(--md-sys-color-on-error-container);
-      --md-filled-tonal-icon-button-pressed-label-text-color: var(--md-sys-color-on-error-container);
-      --md-filled-tonal-icon-button-focus-label-text-color: var(--md-sys-color-on-error-container);
-      --md-filled-tonal-icon-button-icon-color: var(--md-sys-color-on-error-container);
-      --md-filled-tonal-icon-button-hover-icon-color: var(--md-sys-color-on-error-container);
-      --md-filled-tonal-icon-button-pressed-icon-color: var(--md-sys-color-on-error-container);
-      --md-filled-tonal-icon-button-focus-icon-color: var(--md-sys-color-on-error-container);
-      --md-filled-tonal-icon-button-hover-state-layer-color: var(--md-sys-color-on-error-container);
-      --md-filled-tonal-icon-button-pressed-state-layer-color: var(--md-sys-color-on-error-container);
-    }
-  `;l([s({type:String,reflect:!0,attribute:"aria-label"})],n.prototype,"ariaLabel",2);l([s({type:String})],n.prototype,"variant",2);l([s({type:String})],n.prototype,"icon",2);l([s({type:Boolean,reflect:!0})],n.prototype,"toggle",2);l([s({type:String})],n.prototype,"toggleofficon",2);l([s({type:String})],n.prototype,"toggleonicon",2);l([s({type:Boolean,reflect:!0})],n.prototype,"disabled",2);l([s({type:Boolean,reflect:!0})],n.prototype,"error",2);n=l([m("scb-icon-button")],n);export{n as ScbIconButton};
+            >${i}</md-icon-button>
+          `}switch(this.variant){case"filled":return l`
+          <md-filled-icon-button ?scb-tooltip-button=${e} ?disabled=${this.disabled}>
+            ${r}
+          </md-filled-icon-button>
+        `;case"outlined":return l`
+          <md-outlined-icon-button ?scb-tooltip-button=${e} ?disabled=${this.disabled}>
+            ${r}
+          </md-outlined-icon-button>
+        `;case"filled-tonal":return l`
+          <md-filled-tonal-icon-button ?scb-tooltip-button=${e} ?disabled=${this.disabled}>
+            ${r}
+          </md-filled-tonal-icon-button>
+        `;default:return l`
+          <md-icon-button ?scb-tooltip-button=${e} ?disabled=${this.disabled}>
+            ${r}
+          </md-icon-button>
+        `}}render(){const t=(this.tooltip||this.ariaLabel||"").trim();return t?l`
+        <scb-tooltip
+          variant="plain"
+          position="top"
+          trigger="hover"
+          .delay=${.12}
+          .arrow=${!0}
+          supporting-text=${t}
+        >
+          ${this.__renderMd(!0)}
+        </scb-tooltip>
+      `:this.__renderMd(!1)}};n.styles=p``;d([u({type:String,attribute:"aria-label"})],n.prototype,"ariaLabel",2);d([u({type:String})],n.prototype,"tooltip",2);d([u({type:String})],n.prototype,"variant",2);d([u({type:String})],n.prototype,"icon",2);d([u({type:Boolean,reflect:!0})],n.prototype,"toggle",2);d([u({type:Boolean,reflect:!0})],n.prototype,"selected",2);d([u({type:String})],n.prototype,"toggleofficon",2);d([u({type:String})],n.prototype,"toggleonicon",2);d([u({type:Boolean,reflect:!0})],n.prototype,"disabled",2);n=d([f("scb-icon-button")],n);export{n as ScbIconButton};