scb-wc 0.1.75 → 0.1.76

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

@@ -1,5 +1,5 @@
-const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["../scb-drawer/scb-drawer.js","../../vendor/decorate.js","../../vendor/vendor.js","../../vendor/vendor-lit.js","../scb-divider/scb-divider.js","../../vendor/assertClassBrand.js","../scb-menu/scb-menu.js","../scb-menu/scb-menu-item.js","../../vendor/preload-helper.js","../../vendor/scb-chevron.js","../scb-menu/scb-menu-section.js","../scb-menu/scb-sub-menu.js","../scb-dropdown/scb-dropdown.js","../../vendor/vendor-material.js","../scb-button/scb-button.js","../scb-options-menu/scb-options-menu.js","../scb-options-menu/scb-options-menu-item.js","../scb-options-menu/scb-options-sub-menu.js"])))=>i.map(i=>d[i]);
-import"../../vendor/vendor-material.js";import{_ as E,b as P,g as I,h as c,m as S,v as _,y as m}from"../../vendor/vendor.js";import"../../vendor/vendor-lit.js";import{t as l}from"../../vendor/decorate.js";import"../scb-button/scb-button.js";import{t as T}from"../../vendor/preload-helper.js";import"../scb-icon-button/scb-icon-button.js";import"../scb-search/scb-search.js";import"../scb-grid/scb-grid-item.js";import"../scb-grid/scb-grid.js";import"../scb-skeleton/scb-skeleton.js";(function(){try{var p=typeof globalThis<"u"?globalThis:window;if(!p.__scb_ce_guard_installed__){p.__scb_ce_guard_installed__=!0;var e=customElements.define.bind(customElements);customElements.define=function(t,s,r){try{customElements.get(t)||e(t,s,r)}catch(a){var i=String(a||"");if(i.indexOf("already been used")===-1&&i.indexOf("NotSupportedError")===-1)throw a}}}}catch{}})();var k,C,z=0,D=()=>{if(typeof window>"u"||typeof document>"u"||!("customElements"in window)||document.head.querySelector("style[data-scb-header-pre-upgrade]"))return;const p=document.createElement("style");p.setAttribute("data-scb-header-pre-upgrade",""),p.textContent=`
+const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["../../vendor/md-focus-ring.js","../../vendor/rolldown-runtime.js","../../vendor/vendor.js","../../vendor/attachable-controller.js","../../vendor/vendor-lit.js","../scb-drawer/scb-drawer.js","../../vendor/decorate.js","../scb-divider/scb-divider.js","../../vendor/assertClassBrand.js","../scb-menu/scb-menu.js","../scb-menu/scb-menu-item.js","../../vendor/preload-helper.js","../../vendor/scb-chevron.js","../scb-menu/scb-menu-section.js","../scb-menu/scb-sub-menu.js","../scb-search/scb-search.js","../../vendor/icon.js","../../vendor/ripple.js","../scb-dropdown/scb-dropdown.js","../scb-button/scb-button.js","../../vendor/elevation.js","../../vendor/delegate.js","../../vendor/form-submitter.js","../../vendor/element-internals.js","../../vendor/form-label-activation.js","../scb-options-menu/scb-options-menu.js","../scb-options-menu/scb-options-menu-item.js","../scb-options-menu/scb-options-sub-menu.js"])))=>i.map(i=>d[i]);
+import{_ as M,b as E,g as P,h,m as S,v as y,y as m}from"../../vendor/vendor.js";import"../../vendor/vendor-lit.js";import{t as l}from"../../vendor/decorate.js";import{t as $}from"../../vendor/preload-helper.js";(function(){try{var b=typeof globalThis<"u"?globalThis:window;if(!b.__scb_ce_guard_installed__){b.__scb_ce_guard_installed__=!0;var e=customElements.define.bind(customElements);customElements.define=function(t,r,s){try{customElements.get(t)||e(t,r,s)}catch(a){var i=String(a||"");if(i.indexOf("already been used")===-1&&i.indexOf("NotSupportedError")===-1)throw a}}}}catch{}})();var A,T,I=0,L=()=>{if(typeof window>"u"||typeof document>"u"||!("customElements"in window)||document.head.querySelector("style[data-scb-header-pre-upgrade]"))return;const b=document.createElement("style");b.setAttribute("data-scb-header-pre-upgrade",""),b.textContent=`
     scb-header:not(:defined),
     scb-header[data-upgrading] {
       display: block;
@@ -50,49 +50,89 @@ import"../../vendor/vendor-material.js";import{_ as E,b as P,g as I,h as c,m as
         );
       }
     }
