scb-wc 0.1.78 → 0.1.80

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (180) hide show
  1. package/README.md +41 -22
  2. package/all.js +0 -2
  3. package/index.js +88 -90
  4. package/mvc/components/all.js +0 -2
  5. package/mvc/components/scb-accordion/scb-accordion-item.js +3 -173
  6. package/mvc/components/scb-accordion/scb-accordion.js +4 -33
  7. package/mvc/components/scb-app-bar/scb-app-bar.js +2 -110
  8. package/mvc/components/scb-avatar/scb-avatar.js +2 -94
  9. package/mvc/components/scb-badge/scb-badge.js +2 -72
  10. package/mvc/components/scb-breadcrumb/scb-breadcrumb-item.js +2 -12
  11. package/mvc/components/scb-breadcrumb/scb-breadcrumb.js +4 -91
  12. package/mvc/components/scb-button/scb-button.js +47 -309
  13. package/mvc/components/scb-calendar/scb-calendar-event.js +2 -6
  14. package/mvc/components/scb-calendar/scb-calendar.js +6 -120
  15. package/mvc/components/scb-calendar-card/scb-calendar-card.js +21 -350
  16. package/mvc/components/scb-card/scb-card.js +54 -819
  17. package/mvc/components/scb-checkbox/scb-checkbox-group.js +3 -31
  18. package/mvc/components/scb-checkbox/scb-checkbox.js +5 -127
  19. package/mvc/components/scb-chip/scb-chip.js +2 -76
  20. package/mvc/components/scb-collapse/scb-collapse.js +2 -44
  21. package/mvc/components/scb-cookies-consent/scb-cookies-consent.js +7 -73
  22. package/mvc/components/scb-dialog/scb-dialog.js +2 -213
  23. package/mvc/components/scb-divider/scb-divider.js +1 -69
  24. package/mvc/components/scb-drawer/scb-drawer.js +6 -102
  25. package/mvc/components/scb-drop-zone/scb-drop-zone.js +2 -410
  26. package/mvc/components/scb-dropdown/scb-dropdown.js +17 -222
  27. package/mvc/components/scb-fab/scb-fab.js +7 -95
  28. package/mvc/components/scb-fact-card/scb-fact-card-content.js +2 -69
  29. package/mvc/components/scb-fact-card/scb-fact-card.js +2 -214
  30. package/mvc/components/scb-footer/scb-footer-section.js +1 -3
  31. package/mvc/components/scb-footer/scb-footer.js +3 -172
  32. package/mvc/components/scb-gallery-grid/scb-gallery-grid.js +2 -112
  33. package/mvc/components/scb-grid/scb-grid-item.js +1 -32
  34. package/mvc/components/scb-grid/scb-grid.js +1 -99
  35. package/mvc/components/scb-grid/scb-stack.js +1 -33
  36. package/mvc/components/scb-header/scb-header-menu-item.js +1 -5
  37. package/mvc/components/scb-header/scb-header-tab.js +1 -5
  38. package/mvc/components/scb-header/scb-header.js +75 -888
  39. package/mvc/components/scb-horizontal-scroller/scb-horizontal-scroller.js +43 -168
  40. package/mvc/components/scb-icon-button/scb-icon-button.js +59 -171
  41. package/mvc/components/scb-keyfigure-card/scb-keyfigure-card.js +17 -218
  42. package/mvc/components/scb-link/scb-link.js +4 -55
  43. package/mvc/components/scb-list/scb-list-item.js +23 -126
  44. package/mvc/components/scb-list/scb-list.js +5 -26
  45. package/mvc/components/scb-menu/scb-menu-item.js +16 -190
  46. package/mvc/components/scb-menu/scb-menu-section.js +4 -36
  47. package/mvc/components/scb-menu/scb-menu.js +5 -69
  48. package/mvc/components/scb-menu/scb-sub-menu.js +2 -7
  49. package/mvc/components/scb-nav/scb-nav-item.js +1 -28
  50. package/mvc/components/scb-nav/scb-nav.js +5 -98
  51. package/mvc/components/scb-notification-card/scb-notification-card.js +7 -364
  52. package/mvc/components/scb-options-menu/scb-options-menu-item.js +3 -50
  53. package/mvc/components/scb-options-menu/scb-options-menu.js +2 -82
  54. package/mvc/components/scb-options-menu/scb-options-sub-menu.js +2 -31
  55. package/mvc/components/scb-overlay/scb-overlay.js +3 -43
  56. package/mvc/components/scb-pagination/scb-pagination.js +19 -221
  57. package/mvc/components/scb-progress-indicator/scb-progress-indicator.js +2 -67
  58. package/mvc/components/scb-progress-stepper/scb-progress-step.js +4 -121
  59. package/mvc/components/scb-progress-stepper/scb-progress-stepper.js +2 -56
  60. package/mvc/components/scb-radio-button/scb-radio-button.js +5 -116
  61. package/mvc/components/scb-radio-button/scb-radio-group.js +2 -32
  62. package/mvc/components/scb-scrollspy/scb-scrollspy.js +2 -61
  63. package/mvc/components/scb-search/scb-search.js +5 -249
  64. package/mvc/components/scb-segmented-button/scb-segmented-button.js +1 -32
  65. package/mvc/components/scb-segmented-button/scb-segmented-item.js +2 -70
  66. package/mvc/components/scb-select/scb-select-option.js +2 -54
  67. package/mvc/components/scb-select/scb-select.js +4 -244
  68. package/mvc/components/scb-skeleton/scb-skeleton.js +2 -35
  69. package/mvc/components/scb-slider/scb-slider.js +5 -9
  70. package/mvc/components/scb-snackbar/scb-snackbar.js +9 -84
  71. package/mvc/components/scb-status-pill/scb-status-pill.js +2 -43
  72. package/mvc/components/scb-stepper/scb-step.js +8 -186
  73. package/mvc/components/scb-stepper/scb-stepper.js +2 -130
  74. package/mvc/components/scb-switch/scb-switch.js +4 -49
  75. package/mvc/components/scb-table/scb-table.js +2 -48
  76. package/mvc/components/scb-table-advanced/scb-table-advanced.js +2 -53
  77. package/mvc/components/scb-tabs/scb-primary-tab.js +2 -7
  78. package/mvc/components/scb-tabs/scb-secondary-tab.js +2 -7
  79. package/mvc/components/scb-tabs/scb-tabs.js +4 -31
  80. package/mvc/components/scb-textfield/scb-textfield.js +142 -388
  81. package/mvc/components/scb-toc/scb-toc-item.js +3 -251
  82. package/mvc/components/scb-toc/scb-toc.js +2 -16
  83. package/mvc/components/scb-tooltip/scb-tooltip.js +8 -155
  84. package/mvc/components/scb-viz/scb-viz.js +4 -619
  85. package/mvc/scb-wc-core.css +1 -1
  86. package/mvc/scb-wc-selfhost.css +1 -1
  87. package/mvc/scb-wc.css +1 -1
  88. package/mvc/vendor/assist-chip.js +3 -3
  89. package/mvc/vendor/chip-set.js +1 -1
  90. package/mvc/vendor/chip.js +2 -2
  91. package/mvc/vendor/elevation.js +2 -2
  92. package/mvc/vendor/filter-chip.js +1 -1
  93. package/mvc/vendor/focusable.js +1 -1
  94. package/mvc/vendor/form-associated.js +1 -1
  95. package/mvc/vendor/icon.js +2 -2
  96. package/mvc/vendor/lazy-focus-ring.js +2 -0
  97. package/mvc/vendor/lazy-ripple.js +2 -0
  98. package/mvc/vendor/md-focus-ring.js +2 -2
  99. package/mvc/vendor/ripple.js +2 -2
  100. package/mvc/vendor/scb-card-variants.internal.js +284 -0
  101. package/mvc/vendor/scb-chevron.js +10 -0
  102. package/mvc/vendor/scb-header-drawer.internal.js +71 -0
  103. package/mvc/vendor/shared-styles.js +1 -1
  104. package/mvc/vendor/tab-styles.js +3 -3
  105. package/mvc/vendor/validator.js +1 -1
  106. package/mvc/vendor/vendor.js +3 -4
  107. package/package.json +2 -2
  108. package/scb-accordion/scb-accordion-item.js +33 -32
  109. package/scb-app-bar/scb-app-bar.js +1 -1
  110. package/scb-button/scb-button.js +287 -259
  111. package/scb-calendar/scb-calendar.js +49 -49
  112. package/scb-calendar-card/scb-calendar-card.js +105 -59
  113. package/scb-card/scb-card-variants.internal.js +230 -0
  114. package/scb-card/scb-card.js +387 -528
  115. package/scb-checkbox/scb-checkbox.js +0 -1
  116. package/scb-chevron/scb-chevron.js +0 -1
  117. package/scb-components/scb-button/scb-button.d.ts +14 -2
  118. package/scb-components/scb-calendar/scb-calendar.d.ts +1 -0
  119. package/scb-components/scb-calendar-card/scb-calendar-card.d.ts +16 -4
  120. package/scb-components/scb-card/scb-card-variants.internal.d.ts +15 -0
  121. package/scb-components/scb-card/scb-card.d.ts +26 -9
  122. package/scb-components/scb-cookies-consent/scb-cookies-consent.d.ts +3 -0
  123. package/scb-components/scb-header/scb-header-drawer.internal.d.ts +31 -0
  124. package/scb-components/scb-header/scb-header.d.ts +1 -2
  125. package/scb-components/scb-horizontal-scroller/scb-horizontal-scroller.d.ts +6 -1
  126. package/scb-components/scb-icon-button/scb-icon-button.d.ts +28 -29
  127. package/scb-components/scb-keyfigure-card/scb-keyfigure-card.d.ts +13 -4
  128. package/scb-components/scb-list/scb-list-item.d.ts +20 -2
  129. package/scb-components/scb-list/scb-list.d.ts +1 -2
  130. package/scb-components/scb-nav/scb-nav.d.ts +2 -0
  131. package/scb-components/scb-segmented-button/scb-segmented-item.d.ts +1 -0
  132. package/scb-components/scb-select/scb-select-option.d.ts +2 -0
  133. package/scb-components/scb-toc/scb-toc-item.d.ts +1 -0
  134. package/scb-components/scb-tooltip/scb-tooltip.d.ts +2 -0
  135. package/scb-cookies-consent/scb-cookies-consent.js +43 -31
  136. package/scb-datepicker/scb-datepicker.js +27 -25
  137. package/scb-dialog/scb-dialog.js +1 -1
  138. package/scb-dropdown/scb-dropdown.js +29 -28
  139. package/scb-header/scb-header-drawer.internal.js +78 -0
  140. package/scb-header/scb-header.js +41 -89
  141. package/scb-horizontal-scroller/scb-horizontal-scroller.js +181 -88
  142. package/scb-icon-button/scb-icon-button.js +293 -205
  143. package/scb-keyfigure-card/scb-keyfigure-card.js +96 -43
  144. package/scb-list/scb-list-item.js +117 -52
  145. package/scb-list/scb-list.js +9 -9
  146. package/scb-nav/scb-nav.js +26 -23
  147. package/scb-notification-card/scb-notification-card.js +0 -2
  148. package/scb-options-menu/scb-options-menu-item.js +20 -20
  149. package/scb-pagination/scb-pagination.js +0 -1
  150. package/scb-progress-stepper/scb-progress-step.js +19 -17
  151. package/scb-radio-button/scb-radio-button.js +0 -1
  152. package/scb-search/scb-search.js +29 -28
  153. package/scb-segmented-button/scb-segmented-item.js +22 -19
  154. package/scb-select/scb-select-option.js +20 -14
  155. package/scb-select/scb-select.js +26 -26
  156. package/scb-stepper/scb-step.js +34 -31
  157. package/scb-textfield/scb-textfield.js +39 -39
  158. package/scb-toc/scb-toc-item.js +26 -26
  159. package/scb-tooltip/scb-tooltip.js +5 -4
  160. package/scb-viz/scb-viz.js +1 -1
  161. package/scb-wc-core.css +1 -1
  162. package/scb-wc-public-entry/index.d.ts +97 -0
  163. package/scb-wc-selfhost.css +1 -1
  164. package/scb-wc.bundle.js +1873 -1476
  165. package/scb-wc.css +1 -1
  166. package/scb-wc.d.ts +194 -198
  167. package/mvc/components/scb-chevron/scb-chevron.js +0 -41
  168. package/mvc/components/scb-datepicker/scb-datepicker.js +0 -296
  169. package/mvc/vendor/element-internals.js +0 -1
  170. package/mvc/vendor/filled-icon-button.js +0 -2
  171. package/mvc/vendor/filled-tonal-icon-button.js +0 -2
  172. package/mvc/vendor/form-label-activation.js +0 -1
  173. package/mvc/vendor/form-submitter.js +0 -1
  174. package/mvc/vendor/icon-button.js +0 -2
  175. package/mvc/vendor/list.js +0 -8
  176. package/mvc/vendor/outlined-icon-button.js +0 -2
  177. package/mvc/vendor/shared-styles2.js +0 -30
  178. package/scb-components/index.d.ts +0 -99
  179. package/scb-components/scb-chevron/scb-chevron.d.ts +0 -11
  180. package/scb-components/scb-datepicker/scb-datepicker.d.ts +0 -39