-  `,document.head.appendChild(p);const e=n=>{const u=String(n??"").trim();if(u)return/^\d+$/.test(u)?`var(--spacing-${Math.max(0,Math.min(14,parseInt(u,10)))})`:u},t=n=>{const u=String(n??"").trim();if(!u)return!1;try{const b=JSON.parse(u);return Array.isArray(b)&&b.length>0}catch{return!1}},s=n=>n!=null&&!/^(false|0|off|no)$/i.test(n.trim()),r=n=>{for(const u of Array.from(n.children)){const b=u.tagName.toLowerCase();if(b==="scb-header-tab"||b==="scb-dropdown")return!0}return!1},i=n=>{r(n)||t(n.getAttribute("tabs"))||s(n.getAttribute("reserve-tabs"))||s(n.getAttribute("layout-pending"))?n.setAttribute("data-pre-has-tabs",""):n.removeAttribute("data-pre-has-tabs");const u=e(n.getAttribute("spacing")),b=e(n.getAttribute("spacing-top"))??u,v=e(n.getAttribute("spacing-bottom"))??u;b?n.style.setProperty("--scb-header-spacing-block-start",b):n.style.removeProperty("--scb-header-spacing-block-start"),v?n.style.setProperty("--scb-header-spacing-block-end",v):n.style.removeProperty("--scb-header-spacing-block-end");const y=(n.getAttribute("logo-width")??"").trim();y?n.style.setProperty("--scb-header-pre-logo-w",y):n.style.removeProperty("--scb-header-pre-logo-w");const w=(n.getAttribute("logo-height")??"").trim();w?n.style.setProperty("--scb-header-pre-logo-img-h",w):n.style.removeProperty("--scb-header-pre-logo-img-h");const h=(n.getAttribute("search-height")??"").trim();h?n.style.setProperty("--scb-header-pre-control-size",h):n.style.removeProperty("--scb-header-pre-control-size")};document.querySelectorAll("scb-header").forEach(i);const d=new MutationObserver(n=>{for(const u of n){if(u.type==="attributes"){const b=u.target;b instanceof HTMLElement&&b.tagName.toLowerCase()==="scb-header"&&i(b);continue}if(u.type==="childList"){const b=[...Array.from(u.addedNodes),...Array.from(u.removedNodes)];for(const v of b){if(!(v instanceof HTMLElement))continue;if(v.tagName.toLowerCase()==="scb-header"){i(v);continue}const y=v.closest?.("scb-header");y&&i(y)}}}});d.observe(document.documentElement,{subtree:!0,childList:!0,attributes:!0,attributeFilter:["tabs","spacing","spacing-top","spacing-bottom","logo-width","logo-height","logo-aspect-ratio","logo-alt","logotype-text","search-height","reserve-tabs","layout-pending"]}),customElements.whenDefined("scb-header").then(()=>{d.disconnect()})};D();var M={fromAttribute:p=>p==null?!0:!/^(false|0|off|no)$/i.test(p),toAttribute:p=>String(!!p)},$={fromAttribute:p=>p==null?!1:!/^(false|0|off|no)$/i.test(p),toAttribute:p=>p?"":null},N={fromAttribute:p=>p==="small"||p==="large"?p:"medium",toAttribute:p=>{const e=String(p??"");return e==="small"||e==="large"?e:null}},o=(k=class extends E{constructor(){super(),this.maxWidth="1440px",this.size="medium",this.logoText="",this.logotypeText="",this.logoAlt="",this.logoHref="/",this.logoSrc="",this.logoWidth="",this.logoHeight="",this.logoAspectRatio="",this.logoInvertDm=!1,this.banner=!1,this.tabs=[],this.activeTab=null,this.reserveTabs=!1,this.layoutPending=!1,this.utilityItems=[],this.searchButtonLabel="Sök",this.menuButtonLabel="Meny",this.deferDrawer=!1,this.showDrawer=!0,this.alwaysShowMenuButton=!1,this.showSearch=!0,this.includeUtilityInMenu=!1,this.drawerOverlay=!0,this.searchText="",this._drawerId="main-drawer",this._menuExpanded=!1,this._searchId="header-search",this._drawerReady=!1,this._mobileSearchOpen=!1,this._initialUpgradeComplete=!1,this._slotNavItems=[],this._slotUtils=[],this._slotMenu=[],this._measureScheduled=!1,this._scheduleMeasure=()=>{this.layoutPending||this._measureScheduled||(this._measureScheduled=!0,requestAnimationFrame(()=>{this._measureScheduled=!1,this._measure()}))},this._onWindowResize=()=>{window.innerWidth>=this.BP_SM&&this._mobileSearchOpen&&this._setMobileSearchOpen(!1),this._scheduleMeasure()},this._onMenuSelect=t=>{const s=t.detail;this.dispatchEvent(new CustomEvent("scb-menu-select",{detail:s,bubbles:!0,composed:!0})),this.dispatchEvent(new CustomEvent("scbmenuselect",{detail:s,bubbles:!0,composed:!0}));const r=s?.item,i=typeof s?.href=="string"?s.href:typeof s?.itemHref=="string"?s.itemHref:typeof s?.item_href=="string"?s.item_href:"",a=r?r.getAttribute("item-href")??r.getAttribute("href")??"":"";String(i||a||"").trim()&&this._closeDrawerNow()},this._collapsed=!1,this._unlockAtWidth=0,this._hideLogoText=!1,this._logoTextUnlockAt=0,this._slotWatchers=[],this._harvestPending=!1,this._harvest=(t={})=>{const s=Array.from(this.children),r=[],i=[],a=[];let d=-1,n=!1;const u=h=>({label:h.getAttribute("label")??"",href:h.getAttribute("href")??void 0,icon:h.getAttribute("icon")??void 0}),b=h=>{h.hasAttribute("role")&&h.removeAttribute("role"),h.getAttribute("aria-hidden")!=="true"&&h.setAttribute("aria-hidden","true")};for(const h of s){const A=h.tagName.toLowerCase();if(A==="scb-header-tab"){const f=h.getAttribute("label")??"",g=h.getAttribute("href"),x=g&&g.trim()!==""?g:void 0;(h.hasAttribute("selected")||h.getAttribute("selected")==="true"||h.getAttribute("active")==="true"||h.getAttribute("aria-current")==="page")&&d===-1&&(d=r.length),r.push({kind:"tab",label:f,href:x});continue}if(A==="scb-badge"){const f=h.querySelector("scb-dropdown");if(f){n=!0;const g=f.getAttribute("label")??"";(f.hasAttribute("selected")||f.getAttribute("selected")==="true"||f.getAttribute("active")==="true"||f.getAttribute("aria-current")==="page")&&d===-1&&(d=r.length);const x=`scb-header-tab-${r.length}`;h.getAttribute("slot")!==x&&h.setAttribute("slot",x),f.hasAttribute("slot")&&f.removeAttribute("slot"),f.hasAttribute("as-tab")||f.setAttribute("as-tab",""),r.push({kind:"dropdown",slotName:x,label:g});continue}}if(A==="scb-dropdown"){n=!0;const f=h.getAttribute("label")??"";(h.hasAttribute("selected")||h.getAttribute("selected")==="true"||h.getAttribute("active")==="true"||h.getAttribute("aria-current")==="page")&&d===-1&&(d=r.length);const g=`scb-header-tab-${r.length}`;h.getAttribute("slot")!==g&&h.setAttribute("slot",g),h.hasAttribute("as-tab")||h.setAttribute("as-tab",""),r.push({kind:"dropdown",slotName:g,label:f});continue}if(A==="scb-header-utility"){b(h),i.push({label:h.getAttribute("label")??"",href:h.getAttribute("href")??"#",target:h.getAttribute("target")??void 0});continue}if(A==="scb-header-menu-group"){const f={label:h.getAttribute("label")??"",icon:h.getAttribute("icon")??void 0,children:[]};h.querySelectorAll("scb-header-menu-item").forEach(g=>f.children.push(u(g))),a.push(f);continue}A==="scb-header-menu-item"&&a.push(u(h))}const v=!this._sameNavItems(this._slotNavItems,r),y=!this._sameUtilityItems(this._slotUtils,i),w=!this._sameMenuNodes(this._slotMenu,a);v&&(this._slotNavItems=r),y&&(this._slotUtils=i),w&&(this._slotMenu=a),n&&this._ensureDropdownReady(),!this.hasAttribute("active-tab")&&d>=0&&this.activeTab!==d&&(this.activeTab=d),(t.scheduleMeasure??!0)&&queueMicrotask(()=>{this.updateComplete.then(()=>{this._scheduleMeasure()})})},this._measure=()=>{if(this.layoutPending)return;const t=this._top,s=this._logoGroup;if(!t||!s)return;const r=window.innerWidth,i=t.clientWidth,a=this._overflows(this._util),d=this._tabsOverflows(),n=r<this.BP_MD||a||d;this._collapsed?!n&&i>=this._unlockAtWidth&&this._setCollapsed(!1):n&&(this._unlockAtWidth=i+this._HYST,this._setCollapsed(!0));let u=!1;if(this.showSearch&&r>=this.BP_SM&&r<this.BP_MD&&this._searchWrap){const v=getComputedStyle(this._searchWrap),y=Math.max(this._num(v.minWidth,this._tokenPx("--scb-header-search-min",250)),this._tokenPx("--scb-header-search-min",250)),w=this._num(getComputedStyle(t).gap,this._tokenPx("--spacing-7",24)),h=this.showDrawer&&(this.alwaysShowMenuButton||r<this.BP_MD||this._collapsed)?this._menuBtn?.getBoundingClientRect().width||this._tokenPx("--icon-size-extra-extra-large",48):0;u=s.getBoundingClientRect().width+w+y+w+h+8>i+.5}this._setHideSearch(u);let b=!1;if(this.showDrawer&&(this.alwaysShowMenuButton||r<this.BP_MD||this._collapsed)&&!this._visible(this._util)&&!this._visible(this._searchWrap)){const v=this._num(getComputedStyle(t).gap,this._tokenPx("--spacing-7",24)),y=this._menuBtn?.getBoundingClientRect().width||this._tokenPx("--icon-size-extra-extra-large",48),w=(this._logoGroup?.getBoundingClientRect().width||0)+v+y;this._hideLogoText?b=!(i>=this._logoTextUnlockAt):w>i+.5&&(b=!0,this._logoTextUnlockAt=i+this._HYST)}else b=!1,this._logoTextUnlockAt=0;this._setHideLogoText(b)},this._onDrawerOpened=()=>{this._menuExpanded=!0,this._syncMenuBtnAria(),this.dispatchEvent(new CustomEvent("drawer-open",{bubbles:!0,composed:!0})),this.dispatchEvent(new CustomEvent("draweropen",{bubbles:!0,composed:!0}))},this._onDrawerClosed=()=>{this._menuExpanded=!1,this._syncMenuBtnAria(),this.dispatchEvent(new CustomEvent("drawer-close",{bubbles:!0,composed:!0})),this.dispatchEvent(new CustomEvent("drawerclose",{bubbles:!0,composed:!0}))},this._onMenuClick=async t=>{this.showDrawer&&(this._setMobileSearchOpen(!1),this.dispatchEvent(new CustomEvent("menu-click",{bubbles:!0,composed:!0})),this.dispatchEvent(new CustomEvent("menuclick",{bubbles:!0,composed:!0})),!this._drawerReady&&(t.stopPropagation(),await this._ensureDrawerReady(),await this.updateComplete,this._openDrawerNow()))},this._onSearchClick=t=>{const s=this._searchEl;if(s?.submit&&typeof s.submit=="function"){s.submit();return}const r=s?.value??"";this.searchText=r,this.dispatchEvent(new CustomEvent("search-click",{detail:{value:r},bubbles:!0,composed:!0})),this.dispatchEvent(new CustomEvent("searchclick",{detail:{value:r},bubbles:!0,composed:!0})),s?.focus?.()},this._onMobileSearchToggle=()=>{const t=!this._mobileSearchOpen;this._setMobileSearchOpen(t),t&&this.updateComplete.then(()=>{this.renderRoot.querySelector(".mobile-search-panel scb-search")?.focus?.()})},this._onTabClick=t=>{const s=t.currentTarget;if(!s)return;const r=s.tagName.toLowerCase()==="a";if(r&&(t.defaultPrevented||t.button!==0||t.metaKey||t.ctrlKey||t.shiftKey||t.altKey))return;const i=s.getAttribute("data-index"),a=i!=null?Number(i):0,d=this._getNavItems()[a];if(d?.kind==="dropdown")return;this.activeTab=a;const n=d?.kind==="tab"?d.href??"":"",u=new CustomEvent("tab-change",{detail:{index:a,href:n},bubbles:!0,composed:!0,cancelable:!0}),b=new CustomEvent("tabchange",{detail:{index:a,href:n},bubbles:!0,composed:!0,cancelable:!0});!(this.dispatchEvent(u)&&this.dispatchEvent(b))&&r&&t.preventDefault()},this._onDropdownTabActivate=t=>{const s=t.detail?.dataIndex,r=typeof s=="number"?s:typeof s=="string"?Number(s):this._readTabIndexFromEvent(t);if(r==null||!Number.isFinite(r))return;const i=this._getNavItems();r<0||r>=i.length||i[r]?.kind==="dropdown"&&(this.activeTab=r,this.dispatchEvent(new CustomEvent("tab-change",{detail:{index:r,href:""},bubbles:!0,composed:!0,cancelable:!0})),this.dispatchEvent(new CustomEvent("tabchange",{detail:{index:r,href:""},bubbles:!0,composed:!0,cancelable:!0})))},this._onTabsKeydown=t=>{const s=t.key;if(s!=="ArrowLeft"&&s!=="ArrowRight"&&s!=="Home"&&s!=="End")return;const r=this._getNavItems();if(!r.length)return;const i=this._readTabIndexFromEvent(t);if(i==null)return;let a=Math.max(0,Math.min(r.length-1,i));s==="ArrowRight"?a=(a+1)%r.length:s==="ArrowLeft"?a=(a-1+r.length)%r.length:s==="Home"?a=0:s==="End"&&(a=r.length-1),t.preventDefault(),this._focusTabAtIndex(a)},this._onSearchInput=t=>{this.searchText=t.detail?.value??"",this.dispatchEvent(new CustomEvent("search-input",{detail:{value:this.searchText},bubbles:!0,composed:!0})),this.dispatchEvent(new CustomEvent("searchinput",{detail:{value:this.searchText},bubbles:!0,composed:!0})),this.dispatchEvent(new CustomEvent("search-text-change",{detail:{value:this.searchText},bubbles:!0,composed:!0})),this.dispatchEvent(new CustomEvent("searchtextchange",{detail:{value:this.searchText},bubbles:!0,composed:!0}))},this._onSearchSubmit=t=>{this.searchText=t.detail?.value??"",this.dispatchEvent(new CustomEvent("search-change",{detail:{value:this.searchText,active:t.detail?.active},bubbles:!0,composed:!0})),this.dispatchEvent(new CustomEvent("searchchange",{detail:{value:this.searchText,active:t.detail?.active},bubbles:!0,composed:!0}))},this._onSearchClear=()=>{this.searchText="",this.dispatchEvent(new CustomEvent("search-text-change",{detail:{value:""},bubbles:!0,composed:!0})),this.dispatchEvent(new CustomEvent("searchtextchange",{detail:{value:""},bubbles:!0,composed:!0}))};const e=++z;this._drawerId=`scb-header-drawer-${e}`,this._searchId=`scb-header-search-${e}`}requestLayout(){this.layoutPending||(this.setAttribute("data-layout-settling",""),this.updateComplete.then(()=>{this.isConnected&&(this._measure(),this.removeAttribute("data-layout-settling"))}))}get _HYST(){return this._tokenPx("--spacing-11",64)}get BP_SM(){return this._tokenPx("--bp-sm",C.BP_SM_DEFAULT)}get BP_MD(){return this._tokenPx("--bp-md",C.BP_MD_DEFAULT)}_scheduleHarvest(){this._harvestPending||(this._harvestPending=!0,queueMicrotask(()=>{this._harvestPending=!1,this._harvest()}))}get _top(){return this.renderRoot.querySelector(".top-row")}get _util(){return this.renderRoot.querySelector(".utility")}get _logoGroup(){return this.renderRoot.querySelector(".logo-wrap")||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}`)}get _tabsNav(){return this.renderRoot.querySelector(".tabs-nav")}_attachSlotObservers(){this._slotMo?.disconnect(),this._slotWatchers.forEach(i=>i.disconnect()),this._slotWatchers=[];const e=["label","href","icon","target","selected","aria-current","active","role"],t=i=>{const a=new MutationObserver(d=>{this._scheduleHarvest()});this._slotWatchers.push(a),a.observe(i,{attributes:!0,attributeFilter:e})},s=()=>{this._slotWatchers.forEach(a=>a.disconnect()),this._slotWatchers=[];const i=Array.from(this.children);for(const a of i){const d=a.tagName.toLowerCase();if((d==="scb-header-tab"||d==="scb-dropdown"||d==="scb-header-utility"||d==="scb-header-menu-item"||d==="scb-header-menu-group"||d==="scb-badge")&&t(a),d==="scb-badge"){const n=a,u=new MutationObserver(v=>{s(),this._scheduleHarvest()});this._slotWatchers.push(u),u.observe(n,{childList:!0});const b=n.querySelector("scb-dropdown");b&&t(b);continue}if(d==="scb-header-menu-group"){const n=a,u=new MutationObserver(b=>{s(),this._scheduleHarvest()});this._slotWatchers.push(u),u.observe(n,{childList:!0,subtree:!0}),n.querySelectorAll("scb-header-menu-item").forEach(b=>t(b))}}},r=new MutationObserver(i=>{let a=!1;for(const d of i)if(d.type==="childList"){a=!0;break}a&&s(),this._scheduleHarvest()});this._slotMo=r,r.observe(this,{childList:!0}),s()}_sameNavItems(e,t){if(e.length!==t.length)return!1;for(let s=0;s<e.length;s+=1){const r=e[s],i=t[s];if(!r||!i||r.kind!==i.kind||r.label!==i.label)return!1;if(r.kind==="tab"&&i.kind==="tab"){if((r.href??"")!==(i.href??""))return!1}else if(r.kind==="dropdown"&&i.kind==="dropdown"&&r.slotName!==i.slotName)return!1}return!0}_sameUtilityItems(e,t){if(e.length!==t.length)return!1;for(let s=0;s<e.length;s+=1){const r=e[s],i=t[s];if(!r||!i||r.label!==i.label||r.href!==i.href||(r.target??"")!==(i.target??""))return!1}return!0}_sameMenuNodes(e,t){if(e.length!==t.length)return!1;for(let s=0;s<e.length;s+=1){const r=e[s],i=t[s];if(!r||!i||r.label!==i.label||(r.href??"")!==(i.href??"")||(r.icon??"")!==(i.icon??"")||!this._sameMenuNodes(r.children??[],i.children??[]))return!1}return!0}_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"))}_setMobileSearchOpen(e){this._mobileSearchOpen!==e&&(this._mobileSearchOpen=e,this.toggleAttribute("data-mobile-search-open",e))}_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}_tabsOverflows(){const e=this._tabsNav;if(!e||!this._visible(e))return!1;const t=Array.from(e.querySelectorAll(".tab-wrap"));if(t.length===0)return!1;const s=e.getBoundingClientRect();let r=s.left;for(const i of t){const a=i.getBoundingClientRect();a.width<=0||a.right>r&&(r=a.right)}return r-s.left>s.width+1}connectedCallback(){super.connectedCallback(),this._initialUpgradeComplete||this.setAttribute("data-upgrading",""),this._harvest({scheduleMeasure:!1}),this._attachSlotObservers()}_finishInitialUpgrade(){this._initialUpgradeComplete||(this._initialUpgradeComplete=!0,requestAnimationFrame(()=>{this.isConnected&&(this._measure(),this.removeAttribute("data-upgrading"))}))}firstUpdated(){this._syncLandmarkAttributes(),this.showDrawer&&!this.deferDrawer&&this._ensureDrawerReady(),this.updateComplete.then(()=>{this._harvest({scheduleMeasure:!1}),this._attachSlotObservers(),this._syncDropdownTabs(),this._finishInitialUpgrade()});const e=this._top;e&&(this._ro=new ResizeObserver(()=>this._scheduleMeasure()),this._ro.observe(e)),window.addEventListener("resize",this._onWindowResize,{passive:!0})}updated(e){e.has("searchMax")&&this.style.setProperty("--scb-header-search-max",this.searchMax??"380px"),e.has("searchMin")&&this.style.setProperty("--scb-header-search-min",this.searchMin??"250px"),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("logoWidth")||e.has("logoHeight")||e.has("logoAspectRatio"))&&this._applyLogoSizing(),(e.has("spacing")||e.has("spacingTop")||e.has("spacingBottom"))&&this._applySpacing(),(e.has("banner")||e.has("bannerLabel"))&&this._syncLandmarkAttributes(),(e.has("utilityItems")||e.has("tabs")||e.has("logoText")||e.has("logotypeText")||e.has("logoSrc")||e.has("logoWidth")||e.has("logoHeight")||e.has("logoAspectRatio")||e.has("activeTab")||e.has("_slotNavItems")||e.has("_slotUtils")||e.has("_slotMenu")||e.has("showDrawer")||e.has("alwaysShowMenuButton")||e.has("showSearch")||e.has("layoutPending")||e.has("searchMax")||e.has("searchMin")||e.has("size"))&&this.updateComplete.then(()=>{this._scheduleMeasure()}),(e.has("showDrawer")||e.has("deferDrawer"))&&this.showDrawer&&!this.deferDrawer&&this._ensureDrawerReady(),e.has("showSearch")&&!this.showSearch&&this._setMobileSearchOpen(!1),e.has("layoutPending")&&!this.layoutPending&&this.requestLayout(),(e.has("activeTab")||e.has("_slotNavItems")||e.has("tabs")||e.has("size"))&&this.updateComplete.then(()=>{this._syncDropdownTabs()})}disconnectedCallback(){this._ro?.disconnect(),this._slotMo?.disconnect(),this._slotWatchers.forEach(e=>e.disconnect()),this._slotWatchers=[],window.removeEventListener("resize",this._onWindowResize),super.disconnectedCallback()}_mapSpacingToken(e){if(!e)return;const t=String(e).trim();if(t)return/^\d+$/.test(t)?`var(--spacing-${Math.max(0,Math.min(14,parseInt(t,10)))})`:t}_applySpacing(){const e=this._mapSpacingToken(this.spacing),t=this._mapSpacingToken(this.spacingTop)??e,s=this._mapSpacingToken(this.spacingBottom)??e;t?this.style.setProperty("--scb-header-spacing-block-start",t):this.style.removeProperty("--scb-header-spacing-block-start"),s?this.style.setProperty("--scb-header-spacing-block-end",s):this.style.removeProperty("--scb-header-spacing-block-end")}_syncLandmarkAttributes(){const e=this.renderRoot.querySelector(".header-landmark");if(!e)return;if(!this.banner){e.removeAttribute("role"),e.removeAttribute("aria-label");return}e.setAttribute("role","banner");const t=(this.bannerLabel??"").trim();t?e.setAttribute("aria-label",t):e.removeAttribute("aria-label")}_applyLogoSizing(){const e=(this.logoWidth??"").trim(),t=(this.logoHeight??"").trim(),s=(this.logoAspectRatio??"").trim();e?this.style.setProperty("--scb-header-logo-img-w",e):this.style.removeProperty("--scb-header-logo-img-w"),t?this.style.setProperty("--scb-header-logo-img-h",t):e?this.style.setProperty("--scb-header-logo-img-h","auto"):this.style.removeProperty("--scb-header-logo-img-h"),s?this.style.setProperty("--scb-header-logo-img-aspect-ratio",s):this.style.removeProperty("--scb-header-logo-img-aspect-ratio")}_closeDrawerNow(){const e=this.renderRoot.querySelector(`#${this._drawerId}`);e&&(e.open=!1)}_openDrawerNow(){const e=this.renderRoot.querySelector(`#${this._drawerId}`);e&&(e.open=!0)}async _ensureDrawerReady(){this._drawerReady||(this._drawerImportPromise??(this._drawerImportPromise=Promise.all([T(()=>import("../scb-drawer/scb-drawer.js"),__vite__mapDeps([0,1,2,3,4,5]),import.meta.url),T(()=>import("../scb-menu/scb-menu.js"),__vite__mapDeps([6,5,1,2,3,4,7,8,9,10,11]),import.meta.url)]).then(()=>{})),await this._drawerImportPromise,this._drawerReady=!0)}async _ensureDropdownReady(){customElements.get("scb-dropdown")||(this._dropdownImportPromise??(this._dropdownImportPromise=T(()=>import("../scb-dropdown/scb-dropdown.js").then(()=>{}),__vite__mapDeps([12,1,13,2,3,14,5,9,15,16,4,17]),import.meta.url)),await this._dropdownImportPromise)}_syncMenuBtnAria(){this.renderRoot.querySelectorAll(".menu-trigger").forEach(e=>{e.setAttribute("aria-expanded",String(this._menuExpanded))})}_getNavItems(){return this._slotNavItems.length?this._slotNavItems:(this.tabs??[]).map(e=>({kind:"tab",...e}))}_getDropdownForSlot(e){const t=this.querySelector(`[slot="${e}"]`);return t?t.tagName.toLowerCase()==="scb-dropdown"?t:t.querySelector("scb-dropdown"):null}_syncDropdownTabs(){this._getNavItems().forEach((e,t)=>{if(e.kind!=="dropdown")return;const s=this._getDropdownForSlot(e.slotName);if(!s)return;const r=String(t);s.getAttribute("data-index")!==r&&s.setAttribute("data-index",r),s.hasAttribute("as-tab")||s.setAttribute("as-tab","");const i=this.size,a=s;a?.size!==i&&(a.size=i),t===this.activeTab?s.getAttribute("aria-current")!=="page"&&s.setAttribute("aria-current","page"):s.hasAttribute("aria-current")&&s.removeAttribute("aria-current")})}_readTabIndexFromEvent(e){const t=e.composedPath?e.composedPath():[];for(const s of t){if(!(s instanceof HTMLElement))continue;const r=s.getAttribute("data-index");if(r==null)continue;const i=Number(r);if(Number.isFinite(i))return i}return null}_focusTabAtIndex(e){const t=this._getNavItems()[e];if(t){if(t.kind==="dropdown"){this._getDropdownForSlot(t.slotName)?.focus?.();return}this.renderRoot.querySelector(`.tab-link[data-index="${e}"]`)?.focus?.()}}_renderMenuNodes(e){return!e||e.length===0?m``:m`${e.map(t=>this._renderMenuNode(t))}`}_renderMenuNode(e){const t=Array.isArray(e.children)&&e.children.length>0,s=(e.href??"").trim(),r=(e.icon??"").trim(),i=t?m`
+  `,document.head.appendChild(b);const e=n=>{const u=String(n??"").trim();if(u)return/^\d+$/.test(u)?`var(--spacing-${Math.max(0,Math.min(14,parseInt(u,10)))})`:u},t=n=>{const u=String(n??"").trim();if(!u)return!1;try{const p=JSON.parse(u);return Array.isArray(p)&&p.length>0}catch{return!1}},r=n=>n!=null&&!/^(false|0|off|no)$/i.test(n.trim()),s=n=>{for(const u of Array.from(n.children)){const p=u.tagName.toLowerCase();if(p==="scb-header-tab"||p==="scb-dropdown")return!0}return!1},i=n=>{s(n)||t(n.getAttribute("tabs"))||r(n.getAttribute("reserve-tabs"))||r(n.getAttribute("layout-pending"))?n.setAttribute("data-pre-has-tabs",""):n.removeAttribute("data-pre-has-tabs");const u=e(n.getAttribute("spacing")),p=e(n.getAttribute("spacing-top"))??u,v=e(n.getAttribute("spacing-bottom"))??u;p?n.style.setProperty("--scb-header-spacing-block-start",p):n.style.removeProperty("--scb-header-spacing-block-start"),v?n.style.setProperty("--scb-header-spacing-block-end",v):n.style.removeProperty("--scb-header-spacing-block-end");const _=(n.getAttribute("logo-width")??"").trim();_?n.style.setProperty("--scb-header-pre-logo-w",_):n.style.removeProperty("--scb-header-pre-logo-w");const w=(n.getAttribute("logo-height")??"").trim();w?n.style.setProperty("--scb-header-pre-logo-img-h",w):n.style.removeProperty("--scb-header-pre-logo-img-h");const c=(n.getAttribute("search-height")??"").trim();c?n.style.setProperty("--scb-header-pre-control-size",c):n.style.removeProperty("--scb-header-pre-control-size")};document.querySelectorAll("scb-header").forEach(i);const d=new MutationObserver(n=>{for(const u of n){if(u.type==="attributes"){const p=u.target;p instanceof HTMLElement&&p.tagName.toLowerCase()==="scb-header"&&i(p);continue}if(u.type==="childList"){const p=[...Array.from(u.addedNodes),...Array.from(u.removedNodes)];for(const v of p){if(!(v instanceof HTMLElement))continue;if(v.tagName.toLowerCase()==="scb-header"){i(v);continue}const _=v.closest?.("scb-header");_&&i(_)}}}});d.observe(document.documentElement,{subtree:!0,childList:!0,attributes:!0,attributeFilter:["tabs","spacing","spacing-top","spacing-bottom","logo-width","logo-height","logo-aspect-ratio","logo-alt","logotype-text","search-height","reserve-tabs","layout-pending"]}),customElements.whenDefined("scb-header").then(()=>{d.disconnect()})};L();var z={fromAttribute:b=>b==null?!0:!/^(false|0|off|no)$/i.test(b),toAttribute:b=>String(!!b)},C={fromAttribute:b=>b==null?!1:!/^(false|0|off|no)$/i.test(b),toAttribute:b=>b?"":null},R={fromAttribute:b=>b==="small"||b==="large"?b:"medium",toAttribute:b=>{const e=String(b??"");return e==="small"||e==="large"?e:null}},o=(A=class extends M{constructor(){super(),this.maxWidth="1440px",this.size="medium",this.logoText="",this.logotypeText="",this.logoAlt="",this.logoHref="/",this.logoSrc="",this.logoWidth="",this.logoHeight="",this.logoAspectRatio="",this.logoInvertDm=!1,this.banner=!1,this.tabs=[],this.activeTab=null,this.reserveTabs=!1,this.layoutPending=!1,this.utilityItems=[],this.searchButtonLabel="Sök",this.menuButtonLabel="Meny",this.deferDrawer=!1,this.showDrawer=!0,this.alwaysShowMenuButton=!1,this.showSearch=!0,this.includeUtilityInMenu=!1,this.drawerOverlay=!0,this.searchText="",this._drawerId="main-drawer",this._menuExpanded=!1,this._searchId="header-search",this._drawerReady=!1,this._mobileSearchOpen=!1,this._initialUpgradeComplete=!1,this._slotNavItems=[],this._slotUtils=[],this._slotMenu=[],this._measureScheduled=!1,this._scheduleMeasure=()=>{this.layoutPending||this._measureScheduled||(this._measureScheduled=!0,requestAnimationFrame(()=>{this._measureScheduled=!1,this._measure()}))},this._onWindowResize=()=>{window.innerWidth>=this.BP_SM&&this._mobileSearchOpen&&this._setMobileSearchOpen(!1),this._scheduleMeasure()},this._onMenuSelect=t=>{const r=t.detail;this.dispatchEvent(new CustomEvent("scb-menu-select",{detail:r,bubbles:!0,composed:!0})),this.dispatchEvent(new CustomEvent("scbmenuselect",{detail:r,bubbles:!0,composed:!0}));const s=r?.item,i=typeof r?.href=="string"?r.href:typeof r?.itemHref=="string"?r.itemHref:typeof r?.item_href=="string"?r.item_href:"",a=s?s.getAttribute("item-href")??s.getAttribute("href")??"":"";String(i||a||"").trim()&&this._closeDrawerNow()},this._collapsed=!1,this._unlockAtWidth=0,this._hideLogoText=!1,this._logoTextUnlockAt=0,this._slotWatchers=[],this._harvestPending=!1,this._harvest=(t={})=>{const r=Array.from(this.children),s=[],i=[],a=[];let d=-1,n=!1;const u=c=>({label:c.getAttribute("label")??"",href:c.getAttribute("href")??void 0,icon:c.getAttribute("icon")??void 0}),p=c=>{c.hasAttribute("role")&&c.removeAttribute("role"),c.getAttribute("aria-hidden")!=="true"&&c.setAttribute("aria-hidden","true")};for(const c of r){const x=c.tagName.toLowerCase();if(x==="scb-header-tab"){const f=c.getAttribute("label")??"",g=c.getAttribute("href"),k=g&&g.trim()!==""?g:void 0;(c.hasAttribute("selected")||c.getAttribute("selected")==="true"||c.getAttribute("active")==="true"||c.getAttribute("aria-current")==="page")&&d===-1&&(d=s.length),s.push({kind:"tab",label:f,href:k});continue}if(x==="scb-badge"){const f=c.querySelector("scb-dropdown");if(f){n=!0;const g=f.getAttribute("label")??"";(f.hasAttribute("selected")||f.getAttribute("selected")==="true"||f.getAttribute("active")==="true"||f.getAttribute("aria-current")==="page")&&d===-1&&(d=s.length);const k=`scb-header-tab-${s.length}`;c.getAttribute("slot")!==k&&c.setAttribute("slot",k),f.hasAttribute("slot")&&f.removeAttribute("slot"),f.hasAttribute("as-tab")||f.setAttribute("as-tab",""),s.push({kind:"dropdown",slotName:k,label:g});continue}}if(x==="scb-dropdown"){n=!0;const f=c.getAttribute("label")??"";(c.hasAttribute("selected")||c.getAttribute("selected")==="true"||c.getAttribute("active")==="true"||c.getAttribute("aria-current")==="page")&&d===-1&&(d=s.length);const g=`scb-header-tab-${s.length}`;c.getAttribute("slot")!==g&&c.setAttribute("slot",g),c.hasAttribute("as-tab")||c.setAttribute("as-tab",""),s.push({kind:"dropdown",slotName:g,label:f});continue}if(x==="scb-header-utility"){p(c),i.push({label:c.getAttribute("label")??"",href:c.getAttribute("href")??"#",target:c.getAttribute("target")??void 0});continue}if(x==="scb-header-menu-group"){const f={label:c.getAttribute("label")??"",icon:c.getAttribute("icon")??void 0,children:[]};c.querySelectorAll("scb-header-menu-item").forEach(g=>f.children.push(u(g))),a.push(f);continue}x==="scb-header-menu-item"&&a.push(u(c))}const v=!this._sameNavItems(this._slotNavItems,s),_=!this._sameUtilityItems(this._slotUtils,i),w=!this._sameMenuNodes(this._slotMenu,a);v&&(this._slotNavItems=s),_&&(this._slotUtils=i),w&&(this._slotMenu=a),n&&this._ensureDropdownReady(),!this.hasAttribute("active-tab")&&d>=0&&this.activeTab!==d&&(this.activeTab=d),(t.scheduleMeasure??!0)&&queueMicrotask(()=>{this.updateComplete.then(()=>{this._scheduleMeasure()})})},this._measure=()=>{if(this.layoutPending)return;const t=this._top,r=this._logoGroup;if(!t||!r)return;const s=window.innerWidth,i=t.clientWidth,a=this._overflows(this._util),d=this._tabsOverflows(),n=s<this.BP_MD||a||d;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 v=getComputedStyle(this._searchWrap),_=Math.max(this._num(v.minWidth,this._tokenPx("--scb-header-search-min",250)),this._tokenPx("--scb-header-search-min",250)),w=this._num(getComputedStyle(t).gap,this._tokenPx("--spacing-7",24)),c=this.showDrawer&&(this.alwaysShowMenuButton||s<this.BP_MD||this._collapsed)?this._menuBtn?.getBoundingClientRect().width||this._tokenPx("--icon-size-extra-extra-large",48):0;u=r.getBoundingClientRect().width+w+_+w+c+8>i+.5}this._setHideSearch(u);let p=!1;if(this.showDrawer&&(this.alwaysShowMenuButton||s<this.BP_MD||this._collapsed)&&!this._visible(this._util)&&!this._visible(this._searchWrap)){const v=this._num(getComputedStyle(t).gap,this._tokenPx("--spacing-7",24)),_=this._menuBtn?.getBoundingClientRect().width||this._tokenPx("--icon-size-extra-extra-large",48),w=(this._logoGroup?.getBoundingClientRect().width||0)+v+_;this._hideLogoText?p=!(i>=this._logoTextUnlockAt):w>i+.5&&(p=!0,this._logoTextUnlockAt=i+this._HYST)}else p=!1,this._logoTextUnlockAt=0;this._setHideLogoText(p)},this._onGlobalFocusRingKeydown=t=>{t.key==="Tab"&&(this.toggleAttribute("data-keyboard-focus",!0),this._ensureFocusRingReady())},this._onGlobalFocusRingPointerDown=()=>{this.removeAttribute("data-keyboard-focus")},this._onLocalFocusIn=t=>{const r=t.composedPath()[0];r instanceof HTMLElement&&r.matches(":focus-visible")&&this._ensureFocusRingReady()},this._onDrawerOpened=()=>{this._menuExpanded=!0,this._syncMenuBtnAria(),this.dispatchEvent(new CustomEvent("drawer-open",{bubbles:!0,composed:!0})),this.dispatchEvent(new CustomEvent("draweropen",{bubbles:!0,composed:!0}))},this._onDrawerClosed=()=>{this._menuExpanded=!1,this._syncMenuBtnAria(),this.dispatchEvent(new CustomEvent("drawer-close",{bubbles:!0,composed:!0})),this.dispatchEvent(new CustomEvent("drawerclose",{bubbles:!0,composed:!0}))},this._onMenuClick=async t=>{this.showDrawer&&(this._setMobileSearchOpen(!1),this.dispatchEvent(new CustomEvent("menu-click",{bubbles:!0,composed:!0})),this.dispatchEvent(new CustomEvent("menuclick",{bubbles:!0,composed:!0})),!this._drawerReady&&(t.stopPropagation(),await this._ensureDrawerReady(),await this.updateComplete,this._openDrawerNow()))},this._onMobileSearchToggle=()=>{const t=!this._mobileSearchOpen;this._setMobileSearchOpen(t),t&&this.updateComplete.then(()=>{this.renderRoot.querySelector(".mobile-search-panel .header-search-input")?.focus?.()})},this._onTabClick=t=>{const r=t.currentTarget;if(!r)return;const s=r.tagName.toLowerCase()==="a";if(s&&(t.defaultPrevented||t.button!==0||t.metaKey||t.ctrlKey||t.shiftKey||t.altKey))return;const i=r.getAttribute("data-index"),a=i!=null?Number(i):0,d=this._getNavItems()[a];if(d?.kind==="dropdown")return;this.activeTab=a;const n=d?.kind==="tab"?d.href??"":"",u=new CustomEvent("tab-change",{detail:{index:a,href:n},bubbles:!0,composed:!0,cancelable:!0}),p=new CustomEvent("tabchange",{detail:{index:a,href:n},bubbles:!0,composed:!0,cancelable:!0});!(this.dispatchEvent(u)&&this.dispatchEvent(p))&&s&&t.preventDefault()},this._onDropdownTabActivate=t=>{const r=t.detail?.dataIndex,s=typeof r=="number"?r:typeof r=="string"?Number(r):this._readTabIndexFromEvent(t);if(s==null||!Number.isFinite(s))return;const i=this._getNavItems();s<0||s>=i.length||i[s]?.kind==="dropdown"&&(this.activeTab=s,this.dispatchEvent(new CustomEvent("tab-change",{detail:{index:s,href:""},bubbles:!0,composed:!0,cancelable:!0})),this.dispatchEvent(new CustomEvent("tabchange",{detail:{index:s,href:""},bubbles:!0,composed:!0,cancelable:!0})))},this._onTabsKeydown=t=>{const r=t.key;if(r!=="ArrowLeft"&&r!=="ArrowRight"&&r!=="Home"&&r!=="End")return;const s=this._getNavItems();if(!s.length)return;const i=this._readTabIndexFromEvent(t);if(i==null)return;let a=Math.max(0,Math.min(s.length-1,i));r==="ArrowRight"?a=(a+1)%s.length:r==="ArrowLeft"?a=(a-1+s.length)%s.length:r==="Home"?a=0:r==="End"&&(a=s.length-1),t.preventDefault(),this._focusTabAtIndex(a)},this._onNativeSearchInput=t=>{const r=t.currentTarget;this._emitSearchInput(r?.value??"")},this._onNativeSearchSubmit=t=>{t.preventDefault();const r=t.currentTarget?.querySelector(".header-search-input");this._emitSearchChange(r?.value??"")},this._onSearchClear=()=>{this.searchText="",this.dispatchEvent(new CustomEvent("search-text-change",{detail:{value:""},bubbles:!0,composed:!0})),this.dispatchEvent(new CustomEvent("searchtextchange",{detail:{value:""},bubbles:!0,composed:!0}))},this._onNativeSearchClear=t=>{t.preventDefault(),this._onSearchClear(),this.updateComplete.then(()=>{const r=t.currentTarget?.closest("form")?.querySelector(".header-search-input");r&&(r.value=""),r?.focus()})};const e=++I;this._drawerId=`scb-header-drawer-${e}`,this._searchId=`scb-header-search-${e}`}requestLayout(){this.layoutPending||(this.setAttribute("data-layout-settling",""),this.updateComplete.then(()=>{this.isConnected&&(this._measure(),this.removeAttribute("data-layout-settling"))}))}get _HYST(){return this._tokenPx("--spacing-11",64)}get BP_SM(){return this._tokenPx("--bp-sm",T.BP_SM_DEFAULT)}get BP_MD(){return this._tokenPx("--bp-md",T.BP_MD_DEFAULT)}_scheduleHarvest(){this._harvestPending||(this._harvestPending=!0,queueMicrotask(()=>{this._harvestPending=!1,this._harvest()}))}get _top(){return this.renderRoot.querySelector(".top-row")}get _util(){return this.renderRoot.querySelector(".utility")}get _logoGroup(){return this.renderRoot.querySelector(".logo-wrap")||this.renderRoot.querySelector(".logo-group")}get _searchWrap(){return this.renderRoot.querySelector(".search")}get _menuBtn(){return this.renderRoot.querySelector(".menu-trigger")}get _tabsNav(){return this.renderRoot.querySelector(".tabs-nav")}_attachSlotObservers(){this._slotMo?.disconnect(),this._slotWatchers.forEach(i=>i.disconnect()),this._slotWatchers=[];const e=["label","href","icon","target","selected","aria-current","active","role"],t=i=>{const a=new MutationObserver(d=>{this._scheduleHarvest()});this._slotWatchers.push(a),a.observe(i,{attributes:!0,attributeFilter:e})},r=()=>{this._slotWatchers.forEach(a=>a.disconnect()),this._slotWatchers=[];const i=Array.from(this.children);for(const a of i){const d=a.tagName.toLowerCase();if((d==="scb-header-tab"||d==="scb-dropdown"||d==="scb-header-utility"||d==="scb-header-menu-item"||d==="scb-header-menu-group"||d==="scb-badge")&&t(a),d==="scb-badge"){const n=a,u=new MutationObserver(v=>{r(),this._scheduleHarvest()});this._slotWatchers.push(u),u.observe(n,{childList:!0});const p=n.querySelector("scb-dropdown");p&&t(p);continue}if(d==="scb-header-menu-group"){const n=a,u=new MutationObserver(p=>{r(),this._scheduleHarvest()});this._slotWatchers.push(u),u.observe(n,{childList:!0,subtree:!0}),n.querySelectorAll("scb-header-menu-item").forEach(p=>t(p))}}},s=new MutationObserver(i=>{let a=!1;for(const d of i)if(d.type==="childList"){a=!0;break}a&&r(),this._scheduleHarvest()});this._slotMo=s,s.observe(this,{childList:!0}),r()}_sameNavItems(e,t){if(e.length!==t.length)return!1;for(let r=0;r<e.length;r+=1){const s=e[r],i=t[r];if(!s||!i||s.kind!==i.kind||s.label!==i.label)return!1;if(s.kind==="tab"&&i.kind==="tab"){if((s.href??"")!==(i.href??""))return!1}else if(s.kind==="dropdown"&&i.kind==="dropdown"&&s.slotName!==i.slotName)return!1}return!0}_sameUtilityItems(e,t){if(e.length!==t.length)return!1;for(let r=0;r<e.length;r+=1){const s=e[r],i=t[r];if(!s||!i||s.label!==i.label||s.href!==i.href||(s.target??"")!==(i.target??""))return!1}return!0}_sameMenuNodes(e,t){if(e.length!==t.length)return!1;for(let r=0;r<e.length;r+=1){const s=e[r],i=t[r];if(!s||!i||s.label!==i.label||(s.href??"")!==(i.href??"")||(s.icon??"")!==(i.icon??"")||!this._sameMenuNodes(s.children??[],i.children??[]))return!1}return!0}_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"))}_setMobileSearchOpen(e){this._mobileSearchOpen!==e&&(this._mobileSearchOpen=e,this.toggleAttribute("data-mobile-search-open",e))}_num(e,t){const r=Number.parseFloat(String(e??"").trim());return Number.isFinite(r)?r:t}_tokenPx(e,t){const r=getComputedStyle(this);return this._num(r.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}_tabsOverflows(){const e=this._tabsNav;if(!e||!this._visible(e))return!1;const t=Array.from(e.querySelectorAll(".tab-wrap"));if(t.length===0)return!1;const r=e.getBoundingClientRect();let s=r.left;for(const i of t){const a=i.getBoundingClientRect();a.width<=0||a.right>s&&(s=a.right)}return s-r.left>r.width+1}connectedCallback(){super.connectedCallback(),window.addEventListener("keydown",this._onGlobalFocusRingKeydown,!0),window.addEventListener("pointerdown",this._onGlobalFocusRingPointerDown,!0),this._initialUpgradeComplete||this.setAttribute("data-upgrading",""),this._harvest({scheduleMeasure:!1}),this._attachSlotObservers()}_finishInitialUpgrade(){this._initialUpgradeComplete||(this._initialUpgradeComplete=!0,requestAnimationFrame(()=>{this.isConnected&&(this._measure(),this.removeAttribute("data-upgrading"))}))}firstUpdated(){this._syncLandmarkAttributes(),this.renderRoot.addEventListener("focusin",this._onLocalFocusIn),this.showDrawer&&!this.deferDrawer&&this._ensureDrawerReady(),this.updateComplete.then(()=>{this._harvest({scheduleMeasure:!1}),this._attachSlotObservers(),this._syncDropdownTabs(),this._finishInitialUpgrade()});const e=this._top;e&&(this._ro=new ResizeObserver(()=>this._scheduleMeasure()),this._ro.observe(e)),window.addEventListener("resize",this._onWindowResize,{passive:!0})}updated(e){e.has("searchMax")&&this.style.setProperty("--scb-header-search-max",this.searchMax??"380px"),e.has("searchMin")&&this.style.setProperty("--scb-header-search-min",this.searchMin??"250px"),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("logoWidth")||e.has("logoHeight")||e.has("logoAspectRatio"))&&this._applyLogoSizing(),(e.has("spacing")||e.has("spacingTop")||e.has("spacingBottom"))&&this._applySpacing(),(e.has("banner")||e.has("bannerLabel"))&&this._syncLandmarkAttributes(),(e.has("utilityItems")||e.has("tabs")||e.has("logoText")||e.has("logotypeText")||e.has("logoSrc")||e.has("logoWidth")||e.has("logoHeight")||e.has("logoAspectRatio")||e.has("activeTab")||e.has("_slotNavItems")||e.has("_slotUtils")||e.has("_slotMenu")||e.has("showDrawer")||e.has("alwaysShowMenuButton")||e.has("showSearch")||e.has("layoutPending")||e.has("searchMax")||e.has("searchMin")||e.has("size"))&&this.updateComplete.then(()=>{this._scheduleMeasure()}),(e.has("showDrawer")||e.has("deferDrawer"))&&this.showDrawer&&!this.deferDrawer&&this._ensureDrawerReady(),e.has("showSearch")&&!this.showSearch&&this._setMobileSearchOpen(!1),e.has("layoutPending")&&!this.layoutPending&&this.requestLayout(),(e.has("activeTab")||e.has("_slotNavItems")||e.has("tabs")||e.has("size"))&&this.updateComplete.then(()=>{this._syncDropdownTabs()})}disconnectedCallback(){this._ro?.disconnect(),this._slotMo?.disconnect(),this._slotWatchers.forEach(e=>e.disconnect()),this._slotWatchers=[],this.renderRoot.removeEventListener("focusin",this._onLocalFocusIn),window.removeEventListener("keydown",this._onGlobalFocusRingKeydown,!0),window.removeEventListener("pointerdown",this._onGlobalFocusRingPointerDown,!0),window.removeEventListener("resize",this._onWindowResize),super.disconnectedCallback()}_mapSpacingToken(e){if(!e)return;const t=String(e).trim();if(t)return/^\d+$/.test(t)?`var(--spacing-${Math.max(0,Math.min(14,parseInt(t,10)))})`:t}_applySpacing(){const e=this._mapSpacingToken(this.spacing),t=this._mapSpacingToken(this.spacingTop)??e,r=this._mapSpacingToken(this.spacingBottom)??e;t?this.style.setProperty("--scb-header-spacing-block-start",t):this.style.removeProperty("--scb-header-spacing-block-start"),r?this.style.setProperty("--scb-header-spacing-block-end",r):this.style.removeProperty("--scb-header-spacing-block-end")}_syncLandmarkAttributes(){const e=this.renderRoot.querySelector(".header-landmark");if(!e)return;if(!this.banner){e.removeAttribute("role"),e.removeAttribute("aria-label");return}e.setAttribute("role","banner");const t=(this.bannerLabel??"").trim();t?e.setAttribute("aria-label",t):e.removeAttribute("aria-label")}_applyLogoSizing(){const e=(this.logoWidth??"").trim(),t=(this.logoHeight??"").trim(),r=(this.logoAspectRatio??"").trim();e?this.style.setProperty("--scb-header-logo-img-w",e):this.style.removeProperty("--scb-header-logo-img-w"),t?this.style.setProperty("--scb-header-logo-img-h",t):e?this.style.setProperty("--scb-header-logo-img-h","auto"):this.style.removeProperty("--scb-header-logo-img-h"),r?this.style.setProperty("--scb-header-logo-img-aspect-ratio",r):this.style.removeProperty("--scb-header-logo-img-aspect-ratio")}_closeDrawerNow(){const e=this.renderRoot.querySelector(`#${this._drawerId}`);e&&(e.open=!1)}_openDrawerNow(){const e=this.renderRoot.querySelector(`#${this._drawerId}`);e&&(e.open=!0)}_ensureFocusRingReady(){customElements.get("md-focus-ring")||(this._focusRingImportPromise??(this._focusRingImportPromise=$(()=>import("../../vendor/md-focus-ring.js").then(e=>e.t).then(()=>{}),__vite__mapDeps([0,1,2,3,4]),import.meta.url)),this._focusRingImportPromise)}async _ensureDrawerReady(){this._drawerReady||(this._drawerImportPromise??(this._drawerImportPromise=Promise.all([$(()=>import("../scb-drawer/scb-drawer.js"),__vite__mapDeps([5,6,2,4,7,8]),import.meta.url),$(()=>import("../scb-menu/scb-menu.js"),__vite__mapDeps([9,8,6,2,4,7,10,11,12,13,14]),import.meta.url),$(()=>import("../scb-search/scb-search.js"),__vite__mapDeps([15,6,11,2,0,1,3,4,16,17]),import.meta.url)]).then(()=>{})),await this._drawerImportPromise,this._drawerReady=!0)}async _ensureDropdownReady(){customElements.get("scb-dropdown")||(this._dropdownImportPromise??(this._dropdownImportPromise=$(()=>import("../scb-dropdown/scb-dropdown.js").then(()=>{}),__vite__mapDeps([18,6,2,19,8,20,4,0,1,3,16,21,22,23,24,17,12,25,26,7,27]),import.meta.url)),await this._dropdownImportPromise)}_syncMenuBtnAria(){this.renderRoot.querySelectorAll(".menu-trigger").forEach(e=>{e.setAttribute("aria-expanded",String(this._menuExpanded))})}_getNavItems(){return this._slotNavItems.length?this._slotNavItems:(this.tabs??[]).map(e=>({kind:"tab",...e}))}_getDropdownForSlot(e){const t=this.querySelector(`[slot="${e}"]`);return t?t.tagName.toLowerCase()==="scb-dropdown"?t:t.querySelector("scb-dropdown"):null}_syncDropdownTabs(){this._getNavItems().forEach((e,t)=>{if(e.kind!=="dropdown")return;const r=this._getDropdownForSlot(e.slotName);if(!r)return;const s=String(t);r.getAttribute("data-index")!==s&&r.setAttribute("data-index",s),r.hasAttribute("as-tab")||r.setAttribute("as-tab","");const i=this.size,a=r;a?.size!==i&&(a.size=i),t===this.activeTab?r.getAttribute("aria-current")!=="page"&&r.setAttribute("aria-current","page"):r.hasAttribute("aria-current")&&r.removeAttribute("aria-current")})}_readTabIndexFromEvent(e){const t=e.composedPath?e.composedPath():[];for(const r of t){if(!(r instanceof HTMLElement))continue;const s=r.getAttribute("data-index");if(s==null)continue;const i=Number(s);if(Number.isFinite(i))return i}return null}_focusTabAtIndex(e){const t=this._getNavItems()[e];if(t){if(t.kind==="dropdown"){this._getDropdownForSlot(t.slotName)?.focus?.();return}this.renderRoot.querySelector(`.tab-link[data-index="${e}"]`)?.focus?.()}}_renderMenuNodes(e){return!e||e.length===0?m``:m`${e.map(t=>this._renderMenuNode(t))}`}_renderMenuNode(e){const t=Array.isArray(e.children)&&e.children.length>0,r=(e.href??"").trim(),s=(e.icon??"").trim(),i=t?m`
           <scb-sub-menu label=${e.label}>
             ${e.children.map(a=>this._renderMenuNode(a))}
           </scb-sub-menu>
-        `:_;return r&&s?m`
-        <scb-menu-item label=${e.label} ?selected=${!1} leading-icon=${r} item-href=${s}>
+        `:y;return s&&r?m`
+        <scb-menu-item label=${e.label} ?selected=${!1} leading-icon=${s} item-href=${r}>
           ${i}
         </scb-menu-item>
-      `:r?m`
-        <scb-menu-item label=${e.label} ?selected=${!1} leading-icon=${r}>
+      `:s?m`
+        <scb-menu-item label=${e.label} ?selected=${!1} leading-icon=${s}>
           ${i}
         </scb-menu-item>
-      `:s?m`
-        <scb-menu-item label=${e.label} ?selected=${!1} item-href=${s}>
+      `:r?m`
+        <scb-menu-item label=${e.label} ?selected=${!1} item-href=${r}>
           ${i}
         </scb-menu-item>
-      `:m`<scb-menu-item label=${e.label} ?selected=${!1}>${i}</scb-menu-item>`}_syncFlags(e,t){this.toggleAttribute("data-no-utility",e),this.toggleAttribute("data-no-search",t)}_renderMenuButton(e="",t=!1){const s=e?`menu-trigger ${e}`:"menu-trigger",r=(this.menuButtonLabel??"").trim()||"Meny",i=this._menuExpanded?"true":"false";return t?m`
-        <scb-icon-button
-          class=${s}
-          icon="menu"
-          .size=${this.size}
-          aria-label=${r}
+      `:m`<scb-menu-item label=${e.label} ?selected=${!1}>${i}</scb-menu-item>`}_syncFlags(e,t){this.toggleAttribute("data-no-utility",e),this.toggleAttribute("data-no-search",t)}_emitSearchInput(e){this.searchText=e,this.dispatchEvent(new CustomEvent("search-input",{detail:{value:this.searchText},bubbles:!0,composed:!0})),this.dispatchEvent(new CustomEvent("searchinput",{detail:{value:this.searchText},bubbles:!0,composed:!0})),this.dispatchEvent(new CustomEvent("search-text-change",{detail:{value:this.searchText},bubbles:!0,composed:!0})),this.dispatchEvent(new CustomEvent("searchtextchange",{detail:{value:this.searchText},bubbles:!0,composed:!0}))}_emitSearchChange(e,t){this.searchText=e,this.dispatchEvent(new CustomEvent("search-change",{detail:{value:this.searchText,active:t},bubbles:!0,composed:!0})),this.dispatchEvent(new CustomEvent("searchchange",{detail:{value:this.searchText,active:t},bubbles:!0,composed:!0}))}_renderMenuButton(e="",t=!1){const r=e?`menu-trigger ${e}`:"menu-trigger",s=(this.menuButtonLabel??"").trim()||"Meny",i=this._menuExpanded?"true":"false";return t?m`
+        <button
+          type="button"
+          class=${`${r} header-icon-button`}
+          aria-label=${s}
           aria-controls=${this._drawerId}
           aria-haspopup="dialog"
           aria-expanded=${i}
           title="Öppna meny"
           @click=${this._onMenuClick}