@@ -1,5 +1,5 @@
1
- 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","../scb-chevron/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-button/scb-button.js","../../vendor/elevation.js","../../vendor/delegate.js","../../vendor/form-submitter.js","../../vendor/element-internals.js","../../vendor/form-label-activation.js","../scb-icon-button/scb-icon-button.js","../scb-skeleton/scb-skeleton.js","../scb-grid/scb-grid.js","../scb-grid/scb-grid-item.js","../scb-grid/scb-stack.js","../scb-dropdown/scb-dropdown.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]);
2
- import{_ as M,b as P,g as D,h,m as k,v,y as b}from"../../vendor/vendor.js";import"../../vendor/vendor-lit.js";import{t as c}from"../../vendor/decorate.js";import{t as S}from"../../vendor/preload-helper.js";(function(){try{var m=typeof globalThis<"u"?globalThis:window;if(!m.__scb_ce_guard_installed__){m.__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 C,z,I=0,R=()=>{if(typeof window>"u"||typeof document>"u"||!("customElements"in window)||document.head.querySelector("style[data-scb-header-pre-upgrade]"))return;const m=document.createElement("style");m.setAttribute("data-scb-header-pre-upgrade",""),m.textContent=`
1
+ const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["../../vendor/lazy-focus-ring.js","../../vendor/rolldown-runtime.js","../../vendor/preload-helper.js","../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/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","../../vendor/attachable-controller.js","../../vendor/scb-header-drawer.internal.js","../scb-button/scb-button.js","../scb-icon-button/scb-icon-button.js","../scb-skeleton/scb-skeleton.js","../scb-grid/scb-grid.js","../scb-grid/scb-grid-item.js","../scb-grid/scb-stack.js","../scb-dropdown/scb-dropdown.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]);
2
+ import{f as k,g as w,h as D,m as I,p as h,v as m,y as R}from"../../vendor/vendor.js";import"../../vendor/vendor-lit.js";import{t as S}from"../../vendor/preload-helper.js";import{t as c}from"../../vendor/decorate.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 T,P,L=0,$=()=>{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=`
3
3
  scb-header:not(:defined),
4
4
  scb-header[data-upgrading] {
5
5
  display: block;
@@ -24,7 +24,8 @@ import{_ as M,b as P,g as D,h,m as k,v,y as b}from"../../vendor/vendor.js";impor
24
24
  --scb-header-pre-divider: var(--stroke-border, 1px);
25
25
  --scb-header-pre-tabs-row: var(--spacing-10, 40px);
26
26
  --scb-header-pre-block-size: calc(
27
- var(--scb-header-pre-top-row) + var(--scb-header-pre-divider)
27
+ var(--scb-header-pre-top-row) + var(--scb-header-pre-divider) +
28
+ var(--spacing-2, 4px)
28
29
  );
29
30
 
30
31
  min-block-size: var(--scb-header-pre-block-size);
@@ -46,27 +47,12 @@ import{_ as M,b as P,g as D,h,m as k,v,y as b}from"../../vendor/vendor.js";impor
46
47
  --scb-header-pre-block-size: calc(
47
48
  var(--scb-header-pre-top-row) +
48
49
  var(--scb-header-pre-tabs-row) +
49
- var(--scb-header-pre-divider)
50
+ var(--scb-header-pre-divider) +
51
+ var(--spacing-2, 4px)
50
52
  );
51
53
  }
52
54
  }
53
- `,document.head.appendChild(m);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,y=e(n.getAttribute("spacing-bottom"))??u;p?n.style.setProperty("--scb-header-spacing-block-start",p):n.style.removeProperty("--scb-header-spacing-block-start"),y?n.style.setProperty("--scb-header-spacing-block-end",y):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 x=(n.getAttribute("logo-height")??"").trim();x?n.style.setProperty("--scb-header-pre-logo-img-h",x):n.style.removeProperty("--scb-header-pre-logo-img-h");const l=(n.getAttribute("search-height")??"").trim();l?n.style.setProperty("--scb-header-pre-control-size",l):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 y of p){if(!(y instanceof HTMLElement))continue;if(y.tagName.toLowerCase()==="scb-header"){i(y);continue}const _=y.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()})};R();var E={fromAttribute:m=>m==null?!0:!/^(false|0|off|no)$/i.test(m),toAttribute:m=>String(!!m)},$={fromAttribute:m=>m==null?!1:!/^(false|0|off|no)$/i.test(m),toAttribute:m=>m?"":null},L={fromAttribute:m=>m==="small"||m==="large"?m:"medium",toAttribute:m=>{const e=String(m??"");return e==="small"||e==="large"?e:null}},o=(C=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=l=>({label:l.getAttribute("label")??"",href:l.getAttribute("href")??void 0,icon:l.getAttribute("icon")??void 0}),p=l=>{l.hasAttribute("role")&&l.removeAttribute("role"),l.hasAttribute("hidden")||l.setAttribute("hidden",""),l.getAttribute("aria-hidden")!=="true"&&l.setAttribute("aria-hidden","true")};for(const l of r){const A=l.tagName.toLowerCase();if(this._isDrawerCloseNode(l)){this._syncDrawerCloseNode(l);continue}if(A==="scb-header-tab"){p(l);const g=l.getAttribute("label")??"",w=l.getAttribute("href"),f=w&&w.trim()!==""?w:void 0;(l.hasAttribute("selected")||l.getAttribute("selected")==="true"||l.getAttribute("active")==="true"||l.getAttribute("aria-current")==="page")&&d===-1&&(d=s.length),s.push({kind:"tab",label:g,href:f});continue}if(A==="scb-badge"){const g=l.querySelector("scb-dropdown");if(g){n=!0;const w=g.getAttribute("label")??"";(g.hasAttribute("selected")||g.getAttribute("selected")==="true"||g.getAttribute("active")==="true"||g.getAttribute("aria-current")==="page")&&d===-1&&(d=s.length);const f=`scb-header-tab-${s.length}`;l.getAttribute("slot")!==f&&l.setAttribute("slot",f),g.hasAttribute("slot")&&g.removeAttribute("slot"),g.hasAttribute("as-tab")||g.setAttribute("as-tab",""),s.push({kind:"dropdown",slotName:f,label:w});continue}}if(A==="scb-dropdown"){n=!0;const g=l.getAttribute("label")??"";(l.hasAttribute("selected")||l.getAttribute("selected")==="true"||l.getAttribute("active")==="true"||l.getAttribute("aria-current")==="page")&&d===-1&&(d=s.length);const w=`scb-header-tab-${s.length}`;l.getAttribute("slot")!==w&&l.setAttribute("slot",w),l.hasAttribute("as-tab")||l.setAttribute("as-tab",""),s.push({kind:"dropdown",slotName:w,label:g});continue}if(A==="scb-header-utility"){p(l),i.push({label:l.getAttribute("label")??"",href:l.getAttribute("href")??"#",target:l.getAttribute("target")??void 0});continue}if(A==="scb-header-menu-group"){p(l);const g={label:l.getAttribute("label")??"",icon:l.getAttribute("icon")??void 0,children:[]};l.querySelectorAll("scb-header-menu-item").forEach(w=>g.children.push(u(w))),a.push(g);continue}if(A==="scb-header-menu-item"){p(l),a.push(u(l));continue}l.hasAttribute("slot")||p(l)}const y=!this._sameNavItems(this._slotNavItems,s),_=!this._sameUtilityItems(this._slotUtils,i),x=!this._sameMenuNodes(this._slotMenu,a);y&&(this._slotNavItems=s),_&&(this._slotUtils=i),x&&(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 y=getComputedStyle(this._searchWrap),_=Math.max(this._num(y.minWidth,this._tokenPx("--scb-header-search-min",250)),this._tokenPx("--scb-header-search-min",250)),x=this._num(getComputedStyle(t).gap,this._tokenPx("--spacing-7",24)),l=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+x+_+x+l+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 y=this._num(getComputedStyle(t).gap,this._tokenPx("--spacing-7",24)),_=this._menuBtn?.getBoundingClientRect().width||this._tokenPx("--icon-size-extra-extra-large",48),x=(this._logoGroup?.getBoundingClientRect().width||0)+y+_;this._hideLogoText?p=!(i>=this._logoTextUnlockAt):x>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",z.BP_SM_DEFAULT)}get BP_MD(){return this._tokenPx("--bp-md",z.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(y=>{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}_isDrawerCloseNode(e){const t=e.tagName.toLowerCase(),r=e.getAttribute("slot");if(r==="drawer-close")return!0;if(r||t!=="scb-icon-button")return!1;const s=(e.getAttribute("icon")??"").trim().toLowerCase(),i=(e.getAttribute("aria-label")??"").trim().toLowerCase();return s==="close"||i.includes("stäng")||i.includes("close")}_syncDrawerCloseNode(e){e.getAttribute("slot")!=="drawer-close"&&e.setAttribute("slot","drawer-close"),e.setAttribute("data-drawer-close",this._drawerId),e.setAttribute("aria-controls",this._drawerId),this._drawerReady?(e.removeAttribute("hidden"),e.removeAttribute("aria-hidden")):(e.hasAttribute("hidden")||e.setAttribute("hidden",""),e.getAttribute("aria-hidden")!=="true"&&e.setAttribute("aria-hidden","true"))}_syncDrawerCloseNodes(){for(const e of Array.from(this.children))this._isDrawerCloseNode(e)&&this._syncDrawerCloseNode(e)}_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=S(()=>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([S(()=>import("../scb-drawer/scb-drawer.js"),__vite__mapDeps([5,6,2,4,7,8]),import.meta.url),S(()=>import("../scb-menu/scb-menu.js"),__vite__mapDeps([9,8,6,2,4,7,10,11,12,13,14]),import.meta.url),S(()=>import("../scb-search/scb-search.js"),__vite__mapDeps([15,6,11,2,0,1,3,4,16,17]),import.meta.url),this._ensureDrawerSlotComponentsReady()]).then(()=>{})),await this._drawerImportPromise,this._drawerReady=!0,this._syncDrawerCloseNodes())}_drawerSlotContains(e){return[...this.querySelectorAll('[slot="drawer-menu"], [slot="drawer-close"]')].some(t=>t.matches(e)||!!t.querySelector(e))}async _ensureDrawerSlotComponentsReady(){this.querySelector('[slot="drawer-menu"], [slot="drawer-close"]')&&await Promise.all([this._drawerSlotContains("scb-button")?S(()=>import("../scb-button/scb-button.js"),__vite__mapDeps([18,8,6,2,19,4,0,1,3,16,20,21,22,23,17]),import.meta.url):Promise.resolve(),this._drawerSlotContains("scb-icon-button")?S(()=>import("../scb-icon-button/scb-icon-button.js"),__vite__mapDeps([24,8,6,11,2,16,1,4]),import.meta.url):Promise.resolve(),this._drawerSlotContains("scb-skeleton")?S(()=>import("../scb-skeleton/scb-skeleton.js"),__vite__mapDeps([25,6,2,4]),import.meta.url):Promise.resolve(),this._drawerSlotContains("scb-grid")?S(()=>import("../scb-grid/scb-grid.js"),__vite__mapDeps([26,8,6,2,4,27,28]),import.meta.url):Promise.resolve(),this._drawerSlotContains("scb-grid-item")?S(()=>import("../scb-grid/scb-grid-item.js"),__vite__mapDeps([27,8,6,2,4]),import.meta.url):Promise.resolve()])}async _ensureDropdownReady(){customElements.get("scb-dropdown")||(this._dropdownImportPromise??(this._dropdownImportPromise=S(()=>import("../scb-dropdown/scb-dropdown.js").then(()=>{}),__vite__mapDeps([29,6,2,18,8,19,4,0,1,3,16,20,21,22,23,17,12,30,31,7,32]),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?b``:b`${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?b`
54
- <scb-sub-menu label=${e.label}>
55
- ${e.children.map(a=>this._renderMenuNode(a))}
56
- </scb-sub-menu>
57
- `:v;return s&&r?b`
58
- <scb-menu-item label=${e.label} ?selected=${!1} leading-icon=${s} item-href=${r}>
59
- ${i}
60
- </scb-menu-item>
61
- `:s?b`
62
- <scb-menu-item label=${e.label} ?selected=${!1} leading-icon=${s}>
63
- ${i}
64
- </scb-menu-item>
65
- `:r?b`
66
- <scb-menu-item label=${e.label} ?selected=${!1} item-href=${r}>
67
- ${i}
68
- </scb-menu-item>
69
- `:b`<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?b`
55
+ `,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,f=e(n.getAttribute("spacing-bottom"))??u;p?n.style.setProperty("--scb-header-spacing-block-start",p):n.style.removeProperty("--scb-header-spacing-block-start"),f?n.style.setProperty("--scb-header-spacing-block-end",f):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 _=(n.getAttribute("logo-height")??"").trim();_?n.style.setProperty("--scb-header-pre-logo-img-h",_):n.style.removeProperty("--scb-header-pre-logo-img-h");const l=(n.getAttribute("search-height")??"").trim();l?n.style.setProperty("--scb-header-pre-control-size",l):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 f of p){if(!(f instanceof HTMLElement))continue;if(f.tagName.toLowerCase()==="scb-header"){i(f);continue}const y=f.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()})};$();var M={fromAttribute:b=>b==null?!0:!/^(false|0|off|no)$/i.test(b),toAttribute:b=>String(!!b)},z={fromAttribute:b=>b==null?!1:!/^(false|0|off|no)$/i.test(b),toAttribute:b=>b?"":null},N={fromAttribute:b=>b==="small"||b==="large"?b:"medium",toAttribute:b=>{const e=String(b??"");return e==="small"||e==="large"?e:null}},o=(T=class extends D{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=l=>({label:l.getAttribute("label")??"",href:l.getAttribute("href")??void 0,icon:l.getAttribute("icon")??void 0}),p=l=>{l.hasAttribute("role")&&l.removeAttribute("role"),l.hasAttribute("hidden")||l.setAttribute("hidden",""),l.getAttribute("aria-hidden")!=="true"&&l.setAttribute("aria-hidden","true")};for(const l of r){const A=l.tagName.toLowerCase();if(this._isDrawerCloseNode(l)){this._syncDrawerCloseNode(l);continue}if(A==="scb-header-tab"){p(l);const g=l.getAttribute("label")??"",v=l.getAttribute("href"),C=v&&v.trim()!==""?v:void 0;(l.hasAttribute("selected")||l.getAttribute("selected")==="true"||l.getAttribute("active")==="true"||l.getAttribute("aria-current")==="page")&&d===-1&&(d=s.length),s.push({kind:"tab",label:g,href:C});continue}if(A==="scb-badge"){const g=l.querySelector("scb-dropdown");if(g){n=!0;const v=g.getAttribute("label")??"";(g.hasAttribute("selected")||g.getAttribute("selected")==="true"||g.getAttribute("active")==="true"||g.getAttribute("aria-current")==="page")&&d===-1&&(d=s.length);const C=`scb-header-tab-${s.length}`;l.getAttribute("slot")!==C&&l.setAttribute("slot",C),g.hasAttribute("slot")&&g.removeAttribute("slot"),g.hasAttribute("as-tab")||g.setAttribute("as-tab",""),s.push({kind:"dropdown",slotName:C,label:v});continue}}if(A==="scb-dropdown"){n=!0;const g=l.getAttribute("label")??"";(l.hasAttribute("selected")||l.getAttribute("selected")==="true"||l.getAttribute("active")==="true"||l.getAttribute("aria-current")==="page")&&d===-1&&(d=s.length);const v=`scb-header-tab-${s.length}`;l.getAttribute("slot")!==v&&l.setAttribute("slot",v),l.hasAttribute("as-tab")||l.setAttribute("as-tab",""),s.push({kind:"dropdown",slotName:v,label:g});continue}if(A==="scb-header-utility"){p(l),i.push({label:l.getAttribute("label")??"",href:l.getAttribute("href")??"#",target:l.getAttribute("target")??void 0});continue}if(A==="scb-header-menu-group"){p(l);const g={label:l.getAttribute("label")??"",icon:l.getAttribute("icon")??void 0,children:[]};l.querySelectorAll("scb-header-menu-item").forEach(v=>g.children.push(u(v))),a.push(g);continue}if(A==="scb-header-menu-item"){p(l),a.push(u(l));continue}l.hasAttribute("slot")||p(l)}const f=!this._sameNavItems(this._slotNavItems,s),y=!this._sameUtilityItems(this._slotUtils,i),_=!this._sameMenuNodes(this._slotMenu,a);f&&(this._slotNavItems=s),y&&(this._slotUtils=i),_&&(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 f=getComputedStyle(this._searchWrap),y=Math.max(this._num(f.minWidth,this._tokenPx("--scb-header-search-min",250)),this._tokenPx("--scb-header-search-min",250)),_=this._num(getComputedStyle(t).gap,this._tokenPx("--spacing-7",24)),l=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+_+y+_+l+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 f=this._num(getComputedStyle(t).gap,this._tokenPx("--spacing-7",24)),y=this._menuBtn?.getBoundingClientRect().width||this._tokenPx("--icon-size-extra-extra-large",48),_=(this._logoGroup?.getBoundingClientRect().width||0)+f+y;this._hideLogoText?p=!(i>=this._logoTextUnlockAt):_>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=++L;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",P.BP_SM_DEFAULT)}get BP_MD(){return this._tokenPx("--bp-md",P.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(f=>{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}_isDrawerCloseNode(e){const t=e.tagName.toLowerCase(),r=e.getAttribute("slot");if(r==="drawer-close")return!0;if(r||t!=="scb-icon-button")return!1;const s=(e.getAttribute("icon")??"").trim().toLowerCase(),i=(e.getAttribute("aria-label")??"").trim().toLowerCase();return s==="close"||i.includes("stäng")||i.includes("close")}_syncDrawerCloseNode(e){e.getAttribute("slot")!=="drawer-close"&&e.setAttribute("slot","drawer-close"),e.setAttribute("data-drawer-close",this._drawerId),e.setAttribute("aria-controls",this._drawerId),this._drawerReady?(e.removeAttribute("hidden"),e.removeAttribute("aria-hidden")):(e.hasAttribute("hidden")||e.setAttribute("hidden",""),e.getAttribute("aria-hidden")!=="true"&&e.setAttribute("aria-hidden","true"))}_syncDrawerCloseNodes(){for(const e of Array.from(this.children))this._isDrawerCloseNode(e)&&this._syncDrawerCloseNode(e)}_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=S(()=>import("../../vendor/lazy-focus-ring.js").then(e=>e.i),__vite__mapDeps([0,1,2]),import.meta.url)),this._focusRingImportPromise.then(({ensureFocusRingReady:e})=>{e()}))}async _ensureDrawerReady(){this._drawerReady||(this._drawerImportPromise??(this._drawerImportPromise=Promise.all([S(()=>import("../scb-drawer/scb-drawer.js"),__vite__mapDeps([3,4,5,6,7,8]),import.meta.url),S(()=>import("../scb-menu/scb-menu.js"),__vite__mapDeps([9,8,4,5,6,7,10,2,11,12,13]),import.meta.url),S(()=>import("../scb-search/scb-search.js"),__vite__mapDeps([14,4,2,5,15,1,6,16,17,0]),import.meta.url),S(()=>import("../../vendor/scb-header-drawer.internal.js").then(e=>{this._drawerRenderer=e}),__vite__mapDeps([18,5,6]),import.meta.url),this._ensureDrawerSlotComponentsReady()]).then(()=>{})),await this._drawerImportPromise,this._drawerReady=!0,this._syncDrawerCloseNodes())}_drawerSlotContains(e){return[...this.querySelectorAll('[slot="drawer-menu"], [slot="drawer-close"]')].some(t=>t.matches(e)||!!t.querySelector(e))}async _ensureDrawerSlotComponentsReady(){this.querySelector('[slot="drawer-menu"], [slot="drawer-close"]')&&await Promise.all([this._drawerSlotContains("scb-button")?S(()=>import("../scb-button/scb-button.js"),__vite__mapDeps([19,8,4,2,5,6]),import.meta.url):Promise.resolve(),this._drawerSlotContains("scb-icon-button")?S(()=>import("../scb-icon-button/scb-icon-button.js"),__vite__mapDeps([20,8,4,2,5,6]),import.meta.url):Promise.resolve(),this._drawerSlotContains("scb-skeleton")?S(()=>import("../scb-skeleton/scb-skeleton.js"),__vite__mapDeps([21,4,5,6]),import.meta.url):Promise.resolve(),this._drawerSlotContains("scb-grid")?S(()=>import("../scb-grid/scb-grid.js"),__vite__mapDeps([22,8,4,5,6,23,24]),import.meta.url):Promise.resolve(),this._drawerSlotContains("scb-grid-item")?S(()=>import("../scb-grid/scb-grid-item.js"),__vite__mapDeps([23,8,4,5,6]),import.meta.url):Promise.resolve()])}async _ensureDropdownReady(){customElements.get("scb-dropdown")||(this._dropdownImportPromise??(this._dropdownImportPromise=S(()=>import("../scb-dropdown/scb-dropdown.js").then(()=>{}),__vite__mapDeps([25,4,5,15,1,6,19,8,2,11,26,27,16,17,7,0,28]),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?.()}}_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`
70
56
  <button
71
57
  type="button"
72
58
  class=${`${r} header-icon-button`}
@@ -80,7 +66,7 @@ import{_ as M,b as P,g as D,h,m as k,v,y as b}from"../../vendor/vendor.js";impor
80
66
  <span class="header-symbol" aria-hidden="true">menu</span>
81
67
  <md-focus-ring aria-hidden="true"></md-focus-ring>
82
68
  </button>
83
- `:b`
69
+ `:m`
84
70
  <button
85
71
  type="button"
86
72
  class=${`${r} header-text-button`}
@@ -94,7 +80,7 @@ import{_ as M,b as P,g as D,h,m as k,v,y as b}from"../../vendor/vendor.js";impor
94
80
  <span class="header-symbol" aria-hidden="true">menu</span>
95
81
  <md-focus-ring aria-hidden="true"></md-focus-ring>
96
82
  </button>
97
- `}_renderSearchForm(e,t,r=!0,s=!1){const i=this.searchPlaceholder??"",a=i.trim()||e,d=(this.searchText??"").length>0;return b`
83
+ `}_renderSearchForm(e,t,r=!0,s=!1){const i=this.searchPlaceholder??"",a=i.trim()||e,d=(this.searchText??"").length>0;return m`
98
84
  <form
99
85
  class=${s?"header-search header-search--mobile":"header-search"}
100
86
  style=${t}
@@ -105,11 +91,11 @@ import{_ as M,b as P,g as D,h,m as k,v,y as b}from"../../vendor/vendor.js";impor
105
91
  <span class="header-search-icon header-symbol" aria-hidden="true">search</span>
106
92
  <span class="sr-only">${a}</span>
107
93
  <input
108
- id=${s?v:this._searchId}
94
+ id=${s?w:this._searchId}
109
95
  class="header-search-input"
110
96
  type="search"
111
97
  .value=${this.searchText}
112
- placeholder=${i||v}
98
+ placeholder=${i||w}
113
99
  aria-label=${a}
114
100
  @input=${this._onNativeSearchInput}
115
101
  />
@@ -125,14 +111,14 @@ import{_ as M,b as P,g as D,h,m as k,v,y as b}from"../../vendor/vendor.js";impor
125
111
  <md-focus-ring aria-hidden="true"></md-focus-ring>
126
112
  </button>
127
113
  </label>
128
- ${r?b`
114
+ ${r?m`
129
115
  <button type="submit" class="search-submit">
130
116
  ${e}
131
117
  <md-focus-ring aria-hidden="true"></md-focus-ring>
132
118
  </button>
133
- `:v}
119
+ `:w}
134
120
  </form>
135
- `}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,d=this.querySelector('[slot="drawer-close"]')!==null;this._syncFlags(t.length===0,!this.showSearch);const n=this.searchHeight&&this.searchHeight.trim()?`--scb-search-height:${this.searchHeight.trim()}`:"",u=e.length>0||this.reserveTabs||this.layoutPending,p=(this.reserveTabs||this.layoutPending)&&(this.layoutPending||e.length===0),y=this.showDrawer&&(!this.deferDrawer||this._drawerReady),_=typeof window<"u"&&window.innerWidth>=this.BP_MD,x=this.showDrawer&&(_?this.alwaysShowMenuButton||this._collapsed:!0),l=x&&!_,A=x&&_,g=(this.searchButtonLabel??"").trim()||"Sök",w=this.showSearch&&!this._mobileSearchOpen;return b`
121
+ `}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,d=this.querySelector('[slot="drawer-close"]')!==null;this._syncFlags(t.length===0,!this.showSearch);const n=this.searchHeight&&this.searchHeight.trim()?`--scb-search-height:${this.searchHeight.trim()}`:"",u=e.length>0||this.reserveTabs||this.layoutPending,p=(this.reserveTabs||this.layoutPending)&&(this.layoutPending||e.length===0),f=this._drawerRenderer,y=this.showDrawer&&this._drawerReady&&f,_=typeof window<"u"&&window.innerWidth>=this.BP_MD,l=this.showDrawer&&(_?this.alwaysShowMenuButton||this._collapsed:!0),A=l&&!_,g=l&&_,v=(this.searchButtonLabel??"").trim()||"Sök",C=this.showSearch&&!this._mobileSearchOpen;return m`
136
122
  <slot
137
123
  id="data-slot"
138
124
  @slotchange=${()=>{this._harvest(),this._attachSlotObservers()}}
@@ -160,42 +146,42 @@ import{_ as M,b as P,g as D,h,m as k,v,y as b}from"../../vendor/vendor.js";impor
160
146
 
161
147
  <div class="actions">
162
148
  <nav class="utility" aria-label="Funktionslänkar">
163
- ${t.map(f=>b`
149
+ ${t.map(x=>m`
164
150
  <a
165
151
  class="utility-link"
166
- href=${f.href}
167
- target=${f.target||v}
168
- rel=${f.target==="_blank"?"noopener noreferrer":v}
152
+ href=${x.href}
153
+ target=${x.target||w}
154
+ rel=${x.target==="_blank"?"noopener noreferrer":w}
169
155
  >
170
- ${f.label}
156
+ ${x.label}
171
157
  <md-focus-ring aria-hidden="true"></md-focus-ring>
172
158
  </a>
173
159
  `)}
174
160
  </nav>
175
161
 
176
- ${this.showSearch?b`
162
+ ${this.showSearch?m`
177
163
  <div class="search" style=${n}>
178
- ${this._renderSearchForm(g,n)}
164
+ ${this._renderSearchForm(v,n)}
179
165
  </div>
180
- `:v}
181
- ${w?b`
166
+ `:w}
167
+ ${C?m`
182
168
  <button
183
169
  type="button"
184
170
  class="mobile-search-trigger header-icon-button"
185
- aria-label=${g}
186
- title=${g}
171
+ aria-label=${v}
172
+ title=${v}
187
173
  @click=${this._onMobileSearchToggle}
188
174
  >
189
175
  <span class="header-symbol" aria-hidden="true">search</span>
190
176
  <md-focus-ring aria-hidden="true"></md-focus-ring>
191
177
  </button>
192
- `:v}
193
- ${l?this._renderMenuButton("",!0):v}
178
+ `:w}
179
+ ${A?this._renderMenuButton("",!0):w}
194
180
  </div>
195
181
 
196
- ${this.showSearch&&this._mobileSearchOpen?b`
182
+ ${this.showSearch&&this._mobileSearchOpen?m`
197
183
  <div class="mobile-search-panel" style=${n}>
198
- ${this._renderSearchForm(g,n,!1,!0)}
184
+ ${this._renderSearchForm(v,n,!1,!0)}
199
185
  <button
200
186
  type="button"
201
187
  class="mobile-search-close header-icon-button"
@@ -207,20 +193,20 @@ import{_ as M,b as P,g as D,h,m as k,v,y as b}from"../../vendor/vendor.js";impor
207
193
  <md-focus-ring aria-hidden="true"></md-focus-ring>
208
194
  </button>
209
195
  </div>
210
- `:v}
196
+ `:w}
211
197
 
212
198
  </div>
213
199
  </div>
214
200
 
215
201
  <div class="header-grid-item">
216
- <div class=${u||A?"tabs-row":"tabs-row tabs-row--empty"}>
217
- ${u?p?b`
202
+ <div class=${u||g?"tabs-row":"tabs-row tabs-row--empty"}>
203
+ ${u?p?m`
218
204
  <div class="tabs-inset">
219
205
  <div class="tabs-nav tabs-nav--skeleton" aria-hidden="true">
220
206
  ${this._renderTabSkeletons()}
221
207
  </div>
222
208
  </div>
223
- `:e.length?b`
209
+ `:e.length?m`
224
210
  <div class="tabs-inset">
225
211
  <nav
226
212
  class="tabs-nav"
@@ -228,104 +214,50 @@ import{_ as M,b as P,g as D,h,m as k,v,y as b}from"../../vendor/vendor.js";impor
228
214
  @keydown=${this._onTabsKeydown}
229
215
  @scb-dropdown-tab-activate=${this._onDropdownTabActivate}
230
216
  >
231
- ${e.map((f,T)=>f.kind==="dropdown"?b`
217
+ ${e.map((x,E)=>x.kind==="dropdown"?m`
232
218
  <div class="tab-wrap">
233
- <slot name=${f.slotName}></slot>
219
+ <slot name=${x.slotName}></slot>
234
220
  </div>
235
- `:f.href?b`
221
+ `:x.href?m`
236
222
  <div class="tab-wrap">
237
223
  <a
238
224
  class="tab-link"
239
- href=${f.href}
240
- data-index=${T}
241
- aria-current=${T===this.activeTab?"page":"false"}
225
+ href=${x.href}
226
+ data-index=${E}
227
+ aria-current=${E===this.activeTab?"page":"false"}
242
228
  @click=${this._onTabClick}
243
229
  >
244
- ${f.label}
230
+ ${x.label}
245
231
  </a>
246
232
  <md-focus-ring aria-hidden="true"></md-focus-ring>
247
233
  </div>
248
- `:b`
234
+ `:m`
249
235
  <div class="tab-wrap">
250
236
  <button
251
237
  type="button"
252
238
  class="tab-link"
253
- data-index=${T}
254
- aria-current=${T===this.activeTab?"page":"false"}
239
+ data-index=${E}
240
+ aria-current=${E===this.activeTab?"page":"false"}
255
241
  @click=${this._onTabClick}
256
242
  >
257
- ${f.label}
243
+ ${x.label}
258
244
  </button>
259
245
  <md-focus-ring aria-hidden="true"></md-focus-ring>
260
246
  </div>
261
247
  `)}
262
248
  </nav>
263
249
  </div>
264
- `:v:v}
250
+ `:w:w}
265
251
 
266
- ${A?this._renderMenuButton("menu-trigger--tabs-right"):v}
252
+ ${g?this._renderMenuButton("menu-trigger--tabs-right"):w}
267
253
  </div>
268
254
  </div>
269
255
  </div>
270
256
  <div class="divider" role="presentation"></div>
271
257
  </div>
272
258
 
273
- ${y?b`
274
- <scb-drawer
275
- id=${this._drawerId}
276
- floating
277
- right
278
- ?overlay=${this.drawerOverlay}
279
- ?lock-scroll=${this.drawerOverlay}
280
- ?modal=${this.drawerOverlay}
281
- style="--scb-drawer-padding: 0px;"
282
- @scb-drawer-opened=${this._onDrawerOpened}
283
- @scb-drawer-closed=${this._onDrawerClosed}
284
- @scb-menu-select=${this._onMenuSelect}
285
- >
286
- ${d?b`
287
- <div class="drawer-close">
288
- <slot
289
- name="drawer-close"
290
- @slotchange=${this._ensureDrawerSlotComponentsReady}
291
- ></slot>
292
- </div>
293
- `:v}
294
-
295
- <slot name="drawer-menu" @slotchange=${this._ensureDrawerSlotComponentsReady}></slot>
296
-
297
- ${a?v:b`
298
- <scb-menu
299
- .label=${this.menuLabel??""}
300
- .subLabel=${this.menuSubLabel??""}
301
- >
302
- <scb-search
303
- .size=${this.size}
304
- .supportingText=${this.menuSearchPlaceholder??""}
305
- ></scb-search>
306
-
307
- ${this.menuSectionLabel?b`
308
- <scb-menu-section
309
- .label=${this.menuSectionLabel}
310
- ></scb-menu-section>
311
- `:v}
312
-
313
- ${this._renderMenuNodes(r)}
314
-
315
- ${this.includeUtilityInMenu&&(t?.length??0)>0?b`
316
- <scb-menu-section label=''></scb-menu-section>
317
- ${t.map(f=>b`
318
- <scb-menu-item
319
- label=${f.label}
320
- item-href=${f.href}
321
- ></scb-menu-item>
322
- `)}
323
- `:v}
324
- </scb-menu>
325
- `}
326
- </scb-drawer>
327
- `:v}
328
- `}_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 b`${Array.from({length:i},(a,d)=>r[d%r.length]).map(a=>b`<span class="tab-skeleton" style=${`inline-size:${a}`}></span>`)}`}_renderLogo(){const e=(this.logoSrc??"").trim();return e?b`<img class="logo" src=${e} alt="" aria-hidden="true" />`:b`
259
+ ${y?f.renderHeaderDrawer({drawerId:this._drawerId,drawerOverlay:this.drawerOverlay,size:this.size,menuLabel:this.menuLabel,menuSubLabel:this.menuSubLabel,menuSearchPlaceholder:this.menuSearchPlaceholder,menuSectionLabel:this.menuSectionLabel,includeUtilityInMenu:this.includeUtilityInMenu,menu:r,utils:t,hasDrawerCloseSlot:d,hasDrawerMenuSlot:a,onDrawerOpened:this._onDrawerOpened,onDrawerClosed:this._onDrawerClosed,onMenuSelect:this._onMenuSelect,onDrawerSlotChange:()=>{this._ensureDrawerSlotComponentsReady()}}):w}
260
+ `}_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`
329
261
  <svg
330
262
  class="logo"
331
263
  viewBox="0 0 48 54"
@@ -359,823 +291,78 @@ import{_ as M,b as P,g as D,h,m as k,v,y as b}from"../../vendor/vendor.js";impor
359
291
  </clipPath>
360
292
  </defs>
361
293
  </svg>
362
- `}},z=C,C._JSON_ARRAY={fromAttribute:m=>{if(m==null||m==="")return[];try{const e=JSON.parse(m);return Array.isArray(e)?e:[]}catch{return[]}},toAttribute:m=>m==null?null:JSON.stringify(m)},C.BP_SM_DEFAULT=600,C.BP_MD_DEFAULT=840,C.styles=P`
363
- :host {
364
- display: block;
365
- margin-block-start: var(--scb-header-spacing-block-start, 0);
366
- margin-block-end: var(--scb-header-spacing-block-end, 0);
367
- background: var(--scb-header-background, transparent);
368
- color: var(--md-sys-color-on-surface, #1b1b1f);
369
- --scb-header-search-max: 380px;
370
- --scb-header-search-min: 250px;
371
- --scb-header-search-padding-x: var(--spacing-4, 12px);
372
- --scb-header-search-padding-y: var(--spacing-4, 12px);
373
- --scb-header-search-leading-size: var(--scale-10, 40px);
374
- --scb-header-search-icon-size: var(--icon-size-medium, 24px);
375
- --scb-header-search-font-size: var(--md-sys-typescale-body-medium-size, 16px);
376
- --scb-header-search-line-height: var(--md-sys-typescale-body-medium-line-height, 24px);
377
-
378
- --scb-header-logo-w: var(--icon-size-extra-extra-large, 48px);
379
- --scb-header-logo-h: calc(var(--scb-header-logo-w) * 1.125);
380
-
381
-
382
- --scb-header-logo-slot-w: var(--scb-header-logo-img-w, auto);
383
- --scb-header-logo-slot-h: var(--scb-header-logo-img-h, var(--scb-header-logo-h));
384
- --scb-header-logo-slot-aspect-ratio: var(--scb-header-logo-img-aspect-ratio, 48 / 54);
385
-
386
- --scb-header-logo-text-font-size: var(
294
+ `}},P=T,T._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)},T.BP_SM_DEFAULT=600,T.BP_MD_DEFAULT=840,T.styles=R`:host{display:block;margin-block-start:var(--scb-header-spacing-block-start, 0);margin-block-end:var(--scb-header-spacing-block-end, 0);background:var(--scb-header-background, transparent);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);--scb-header-logo-slot-w:var(--scb-header-logo-img-w, auto);--scb-header-logo-slot-h:var(--scb-header-logo-img-h, var(--scb-header-logo-h));--scb-header-logo-slot-aspect-ratio:var(--scb-header-logo-img-aspect-ratio, 48 / 54);--scb-header-logo-text-font-size:var(
387
295
  --md-sys-typescale-body-medium-size,
388
296
  1rem
389
- );
390
- --scb-header-logo-text-line-height: var(
297
+ );--scb-header-logo-text-line-height:var(
391
298
  --md-sys-typescale-body-medium-line-height,
392
299
  1.5rem
393
- );
394
-
395
- --scb-header-utility-font-size: var(
300
+ );--scb-header-utility-font-size:var(
396
301
  --md-sys-typescale-body-medium-size,
397
302
  1rem
398
- );
399
- --scb-header-utility-line-height: var(
303
+ );--scb-header-utility-line-height:var(
400
304
  --md-sys-typescale-body-medium-line-height,
401
305
  1.5rem
402
- );
403
-
404
- --scb-header-tab-font-size: var(
306
+ );--scb-header-tab-font-size:var(
405
307
  --md-sys-typescale-title-small-size,
406
308
  1rem
407
- );
408
- --scb-header-tab-line-height: var(
309
+ );--scb-header-tab-line-height:var(
409
310
  --md-sys-typescale-title-small-line-height,
410
311
  1.5rem
411
- );
412
- }
413
-
414
- :host([size='small']) {
415
- --scb-header-logo-text-font-size: var(
312
+ )}:host([size='small']){--scb-header-logo-text-font-size:var(
416
313
  --md-sys-typescale-body-small-size,
417
314
  0.875rem
418
- );
419
- --scb-header-logo-text-line-height: var(
315
+ );--scb-header-logo-text-line-height:var(
420
316
  --md-sys-typescale-body-small-line-height,
421
317
  1.25rem
422
- );
423
-
424
- --scb-header-utility-font-size: var(
318
+ );--scb-header-utility-font-size:var(
425
319
  --md-sys-typescale-body-small-size,
426
320
  0.875rem
427
- );
428
- --scb-header-utility-line-height: var(
321
+ );--scb-header-utility-line-height:var(
429
322
  --md-sys-typescale-body-small-line-height,
430
323
  1.25rem
431
- );
432
-
433
- --scb-header-tab-font-size: var(
324
+ );--scb-header-tab-font-size:var(
434
325
  --md-sys-typescale-label-small-size,
435
326
  0.875rem
436
- );
437
- --scb-header-tab-line-height: var(
327
+ );--scb-header-tab-line-height:var(
438
328
  --md-sys-typescale-label-small-line-height,
439
329
  1.25rem
440
- );
441
-
442
- --scb-header-search-padding-x: var(--spacing-3, 8px);
443
- --scb-header-search-padding-y: var(--spacing-3, 8px);
444
- --scb-header-search-leading-size: var(--scale-09, 36px);
445
- --scb-header-search-icon-size: var(--icon-size-small, 20px);
446
- --scb-header-search-font-size: var(--md-sys-typescale-body-small-size, 14px);
447
- --scb-header-search-line-height: var(--md-sys-typescale-body-small-line-height, 20px);
448
- }
449
-
450
- :host([size='large']) {
451
- --scb-header-logo-text-font-size: var(
330
+ );--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']){--scb-header-logo-text-font-size:var(
452
331
  --md-sys-typescale-body-large-size,
453
332
  1.125rem
454
- );
455
- --scb-header-logo-text-line-height: var(
333
+ );--scb-header-logo-text-line-height:var(
456
334
  --md-sys-typescale-body-large-line-height,
457
335
  1.625rem
458
- );
459
-
460
- --scb-header-utility-font-size: var(
336
+ );--scb-header-utility-font-size:var(
461
337
  --md-sys-typescale-body-large-size,
462
338
  1.125rem
463
- );
464
- --scb-header-utility-line-height: var(
339
+ );--scb-header-utility-line-height:var(
465
340
  --md-sys-typescale-body-large-line-height,
466
341
  1.625rem
467
- );
468
-
469
- --scb-header-tab-font-size: var(
342
+ );--scb-header-tab-font-size:var(
470
343
  --md-sys-typescale-title-medium-size,
471
344
  1.125rem
472
- );
473
- --scb-header-tab-line-height: var(
345
+ );--scb-header-tab-line-height:var(
474
346
  --md-sys-typescale-title-medium-line-height,
475
347
  1.625rem
476
- );
477
-
478
- --scb-header-search-padding-x: var(--spacing-5, 16px);
479
- --scb-header-search-padding-y: var(--spacing-5, 16px);
480
- --scb-header-search-leading-size: var(--scale-11, 48px);
481
- --scb-header-search-icon-size: var(--icon-size-medium, 24px);
482
- --scb-header-search-font-size: var(--md-sys-typescale-body-large-size, 18px);
483
- --scb-header-search-line-height: var(--md-sys-typescale-body-large-line-height, 26px);
484
- }
485
-
486
- .header-grid {
487
- box-sizing: border-box;
488
- inline-size: 100%;
489
- max-inline-size: var(--scb-header-max-width, 1440px);
490
- margin-inline: auto;
491
- padding-inline: 20px;
492
- }
493
-
494
- @media (min-width: 840px) {
495
- .header-grid {
496
- padding-inline: 32px;
497
- }
498
- }
499
-
500
- .header-grid-item {
501
- min-inline-size: 0;
502
- }
503
-
504
- .top-row {
505
- display: flex;
506
- align-items: center;
507
- gap: var(--spacing-7, 24px);
508
- padding-block: var(--spacing-5, 16px);
509
- min-width: 0;
510
- position: relative;
511
- }
512
-
513
- .logo-wrap {
514
- display: inline-block;
515
- position: relative;
516
- border-radius: var(
517
- --scb-header-logo-focus-ring-radius,
348
+ );--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-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-grid{padding-inline:32px}}.header-grid-item{min-inline-size:0}.top-row{display:flex;align-items:center;gap:var(--spacing-7, 24px);padding-block:var(--spacing-5, 16px);min-width:0;position:relative}.logo-wrap{display:inline-block;position:relative;border-radius:var(--scb-header-logo-focus-ring-radius,
518
349
  var(--md-sys-shape-corner-small, 4px)
519
- );
520
- margin-top: var(--spacing-2, 4px);
521
- }
522
-
523
- .logo-wrap md-focus-ring {
524
- position: absolute;
525
- inset: var(--spacing-neg-2, -4px);
526
- pointer-events: none;
527
- display: none;
528
- border-radius: inherit;
529
- }
530
-
531
- .logo-group:focus-visible + md-focus-ring {
532
- display: block;
533
- }
534
-
535
- .logo-group {
536
- display: inline-flex;
537
- align-items: center;
538
- gap: var(--spacing-5, 16px);
539
- text-decoration: none;
540
- color: inherit;
541
- flex-shrink: 0;
542
- min-width: 0;
543
- }
544
- .logo-group:focus,
545
- .logo-group:focus-visible {
546
- outline: none;
547
- }
548
-
549
- .logo-group svg {
550
- width: var(--scb-header-logo-slot-w);
551
- height: var(--scb-header-logo-slot-h);
552
- aspect-ratio: var(--scb-header-logo-slot-aspect-ratio);
553
- display: block;
554
- color: var(--md-sys-color-on-surface);
555
- }
556
-
557
-
558
- .logo-group img {
559
- width: var(--scb-header-logo-slot-w);
560
- height: var(--scb-header-logo-slot-h);
561
- aspect-ratio: var(--scb-header-logo-slot-aspect-ratio);
562
- display: block;
563
- object-fit: contain;
564
- }
565
-
566
- :host([logo-invert-dm][theme='dark']) .logo-group img,
567
- :host([logo-invert-dm]):host-context([theme='dark']) .logo-group img {
568
- filter: brightness(0) invert(1);
569
- }
570
- .logo-text {
571
- font-family: var(--brand-font, Inter), sans-serif;
572
- font-size: var(
573
- --scb-header-logo-text-font-size,
350
+ );margin-top:var(--spacing-2, 4px)}.logo-wrap md-focus-ring{position:absolute;inset:var(--spacing-neg-2, -4px);pointer-events:none;display:none;border-radius:inherit}.logo-group:focus-visible+md-focus-ring{display:block}.logo-group{display:inline-flex;align-items:center;gap:var(--spacing-5, 16px);text-decoration:none;color:inherit;flex-shrink:0;min-width:0}.logo-group:focus,.logo-group:focus-visible{outline:0}.logo-group img,.logo-group svg{width:var(--scb-header-logo-slot-w);height:var(--scb-header-logo-slot-h);aspect-ratio:var(--scb-header-logo-slot-aspect-ratio);display:block}.logo-group svg{color:var(--md-sys-color-on-surface)}.logo-group img{object-fit:contain}:host([logo-invert-dm]):host-context([theme='dark']) .logo-group img,:host([logo-invert-dm][theme='dark']) .logo-group img{filter:brightness(0) invert(1)}.logo-text{font-family:var(--brand-font, Inter),sans-serif;font-size:var(--scb-header-logo-text-font-size,
574
351
  var(--md-sys-typescale-body-medium-size, 1rem)
575
- );
576
- line-height: var(
577
- --scb-header-logo-text-line-height,
352
+ );line-height:var(--scb-header-logo-text-line-height,
578
353
  var(--md-sys-typescale-body-medium-line-height, 1.5rem)
579
- );
580
- font-weight: var(--weight-regular, 400);
581
- letter-spacing: var(
582
- --md-sys-typescale-body-medium-tracking,
354
+ );font-weight:var(--weight-regular, 400);letter-spacing:var(--md-sys-typescale-body-medium-tracking,
583
355
  -0.009375rem
584
- );
585
- color: var(--md-sys-color-on-surface, var(--p-20));
586
- white-space: nowrap;
587
- }
588
- @media (max-width: 360px) {
589
- .logo-text {
590
- margin-right: calc(var(--spacing-9, 40px) * -1);
591
- }
592
- }
593
-
594
- .actions {
595
- display: flex;
596
- align-items: center;
597
- margin-left: auto;
598
- width: 100%;
599
- gap: var(--spacing-3, 8px);
600
- justify-content: flex-end;
601
- min-width: 0;
602
- }
603
-
604
- .utility {
605
- display: none;
606
- flex-wrap: nowrap;
607
- align-items: center;
608
- min-width: 0;
609
- }
610
-
611
- @media (min-width: 840px) {
612
- .utility {
613
- display: flex;
614
- }
615
- }
616
- :host([data-collapsed]) .utility {
617
- display: none !important;
618
- }
619
- :host([layout-pending]) .utility {
620
- display: none !important;
621
- }
622
-
623
- :host([layout-pending]) .actions,
624
- :host([data-layout-settling]) .actions {
625
- visibility: hidden;
626
- }
627
-
628
- .menu-trigger {
629
- display: none;
630
- align-self: center;
631
- color: var(--md-sys-color-on-surface, #1b1b1f);
632
- --md-sys-color-primary: var(--md-sys-color-on-surface, #1b1b1f);
633
- }
634
-
635
- .menu-trigger--tabs-right {
636
- margin-left: auto;
637
- }
638
-
639
- @media (max-width: 839.98px) {
640
- .menu-trigger {
641
- display: inline-flex;
642
- }
643
- }
644
-
645
- @media (min-width: 840px) {
646
- :host([always-show-menu-button]) .menu-trigger,
647
- :host([data-collapsed]) .menu-trigger {
648
- display: inline-flex;
649
- }
650
- }
651
-
652
- .search {
653
- display: none;
654
- align-items: stretch;
655
- gap: var(--spacing-3, 8px);
656
- flex: 0 1 var(--scb-header-search-max);
657
- max-width: var(--scb-header-search-max);
658
- min-width: var(--scb-header-search-min);
659
- }
660
-
661
- .header-search {
662
- display: flex;
663
- align-items: stretch;
664
- flex: 1 1 auto;
665
- min-width: 0;
666
- gap: var(--spacing-3, 8px);
667
- }
668
-
669
- .header-search-field {
670
- position: relative;
671
- flex: 1 1 auto;
672
- min-width: 0;
673
- }
674
-
675
- .header-search-input {
676
- box-sizing: border-box;
677
- inline-size: 100%;
678
- min-block-size: var(
679
- --scb-search-height,
356
+ );color:var(--md-sys-color-on-surface, var(--p-20));white-space:nowrap}@media (max-width:360px){.logo-text{margin-right:calc(var(--spacing-9, 40px)*-1)}}.actions,.utility{align-items:center;min-width:0}.actions{display:flex;margin-left:auto;width:100%;gap:var(--spacing-3, 8px);justify-content:flex-end}.utility{display:none;flex-wrap:nowrap}@media (min-width:840px){.utility{display:flex}}:host([data-collapsed]) .utility,:host([layout-pending]) .utility{display:none!important}:host([data-layout-settling]) .actions,:host([layout-pending]) .actions{visibility:hidden}.menu-trigger{display:none;align-self:center;color:var(--md-sys-color-on-surface, #1b1b1f);--md-sys-color-primary:var(--md-sys-color-on-surface, #1b1b1f)}.menu-trigger--tabs-right{margin-left:auto}@media (max-width:839.98px){.menu-trigger{display:inline-flex}}@media (min-width:840px){:host([always-show-menu-button]) .menu-trigger,:host([data-collapsed]) .menu-trigger{display:inline-flex}}.header-search,.search{align-items:stretch;gap:var(--spacing-3, 8px)}.search{display:none;flex:0 1 var(--scb-header-search-max);max-width:var(--scb-header-search-max);min-width:var(--scb-header-search-min)}.header-search{display:flex;flex:1 1 auto;min-width:0}.header-search-field{position:relative;flex:1 1 auto;min-width:0}.header-search-input{box-sizing:border-box;inline-size:100%;min-block-size:var(--scb-search-height,
680
357
  calc(
681
358
  var(--scb-header-search-line-height) +
682
359
  var(--scb-header-search-padding-y) +
683
360
  var(--scb-header-search-padding-y)
684
361
  )
685
- );
686
- padding-block: var(--scb-header-search-padding-y);
687
- padding-inline-start: calc(
688
- var(--scb-header-search-padding-x) +
689
- var(--scb-header-search-leading-size) +
690
- var(--spacing-2, 4px)
691
- );
692
- padding-inline-end: calc(
693
- var(--scb-header-search-padding-x) +
694
- var(--scb-header-search-leading-size) +
695
- var(--spacing-2, 4px)
696
- );
697
- border: var(--stroke-border, 1px) solid var(--md-sys-color-outline, #808080);
698
- border-radius: var(--radius-full, 1000px);
699
- background: transparent;
700
- color: var(--md-sys-color-on-surface, #1b1b1f);
701
- font-family: var(--md-sys-typescale-body-large-font, var(--brand-font, Inter), sans-serif);
702
- font-size: var(--scb-header-search-font-size);
703
- line-height: var(--scb-header-search-line-height);
704
- letter-spacing: 0;
705
- -webkit-appearance: none;
706
- appearance: none;
707
- }
708
-
709
- .header-search-input::placeholder {
710
- color: var(--md-sys-color-on-surface-variant, #1b1b1f);
711
- opacity: 1;
712
- }
713
-
714
- .header-search-input:hover {
715
- outline: var(--stroke-border, 1px) solid var(--md-sys-color-outline, #808080);
716
- outline-offset: 0;
717
- }
718
-
719
- .header-search-input:focus {
720
- outline: none;
721
- }
722
-
723
- .header-search-input::-webkit-search-cancel-button {
724
- -webkit-appearance: none;
725
- appearance: none;
726
- display: none;
727
- }
728
-
729
- .header-search-icon,
730
- .header-search-clear {
731
- position: absolute;
732
- inset-block-start: 50%;
733
- transform: translateY(-50%);
734
- display: inline-flex;
735
- align-items: center;
736
- justify-content: center;
737
- inline-size: var(--scb-header-search-leading-size);
738
- block-size: var(--scb-header-search-leading-size);
739
- color: var(--md-sys-color-on-surface-variant, #1b1b1f);
740
- }
741
-
742
- .header-search-icon {
743
- inset-inline-start: var(--scb-header-search-padding-x);
744
- pointer-events: none;
745
- }
746
-
747
- .header-search-clear {
748
- inset-inline-end: var(--scb-header-search-padding-x);
749
- border: 0;
750
- border-radius: var(--radius-full, 1000px);
751
- padding: 0;
752
- background: transparent;
753
- cursor: pointer;
754
- }
755
-
756
- .header-search-clear[hidden] {
757
- display: none;
758
- }
759
-
760
- .header-search-field md-focus-ring.input-ring {
761
- position: absolute;
762
- inset: 0;
763
- pointer-events: none;
764
- display: none;
765
- border-radius: var(--radius-full, 1000px);
766
- z-index: 4;
767
- }
768
-
769
- :host([data-keyboard-focus]) .header-search-input:focus ~ md-focus-ring.input-ring {
770
- display: block;
771
- }
772
-
773
- .search-submit {
774
- flex: 0 0 auto;
775
- }
776
-
777
- @media (min-width: 600px) {
778
- .search {
779
- display: flex;
780
- }
781
- }
782
-
783
- .mobile-search-trigger {
784
- display: inline-flex;
785
- color: var(--md-sys-color-on-surface, #1b1b1f);
786
- }
787
-
788
- @media (min-width: 600px) {
789
- .mobile-search-trigger {
790
- display: none;
791
- }
792
- }
793
-
794
- .mobile-search-panel {
795
- display: none;
796
- position: absolute;
797
- inset: 0;
798
- z-index: 2;
799
- align-items: center;
800
- gap: var(--spacing-3, 8px);
801
- padding-block: var(--spacing-5, 16px);
802
- background: var(--scb-header-background, transparent);
803
- }
804
-
805
- .mobile-search-panel .header-search {
806
- flex: 1 1 auto;
807
- min-width: 0;
808
- }
809
-
810
- @media (max-width: 599.98px) {
811
- :host([data-mobile-search-open]) .mobile-search-panel {
812
- display: flex;
813
- }
814
-
815
- :host([data-mobile-search-open]) .logo-wrap,
816
- :host([data-mobile-search-open]) .actions {
817
- visibility: hidden;
818
- pointer-events: none;
819
- }
820
- }
821
- @media (min-width: 600px) and (max-width: 839.98px) {
822
- :host([data-hide-search]) .search {
823
- display: none !important;
824
- }
825
- }
826
-
827
- :host([data-no-utility]) .actions,
828
- :host([data-collapsed]) .actions {
829
- gap: var(--spacing-5, 16px);
830
- }
831
- :host([data-no-utility]) .search {
832
- flex: 1 1 var(--scb-header-search-max);
833
- max-width: var(--scb-header-search-max);
834
- min-width: var(--scb-header-search-min);
835
- }
836
-
837
- .tabs-inset {
838
- display: inline-block;
839
- width: fit-content;
840
- max-width: 100%;
841
- }
842
-
843
- .tabs-row {
844
- display: flex;
845
- align-items: center;
846
- min-height: calc(var(--spacing-10, 40px));
847
- gap: var(--spacing-5, 16px);
848
- }
849
-
850
- .tabs-row--empty {
851
- min-height: 0;
852
- }
853
-
854
- .tabs-row .tabs-inset {
855
- flex: 1 1 auto;
856
- min-width: 0;
857
- }
858
-
859
- @media (max-width: 839.98px) {
860
- .tabs-inset {
861
- display: none;
862
- }
863
-
864
- .tabs-row {
865
- min-height: 0;
866
- }
867
- }
868
-
869
- .tabs-nav {
870
- display: inline-flex;
871
- flex-wrap: nowrap;
872
- align-items: center;
873
- gap: var(--spacing-6, 18px);
874
- min-height: calc(var(--spacing-10, 40px));
875
- position: relative;
876
- }
877
-
878
- .tabs-nav--skeleton {
879
- align-items: center;
880
- }
881
-
882
- .tab-skeleton {
883
- flex: 0 0 auto;
884
- display: inline-block;
885
- block-size: 16px;
886
- border-radius: var(--radius-full, 1000px);
887
- background: linear-gradient(
888
- 90deg,
889
- var(--md-sys-color-surface-container-low, #f5f5f5),
890
- var(--md-sys-color-surface-container, #ebf8ff),
891
- var(--md-sys-color-surface-container-low, #f5f5f5)
892
- );
893
- }
894
-
895
- .tab-wrap {
896
- position: relative;
897
- display: inline-flex;
898
- align-items: stretch;
899
-
900
- }
901
-
902
- .tab-wrap md-focus-ring {
903
- position: absolute;
904
- inset-block: var(--spacing-1, 2px);
905
- inset-inline: var(--spacing-neg-2, -4px);
906
- pointer-events: none;
907
- display: none;
908
- border-radius: 5px;
909
- }
910
-
911
- .tab-link {
912
- position: relative;
913
- display: inline-flex;
914
- align-items: center;
915
- justify-content: center;
916
- padding-block: var(--spacing-4, 12px);
917
- padding: 0;
918
- border: none;
919
- background: none;
920
- text-decoration: none;
921
- cursor: pointer;
922
- font-family: var(
923
- --md-sys-typescale-title-small-font,
362
+ );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:0 0;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:0}.header-search-input::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none;display:none}.header-search-clear,.header-search-icon{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:0 0;cursor:pointer}.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}}.mobile-search-trigger{display:inline-flex;color:var(--md-sys-color-on-surface, #1b1b1f)}@media (min-width:600px){.mobile-search-trigger{display:none}}.mobile-search-panel{display:none;position:absolute;inset:0;z-index:2;align-items:center;gap:var(--spacing-3, 8px);padding-block:var(--spacing-5, 16px);background:var(--scb-header-background, transparent)}.mobile-search-panel .header-search{flex:1 1 auto;min-width:0}@media (max-width:599.98px){:host([data-mobile-search-open]) .mobile-search-panel{display:flex}:host([data-mobile-search-open]) .actions,:host([data-mobile-search-open]) .logo-wrap{visibility:hidden;pointer-events:none}}@media (min-width:600px) and (max-width:839.98px){:host([data-hide-search]) .search{display:none!important}}:host([data-collapsed]) .actions,:host([data-no-utility]) .actions{gap:var(--spacing-5, 16px)}:host([data-no-utility]) .search{flex:1 1 var(--scb-header-search-max);max-width:var(--scb-header-search-max);min-width:var(--scb-header-search-min)}.tabs-inset{display:inline-block;width:fit-content;max-width:100%}.tabs-row{display:flex;align-items:center;min-height:calc(var(--spacing-10, 40px));gap:var(--spacing-5, 16px)}.tabs-row--empty{min-height:0}.tabs-row .tabs-inset{flex:1 1 auto;min-width:0}@media (max-width:839.98px){.tabs-inset{display:none}.tabs-row{min-height:0}}.tabs-nav{display:inline-flex;flex-wrap:nowrap;gap:var(--spacing-6, 18px);min-height:calc(var(--spacing-10, 40px));position:relative}.tabs-nav,.tabs-nav--skeleton{align-items:center}.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-link,.tab-wrap{position:relative;display:inline-flex;align-items:stretch}.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{align-items:center;justify-content:center;padding-block:var(--spacing-4, 12px);padding:0;border:0;background:0 0;text-decoration:none;cursor:pointer;font-family:var(--md-sys-typescale-title-small-font,
924
363
  var(--brand-font, Inter)
925
- );
926
- font-size: var(
927
- --scb-header-tab-font-size,
364
+ );font-size:var(--scb-header-tab-font-size,
928
365
  var(--md-sys-typescale-title-small-size, 1rem)
929
- );
930
- line-height: var(
931
- --scb-header-tab-line-height,
366
+ );line-height:var(--scb-header-tab-line-height,
932
367
  var(--md-sys-typescale-title-small-line-height, 1.5rem)
933
- );
934
- font-weight: var(--md-sys-typescale-title-small-weight, 500);
935
- letter-spacing: var(--md-sys-typescale-title-small-tracking, 0);
936
- color: var(--md-sys-color-on-surface);
937
- white-space: nowrap;
938
- border-radius: 0;
939
- outline: none;
940
- }
941
-
942
- .tab-link[aria-current='page'] {
943
- color: var(--md-sys-color-primary);
944
- }
945
-
946
- .tab-link::after {
947
- content: '';
948
- position: absolute;
949
- left: 0;
950
- right: 0;
951
- bottom: 0;
952
- height: 3px;
953
- border-radius: 999px 999px 0 0;
954
- background-color: transparent;
955
- }
956
-
957
- .tab-link[aria-current='page']::after {
958
- background-color: var(--md-sys-color-primary);
959
- }
960
-
961
- .tab-link:focus-visible {
962
- outline: none;
963
- }
964
-
965
- .tab-link:focus-visible + md-focus-ring {
966
- display: block;
967
- }
968
-
969
- .utility-link,
970
- .header-text-button,
971
- .header-icon-button,
972
- .search-submit {
973
- border: 0;
974
- font: inherit;
975
- letter-spacing: 0;
976
- -webkit-tap-highlight-color: transparent;
977
- position: relative;
978
- }
979
-
980
- .utility-link,
981
- .header-text-button,
982
- .search-submit {
983
- box-sizing: border-box;
984
- display: inline-flex;
985
- align-items: center;
986
- justify-content: center;
987
- min-block-size: calc(
988
- var(--md-sys-typescale-label-small-line-height, 20px) +
989
- ((var(--spacing-4, 12px) - var(--spacing-1, 2px)) * 2)
990
- );
991
- padding-block: calc(var(--spacing-4, 12px) - var(--spacing-1, 2px));
992
- padding-inline: var(--spacing-5, 16px);
993
- border-radius: var(--radius-full, 1000px);
994
- color: var(--md-sys-color-primary, var(--p-40, #1f44ff));
995
- font-family: var(--md-sys-typescale-label-small-font, var(--brand-font, Inter), sans-serif);
996
- font-size: var(--md-sys-typescale-label-small-size, 14px);
997
- line-height: var(--md-sys-typescale-label-small-line-height, 20px);
998
- font-weight: var(--md-sys-typescale-label-small-weight, 600);
999
- text-decoration: none;
1000
- background: transparent;
1001
- cursor: pointer;
1002
- white-space: nowrap;
1003
- }
1004
-
1005
- .utility-link:hover,
1006
- .header-text-button:hover {
1007
- background: color-mix(in srgb, var(--md-sys-color-primary, #1f44ff) 8%, transparent);
1008
- }
1009
-
1010
- .search-submit {
1011
- min-block-size: var(--scb-search-height, var(--scale-11, 48px));
1012
- min-inline-size: var(--scale-12, 64px);
1013
- color: var(--md-sys-color-on-secondary-container, var(--p-30, #1e00be));
1014
- background: var(--md-sys-color-secondary-container, var(--p-90, #d6f1ff));
1015
- }
1016
-
1017
- .search-submit:hover {
1018
- background: color-mix(
1019
- in srgb,
1020
- var(--md-sys-color-secondary-container, #d6f1ff) 92%,
1021
- var(--md-sys-color-on-secondary-container, #1e00be)
1022
- );
1023
- }
1024
-
1025
- .header-icon-button {
1026
- position: relative;
1027
- display: inline-flex;
1028
- align-items: center;
1029
- justify-content: center;
1030
- inline-size: calc(var(--icon-size-medium, 24px) + (var(--spacing-3, 12px) * 2));
1031
- block-size: calc(var(--icon-size-medium, 24px) + (var(--spacing-3, 12px) * 2));
1032
- padding: 0;
1033
- border-radius: var(--radius-full, 1000px);
1034
- color: var(--md-sys-color-on-surface, #1b1b1f);
1035
- background: transparent;
1036
- cursor: pointer;
1037
- }
1038
-
1039
- .mobile-search-trigger,
1040
- .mobile-search-close {
1041
- color: var(--md-sys-color-on-secondary-container, var(--p-30, #1e00be));
1042
- background: var(--md-sys-color-secondary-container, var(--p-90, #d6f1ff));
1043
- }
1044
-
1045
- @media (min-width: 600px) {
1046
- .mobile-search-trigger.header-icon-button {
1047
- display: none;
1048
- }
1049
- }
1050
-
1051
- .header-icon-button:hover,
1052
- .header-search-clear:hover {
1053
- background: color-mix(in srgb, currentColor 8%, transparent);
1054
- }
1055
-
1056
- .mobile-search-trigger:hover,
1057
- .mobile-search-close:hover {
1058
- background: color-mix(
1059
- in srgb,
1060
- var(--md-sys-color-secondary-container, #d6f1ff) 92%,
1061
- var(--md-sys-color-on-secondary-container, #1e00be)
1062
- );
1063
- }
1064
-
1065
- .utility-link:focus,
1066
- .utility-link:focus-visible,
1067
- .header-text-button:focus,
1068
- .header-text-button:focus-visible,
1069
- .header-icon-button:focus,
1070
- .header-icon-button:focus-visible,
1071
- .search-submit:focus,
1072
- .search-submit:focus-visible,
1073
- .header-search-clear:focus,
1074
- .header-search-clear:focus-visible {
1075
- outline: none;
1076
- }
1077
-
1078
- .utility-link:focus-visible,
1079
- .header-text-button:focus-visible,
1080
- .header-icon-button:focus-visible,
1081
- .search-submit:focus-visible,
1082
- .header-search-clear:focus-visible {
1083
- outline: none;
1084
- }
1085
-
1086
- .utility-link md-focus-ring,
1087
- .header-text-button md-focus-ring,
1088
- .header-icon-button md-focus-ring,
1089
- .search-submit md-focus-ring,
1090
- .header-search-clear md-focus-ring {
1091
- position: absolute;
1092
- inset: var(--spacing-neg-2, -4px);
1093
- pointer-events: none;
1094
- display: none;
1095
- border-radius: inherit;
1096
- }
1097
-
1098
- .utility-link:focus-visible md-focus-ring,
1099
- .header-text-button:focus-visible md-focus-ring,
1100
- .header-icon-button:focus-visible md-focus-ring,
1101
- .search-submit:focus-visible md-focus-ring,
1102
- .header-search-clear:focus-visible md-focus-ring {
1103
- display: block;
1104
- }
1105
-
1106
- .header-text-button {
1107
- gap: var(--spacing-3, 8px);
1108
- }
1109
-
1110
- .header-text-button .header-symbol {
1111
- inline-size: var(--icon-size-small, 20px);
1112
- font-size: var(--icon-size-small, 20px);
1113
- line-height: var(--icon-size-small, 20px);
1114
- }
1115
-
1116
- .header-symbol {
1117
- display: inline-block;
1118
- inline-size: 1em;
1119
- overflow: hidden;
1120
- font-family: 'Material Symbols Outlined';
1121
- font-size: var(--icon-size-medium, 24px);
1122
- line-height: 1;
1123
- text-align: center;
1124
- white-space: nowrap;
1125
- text-transform: none;
1126
- word-wrap: normal;
1127
- direction: ltr;
1128
- font-feature-settings: 'liga' 1;
1129
- font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
1130
- -webkit-font-smoothing: antialiased;
1131
- -moz-osx-font-smoothing: grayscale;
1132
- }
1133
-
1134
- .header-search-icon.header-symbol {
1135
- display: inline-flex;
1136
- align-items: center;
1137
- justify-content: center;
1138
- inline-size: var(--scb-header-search-leading-size);
1139
- font-size: var(--scb-header-search-icon-size);
1140
- }
1141
-
1142
- .sr-only {
1143
- position: absolute;
1144
- inline-size: 1px;
1145
- block-size: 1px;
1146
- padding: 0;
1147
- margin: -1px;
1148
- overflow: hidden;
1149
- clip: rect(0, 0, 0, 0);
1150
- white-space: nowrap;
1151
- border: 0;
1152
- }
1153
-
1154
- .drawer-close {
1155
- box-sizing: border-box;
1156
- display: flex;
1157
- justify-content: flex-end;
1158
- padding-block-start: var(--spacing-4, 12px);
1159
- padding-inline: var(--spacing-4, 12px);
1160
- background: var(--md-sys-color-surface-container-lowest);
1161
- }
1162
-
1163
- .drawer-close[hidden] {
1164
- display: none;
1165
- }
1166
-
1167
- .drawer-close ::slotted(*) {
1168
- flex: 0 0 auto;
1169
- }
1170
-
1171
- .divider {
1172
- border-bottom: var(--stroke-border, 1px) solid
1173
- var(--md-sys-color-outline-variant, #e0e0e0);
1174
- position: relative;
1175
- z-index: 0;
1176
- }
1177
-
1178
- :host([data-hide-logo-text]) .logo-text {
1179
- display: none;
1180
- }
1181
- `,C);c([h({type:String,attribute:"max-width"})],o.prototype,"maxWidth",void 0);c([h({type:String,reflect:!0})],o.prototype,"spacing",void 0);c([h({type:String,attribute:"spacing-top",reflect:!0})],o.prototype,"spacingTop",void 0);c([h({type:String,attribute:"spacing-bottom",reflect:!0})],o.prototype,"spacingBottom",void 0);c([h({type:String,reflect:!0,converter:L})],o.prototype,"size",void 0);c([h({type:String,attribute:"logo-text"})],o.prototype,"logoText",void 0);c([h({type:String,attribute:"logotype-text"})],o.prototype,"logotypeText",void 0);c([h({type:String,attribute:"logo-alt"})],o.prototype,"logoAlt",void 0);c([h({type:String,attribute:"logo-href"})],o.prototype,"logoHref",void 0);c([h({type:String,attribute:"logo-src"})],o.prototype,"logoSrc",void 0);c([h({type:String,attribute:"logo-width"})],o.prototype,"logoWidth",void 0);c([h({type:String,attribute:"logo-height"})],o.prototype,"logoHeight",void 0);c([h({type:String,attribute:"logo-aspect-ratio"})],o.prototype,"logoAspectRatio",void 0);c([h({type:Boolean,attribute:"logo-invert-dm",reflect:!0,converter:$})],o.prototype,"logoInvertDm",void 0);c([h({type:Boolean,reflect:!0})],o.prototype,"banner",void 0);c([h({type:String,attribute:"banner-label"})],o.prototype,"bannerLabel",void 0);c([h({type:Array,attribute:"tabs",converter:o._JSON_ARRAY})],o.prototype,"tabs",void 0);c([h({type:Number,attribute:"active-tab"})],o.prototype,"activeTab",void 0);c([h({type:Boolean,attribute:"reserve-tabs",reflect:!0,converter:$})],o.prototype,"reserveTabs",void 0);c([h({type:Number,attribute:"reserve-tabs-count"})],o.prototype,"reserveTabsCount",void 0);c([h({type:String,attribute:"reserve-tabs-widths"})],o.prototype,"reserveTabsWidths",void 0);c([h({type:Boolean,attribute:"layout-pending",reflect:!0,converter:$})],o.prototype,"layoutPending",void 0);c([h({type:Array,attribute:"utility-items",converter:o._JSON_ARRAY})],o.prototype,"utilityItems",void 0);c([h({type:String,attribute:"search-placeholder"})],o.prototype,"searchPlaceholder",void 0);c([h({type:String,attribute:"search-button-label"})],o.prototype,"searchButtonLabel",void 0);c([h({type:String,attribute:"menu-label"})],o.prototype,"menuLabel",void 0);c([h({type:String,attribute:"menu-button-label"})],o.prototype,"menuButtonLabel",void 0);c([h({type:String,attribute:"menu-sub-label"})],o.prototype,"menuSubLabel",void 0);c([h({type:String,attribute:"menu-section-label"})],o.prototype,"menuSectionLabel",void 0);c([h({type:String,attribute:"menu-search-placeholder"})],o.prototype,"menuSearchPlaceholder",void 0);c([h({type:Array,attribute:"menu-data",converter:o._JSON_ARRAY})],o.prototype,"menuData",void 0);c([h({type:Boolean,attribute:"defer-drawer",reflect:!0,converter:$})],o.prototype,"deferDrawer",void 0);c([h({type:Boolean,attribute:"show-drawer",reflect:!0,converter:E})],o.prototype,"showDrawer",void 0);c([h({type:Boolean,attribute:"always-show-menu-button",reflect:!0,converter:$})],o.prototype,"alwaysShowMenuButton",void 0);c([h({type:Boolean,attribute:"show-search",reflect:!0,converter:E})],o.prototype,"showSearch",void 0);c([h({type:Boolean,attribute:"include-utility-in-menu",reflect:!0,converter:$})],o.prototype,"includeUtilityInMenu",void 0);c([h({type:Boolean,attribute:"drawer-overlay",reflect:!0,converter:E})],o.prototype,"drawerOverlay",void 0);c([h({type:String,attribute:"search-max"})],o.prototype,"searchMax",void 0);c([h({type:String,attribute:"search-min"})],o.prototype,"searchMin",void 0);c([h({type:String,attribute:"search-height"})],o.prototype,"searchHeight",void 0);c([h({type:String,attribute:"search-text",reflect:!0})],o.prototype,"searchText",void 0);c([k()],o.prototype,"_drawerId",void 0);c([k()],o.prototype,"_menuExpanded",void 0);c([k()],o.prototype,"_searchId",void 0);c([k()],o.prototype,"_drawerReady",void 0);c([k()],o.prototype,"_mobileSearchOpen",void 0);c([k()],o.prototype,"_slotNavItems",void 0);c([k()],o.prototype,"_slotUtils",void 0);c([k()],o.prototype,"_slotMenu",void 0);c([k()],o.prototype,"_collapsed",void 0);c([k()],o.prototype,"_hideLogoText",void 0);o=z=c([D("scb-header")],o);
368
+ );font-weight:var(--md-sys-typescale-title-small-weight, 500);letter-spacing:var(--md-sys-typescale-title-small-tracking, 0);color:var(--md-sys-color-on-surface);white-space:nowrap;border-radius:0;outline:0}.tab-link[aria-current=page]{color:var(--md-sys-color-primary)}.tab-link::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;border-radius:999px 999px 0 0;background-color:transparent}.tab-link[aria-current=page]::after{background-color:var(--md-sys-color-primary)}.tab-link:focus-visible{outline:0}.header-icon-button:focus-visible md-focus-ring,.header-search-clear:focus-visible md-focus-ring,.header-text-button:focus-visible md-focus-ring,.search-submit:focus-visible md-focus-ring,.tab-link:focus-visible+md-focus-ring,.utility-link:focus-visible md-focus-ring{display:block}.header-text-button,.utility-link{position:relative}.header-icon-button,.header-text-button,.search-submit,.utility-link{border:0;font:inherit;letter-spacing:0;-webkit-tap-highlight-color:transparent}.search-submit{position:relative}.header-text-button,.search-submit,.utility-link{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:0 0;cursor:pointer;white-space:nowrap}.header-text-button:hover,.utility-link: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:0 0;cursor:pointer}.mobile-search-close,.mobile-search-trigger{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-close:hover,.mobile-search-trigger: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:focus,.header-icon-button:focus-visible,.header-search-clear:focus,.header-search-clear:focus-visible,.header-text-button:focus,.header-text-button:focus-visible,.search-submit:focus,.search-submit:focus-visible,.utility-link:focus,.utility-link:focus-visible{outline:0}.header-icon-button:focus-visible,.header-search-clear:focus-visible,.header-text-button:focus-visible,.search-submit:focus-visible,.utility-link:focus-visible{outline:0}.header-icon-button md-focus-ring,.header-search-clear md-focus-ring,.header-text-button md-focus-ring,.search-submit md-focus-ring,.utility-link md-focus-ring{position:absolute;inset:var(--spacing-neg-2, -4px);pointer-events:none;display:none;border-radius:inherit}.header-text-button{gap:var(--spacing-3, 8px)}.header-text-button .header-symbol{inline-size:var(--icon-size-small, 20px);font-size:var(--icon-size-small, 20px);line-height:var(--icon-size-small, 20px)}.header-symbol,.sr-only{overflow:hidden;white-space:nowrap}.header-symbol{display:inline-block;inline-size:1em;block-size:1em;font-family:"Material Symbols Outlined";font-size:var(--icon-size-medium, 24px);line-height:1;text-align:center;text-transform:none;word-wrap:normal;direction:ltr;font-feature-settings:"liga"1;font-variation-settings:"FILL"0,"wght"400,"GRAD"0,"opsz"24;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.header-symbol.scb-svg-icon{fill:currentColor;font:inherit}.header-search-icon.header-symbol{display:inline-flex;align-items:center;justify-content:center;inline-size:var(--scb-header-search-leading-size);font-size:var(--scb-header-search-icon-size)}.sr-only{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;clip:rect(0,0,0,0);border:0}.drawer-close{box-sizing:border-box;display:flex;justify-content:flex-end;padding-block-start:var(--spacing-4, 12px);padding-inline:var(--spacing-4, 12px);background:var(--md-sys-color-surface-container-lowest)}.drawer-close[hidden]{display:none}.drawer-close ::slotted(*){flex:0 0 auto}.divider{border-bottom:var(--stroke-border, 1px) solid var(--md-sys-color-outline-variant, #e0e0e0);position:relative;z-index:0}:host([data-hide-logo-text]) .logo-text{display:none}`,T);c([h({type:String,attribute:"max-width"})],o.prototype,"maxWidth",void 0);c([h({type:String,reflect:!0})],o.prototype,"spacing",void 0);c([h({type:String,attribute:"spacing-top",reflect:!0})],o.prototype,"spacingTop",void 0);c([h({type:String,attribute:"spacing-bottom",reflect:!0})],o.prototype,"spacingBottom",void 0);c([h({type:String,reflect:!0,converter:N})],o.prototype,"size",void 0);c([h({type:String,attribute:"logo-text"})],o.prototype,"logoText",void 0);c([h({type:String,attribute:"logotype-text"})],o.prototype,"logotypeText",void 0);c([h({type:String,attribute:"logo-alt"})],o.prototype,"logoAlt",void 0);c([h({type:String,attribute:"logo-href"})],o.prototype,"logoHref",void 0);c([h({type:String,attribute:"logo-src"})],o.prototype,"logoSrc",void 0);c([h({type:String,attribute:"logo-width"})],o.prototype,"logoWidth",void 0);c([h({type:String,attribute:"logo-height"})],o.prototype,"logoHeight",void 0);c([h({type:String,attribute:"logo-aspect-ratio"})],o.prototype,"logoAspectRatio",void 0);c([h({type:Boolean,attribute:"logo-invert-dm",reflect:!0,converter:z})],o.prototype,"logoInvertDm",void 0);c([h({type:Boolean,reflect:!0})],o.prototype,"banner",void 0);c([h({type:String,attribute:"banner-label"})],o.prototype,"bannerLabel",void 0);c([h({type:Array,attribute:"tabs",converter:o._JSON_ARRAY})],o.prototype,"tabs",void 0);c([h({type:Number,attribute:"active-tab"})],o.prototype,"activeTab",void 0);c([h({type:Boolean,attribute:"reserve-tabs",reflect:!0,converter:z})],o.prototype,"reserveTabs",void 0);c([h({type:Number,attribute:"reserve-tabs-count"})],o.prototype,"reserveTabsCount",void 0);c([h({type:String,attribute:"reserve-tabs-widths"})],o.prototype,"reserveTabsWidths",void 0);c([h({type:Boolean,attribute:"layout-pending",reflect:!0,converter:z})],o.prototype,"layoutPending",void 0);c([h({type:Array,attribute:"utility-items",converter:o._JSON_ARRAY})],o.prototype,"utilityItems",void 0);c([h({type:String,attribute:"search-placeholder"})],o.prototype,"searchPlaceholder",void 0);c([h({type:String,attribute:"search-button-label"})],o.prototype,"searchButtonLabel",void 0);c([h({type:String,attribute:"menu-label"})],o.prototype,"menuLabel",void 0);c([h({type:String,attribute:"menu-button-label"})],o.prototype,"menuButtonLabel",void 0);c([h({type:String,attribute:"menu-sub-label"})],o.prototype,"menuSubLabel",void 0);c([h({type:String,attribute:"menu-section-label"})],o.prototype,"menuSectionLabel",void 0);c([h({type:String,attribute:"menu-search-placeholder"})],o.prototype,"menuSearchPlaceholder",void 0);c([h({type:Array,attribute:"menu-data",converter:o._JSON_ARRAY})],o.prototype,"menuData",void 0);c([h({type:Boolean,attribute:"defer-drawer",reflect:!0,converter:z})],o.prototype,"deferDrawer",void 0);c([h({type:Boolean,attribute:"show-drawer",reflect:!0,converter:M})],o.prototype,"showDrawer",void 0);c([h({type:Boolean,attribute:"always-show-menu-button",reflect:!0,converter:z})],o.prototype,"alwaysShowMenuButton",void 0);c([h({type:Boolean,attribute:"show-search",reflect:!0,converter:M})],o.prototype,"showSearch",void 0);c([h({type:Boolean,attribute:"include-utility-in-menu",reflect:!0,converter:z})],o.prototype,"includeUtilityInMenu",void 0);c([h({type:Boolean,attribute:"drawer-overlay",reflect:!0,converter:M})],o.prototype,"drawerOverlay",void 0);c([h({type:String,attribute:"search-max"})],o.prototype,"searchMax",void 0);c([h({type:String,attribute:"search-min"})],o.prototype,"searchMin",void 0);c([h({type:String,attribute:"search-height"})],o.prototype,"searchHeight",void 0);c([h({type:String,attribute:"search-text",reflect:!0})],o.prototype,"searchText",void 0);c([k()],o.prototype,"_drawerId",void 0);c([k()],o.prototype,"_menuExpanded",void 0);c([k()],o.prototype,"_searchId",void 0);c([k()],o.prototype,"_drawerReady",void 0);c([k()],o.prototype,"_mobileSearchOpen",void 0);c([k()],o.prototype,"_slotNavItems",void 0);c([k()],o.prototype,"_slotUtils",void 0);c([k()],o.prototype,"_slotMenu",void 0);c([k()],o.prototype,"_collapsed",void 0);c([k()],o.prototype,"_hideLogoText",void 0);o=P=c([I("scb-header")],o);