-        ></scb-icon-button>
+        >
+          <span class="header-symbol" aria-hidden="true">menu</span>
+          <md-focus-ring aria-hidden="true"></md-focus-ring>
+        </button>
       `:m`
-      <scb-button
-        class=${s}
-        variant="text"
-        label=${r}
-        icon="menu"
-        trailing-icon
-        .size=${this.size}
+      <button
+        type="button"
+        class=${`${r} header-text-button`}
         aria-controls=${this._drawerId}
         aria-haspopup="dialog"
         aria-expanded=${i}
         title="Öppna meny"
         @click=${this._onMenuClick}
-      ></scb-button>
-    `}render(){const e=this._getNavItems(),t=this._slotUtils.length?this._slotUtils:this.utilityItems,s=this._slotMenu.length?this._slotMenu:this.menuData??[],r=this.logoText||this.logotypeText,i=this.logoAlt||r||"Gå till startsidan",a=this.querySelector('[slot="drawer-menu"]')!==null;this._syncFlags(t.length===0,!this.showSearch);const d=this.searchHeight&&this.searchHeight.trim()?`--scb-search-height:${this.searchHeight.trim()}`:"",n=e.length>0||this.reserveTabs||this.layoutPending,u=(this.reserveTabs||this.layoutPending)&&(this.layoutPending||e.length===0),b=this.showDrawer&&(!this.deferDrawer||this._drawerReady),v=typeof window<"u"&&window.innerWidth>=this.BP_MD,y=this.showDrawer&&(v?this.alwaysShowMenuButton||this._collapsed:!0),w=y&&!v,h=y&&v,A=(this.searchButtonLabel??"").trim()||"Sök",f=this.showSearch&&!this._mobileSearchOpen;return m`
+      >
+        <span>${s}</span>
+        <span class="header-symbol" aria-hidden="true">menu</span>
+        <md-focus-ring aria-hidden="true"></md-focus-ring>
+      </button>
+    `}_renderSearchForm(e,t,r=!0,s=!1){const i=this.searchPlaceholder??"",a=i.trim()||e,d=(this.searchText??"").length>0;return m`
+      <form
+        class=${s?"header-search header-search--mobile":"header-search"}
+        style=${t}
+        role="search"
+        @submit=${this._onNativeSearchSubmit}
+      >
+        <label class="header-search-field">
+          <span class="header-search-icon header-symbol" aria-hidden="true">search</span>
+          <span class="sr-only">${a}</span>
+          <input
+            id=${s?y:this._searchId}
+            class="header-search-input"
+            type="search"
+            .value=${this.searchText}
+            placeholder=${i||y}
+            aria-label=${a}
+            @input=${this._onNativeSearchInput}
+          />
+          <md-focus-ring class="input-ring" aria-hidden="true"></md-focus-ring>
+          <button
+            type="button"
+            class="header-search-clear"
+            aria-label="Rensa sökfält"
+            ?hidden=${!d}
+            @click=${this._onNativeSearchClear}
+          >
+            <span class="header-symbol" aria-hidden="true">close</span>
+            <md-focus-ring aria-hidden="true"></md-focus-ring>
+          </button>
+        </label>
+        ${r?m`
+              <button type="submit" class="search-submit">
+                ${e}
+                <md-focus-ring aria-hidden="true"></md-focus-ring>
+              </button>
+            `:y}
+      </form>
+    `}render(){const e=this._getNavItems(),t=this._slotUtils.length?this._slotUtils:this.utilityItems,r=this._slotMenu.length?this._slotMenu:this.menuData??[],s=this.logoText||this.logotypeText,i=this.logoAlt||s||"Gå till startsidan",a=this.querySelector('[slot="drawer-menu"]')!==null;this._syncFlags(t.length===0,!this.showSearch);const d=this.searchHeight&&this.searchHeight.trim()?`--scb-search-height:${this.searchHeight.trim()}`:"",n=e.length>0||this.reserveTabs||this.layoutPending,u=(this.reserveTabs||this.layoutPending)&&(this.layoutPending||e.length===0),p=this.showDrawer&&(!this.deferDrawer||this._drawerReady),v=typeof window<"u"&&window.innerWidth>=this.BP_MD,_=this.showDrawer&&(v?this.alwaysShowMenuButton||this._collapsed:!0),w=_&&!v,c=_&&v,x=(this.searchButtonLabel??"").trim()||"Sök",f=this.showSearch&&!this._mobileSearchOpen;return m`
       <slot
         id="data-slot"
         @slotchange=${()=>{this._harvest(),this._attachSlotObservers()}}
@@ -100,18 +140,11 @@ import"../../vendor/vendor-material.js";import{_ as E,b as P,g as I,h as c,m as
       ></slot>
 
       <div class="header-landmark">
-        <scb-grid
-          cols-compact="4"
-          cols-medium="8"
-          cols-expanded="12"
-          max-width=${this.maxWidth}
-          gap="0"
+        <div
+          class="header-grid"
+          style=${`--scb-header-max-width:${this.maxWidth||"1440px"}`}
         >
-          <scb-grid-item
-            col-span-compact="4"
-            col-span-medium="8"
-            col-span-expanded="12"
-          >
+          <div class="header-grid-item">
             <div class="top-row">
               <div class="logo-wrap">
                 <a
@@ -120,84 +153,67 @@ import"../../vendor/vendor-material.js";import{_ as E,b as P,g as I,h as c,m as
                   aria-label=${i}
                 >
                   ${this._renderLogo()}
-                  <span class="logo-text">${r}</span>
+                  <span class="logo-text">${s}</span>
                 </a>
-                <md-focus-ring></md-focus-ring>
+                <md-focus-ring aria-hidden="true"></md-focus-ring>
               </div>
 
               <div class="actions">
                 <nav class="utility" aria-label="Funktionslänkar">
                   ${t.map(g=>m`
-                      <scb-button
-                        variant="text"
-                        .href=${g.href}
-                        .target=${g.target??""}
-                        label=${g.label}
-                      ></scb-button>
+                      <a
+                        class="utility-link"
+                        href=${g.href}
+                        target=${g.target||y}
+                        rel=${g.target==="_blank"?"noopener noreferrer":y}
+                      >
+                        ${g.label}
+                        <md-focus-ring aria-hidden="true"></md-focus-ring>
+                      </a>
                     `)}
                 </nav>
 
                 ${this.showSearch?m`
                       <div class="search" style=${d}>
-                        <scb-search
-                          id=${this._searchId}
-                          .size=${this.size}
-                          style=${d}
-                          .value=${this.searchText}
-                          .supportingText=${this.searchPlaceholder??""}
-                          @scb-search-input=${this._onSearchInput}
-                          @scb-search-submit=${this._onSearchSubmit}
-                          @scb-search-clear=${this._onSearchClear}
-                        ></scb-search>
-                        <scb-button
-                          variant="filled-tonal"
-                          label=${A}
-                          .size=${this.size}
-                          @click=${this._onSearchClick}
-                        ></scb-button>
+                        ${this._renderSearchForm(x,d)}
                       </div>
-                    `:_}
+                    `:y}
                 ${f?m`
-                      <scb-icon-button
-                        class="mobile-search-trigger"
-                        variant="filled-tonal"
-                        icon="search"
-                        .size=${this.size}
+                      <button
+                        type="button"
+                        class="mobile-search-trigger header-icon-button"
+                        aria-label=${x}
+                        title=${x}
                         @click=${this._onMobileSearchToggle}
-                      ></scb-icon-button>
-                    `:_}
-                ${w?this._renderMenuButton("",!0):_}
+                      >
+                        <span class="header-symbol" aria-hidden="true">search</span>
+                        <md-focus-ring aria-hidden="true"></md-focus-ring>
+                      </button>
+                    `:y}
+                ${w?this._renderMenuButton("",!0):y}
               </div>
 
               ${this.showSearch&&this._mobileSearchOpen?m`
                     <div class="mobile-search-panel" style=${d}>
-                      <scb-search
-                        .size=${this.size}
-                        style=${d}
-                        .value=${this.searchText}
-                        .supportingText=${this.searchPlaceholder??""}
-                        @scb-search-input=${this._onSearchInput}
-                        @scb-search-submit=${this._onSearchSubmit}
-                        @scb-search-clear=${this._onSearchClear}
-                      ></scb-search>
-                      <scb-icon-button
-                        variant="filled-tonal"
-                        icon="close"
-                        .size=${this.size}
+                      ${this._renderSearchForm(x,d,!1,!0)}
+                      <button
+                        type="button"
+                        class="mobile-search-close header-icon-button"
+                        aria-label="Stäng sök"
+                        title="Stäng sök"
                         @click=${this._onMobileSearchToggle}
-                      ></scb-icon-button>
+                      >
+                        <span class="header-symbol" aria-hidden="true">close</span>
+                        <md-focus-ring aria-hidden="true"></md-focus-ring>
+                      </button>
                     </div>
-                  `:_}
+                  `:y}
 
             </div>
-          </scb-grid-item>
+          </div>
 
-          <scb-grid-item
-            col-span-compact="4"
-            col-span-medium="8"
-            col-span-expanded="12"
-          >
-            <div class=${n||h?"tabs-row":"tabs-row tabs-row--empty"}>
+          <div class="header-grid-item">
+            <div class=${n||c?"tabs-row":"tabs-row tabs-row--empty"}>
               ${n?u?m`
                       <div class="tabs-inset">
                         <div class="tabs-nav tabs-nav--skeleton" aria-hidden="true">
@@ -212,7 +228,7 @@ import"../../vendor/vendor-material.js";import{_ as E,b as P,g as I,h as c,m as
                             @keydown=${this._onTabsKeydown}
                             @scb-dropdown-tab-activate=${this._onDropdownTabActivate}
                           >
-                            ${e.map((g,x)=>g.kind==="dropdown"?m`
+                            ${e.map((g,k)=>g.kind==="dropdown"?m`
                                     <div class="tab-wrap">
                                       <slot name=${g.slotName}></slot>
                                     </div>
@@ -221,40 +237,40 @@ import"../../vendor/vendor-material.js";import{_ as E,b as P,g as I,h as c,m as
                                         <a
                                           class="tab-link"
                                           href=${g.href}
-                                          data-index=${x}
-                                          aria-current=${x===this.activeTab?"page":"false"}
+                                          data-index=${k}
+                                          aria-current=${k===this.activeTab?"page":"false"}
                                           @click=${this._onTabClick}
                                         >
                                           ${g.label}
                                         </a>
-                                        <md-focus-ring></md-focus-ring>
+                                        <md-focus-ring aria-hidden="true"></md-focus-ring>
                                       </div>
                                     `:m`
                                       <div class="tab-wrap">
                                         <button
                                           type="button"
                                           class="tab-link"
-                                          data-index=${x}
-                                          aria-current=${x===this.activeTab?"page":"false"}
+                                          data-index=${k}
+                                          aria-current=${k===this.activeTab?"page":"false"}
                                           @click=${this._onTabClick}
                                         >
                                           ${g.label}
                                         </button>
-                                        <md-focus-ring></md-focus-ring>
+                                        <md-focus-ring aria-hidden="true"></md-focus-ring>
                                       </div>
                                     `)}
                           </nav>
                         </div>
-                      `:_:_}
+                      `:y:y}
 
-              ${h?this._renderMenuButton("menu-trigger--tabs-right"):_}
+              ${c?this._renderMenuButton("menu-trigger--tabs-right"):y}
             </div>
-          </scb-grid-item>
-        </scb-grid>
+          </div>
+        </div>
         <div class="divider" role="presentation"></div>
       </div>
 
-      ${b?m`
+      ${p?m`
             <scb-drawer
               id=${this._drawerId}
               floating
@@ -269,7 +285,7 @@ import"../../vendor/vendor-material.js";import{_ as E,b as P,g as I,h as c,m as
             >
             <slot name="drawer-menu"></slot>
 
-              ${a?_:m`
+              ${a?y:m`
                     <scb-menu
               .label=${this.menuLabel??""}
               .subLabel=${this.menuSubLabel??""}
@@ -283,9 +299,9 @@ import"../../vendor/vendor-material.js";import{_ as E,b as P,g as I,h as c,m as
                     <scb-menu-section
                       .label=${this.menuSectionLabel}
                     ></scb-menu-section>
-                  `:_}
+                  `:y}
 
-              ${this._renderMenuNodes(s)}
+              ${this._renderMenuNodes(r)}
 
               ${this.includeUtilityInMenu&&(t?.length??0)>0?m`
                     <scb-menu-section label=''></scb-menu-section>
@@ -295,12 +311,12 @@ import"../../vendor/vendor-material.js";import{_ as E,b as P,g as I,h as c,m as
                           item-href=${g.href}
                         ></scb-menu-item>
                       `)}
-                  `:_}
+                  `:y}
             </scb-menu>
                   `}
             </scb-drawer>
-          `:_}
-    `}_renderTabSkeletons(){const e=["96px","72px","88px","64px"],t=(this.reserveTabsWidths??"").split(/[\s,]+/).map(a=>a.trim()).filter(Boolean).map(a=>/^\d+(?:\.\d+)?$/.test(a)?`${a}px`:a),s=t.length>0?t:e,r=Number(this.reserveTabsCount),i=Number.isFinite(r)&&r>0?Math.floor(r):t.length>0?t.length:e.length;return m`${Array.from({length:i},(a,d)=>s[d%s.length]).map(a=>m`<scb-skeleton variant="rounded" width=${a} height="16px"></scb-skeleton>`)}`}_renderLogo(){const e=(this.logoSrc??"").trim();return e?m`<img class="logo" src=${e} alt="" aria-hidden="true" />`:m`
+          `:y}
+    `}_renderTabSkeletons(){const e=["96px","72px","88px","64px"],t=(this.reserveTabsWidths??"").split(/[\s,]+/).map(a=>a.trim()).filter(Boolean).map(a=>/^\d+(?:\.\d+)?$/.test(a)?`${a}px`:a),r=t.length>0?t:e,s=Number(this.reserveTabsCount),i=Number.isFinite(s)&&s>0?Math.floor(s):t.length>0?t.length:e.length;return m`${Array.from({length:i},(a,d)=>r[d%r.length]).map(a=>m`<span class="tab-skeleton" style=${`inline-size:${a}`}></span>`)}`}_renderLogo(){const e=(this.logoSrc??"").trim();return e?m`<img class="logo" src=${e} alt="" aria-hidden="true" />`:m`
       <svg
         class="logo"
         viewBox="0 0 48 54"
@@ -334,7 +350,7 @@ import"../../vendor/vendor-material.js";import{_ as E,b as P,g as I,h as c,m as
           </clipPath>
         </defs>
       </svg>
-    `}},C=k,k._JSON_ARRAY={fromAttribute:p=>{if(p==null||p==="")return[];try{const e=JSON.parse(p);return Array.isArray(e)?e:[]}catch{return[]}},toAttribute:p=>p==null?null:JSON.stringify(p)},k.BP_SM_DEFAULT=600,k.BP_MD_DEFAULT=840,k.styles=P`
+    `}},T=A,A._JSON_ARRAY={fromAttribute:b=>{if(b==null||b==="")return[];try{const e=JSON.parse(b);return Array.isArray(e)?e:[]}catch{return[]}},toAttribute:b=>b==null?null:JSON.stringify(b)},A.BP_SM_DEFAULT=600,A.BP_MD_DEFAULT=840,A.styles=E`
     :host {
       display: block;
       margin-block-start: var(--scb-header-spacing-block-start, 0);
@@ -343,6 +359,12 @@ import"../../vendor/vendor-material.js";import{_ as E,b as P,g as I,h as c,m as
       color: var(--md-sys-color-on-surface, #1b1b1f);
       --scb-header-search-max: 380px;
       --scb-header-search-min: 250px;
+      --scb-header-search-padding-x: var(--spacing-4, 12px);
+      --scb-header-search-padding-y: var(--spacing-4, 12px);
+      --scb-header-search-leading-size: var(--scale-10, 40px);
+      --scb-header-search-icon-size: var(--icon-size-medium, 24px);
+      --scb-header-search-font-size: var(--md-sys-typescale-body-medium-size, 16px);
+      --scb-header-search-line-height: var(--md-sys-typescale-body-medium-line-height, 24px);
 
       --scb-header-logo-w: var(--icon-size-extra-extra-large, 48px);
       --scb-header-logo-h: calc(var(--scb-header-logo-w) * 1.125);
@@ -407,6 +429,13 @@ import"../../vendor/vendor-material.js";import{_ as E,b as P,g as I,h as c,m as
         --md-sys-typescale-label-small-line-height,
         1.25rem
       );
+
+      --scb-header-search-padding-x: var(--spacing-3, 8px);
+      --scb-header-search-padding-y: var(--spacing-3, 8px);
+      --scb-header-search-leading-size: var(--scale-09, 36px);
+      --scb-header-search-icon-size: var(--icon-size-small, 20px);
+      --scb-header-search-font-size: var(--md-sys-typescale-body-small-size, 14px);
+      --scb-header-search-line-height: var(--md-sys-typescale-body-small-line-height, 20px);
     }
 
     :host([size='large']) {
@@ -436,18 +465,33 @@ import"../../vendor/vendor-material.js";import{_ as E,b as P,g as I,h as c,m as
         --md-sys-typescale-title-medium-line-height,
         1.625rem
       );
+
+      --scb-header-search-padding-x: var(--spacing-5, 16px);
+      --scb-header-search-padding-y: var(--spacing-5, 16px);
+      --scb-header-search-leading-size: var(--scale-11, 48px);
+      --scb-header-search-icon-size: var(--icon-size-medium, 24px);
+      --scb-header-search-font-size: var(--md-sys-typescale-body-large-size, 18px);
+      --scb-header-search-line-height: var(--md-sys-typescale-body-large-line-height, 26px);
     }
 
-    .header-landmark > scb-grid {
+    .header-grid {
+      box-sizing: border-box;
+      inline-size: 100%;
+      max-inline-size: var(--scb-header-max-width, 1440px);
+      margin-inline: auto;
       padding-inline: 20px;
     }
 
     @media (min-width: 840px) {
-      .header-landmark > scb-grid {
+      .header-grid {
         padding-inline: 32px;
       }
     }
 
+    .header-grid-item {
+      min-inline-size: 0;
+    }
+
     .top-row {
       display: flex;
       align-items: center;
@@ -466,6 +510,7 @@ import"../../vendor/vendor-material.js";import{_ as E,b as P,g as I,h as c,m as
       );
       margin-top: var(--spacing-2, 4px);
     }
+
     .logo-wrap md-focus-ring {
       position: absolute;
       inset: var(--spacing-neg-2, -4px);
@@ -473,6 +518,7 @@ import"../../vendor/vendor-material.js";import{_ as E,b as P,g as I,h as c,m as
       display: none;
       border-radius: inherit;
     }
+
     .logo-group:focus-visible + md-focus-ring {
       display: block;
     }
@@ -490,6 +536,7 @@ import"../../vendor/vendor-material.js";import{_ as E,b as P,g as I,h as c,m as
     .logo-group:focus-visible {
       outline: none;
     }
+
     .logo-group svg {
       width: var(--scb-header-logo-slot-w);
       height: var(--scb-header-logo-slot-h);
@@ -601,16 +648,123 @@ import"../../vendor/vendor-material.js";import{_ as E,b as P,g as I,h as c,m as
       max-width: var(--scb-header-search-max);
       min-width: var(--scb-header-search-min);
     }
-    scb-search {
-      width: 100%;
+
+    .header-search {
+      display: flex;
+      align-items: stretch;
+      flex: 1 1 auto;
+      min-width: 0;
+      gap: var(--spacing-3, 8px);
     }
-    .search scb-search {
+
+    .header-search-field {
+      position: relative;
       flex: 1 1 auto;
-      width: auto;
+      min-width: 0;
+    }
+
+    .header-search-input {
+      box-sizing: border-box;
+      inline-size: 100%;
+      min-block-size: var(
+        --scb-search-height,
+        calc(
+          var(--scb-header-search-line-height) +
+            var(--scb-header-search-padding-y) +
+            var(--scb-header-search-padding-y)
+        )
+      );
+      padding-block: var(--scb-header-search-padding-y);
+      padding-inline-start: calc(
+        var(--scb-header-search-padding-x) +
+          var(--scb-header-search-leading-size) +
+          var(--spacing-2, 4px)
+      );
+      padding-inline-end: calc(
+        var(--scb-header-search-padding-x) +
+          var(--scb-header-search-leading-size) +
+          var(--spacing-2, 4px)
+      );
+      border: var(--stroke-border, 1px) solid var(--md-sys-color-outline, #808080);
+      border-radius: var(--radius-full, 1000px);
+      background: transparent;
+      color: var(--md-sys-color-on-surface, #1b1b1f);
+      font-family: var(--md-sys-typescale-body-large-font, var(--brand-font, Inter), sans-serif);
+      font-size: var(--scb-header-search-font-size);
+      line-height: var(--scb-header-search-line-height);
+      letter-spacing: 0;
+      -webkit-appearance: none;
+      appearance: none;
+    }
+
+    .header-search-input::placeholder {
+      color: var(--md-sys-color-on-surface-variant, #1b1b1f);
+      opacity: 1;
+    }
+
+    .header-search-input:hover {
+      outline: var(--stroke-border, 1px) solid var(--md-sys-color-outline, #808080);
+      outline-offset: 0;
+    }
+
+    .header-search-input:focus {
+      outline: none;
+    }
+
+    .header-search-input::-webkit-search-cancel-button {
+      -webkit-appearance: none;
+      appearance: none;
+      display: none;
+    }
+
+    .header-search-icon,
+    .header-search-clear {
+      position: absolute;
+      inset-block-start: 50%;
+      transform: translateY(-50%);
+      display: inline-flex;
+      align-items: center;
+      justify-content: center;
+      inline-size: var(--scb-header-search-leading-size);
+      block-size: var(--scb-header-search-leading-size);
+      color: var(--md-sys-color-on-surface-variant, #1b1b1f);
+    }
+
+    .header-search-icon {
+      inset-inline-start: var(--scb-header-search-padding-x);
+      pointer-events: none;
+    }
+
+    .header-search-clear {
+      inset-inline-end: var(--scb-header-search-padding-x);
+      border: 0;
+      border-radius: var(--radius-full, 1000px);
+      padding: 0;
+      background: transparent;
+      cursor: pointer;
     }
-    .search scb-button {
+
+    .header-search-clear[hidden] {
+      display: none;
+    }
+
+    .header-search-field md-focus-ring.input-ring {
+      position: absolute;
+      inset: 0;
+      pointer-events: none;
+      display: none;
+      border-radius: var(--radius-full, 1000px);
+      z-index: 4;
+    }
+
+    :host([data-keyboard-focus]) .header-search-input:focus ~ md-focus-ring.input-ring {
+      display: block;
+    }
+
+    .search-submit {
       flex: 0 0 auto;
     }
+
     @media (min-width: 600px) {
       .search {
         display: flex;
@@ -620,7 +774,6 @@ import"../../vendor/vendor-material.js";import{_ as E,b as P,g as I,h as c,m as
     .mobile-search-trigger {
       display: inline-flex;
       color: var(--md-sys-color-on-surface, #1b1b1f);
-      --md-sys-color-primary: var(--md-sys-color-on-surface, #1b1b1f);
     }
 
     @media (min-width: 600px) {
@@ -640,7 +793,7 @@ import"../../vendor/vendor-material.js";import{_ as E,b as P,g as I,h as c,m as
       background: var(--scb-header-background, transparent);
     }
 
-    .mobile-search-panel scb-search {
+    .mobile-search-panel .header-search {
       flex: 1 1 auto;
       min-width: 0;
     }
@@ -717,8 +870,17 @@ import"../../vendor/vendor-material.js";import{_ as E,b as P,g as I,h as c,m as
       align-items: center;
     }
 
-    .tabs-nav--skeleton scb-skeleton {
+    .tab-skeleton {
       flex: 0 0 auto;
+      display: inline-block;
+      block-size: 16px;
+      border-radius: var(--radius-full, 1000px);
+      background: linear-gradient(
+        90deg,
+        var(--md-sys-color-surface-container-low, #f5f5f5),
+        var(--md-sys-color-surface-container, #ebf8ff),
+        var(--md-sys-color-surface-container-low, #f5f5f5)
+      );
     }
 
     .tab-wrap {
@@ -728,15 +890,14 @@ import"../../vendor/vendor-material.js";import{_ as E,b as P,g as I,h as c,m as
 
      }
 
-     .tab-wrap md-focus-ring {
+    .tab-wrap md-focus-ring {
       position: absolute;
       inset-block: var(--spacing-1, 2px);
       inset-inline: var(--spacing-neg-2, -4px);
       pointer-events: none;
       display: none;
       border-radius: 5px;
-     }
-
+    }
 
     .tab-link {
       position: relative;
@@ -788,10 +949,199 @@ import"../../vendor/vendor-material.js";import{_ as E,b as P,g as I,h as c,m as
       background-color: var(--md-sys-color-primary);
     }
 
+    .tab-link:focus-visible {
+      outline: none;
+    }
+
     .tab-link:focus-visible + md-focus-ring {
       display: block;
     }
 
+    .utility-link,
+    .header-text-button,
+    .header-icon-button,
+    .search-submit {
+      border: 0;
+      font: inherit;
+      letter-spacing: 0;
+      -webkit-tap-highlight-color: transparent;
+      position: relative;
+    }
+
+    .utility-link,
+    .header-text-button,
+    .search-submit {
+      box-sizing: border-box;
+      display: inline-flex;
+      align-items: center;
+      justify-content: center;
+      min-block-size: calc(
+        var(--md-sys-typescale-label-small-line-height, 20px) +
+          ((var(--spacing-4, 12px) - var(--spacing-1, 2px)) * 2)
+      );
+      padding-block: calc(var(--spacing-4, 12px) - var(--spacing-1, 2px));
+      padding-inline: var(--spacing-5, 16px);
+      border-radius: var(--radius-full, 1000px);
+      color: var(--md-sys-color-primary, var(--p-40, #1f44ff));
+      font-family: var(--md-sys-typescale-label-small-font, var(--brand-font, Inter), sans-serif);
+      font-size: var(--md-sys-typescale-label-small-size, 14px);
+      line-height: var(--md-sys-typescale-label-small-line-height, 20px);
+      font-weight: var(--md-sys-typescale-label-small-weight, 600);
+      text-decoration: none;
+      background: transparent;
+      cursor: pointer;
+      white-space: nowrap;
+    }
+
+    .utility-link:hover,
+    .header-text-button:hover {
+      background: color-mix(in srgb, var(--md-sys-color-primary, #1f44ff) 8%, transparent);
+    }
+
+    .search-submit {
+      min-block-size: var(--scb-search-height, var(--scale-11, 48px));
+      min-inline-size: var(--scale-12, 64px);
+      color: var(--md-sys-color-on-secondary-container, var(--p-30, #1e00be));
+      background: var(--md-sys-color-secondary-container, var(--p-90, #d6f1ff));
+    }
+
+    .search-submit:hover {
+      background: color-mix(
+        in srgb,
+        var(--md-sys-color-secondary-container, #d6f1ff) 92%,
+        var(--md-sys-color-on-secondary-container, #1e00be)
+      );
+    }
+
+    .header-icon-button {
+      position: relative;
+      display: inline-flex;
+      align-items: center;
+      justify-content: center;
+      inline-size: calc(var(--icon-size-medium, 24px) + (var(--spacing-3, 12px) * 2));
+      block-size: calc(var(--icon-size-medium, 24px) + (var(--spacing-3, 12px) * 2));
+      padding: 0;
+      border-radius: var(--radius-full, 1000px);
+      color: var(--md-sys-color-on-surface, #1b1b1f);
+      background: transparent;
+      cursor: pointer;
+    }
+
+    .mobile-search-trigger,
+    .mobile-search-close {
+      color: var(--md-sys-color-on-secondary-container, var(--p-30, #1e00be));
+      background: var(--md-sys-color-secondary-container, var(--p-90, #d6f1ff));
+    }
+
+    @media (min-width: 600px) {
+      .mobile-search-trigger.header-icon-button {
+        display: none;
+      }
+    }
+
+    .header-icon-button:hover,
+    .header-search-clear:hover {
+      background: color-mix(in srgb, currentColor 8%, transparent);
+    }
+
+    .mobile-search-trigger:hover,
+    .mobile-search-close:hover {
+      background: color-mix(
+        in srgb,
+        var(--md-sys-color-secondary-container, #d6f1ff) 92%,
+        var(--md-sys-color-on-secondary-container, #1e00be)
+      );
+    }
+
+    .utility-link:focus,
+    .utility-link:focus-visible,
+    .header-text-button:focus,
+    .header-text-button:focus-visible,
+    .header-icon-button:focus,
+    .header-icon-button:focus-visible,
+    .search-submit:focus,
+    .search-submit:focus-visible,
+    .header-search-clear:focus,
+    .header-search-clear:focus-visible {
+      outline: none;
+    }
+
+    .utility-link:focus-visible,
+    .header-text-button:focus-visible,
+    .header-icon-button:focus-visible,
+    .search-submit:focus-visible,
+    .header-search-clear:focus-visible {
+      outline: none;
+    }
+
+    .utility-link md-focus-ring,
+    .header-text-button md-focus-ring,
+    .header-icon-button md-focus-ring,
+    .search-submit md-focus-ring,
+    .header-search-clear md-focus-ring {
+      position: absolute;
+      inset: var(--spacing-neg-2, -4px);
+      pointer-events: none;
+      display: none;
+      border-radius: inherit;
+    }
+
+    .utility-link:focus-visible md-focus-ring,
+    .header-text-button:focus-visible md-focus-ring,
+    .header-icon-button:focus-visible md-focus-ring,
+    .search-submit:focus-visible md-focus-ring,
+    .header-search-clear:focus-visible md-focus-ring {
+      display: block;
+    }
+
+    .header-text-button {
+      gap: var(--spacing-3, 8px);
+    }
+
+    .header-text-button .header-symbol {
+      inline-size: var(--icon-size-small, 20px);
+      font-size: var(--icon-size-small, 20px);
+      line-height: var(--icon-size-small, 20px);
+    }
+
+    .header-symbol {
+      display: inline-block;
+      inline-size: 1em;
+      overflow: hidden;
+      font-family: 'Material Symbols Outlined';
+      font-size: var(--icon-size-medium, 24px);
+      line-height: 1;
+      text-align: center;
+      white-space: nowrap;
+      text-transform: none;
+      word-wrap: normal;
+      direction: ltr;
+      font-feature-settings: 'liga' 1;
+      font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
+      -webkit-font-smoothing: antialiased;
+      -moz-osx-font-smoothing: grayscale;
+    }
+
+    .header-search-icon.header-symbol {
+      display: inline-flex;
+      align-items: center;
+      justify-content: center;
+      inline-size: var(--scb-header-search-leading-size);
+      font-size: var(--scb-header-search-icon-size);
+    }
+
+    .sr-only {
+      position: absolute;
+      inline-size: 1px;
+      block-size: 1px;
+      padding: 0;
+      margin: -1px;
+      overflow: hidden;
+      clip: rect(0, 0, 0, 0);
+      white-space: nowrap;
+      border: 0;
+    }
+
     .divider {
       border-bottom: var(--stroke-border, 1px) solid
         var(--md-sys-color-outline-variant, #e0e0e0);
@@ -802,4 +1152,4 @@ import"../../vendor/vendor-material.js";import{_ as E,b as P,g as I,h as c,m as
     :host([data-hide-logo-text]) .logo-text {
       display: none;
     }
-  `,k);l([c({type:String,attribute:"max-width"})],o.prototype,"maxWidth",void 0);l([c({type:String,reflect:!0})],o.prototype,"spacing",void 0);l([c({type:String,attribute:"spacing-top",reflect:!0})],o.prototype,"spacingTop",void 0);l([c({type:String,attribute:"spacing-bottom",reflect:!0})],o.prototype,"spacingBottom",void 0);l([c({type:String,reflect:!0,converter:N})],o.prototype,"size",void 0);l([c({type:String,attribute:"logo-text"})],o.prototype,"logoText",void 0);l([c({type:String,attribute:"logotype-text"})],o.prototype,"logotypeText",void 0);l([c({type:String,attribute:"logo-alt"})],o.prototype,"logoAlt",void 0);l([c({type:String,attribute:"logo-href"})],o.prototype,"logoHref",void 0);l([c({type:String,attribute:"logo-src"})],o.prototype,"logoSrc",void 0);l([c({type:String,attribute:"logo-width"})],o.prototype,"logoWidth",void 0);l([c({type:String,attribute:"logo-height"})],o.prototype,"logoHeight",void 0);l([c({type:String,attribute:"logo-aspect-ratio"})],o.prototype,"logoAspectRatio",void 0);l([c({type:Boolean,attribute:"logo-invert-dm",reflect:!0,converter:$})],o.prototype,"logoInvertDm",void 0);l([c({type:Boolean,reflect:!0})],o.prototype,"banner",void 0);l([c({type:String,attribute:"banner-label"})],o.prototype,"bannerLabel",void 0);l([c({type:Array,attribute:"tabs",converter:o._JSON_ARRAY})],o.prototype,"tabs",void 0);l([c({type:Number,attribute:"active-tab"})],o.prototype,"activeTab",void 0);l([c({type:Boolean,attribute:"reserve-tabs",reflect:!0,converter:$})],o.prototype,"reserveTabs",void 0);l([c({type:Number,attribute:"reserve-tabs-count"})],o.prototype,"reserveTabsCount",void 0);l([c({type:String,attribute:"reserve-tabs-widths"})],o.prototype,"reserveTabsWidths",void 0);l([c({type:Boolean,attribute:"layout-pending",reflect:!0,converter:$})],o.prototype,"layoutPending",void 0);l([c({type:Array,attribute:"utility-items",converter:o._JSON_ARRAY})],o.prototype,"utilityItems",void 0);l([c({type:String,attribute:"search-placeholder"})],o.prototype,"searchPlaceholder",void 0);l([c({type:String,attribute:"search-button-label"})],o.prototype,"searchButtonLabel",void 0);l([c({type:String,attribute:"menu-label"})],o.prototype,"menuLabel",void 0);l([c({type:String,attribute:"menu-button-label"})],o.prototype,"menuButtonLabel",void 0);l([c({type:String,attribute:"menu-sub-label"})],o.prototype,"menuSubLabel",void 0);l([c({type:String,attribute:"menu-section-label"})],o.prototype,"menuSectionLabel",void 0);l([c({type:String,attribute:"menu-search-placeholder"})],o.prototype,"menuSearchPlaceholder",void 0);l([c({type:Array,attribute:"menu-data",converter:o._JSON_ARRAY})],o.prototype,"menuData",void 0);l([c({type:Boolean,attribute:"defer-drawer",reflect:!0,converter:$})],o.prototype,"deferDrawer",void 0);l([c({type:Boolean,attribute:"show-drawer",reflect:!0,converter:M})],o.prototype,"showDrawer",void 0);l([c({type:Boolean,attribute:"always-show-menu-button",reflect:!0,converter:$})],o.prototype,"alwaysShowMenuButton",void 0);l([c({type:Boolean,attribute:"show-search",reflect:!0,converter:M})],o.prototype,"showSearch",void 0);l([c({type:Boolean,attribute:"include-utility-in-menu",reflect:!0,converter:$})],o.prototype,"includeUtilityInMenu",void 0);l([c({type:Boolean,attribute:"drawer-overlay",reflect:!0,converter:M})],o.prototype,"drawerOverlay",void 0);l([c({type:String,attribute:"search-max"})],o.prototype,"searchMax",void 0);l([c({type:String,attribute:"search-min"})],o.prototype,"searchMin",void 0);l([c({type:String,attribute:"search-height"})],o.prototype,"searchHeight",void 0);l([c({type:String,attribute:"search-text",reflect:!0})],o.prototype,"searchText",void 0);l([S()],o.prototype,"_drawerId",void 0);l([S()],o.prototype,"_menuExpanded",void 0);l([S()],o.prototype,"_searchId",void 0);l([S()],o.prototype,"_drawerReady",void 0);l([S()],o.prototype,"_mobileSearchOpen",void 0);l([S()],o.prototype,"_slotNavItems",void 0);l([S()],o.prototype,"_slotUtils",void 0);l([S()],o.prototype,"_slotMenu",void 0);l([S()],o.prototype,"_collapsed",void 0);l([S()],o.prototype,"_hideLogoText",void 0);o=C=l([I("scb-header")],o);
+  `,A);l([h({type:String,attribute:"max-width"})],o.prototype,"maxWidth",void 0);l([h({type:String,reflect:!0})],o.prototype,"spacing",void 0);l([h({type:String,attribute:"spacing-top",reflect:!0})],o.prototype,"spacingTop",void 0);l([h({type:String,attribute:"spacing-bottom",reflect:!0})],o.prototype,"spacingBottom",void 0);l([h({type:String,reflect:!0,converter:R})],o.prototype,"size",void 0);l([h({type:String,attribute:"logo-text"})],o.prototype,"logoText",void 0);l([h({type:String,attribute:"logotype-text"})],o.prototype,"logotypeText",void 0);l([h({type:String,attribute:"logo-alt"})],o.prototype,"logoAlt",void 0);l([h({type:String,attribute:"logo-href"})],o.prototype,"logoHref",void 0);l([h({type:String,attribute:"logo-src"})],o.prototype,"logoSrc",void 0);l([h({type:String,attribute:"logo-width"})],o.prototype,"logoWidth",void 0);l([h({type:String,attribute:"logo-height"})],o.prototype,"logoHeight",void 0);l([h({type:String,attribute:"logo-aspect-ratio"})],o.prototype,"logoAspectRatio",void 0);l([h({type:Boolean,attribute:"logo-invert-dm",reflect:!0,converter:C})],o.prototype,"logoInvertDm",void 0);l([h({type:Boolean,reflect:!0})],o.prototype,"banner",void 0);l([h({type:String,attribute:"banner-label"})],o.prototype,"bannerLabel",void 0);l([h({type:Array,attribute:"tabs",converter:o._JSON_ARRAY})],o.prototype,"tabs",void 0);l([h({type:Number,attribute:"active-tab"})],o.prototype,"activeTab",void 0);l([h({type:Boolean,attribute:"reserve-tabs",reflect:!0,converter:C})],o.prototype,"reserveTabs",void 0);l([h({type:Number,attribute:"reserve-tabs-count"})],o.prototype,"reserveTabsCount",void 0);l([h({type:String,attribute:"reserve-tabs-widths"})],o.prototype,"reserveTabsWidths",void 0);l([h({type:Boolean,attribute:"layout-pending",reflect:!0,converter:C})],o.prototype,"layoutPending",void 0);l([h({type:Array,attribute:"utility-items",converter:o._JSON_ARRAY})],o.prototype,"utilityItems",void 0);l([h({type:String,attribute:"search-placeholder"})],o.prototype,"searchPlaceholder",void 0);l([h({type:String,attribute:"search-button-label"})],o.prototype,"searchButtonLabel",void 0);l([h({type:String,attribute:"menu-label"})],o.prototype,"menuLabel",void 0);l([h({type:String,attribute:"menu-button-label"})],o.prototype,"menuButtonLabel",void 0);l([h({type:String,attribute:"menu-sub-label"})],o.prototype,"menuSubLabel",void 0);l([h({type:String,attribute:"menu-section-label"})],o.prototype,"menuSectionLabel",void 0);l([h({type:String,attribute:"menu-search-placeholder"})],o.prototype,"menuSearchPlaceholder",void 0);l([h({type:Array,attribute:"menu-data",converter:o._JSON_ARRAY})],o.prototype,"menuData",void 0);l([h({type:Boolean,attribute:"defer-drawer",reflect:!0,converter:C})],o.prototype,"deferDrawer",void 0);l([h({type:Boolean,attribute:"show-drawer",reflect:!0,converter:z})],o.prototype,"showDrawer",void 0);l([h({type:Boolean,attribute:"always-show-menu-button",reflect:!0,converter:C})],o.prototype,"alwaysShowMenuButton",void 0);l([h({type:Boolean,attribute:"show-search",reflect:!0,converter:z})],o.prototype,"showSearch",void 0);l([h({type:Boolean,attribute:"include-utility-in-menu",reflect:!0,converter:C})],o.prototype,"includeUtilityInMenu",void 0);l([h({type:Boolean,attribute:"drawer-overlay",reflect:!0,converter:z})],o.prototype,"drawerOverlay",void 0);l([h({type:String,attribute:"search-max"})],o.prototype,"searchMax",void 0);l([h({type:String,attribute:"search-min"})],o.prototype,"searchMin",void 0);l([h({type:String,attribute:"search-height"})],o.prototype,"searchHeight",void 0);l([h({type:String,attribute:"search-text",reflect:!0})],o.prototype,"searchText",void 0);l([S()],o.prototype,"_drawerId",void 0);l([S()],o.prototype,"_menuExpanded",void 0);l([S()],o.prototype,"_searchId",void 0);l([S()],o.prototype,"_drawerReady",void 0);l([S()],o.prototype,"_mobileSearchOpen",void 0);l([S()],o.prototype,"_slotNavItems",void 0);l([S()],o.prototype,"_slotUtils",void 0);l([S()],o.prototype,"_slotMenu",void 0);l([S()],o.prototype,"_collapsed",void 0);l([S()],o.prototype,"_hideLogoText",void 0);o=T=l([P("scb-header")],o);