@oslokommune/punkt-elements 19.4.0 → 19.5.1

package/dist/{header-Cs4t2XMM.cjs → header-CgP3-6-b.cjs}

@@ -1,4 +1,4 @@
-const e=require("./element-BOmr9YLv.cjs"),t=require("./class-map-Drv0_anQ.cjs"),n=require("./if-defined-2mkIDgOm.cjs"),r=require("./format-B8meU8Tm.cjs"),i=require("./element-with-slot-2PHu2w7O.cjs"),a=require("./booleanish-BF8l4scU.cjs"),o=require("./fetch-header-footer-data-CUKV0biS.cjs");require("./icon-CoBsgGUR.cjs"),require("./button-CmNrMH-c.cjs");const s=require("./ref-Emu5PNxk.cjs"),c=require("./focus-trap-DSv4Ifqm.cjs"),l=require("./scroll-lock-BN8lOhV5.cjs");require("./link-EMsHusF7.cjs"),require("./textinput-Czz2affL.cjs"),require("./searchinput-7-VVdkss.cjs"),require("./header-menu-BnqZagI6.cjs");var u=e=>typeof e.target==`string`?{title:e.title,iconName:e.iconName,href:e.target}:{title:e.title,iconName:e.iconName,onClick:e.target},d=e=>u(e),f=e=>{if(!e)return;let t=typeof e==`string`?new Date(e):e;if(!isNaN(t.getTime()))return t.toLocaleDateString(`nb-NO`,{day:`numeric`,month:`long`,year:`numeric`,hour:`2-digit`,minute:`2-digit`})},p=class{constructor(e,t){this.isMobile=!1,this.isTablet=!1,this.isHidden=!1,this.pauseScrollHide=!1,this.componentWidth=typeof window<`u`?window.innerWidth:0,this.lastScrollPosition=0,this.scrollLockToken=l.t(),this.lastFocusedElement=null,this.shouldRestoreFocus=!1,this.handleScroll=()=>{if(this.getOptions().scrollBehavior!==`hide`||this.pauseScrollHide)return;let e=window.pageYOffset||document.documentElement.scrollTop;if(e<0||Math.abs(e-this.lastScrollPosition)<60)return;let t=e>this.lastScrollPosition;this.lastScrollPosition=e,t!==this.isHidden&&(this.isHidden=t,this.host.requestUpdate())},this.host=e,this.getOptions=t,e.addController(this)}hostConnected(){window.addEventListener(`scroll`,this.handleScroll)}hostDisconnected(){this.resizeObserver?.disconnect(),window.removeEventListener(`scroll`,this.handleScroll),l.n(this.scrollLockToken,!1)}observe(e){e&&(this.componentWidth=e.offsetWidth,this.refreshBreakpoints(),this.resizeObserver=new ResizeObserver(e=>{for(let t of e)this.componentWidth=t.borderBoxSize&&t.borderBoxSize.length>0?t.borderBoxSize[0].inlineSize:t.contentRect.width,this.refreshBreakpoints()}),this.resizeObserver.observe(e))}refreshBreakpoints(){let{mobileBreakpoint:e,tabletBreakpoint:t}=this.getOptions(),n=this.componentWidth<e,r=this.componentWidth<t;(n!==this.isMobile||r!==this.isTablet)&&(this.isMobile=n,this.isTablet=r,this.host.requestUpdate())}setScrollLock(e){l.n(this.scrollLockToken,e)}captureFocus(){this.lastFocusedElement=document.activeElement}flagRestoreFocus(){this.shouldRestoreFocus=!0}restoreFocus(){this.shouldRestoreFocus&&this.lastFocusedElement&&document.contains(this.lastFocusedElement)&&this.lastFocusedElement.focus(),this.lastFocusedElement=null,this.shouldRestoreFocus=!1}},m=class extends e.t{constructor(...e){super(...e),this.canChangeRepresentation=!1,this.logoutOnClick=!1}handleChangeRepresentation(){this.dispatchEvent(new CustomEvent(`change-representation`,{bubbles:!0,composed:!0}))}handleLogout(){this.dispatchEvent(new CustomEvent(`log-out`,{bubbles:!0,composed:!0}))}handleMenuItemClick(e){`onClick`in e&&typeof e.onClick==`function`&&e.onClick()}renderLinkOrButton(n,r){let i=`href`in n,a=t.t({"pkt-user-menu__link":!0,"pkt-link-button":!i,"pkt-link":!i,"pkt-link--icon-left":!i,[r||``]:!!r});return i?e._`
+const e=require("./element-BOmr9YLv.cjs"),t=require("./class-map-Drv0_anQ.cjs"),n=require("./format-B8meU8Tm.cjs"),r=require("./element-with-slot-D7sTqOr3.cjs"),i=require("./booleanish-BF8l4scU.cjs"),a=require("./fetch-header-footer-data-CUKV0biS.cjs");require("./icon-Dnv6LtPC.cjs");const o=require("./if-defined-2mkIDgOm.cjs");require("./button-BNVTj7nB.cjs");const s=require("./ref-Emu5PNxk.cjs"),c=require("./focus-trap-DSv4Ifqm.cjs"),l=require("./scroll-lock-BN8lOhV5.cjs");require("./link-LO_5_La8.cjs"),require("./textinput-DfT_1aGb.cjs"),require("./searchinput-CbClDE-d.cjs"),require("./header-menu-BfkCp8jw.cjs");var u=e=>typeof e.target==`string`?{title:e.title,iconName:e.iconName,href:e.target}:{title:e.title,iconName:e.iconName,onClick:e.target},d=e=>u(e),f=e=>{if(!e)return;let t=typeof e==`string`?new Date(e):e;if(!isNaN(t.getTime()))return t.toLocaleDateString(`nb-NO`,{day:`numeric`,month:`long`,year:`numeric`,hour:`2-digit`,minute:`2-digit`})},p=class{constructor(e,t){this.isMobile=!1,this.isTablet=!1,this.isHidden=!1,this.pauseScrollHide=!1,this.componentWidth=typeof window<`u`?window.innerWidth:0,this.lastScrollPosition=0,this.scrollLockToken=l.t(),this.lastFocusedElement=null,this.shouldRestoreFocus=!1,this.handleScroll=()=>{if(this.getOptions().scrollBehavior!==`hide`||this.pauseScrollHide)return;let e=window.pageYOffset||document.documentElement.scrollTop;if(e<0||Math.abs(e-this.lastScrollPosition)<60)return;let t=e>this.lastScrollPosition;this.lastScrollPosition=e,t!==this.isHidden&&(this.isHidden=t,this.host.requestUpdate())},this.host=e,this.getOptions=t,e.addController(this)}hostConnected(){window.addEventListener(`scroll`,this.handleScroll)}hostDisconnected(){this.resizeObserver?.disconnect(),window.removeEventListener(`scroll`,this.handleScroll),l.n(this.scrollLockToken,!1)}observe(e){e&&(this.componentWidth=e.offsetWidth,this.refreshBreakpoints(),this.resizeObserver=new ResizeObserver(e=>{for(let t of e)this.componentWidth=t.borderBoxSize&&t.borderBoxSize.length>0?t.borderBoxSize[0].inlineSize:t.contentRect.width,this.refreshBreakpoints()}),this.resizeObserver.observe(e))}refreshBreakpoints(){let{mobileBreakpoint:e,tabletBreakpoint:t}=this.getOptions(),n=this.componentWidth<e,r=this.componentWidth<t;(n!==this.isMobile||r!==this.isTablet)&&(this.isMobile=n,this.isTablet=r,this.host.requestUpdate())}setScrollLock(e){l.n(this.scrollLockToken,e)}captureFocus(){this.lastFocusedElement=document.activeElement}flagRestoreFocus(){this.shouldRestoreFocus=!0}restoreFocus(){this.shouldRestoreFocus&&this.lastFocusedElement&&document.contains(this.lastFocusedElement)&&this.lastFocusedElement.focus(),this.lastFocusedElement=null,this.shouldRestoreFocus=!1}},m=class extends e.t{constructor(...e){super(...e),this.canChangeRepresentation=!1,this.logoutOnClick=!1}handleChangeRepresentation(){this.dispatchEvent(new CustomEvent(`change-representation`,{bubbles:!0,composed:!0}))}handleLogout(){this.dispatchEvent(new CustomEvent(`log-out`,{bubbles:!0,composed:!0}))}handleMenuItemClick(e){`onClick`in e&&typeof e.onClick==`function`&&e.onClick()}renderLinkOrButton(n,r){let i=`href`in n,a=t.t({"pkt-user-menu__link":!0,"pkt-link-button":!i,"pkt-link":!i,"pkt-link--icon-left":!i,[r||``]:!!r});return i?e._`
         <pkt-link
           iconName=${n.iconName||e.h}
           href=${n.href}
@@ -21,17 +21,17 @@ const e=require("./element-BOmr9YLv.cjs"),t=require("./class-map-Drv0_anQ.cjs"),
             <li class="pkt-user-menu__subitem">${this.renderLinkOrButton(t)}</li>
           `)}
       </ul>
-    `}render(){let t=this.userMenu?.map(d),n=this.pktStrings.get(`header`);return e._`
-      <nav class="pkt-user-menu" aria-label=${n.userMenuLabel}>
+    `}render(){let t=this.userMenu?.map(d),r=this.pktStrings.get(`header`);return e._`
+      <nav class="pkt-user-menu" aria-label=${r.userMenuLabel}>
         <ul class="pkt-user-menu__list">
           <!-- User section -->
           ${this.user?e._`
                 <li class="pkt-user-menu__item">
-                  <div class="pkt-user-menu__label">${n.loggedInAs}</div>
+                  <div class="pkt-user-menu__label">${r.loggedInAs}</div>
                   <div class="pkt-user-menu__name" translate="no">${this.user.name}</div>
                   ${this.formattedLastLoggedIn?e._`
                         <div class="pkt-user-menu__last-logged-in">
-                          ${n.lastLoggedIn} <time>${this.formattedLastLoggedIn}</time>
+                          ${r.lastLoggedIn} <time>${this.formattedLastLoggedIn}</time>
                         </div>
                       `:e.h}
                 </li>
@@ -45,15 +45,15 @@ const e=require("./element-BOmr9YLv.cjs"),t=require("./class-map-Drv0_anQ.cjs"),
           <!-- Representing section -->
           ${this.representing?e._`
                 <li class="pkt-user-menu__item">
-                  <div class="pkt-user-menu__label">${n.representing}</div>
+                  <div class="pkt-user-menu__label">${r.representing}</div>
                   <div class="pkt-user-menu__name" translate="no">${this.representing.name}</div>
                   ${this.representing.orgNumber?e._`<div class="pkt-user-menu__org-number">
-                        ${r.t(n.orgNumber,{number:this.representing.orgNumber})}
+                        ${n.t(r.orgNumber,{number:this.representing.orgNumber})}
                       </div>`:e.h}
                   ${this.canChangeRepresentation?e._`
                         <ul class="pkt-user-menu__sublist mt-size-16">
                           <li class="pkt-user-menu__subitem">
-                            ${this.renderLinkOrButton({title:n.changeRepresentation,iconName:`cogwheel`,onClick:()=>this.handleChangeRepresentation()})}
+                            ${this.renderLinkOrButton({title:r.changeRepresentation,iconName:`cogwheel`,onClick:()=>this.handleChangeRepresentation()})}
                           </li>
                         </ul>
                       `:e.h}
@@ -65,7 +65,7 @@ const e=require("./element-BOmr9YLv.cjs"),t=require("./class-map-Drv0_anQ.cjs"),
                 <li class="pkt-user-menu__item">
                   <ul class="pkt-user-menu__sublist">
                     <li class="pkt-user-menu__subitem">
-                      ${this.renderLinkOrButton({title:n.changeRepresentation,iconName:`cogwheel`,onClick:()=>this.handleChangeRepresentation()})}
+                      ${this.renderLinkOrButton({title:r.changeRepresentation,iconName:`cogwheel`,onClick:()=>this.handleChangeRepresentation()})}
                     </li>
                   </ul>
                 </li>
@@ -74,12 +74,12 @@ const e=require("./element-BOmr9YLv.cjs"),t=require("./class-map-Drv0_anQ.cjs"),
           <!-- Logout -->
           ${this.logoutOnClick?e._`
                 <li class="pkt-user-menu__item">
-                  ${this.renderLinkOrButton({title:n.logOut,iconName:`exit`,onClick:()=>this.handleLogout()})}
+                  ${this.renderLinkOrButton({title:r.logOut,iconName:`exit`,onClick:()=>this.handleLogout()})}
                 </li>
               `:e.h}
         </ul>
       </nav>
-    `}};e.n([e.u({type:Object})],m.prototype,`user`,void 0),e.n([e.u({type:String,attribute:`formatted-last-logged-in`})],m.prototype,`formattedLastLoggedIn`,void 0),e.n([e.u({type:Object})],m.prototype,`representing`,void 0),e.n([e.u({type:Array,attribute:`user-menu`})],m.prototype,`userMenu`,void 0),e.n([e.u({type:Boolean,attribute:`can-change-representation`,converter:a.t})],m.prototype,`canChangeRepresentation`,void 0),e.n([e.u({type:Boolean,attribute:`logout-on-click`,converter:a.t})],m.prototype,`logoutOnClick`,void 0);try{e.d(`pkt-header-user-menu`)(m)}catch{console.warn(`Forsøker å definere <pkt-header-user-menu>, men den er allerede definert`)}var h=`https://punkt-cdn.oslo.kommune.no/latest/logos/`;typeof window<`u`&&(window.pktLogoPath=window.pktLogoPath||h);var g=class extends i.t{constructor(...e){super(...e),this.logoLink=o.o,this.logoPath=typeof window<`u`?window.pktLogoPath:h,this.searchValue=``,this.mobileBreakpoint=768,this.tabletBreakpoint=1280,this.openedMenu=`none`,this.logOutButtonPlacement=`none`,this.position=`fixed`,this.scrollBehavior=`hide`,this.slotMenuVariant=`icon-only`,this.hideLogo=!1,this.compact=!1,this.showSearch=!1,this.canChangeRepresentation=!1,this.hasLogOut=!1,this.openMenu=`none`,this.alignSlotRight=!1,this.alignSearchRight=!1,this.headerRef=s.t(),this.userContainerRef=s.t(),this.slotContainerRef=s.t(),this.searchContainerRef=s.t(),this.slotContentRef=s.t(),this.searchMenuRef=s.t(),this.chrome=new p(this,()=>({mobileBreakpoint:this.mobileBreakpoint,tabletBreakpoint:this.tabletBreakpoint,position:this.position,scrollBehavior:this.scrollBehavior})),this.handleClickOutside=e=>{let t=e.target;this.user&&this.openMenu===`user`&&!t.closest(`.pkt-header-service__user-container`)&&(this.openMenu=`none`),this.openMenu===`slot`&&!t.closest(`.pkt-header-service__slot-container`)&&(this.openMenu=`none`),this.openMenu===`search`&&!t.closest(`.pkt-header-service__search-container`)&&!t.closest(`.pkt-header-service__search-input`)&&(this.openMenu=`none`)},this.handleSlotContentClick=e=>{if(!this.isTablet||this.openMenu!==`slot`)return;let t=e.target.closest(`a[href], button, [role="link"], [role="button"], [role="menuitem"], [role="menuitemradio"], [role="menuitemcheckbox"]`);!t||!this.slotContentRef.value?.contains(t)||t.closest(`[data-pkt-header-keep-open]`)||t.disabled||t.getAttribute(`aria-disabled`)===`true`||(this.openMenu=`none`)},this.handleFocusOut=(e,t)=>{let n=e.relatedTarget,r;switch(t){case`user`:r=this.userContainerRef;break;case`slot`:r=this.slotContainerRef;break;case`search`:r=this.searchContainerRef;break;default:return}let i=r.value;i&&(!n||!i.contains(n))&&(this.openMenu=`none`)},this.handleEscapeKey=e=>{e.key===`Escape`&&this.openMenu!==`none`&&(e.preventDefault(),this.chrome.flagRestoreFocus(),this.openMenu=`none`)}}get isMobile(){return this.chrome.isMobile}get isTablet(){return this.chrome.isTablet}get isHidden(){return this.chrome.isHidden}firstUpdated(){this.chrome.observe(this.headerRef.value)}updated(e){if(super.updated(e),e.has(`openedMenu`)&&this.openedMenu!==this.openMenu&&(this.openMenu=this.openedMenu),(e.has(`mobileBreakpoint`)||e.has(`tabletBreakpoint`))&&this.chrome.refreshBreakpoints(),e.has(`openMenu`)){let t=e.get(`openMenu`);this.openMenu!==`none`&&(t===`none`||t===void 0)?(document.addEventListener(`mousedown`,this.handleClickOutside),document.addEventListener(`keydown`,this.handleEscapeKey),(this.openMenu===`slot`||this.openMenu===`search`)&&requestAnimationFrame(()=>{this.checkDropdownAlignment(this.openMenu)})):this.openMenu===`none`&&t!==`none`&&(document.removeEventListener(`mousedown`,this.handleClickOutside),document.removeEventListener(`keydown`,this.handleEscapeKey),this.chrome.restoreFocus())}this.chrome.setScrollLock((this.isFixed||this.isSticky)&&this.isMobile&&this.openMenu!==`none`)}checkDropdownAlignment(e){let t=e===`slot`?this.slotContainerRef:this.searchContainerRef,n=e===`slot`?this.slotContentRef:this.searchMenuRef;if(!t.value||!n.value||!this.isTablet||this.isMobile)return;let r=t.value.getBoundingClientRect(),i=n.value.offsetWidth,a=r.left+i>window.innerWidth;e===`slot`?this.alignSlotRight=a:this.alignSearchRight=a}handleMenuToggle(e){this.openMenu===`none`?(this.chrome.captureFocus(),this.openMenu=e):this.openMenu=`none`}handleLogoClick(e){this.dispatchEvent(new CustomEvent(`logo-click`,{bubbles:!0,composed:!0,detail:{originalEvent:e}}))}handleServiceClick(e){this.dispatchEvent(new CustomEvent(`service-click`,{bubbles:!0,composed:!0,detail:{originalEvent:e}}))}handleLogout(){this.dispatchEvent(new CustomEvent(`log-out`,{bubbles:!0,composed:!0}))}handleSearch(e){this.dispatchEvent(new CustomEvent(`search`,{detail:{query:e},bubbles:!0,composed:!0}))}handleSearchChange(e){this.dispatchEvent(new CustomEvent(`search-change`,{detail:{query:e},bubbles:!0,composed:!0}))}handleSearchInputChange(e){let t=e.target.value;this.handleSearchChange(t)}handleSearchKeyDown(e){e.key===`Enter`&&this.handleSearch(e.target.value)}get formattedLastLoggedIn(){return f(this.user?.lastLoggedIn)}get isFixed(){return this.position===`fixed`}get isSticky(){return this.position===`sticky`}get shouldHideOnScroll(){return this.scrollBehavior===`hide`}get showLogoutInHeader(){return this.hasLogOut&&(this.logOutButtonPlacement===`header`||this.logOutButtonPlacement===`both`)}get showLogoutInUserMenu(){return this.hasLogOut&&(this.logOutButtonPlacement===`userMenu`||this.logOutButtonPlacement===`both`)}get headerStrings(){return this.pktStrings.get(`header`)}renderLogo(){if(this.hideLogo)return e.h;let t=e._`
+    `}};e.n([e.u({type:Object})],m.prototype,`user`,void 0),e.n([e.u({type:String,attribute:`formatted-last-logged-in`})],m.prototype,`formattedLastLoggedIn`,void 0),e.n([e.u({type:Object})],m.prototype,`representing`,void 0),e.n([e.u({type:Array,attribute:`user-menu`})],m.prototype,`userMenu`,void 0),e.n([e.u({type:Boolean,attribute:`can-change-representation`,converter:i.t})],m.prototype,`canChangeRepresentation`,void 0),e.n([e.u({type:Boolean,attribute:`logout-on-click`,converter:i.t})],m.prototype,`logoutOnClick`,void 0);try{e.d(`pkt-header-user-menu`)(m)}catch{console.warn(`Forsøker å definere <pkt-header-user-menu>, men den er allerede definert`)}var h=`https://punkt-cdn.oslo.kommune.no/latest/logos/`;typeof window<`u`&&(window.pktLogoPath=window.pktLogoPath||h);var g=class extends r.t{constructor(...e){super(...e),this.logoLink=a.o,this.logoPath=typeof window<`u`?window.pktLogoPath:h,this.searchValue=``,this.mobileBreakpoint=768,this.tabletBreakpoint=1280,this.openedMenu=`none`,this.logOutButtonPlacement=`none`,this.position=`fixed`,this.scrollBehavior=`hide`,this.slotMenuVariant=`icon-only`,this.hideLogo=!1,this.compact=!1,this.showSearch=!1,this.canChangeRepresentation=!1,this.hasLogOut=!1,this.openMenu=`none`,this.alignSlotRight=!1,this.alignSearchRight=!1,this.headerRef=s.t(),this.userContainerRef=s.t(),this.slotContainerRef=s.t(),this.searchContainerRef=s.t(),this.slotContentRef=s.t(),this.searchMenuRef=s.t(),this.chrome=new p(this,()=>({mobileBreakpoint:this.mobileBreakpoint,tabletBreakpoint:this.tabletBreakpoint,position:this.position,scrollBehavior:this.scrollBehavior})),this.handleClickOutside=e=>{let t=e.target;this.user&&this.openMenu===`user`&&!t.closest(`.pkt-header-service__user-container`)&&(this.openMenu=`none`),this.openMenu===`slot`&&!t.closest(`.pkt-header-service__slot-container`)&&(this.openMenu=`none`),this.openMenu===`search`&&!t.closest(`.pkt-header-service__search-container`)&&!t.closest(`.pkt-header-service__search-input`)&&(this.openMenu=`none`)},this.handleSlotContentClick=e=>{if(!this.isTablet||this.openMenu!==`slot`)return;let t=e.target.closest(`a[href], button, [role="link"], [role="button"], [role="menuitem"], [role="menuitemradio"], [role="menuitemcheckbox"]`);!t||!this.slotContentRef.value?.contains(t)||t.closest(`[data-pkt-header-keep-open]`)||t.disabled||t.getAttribute(`aria-disabled`)===`true`||(this.openMenu=`none`)},this.handleFocusOut=(e,t)=>{let n=e.relatedTarget,r;switch(t){case`user`:r=this.userContainerRef;break;case`slot`:r=this.slotContainerRef;break;case`search`:r=this.searchContainerRef;break;default:return}let i=r.value;i&&(!n||!i.contains(n))&&(this.openMenu=`none`)},this.handleEscapeKey=e=>{e.key===`Escape`&&this.openMenu!==`none`&&(e.preventDefault(),this.chrome.flagRestoreFocus(),this.openMenu=`none`)}}get isMobile(){return this.chrome.isMobile}get isTablet(){return this.chrome.isTablet}get isHidden(){return this.chrome.isHidden}firstUpdated(){this.chrome.observe(this.headerRef.value)}updated(e){if(super.updated(e),e.has(`openedMenu`)&&this.openedMenu!==this.openMenu&&(this.openMenu=this.openedMenu),(e.has(`mobileBreakpoint`)||e.has(`tabletBreakpoint`))&&this.chrome.refreshBreakpoints(),e.has(`openMenu`)){let t=e.get(`openMenu`);this.openMenu!==`none`&&(t===`none`||t===void 0)?(document.addEventListener(`mousedown`,this.handleClickOutside),document.addEventListener(`keydown`,this.handleEscapeKey),(this.openMenu===`slot`||this.openMenu===`search`)&&requestAnimationFrame(()=>{this.checkDropdownAlignment(this.openMenu)})):this.openMenu===`none`&&t!==`none`&&(document.removeEventListener(`mousedown`,this.handleClickOutside),document.removeEventListener(`keydown`,this.handleEscapeKey),this.chrome.restoreFocus())}this.chrome.setScrollLock((this.isFixed||this.isSticky)&&this.isMobile&&this.openMenu!==`none`)}checkDropdownAlignment(e){let t=e===`slot`?this.slotContainerRef:this.searchContainerRef,n=e===`slot`?this.slotContentRef:this.searchMenuRef;if(!t.value||!n.value||!this.isTablet||this.isMobile)return;let r=t.value.getBoundingClientRect(),i=n.value.offsetWidth,a=r.left+i>window.innerWidth;e===`slot`?this.alignSlotRight=a:this.alignSearchRight=a}handleMenuToggle(e){this.openMenu===`none`?(this.chrome.captureFocus(),this.openMenu=e):this.openMenu=`none`}handleLogoClick(e){this.dispatchEvent(new CustomEvent(`logo-click`,{bubbles:!0,composed:!0,detail:{originalEvent:e}}))}handleServiceClick(e){this.dispatchEvent(new CustomEvent(`service-click`,{bubbles:!0,composed:!0,detail:{originalEvent:e}}))}handleLogout(){this.dispatchEvent(new CustomEvent(`log-out`,{bubbles:!0,composed:!0}))}handleSearch(e){this.dispatchEvent(new CustomEvent(`search`,{detail:{query:e},bubbles:!0,composed:!0}))}handleSearchChange(e){this.dispatchEvent(new CustomEvent(`search-change`,{detail:{query:e},bubbles:!0,composed:!0}))}handleSearchInputChange(e){let t=e.target.value;this.handleSearchChange(t)}handleSearchKeyDown(e){e.key===`Enter`&&this.handleSearch(e.target.value)}get formattedLastLoggedIn(){return f(this.user?.lastLoggedIn)}get isFixed(){return this.position===`fixed`}get isSticky(){return this.position===`sticky`}get shouldHideOnScroll(){return this.scrollBehavior===`hide`}get showLogoutInHeader(){return this.hasLogOut&&(this.logOutButtonPlacement===`header`||this.logOutButtonPlacement===`both`)}get showLogoutInUserMenu(){return this.hasLogOut&&(this.logOutButtonPlacement===`userMenu`||this.logOutButtonPlacement===`both`)}get headerStrings(){return this.pktStrings.get(`header`)}renderLogo(){if(this.hideLogo)return e.h;let t=e._`
       <pkt-icon name="oslologo" aria-hidden="true" path=${this.logoPath}></pkt-icon>
     `;return this.logoLink?e._`
       <span class="pkt-header-service__logo">
@@ -122,7 +122,7 @@ const e=require("./element-BOmr9YLv.cjs"),t=require("./class-map-Drv0_anQ.cjs"),
       >
         <span class="pkt-header-service__service-link">${this.serviceName}</span>
       </span>
-    `:e.h}renderSlotContainer(){if(!this.hasSlotContent())return e.h;let n=t.t({"pkt-header-service__slot-container":!0,"is-open":this.openMenu===`slot`}),r=t.t({"pkt-header-service__slot-content":!0,"align-right":this.alignSlotRight});return e._`
+    `:e.h}renderSlotContainer(){if(!this.hasSlotContent())return e.h;let n=t.t({"pkt-header-service__slot-container":!0,"is-open":this.openMenu===`slot`}),i=t.t({"pkt-header-service__slot-content":!0,"align-right":this.alignSlotRight});return e._`
       <div
         class=${n}
         @focusout=${e=>this.handleFocusOut(e,`slot`)}
@@ -144,14 +144,14 @@ const e=require("./element-BOmr9YLv.cjs"),t=require("./class-map-Drv0_anQ.cjs"),
               </pkt-button>
             `:e.h}
         <div
-          class=${r}
+          class=${i}
           id="mobile-slot-menu"
           role=${this.isTablet?`group`:e.h}
           aria-label=${this.isTablet?this.headerStrings.menu:e.h}
           @click=${this.handleSlotContentClick}
           ${s.n(this.slotContentRef)}
         >
-          ${i.r(this)}
+          ${r.i(this)}
         </div>
       </div>
     `}renderSearch(){if(!this.showSearch)return e.h;if(this.isTablet){let n=t.t({"pkt-header-service__search-container":!0,"is-open":this.openMenu===`search`}),r=t.t({"pkt-header-service__mobile-menu":!0,"is-open":this.openMenu===`search`,"align-right":this.alignSearchRight});return e._`
@@ -276,29 +276,29 @@ const e=require("./element-BOmr9YLv.cjs"),t=require("./class-map-Drv0_anQ.cjs"),
           ${n}
           <div class=${r}></div>
         </div>
-      `}return n}};e.n([e.u({type:String,attribute:`service-name`})],g.prototype,`serviceName`,void 0),e.n([e.u({type:String,attribute:`service-link`})],g.prototype,`serviceLink`,void 0),e.n([e.u({type:String,attribute:`logo-link`})],g.prototype,`logoLink`,void 0),e.n([e.u({type:String,attribute:`logo-path`})],g.prototype,`logoPath`,void 0),e.n([e.u({type:String,attribute:`search-placeholder`})],g.prototype,`searchPlaceholder`,void 0),e.n([e.u({type:String,attribute:`search-value`})],g.prototype,`searchValue`,void 0),e.n([e.u({type:Number,attribute:`mobile-breakpoint`})],g.prototype,`mobileBreakpoint`,void 0),e.n([e.u({type:Number,attribute:`tablet-breakpoint`})],g.prototype,`tabletBreakpoint`,void 0),e.n([e.u({type:String,attribute:`opened-menu`})],g.prototype,`openedMenu`,void 0),e.n([e.u({type:String,attribute:`log-out-button-placement`})],g.prototype,`logOutButtonPlacement`,void 0),e.n([e.u({type:String})],g.prototype,`position`,void 0),e.n([e.u({type:String,attribute:`scroll-behavior`})],g.prototype,`scrollBehavior`,void 0),e.n([e.u({type:String,attribute:`slot-menu-variant`})],g.prototype,`slotMenuVariant`,void 0),e.n([e.u({type:String,attribute:`slot-menu-text`})],g.prototype,`slotMenuText`,void 0),e.n([e.u({type:Boolean,attribute:`hide-logo`,converter:a.t})],g.prototype,`hideLogo`,void 0),e.n([e.u({type:Boolean,converter:a.t})],g.prototype,`compact`,void 0),e.n([e.u({type:Boolean,attribute:`show-search`,converter:a.t})],g.prototype,`showSearch`,void 0),e.n([e.u({type:Boolean,attribute:`can-change-representation`,converter:a.t})],g.prototype,`canChangeRepresentation`,void 0),e.n([e.u({type:Boolean,attribute:`has-log-out`,converter:a.t})],g.prototype,`hasLogOut`,void 0),e.n([e.u({type:Object})],g.prototype,`user`,void 0),e.n([e.u({type:Array,attribute:`user-menu`})],g.prototype,`userMenu`,void 0),e.n([e.u({type:Object})],g.prototype,`representing`,void 0),e.n([e.l()],g.prototype,`openMenu`,void 0),e.n([e.l()],g.prototype,`alignSlotRight`,void 0),e.n([e.l()],g.prototype,`alignSearchRight`,void 0);try{e.d(`pkt-header-service`)(g)}catch{console.warn(`Forsøker å definere <pkt-header-service>, men den er allerede definert`)}var _=`https://punkt-cdn.oslo.kommune.no/latest/logos/`;typeof window<`u`&&(window.pktLogoPath=window.pktLogoPath||_);var v=`pkt-header-global-menu`,y=`pkt-header-global-menu-toggle`,b=`pkt-header-global-search-panel`,x=`pkt-header-global-search-toggle`,S=class extends e.t{constructor(...e){super(...e),this.locale=`nb-NO`,this.logoLink=o.o,this.logoPath=typeof window<`u`?window.pktLogoPath:_,this.position=`fixed`,this.scrollBehavior=`hide`,this.mobileBreakpoint=768,this.tabletBreakpoint=1024,this.logOutButtonPlacement=`none`,this.showSearch=!0,this.showContact=!0,this.canChangeRepresentation=!1,this.hasLogOut=!1,this.openMenu=`none`,this.loadError=!1,this.headerAnchor={top:0,left:0,width:0},this.headerRef=s.t(),this.menuContainerRef=s.t(),this.userContainerRef=s.t(),this.chrome=new p(this,()=>({mobileBreakpoint:this.mobileBreakpoint,tabletBreakpoint:this.tabletBreakpoint,position:this.position,scrollBehavior:this.scrollBehavior})),this.handleClickOutside=e=>{let t=e.target;this.openMenu===`user`&&!t.closest(`.pkt-header-global__user-container`)&&!t.closest(`.pkt-header-global__user-menu`)&&(this.openMenu=`none`),this.openMenu===`menu`&&!t.closest(`.pkt-header-menu`)&&!t.closest(`#${y}`)&&(this.openMenu=`none`),this.openMenu===`search`&&!t.closest(`.pkt-header-global__search-panel-inner`)&&!t.closest(`#${x}`)&&(this.openMenu=`none`)},this.handleEscapeKey=e=>{e.key===`Escape`&&this.openMenu!==`none`&&(e.preventDefault(),this.chrome.flagRestoreFocus(),this.openMenu=`none`)},this.handleOverlayKeydown=e=>{if(e.key!==`Tab`)return;let t=this.activeOverlay;if(!t||!t.panel||!t.toggle)return;let{panel:n,toggle:r}=t,i=c.n(n),a=c.t();if(a&&r.contains(a)){!e.shiftKey&&i.length>0&&(e.preventDefault(),i[0].focus());return}if(i.length===0)return;let o=i[0],s=i[i.length-1],l=!e.shiftKey&&a===s,u=e.shiftKey&&a===o;(l||u)&&(e.preventDefault(),this.openMenu=`none`,this.focusToggle(r))},this.handleOverlayFocusIn=e=>{let t=this.activeOverlay;if(!t||!t.panel)return;let n=e.target;n&&(t.panel.contains(n)||t.toggle?.contains(n)||(this.openMenu=`none`))}}get isMobile(){return this.chrome.isMobile}get isTablet(){return this.chrome.isTablet}get isHidden(){return this.chrome.isHidden}connectedCallback(){super.connectedCallback(),this.classList.add(`pkt-header-global-host`),this.data?this.emitDataLoaded(this.data):this.loadData()}disconnectedCallback(){super.disconnectedCallback(),this.abortController?.abort(),document.removeEventListener(`mousedown`,this.handleClickOutside),document.removeEventListener(`keydown`,this.handleEscapeKey),document.removeEventListener(`keydown`,this.handleOverlayKeydown),document.removeEventListener(`focusin`,this.handleOverlayFocusIn)}firstUpdated(){this.chrome.observe(this.headerRef.value)}willUpdate(e){if(super.willUpdate(e),this.openMenu===`menu`||this.openMenu===`search`){let e=this.headerRef.value?.getBoundingClientRect();e&&(this.headerAnchor={top:e.top,left:e.left,width:e.width})}}get overlayAnchorStyle(){let{top:e,left:t,width:n}=this.headerAnchor;return`--pkt-header-global-top: ${e}px; --pkt-header-global-left: ${t}px; --pkt-header-global-width: ${n}px`}updated(e){if(super.updated(e),(e.has(`mobileBreakpoint`)||e.has(`tabletBreakpoint`))&&this.chrome.refreshBreakpoints(),e.has(`dataUrl`)&&e.get(`dataUrl`)!==void 0&&!this.data&&this.loadData(),e.has(`data`)&&this.data&&this.emitDataLoaded(this.data),e.has(`openMenu`)){let t=e.get(`openMenu`);this.openMenu!==`none`&&(t===`none`||t===void 0)?(document.addEventListener(`mousedown`,this.handleClickOutside),document.addEventListener(`keydown`,this.handleEscapeKey)):this.openMenu===`none`&&t&&t!==`none`&&(document.removeEventListener(`mousedown`,this.handleClickOutside),document.removeEventListener(`keydown`,this.handleEscapeKey),this.chrome.restoreFocus());let n=t===`menu`||t===`search`,r=this.openMenu===`menu`||this.openMenu===`search`;r&&!n?(document.addEventListener(`keydown`,this.handleOverlayKeydown),document.addEventListener(`focusin`,this.handleOverlayFocusIn)):!r&&n&&(document.removeEventListener(`keydown`,this.handleOverlayKeydown),document.removeEventListener(`focusin`,this.handleOverlayFocusIn)),this.openMenu===`search`&&t!==`search`&&requestAnimationFrame(()=>{this.querySelector(`#${b} input`)?.focus()}),this.chrome.pauseScrollHide=this.openMenu!==`none`,this.chrome.setScrollLock(this.openMenu===`menu`||this.openMenu===`search`)}}async loadData(){this.abortController?.abort(),this.abortController=new AbortController,this.loadError=!1;try{let e=await o.t(this.dataUrl,this.abortController.signal);this.fetchedData=e,this.emitDataLoaded(e)}catch(e){if(e.name===`AbortError`)return;this.loadError=!0,this.dispatchEvent(new CustomEvent(`data-error`,{detail:{error:e},bubbles:!0,composed:!0}))}}emitDataLoaded(e){this.dispatchEvent(new CustomEvent(`data-loaded`,{detail:{data:e},bubbles:!0,composed:!0}))}get effectiveData(){return this.data??this.fetchedData}get localeData(){return o.n(this.effectiveData,this.locale)}get shouldHideOnScroll(){return this.scrollBehavior===`hide`}get isFixed(){return this.position===`fixed`}get isSticky(){return this.position===`sticky`}toggleMenu(e){this.openMenu===e?this.openMenu=`none`:(this.chrome.captureFocus(),this.openMenu=e)}get activeOverlay(){return this.openMenu===`menu`?{panel:this.menuContainerRef.value??null,toggle:this.querySelector(`#${y}`)}:this.openMenu===`search`?{panel:this.querySelector(`#${b}`),toggle:this.querySelector(`#${x}`)}:null}focusToggle(e){(e?.querySelector(`button`)??e)?.focus()}handleSearch(e){this.dispatchEvent(new CustomEvent(`search`,{detail:{query:e},bubbles:!0,composed:!0}))}handleLogout(){this.dispatchEvent(new CustomEvent(`log-out`,{bubbles:!0,composed:!0}))}handleChangeRepresentation(){this.dispatchEvent(new CustomEvent(`change-representation`,{bubbles:!0,composed:!0}))}get formattedLastLoggedIn(){return f(this.user?.lastLoggedIn)}get showLogoutInUserMenu(){return this.hasLogOut&&(this.logOutButtonPlacement===`userMenu`||this.logOutButtonPlacement===`both`)}handleLogoClick(e){this.dispatchEvent(new CustomEvent(`logo-click`,{bubbles:!0,composed:!0,detail:{originalEvent:e}}))}renderLogo(){let t=this.pktStrings.get(`header`),r=e._`
-      <pkt-icon name="oslologo" aria-hidden="true" path=${n.t(this.logoPath)}></pkt-icon>
+      `}return n}};e.n([e.u({type:String,attribute:`service-name`})],g.prototype,`serviceName`,void 0),e.n([e.u({type:String,attribute:`service-link`})],g.prototype,`serviceLink`,void 0),e.n([e.u({type:String,attribute:`logo-link`})],g.prototype,`logoLink`,void 0),e.n([e.u({type:String,attribute:`logo-path`})],g.prototype,`logoPath`,void 0),e.n([e.u({type:String,attribute:`search-placeholder`})],g.prototype,`searchPlaceholder`,void 0),e.n([e.u({type:String,attribute:`search-value`})],g.prototype,`searchValue`,void 0),e.n([e.u({type:Number,attribute:`mobile-breakpoint`})],g.prototype,`mobileBreakpoint`,void 0),e.n([e.u({type:Number,attribute:`tablet-breakpoint`})],g.prototype,`tabletBreakpoint`,void 0),e.n([e.u({type:String,attribute:`opened-menu`})],g.prototype,`openedMenu`,void 0),e.n([e.u({type:String,attribute:`log-out-button-placement`})],g.prototype,`logOutButtonPlacement`,void 0),e.n([e.u({type:String})],g.prototype,`position`,void 0),e.n([e.u({type:String,attribute:`scroll-behavior`})],g.prototype,`scrollBehavior`,void 0),e.n([e.u({type:String,attribute:`slot-menu-variant`})],g.prototype,`slotMenuVariant`,void 0),e.n([e.u({type:String,attribute:`slot-menu-text`})],g.prototype,`slotMenuText`,void 0),e.n([e.u({type:Boolean,attribute:`hide-logo`,converter:i.t})],g.prototype,`hideLogo`,void 0),e.n([e.u({type:Boolean,converter:i.t})],g.prototype,`compact`,void 0),e.n([e.u({type:Boolean,attribute:`show-search`,converter:i.t})],g.prototype,`showSearch`,void 0),e.n([e.u({type:Boolean,attribute:`can-change-representation`,converter:i.t})],g.prototype,`canChangeRepresentation`,void 0),e.n([e.u({type:Boolean,attribute:`has-log-out`,converter:i.t})],g.prototype,`hasLogOut`,void 0),e.n([e.u({type:Object})],g.prototype,`user`,void 0),e.n([e.u({type:Array,attribute:`user-menu`})],g.prototype,`userMenu`,void 0),e.n([e.u({type:Object})],g.prototype,`representing`,void 0),e.n([e.l()],g.prototype,`openMenu`,void 0),e.n([e.l()],g.prototype,`alignSlotRight`,void 0),e.n([e.l()],g.prototype,`alignSearchRight`,void 0);try{e.d(`pkt-header-service`)(g)}catch{console.warn(`Forsøker å definere <pkt-header-service>, men den er allerede definert`)}var _=`https://punkt-cdn.oslo.kommune.no/latest/logos/`;typeof window<`u`&&(window.pktLogoPath=window.pktLogoPath||_);var v=`pkt-header-global-menu`,y=`pkt-header-global-menu-toggle`,b=`pkt-header-global-search-panel`,x=`pkt-header-global-search-toggle`,S=class extends e.t{constructor(...e){super(...e),this.locale=`nb-NO`,this.logoLink=a.o,this.logoPath=typeof window<`u`?window.pktLogoPath:_,this.position=`fixed`,this.scrollBehavior=`hide`,this.mobileBreakpoint=768,this.tabletBreakpoint=1024,this.logOutButtonPlacement=`none`,this.showSearch=!0,this.showContact=!0,this.canChangeRepresentation=!1,this.hasLogOut=!1,this.openMenu=`none`,this.loadError=!1,this.headerAnchor={top:0,left:0,width:0},this.headerRef=s.t(),this.menuContainerRef=s.t(),this.userContainerRef=s.t(),this.chrome=new p(this,()=>({mobileBreakpoint:this.mobileBreakpoint,tabletBreakpoint:this.tabletBreakpoint,position:this.position,scrollBehavior:this.scrollBehavior})),this.handleClickOutside=e=>{let t=e.target;this.openMenu===`user`&&!t.closest(`.pkt-header-global__user-container`)&&!t.closest(`.pkt-header-global__user-menu`)&&(this.openMenu=`none`),this.openMenu===`menu`&&!t.closest(`.pkt-header-menu`)&&!t.closest(`#${y}`)&&(this.openMenu=`none`),this.openMenu===`search`&&!t.closest(`.pkt-header-global__search-panel-inner`)&&!t.closest(`#${x}`)&&(this.openMenu=`none`)},this.handleEscapeKey=e=>{e.key===`Escape`&&this.openMenu!==`none`&&(e.preventDefault(),this.chrome.flagRestoreFocus(),this.openMenu=`none`)},this.handleOverlayKeydown=e=>{if(e.key!==`Tab`)return;let t=this.activeOverlay;if(!t||!t.panel||!t.toggle)return;let{panel:n,toggle:r}=t,i=c.n(n),a=c.t();if(a&&r.contains(a)){!e.shiftKey&&i.length>0&&(e.preventDefault(),i[0].focus());return}if(i.length===0)return;let o=i[0],s=i[i.length-1],l=!e.shiftKey&&a===s,u=e.shiftKey&&a===o;(l||u)&&(e.preventDefault(),this.openMenu=`none`,this.focusToggle(r))},this.handleOverlayFocusIn=e=>{let t=this.activeOverlay;if(!t||!t.panel)return;let n=e.target;n&&(t.panel.contains(n)||t.toggle?.contains(n)||(this.openMenu=`none`))}}get isMobile(){return this.chrome.isMobile}get isTablet(){return this.chrome.isTablet}get isHidden(){return this.chrome.isHidden}connectedCallback(){super.connectedCallback(),this.classList.add(`pkt-header-global-host`),this.data?this.emitDataLoaded(this.data):this.loadData()}disconnectedCallback(){super.disconnectedCallback(),this.abortController?.abort(),document.removeEventListener(`mousedown`,this.handleClickOutside),document.removeEventListener(`keydown`,this.handleEscapeKey),document.removeEventListener(`keydown`,this.handleOverlayKeydown),document.removeEventListener(`focusin`,this.handleOverlayFocusIn)}firstUpdated(){this.chrome.observe(this.headerRef.value)}willUpdate(e){if(super.willUpdate(e),this.openMenu===`menu`||this.openMenu===`search`){let e=this.headerRef.value?.getBoundingClientRect();e&&(this.headerAnchor={top:e.top,left:e.left,width:e.width})}}get overlayAnchorStyle(){let{top:e,left:t,width:n}=this.headerAnchor;return`--pkt-header-global-top: ${e}px; --pkt-header-global-left: ${t}px; --pkt-header-global-width: ${n}px`}updated(e){if(super.updated(e),(e.has(`mobileBreakpoint`)||e.has(`tabletBreakpoint`))&&this.chrome.refreshBreakpoints(),e.has(`dataUrl`)&&e.get(`dataUrl`)!==void 0&&!this.data&&this.loadData(),e.has(`data`)&&this.data&&this.emitDataLoaded(this.data),e.has(`openMenu`)){let t=e.get(`openMenu`);this.openMenu!==`none`&&(t===`none`||t===void 0)?(document.addEventListener(`mousedown`,this.handleClickOutside),document.addEventListener(`keydown`,this.handleEscapeKey)):this.openMenu===`none`&&t&&t!==`none`&&(document.removeEventListener(`mousedown`,this.handleClickOutside),document.removeEventListener(`keydown`,this.handleEscapeKey),this.chrome.restoreFocus());let n=t===`menu`||t===`search`,r=this.openMenu===`menu`||this.openMenu===`search`;r&&!n?(document.addEventListener(`keydown`,this.handleOverlayKeydown),document.addEventListener(`focusin`,this.handleOverlayFocusIn)):!r&&n&&(document.removeEventListener(`keydown`,this.handleOverlayKeydown),document.removeEventListener(`focusin`,this.handleOverlayFocusIn)),this.openMenu===`search`&&t!==`search`&&requestAnimationFrame(()=>{this.querySelector(`#${b} input`)?.focus()}),this.chrome.pauseScrollHide=this.openMenu!==`none`,this.chrome.setScrollLock(this.openMenu===`menu`||this.openMenu===`search`)}}async loadData(){this.abortController?.abort(),this.abortController=new AbortController,this.loadError=!1;try{let e=await a.t(this.dataUrl,this.abortController.signal);this.fetchedData=e,this.emitDataLoaded(e)}catch(e){if(e.name===`AbortError`)return;this.loadError=!0,this.dispatchEvent(new CustomEvent(`data-error`,{detail:{error:e},bubbles:!0,composed:!0}))}}emitDataLoaded(e){this.dispatchEvent(new CustomEvent(`data-loaded`,{detail:{data:e},bubbles:!0,composed:!0}))}get effectiveData(){return this.data??this.fetchedData}get localeData(){return a.n(this.effectiveData,this.locale)}get shouldHideOnScroll(){return this.scrollBehavior===`hide`}get isFixed(){return this.position===`fixed`}get isSticky(){return this.position===`sticky`}toggleMenu(e){this.openMenu===e?this.openMenu=`none`:(this.chrome.captureFocus(),this.openMenu=e)}get activeOverlay(){return this.openMenu===`menu`?{panel:this.menuContainerRef.value??null,toggle:this.querySelector(`#${y}`)}:this.openMenu===`search`?{panel:this.querySelector(`#${b}`),toggle:this.querySelector(`#${x}`)}:null}focusToggle(e){(e?.querySelector(`button`)??e)?.focus()}handleSearch(e){this.dispatchEvent(new CustomEvent(`search`,{detail:{query:e},bubbles:!0,composed:!0}))}handleLogout(){this.dispatchEvent(new CustomEvent(`log-out`,{bubbles:!0,composed:!0}))}handleChangeRepresentation(){this.dispatchEvent(new CustomEvent(`change-representation`,{bubbles:!0,composed:!0}))}get formattedLastLoggedIn(){return f(this.user?.lastLoggedIn)}get showLogoutInUserMenu(){return this.hasLogOut&&(this.logOutButtonPlacement===`userMenu`||this.logOutButtonPlacement===`both`)}handleLogoClick(e){this.dispatchEvent(new CustomEvent(`logo-click`,{bubbles:!0,composed:!0,detail:{originalEvent:e}}))}renderLogo(){let t=this.pktStrings.get(`header`),n=e._`
+      <pkt-icon name="oslologo" aria-hidden="true" path=${o.t(this.logoPath)}></pkt-icon>
     `;return this.logoLink?e._`
       <span class="pkt-header-global__logo">
         <a href=${this.logoLink} aria-label=${t.logoLabel} @click=${this.handleLogoClick}>
-          ${r}
+          ${n}
         </a>
       </span>
     `:e._`
         <span class="pkt-header-global__logo" role="img" aria-label=${t.logoAlt}>
-          ${r}
+          ${n}
         </span>
-      `}renderSearch(t){if(!this.showSearch)return e.h;let r=t.search;if(!r)return e.h;let i=this.searchPlaceholder??r.input.placeholder;return e._`
+      `}renderSearch(t){if(!this.showSearch)return e.h;let n=t.search;if(!n)return e.h;let r=this.searchPlaceholder??n.input.placeholder;return e._`
       <div class="pkt-header-global__search">
         <pkt-searchinput
           appearance="global"
           input-size=${this.isTablet?`small`:`medium`}
           fullwidth
-          id=${r.input.id||`pkt-header-global-search`}
-          name=${n.t(r.input.name)}
-          placeholder=${n.t(i)}
-          aria-label=${n.t(t.i18n?.search)}
-          action=${r.endpoint}
+          id=${n.input.id||`pkt-header-global-search`}
+          name=${o.t(n.input.name)}
+          placeholder=${o.t(r)}
+          aria-label=${o.t(t.i18n?.search)}
+          action=${n.endpoint}
           method="get"
           @pkt-search=${e=>this.handleSearch(e.detail.value)}
         ></pkt-searchinput>
@@ -323,33 +323,33 @@ const e=require("./element-BOmr9YLv.cjs"),t=require("./class-map-Drv0_anQ.cjs"),
       >
         ${n}
       </pkt-button>
-    `}renderSearchToggle(t){if(!this.showSearch||!t.search)return e.h;let r=this.openMenu===`search`;return e._`
+    `}renderSearchToggle(t){if(!this.showSearch||!t.search)return e.h;let n=this.openMenu===`search`;return e._`
       <pkt-button
         id=${x}
         class="pkt-header-global__search-toggle"
         skin="primary"
-        color=${n.t(r?void 0:`yellow`)}
+        color=${o.t(n?void 0:`yellow`)}
         variant="icon-only"
-        iconName=${r?`close`:`magnifying-glass-big`}
+        iconName=${n?`close`:`magnifying-glass-big`}
         size=${this.isMobile?`small`:`medium`}
-        state=${r?`active`:`normal`}
-        aria-expanded=${r}
+        state=${n?`active`:`normal`}
+        aria-expanded=${n}
         aria-controls=${b}
         @click=${()=>this.toggleMenu(`search`)}
       >
         ${t.i18n?.search||this.pktStrings.get(`header`).search}
       </pkt-button>
-    `}renderSearchPanel(r){let i=r.search;if(this.openMenu!==`search`||!this.showSearch||!i)return e.h;let a=this.searchPlaceholder??i.input.placeholder,o=t.t({"pkt-header-global__search-panel":!0,[`pkt-header-global__search-panel--${this.overlayBreakpointClass}`]:!!this.overlayBreakpointClass});return e._`
-      <div class=${o} id=${b} style=${this.overlayAnchorStyle}>
+    `}renderSearchPanel(n){let r=n.search;if(this.openMenu!==`search`||!this.showSearch||!r)return e.h;let i=this.searchPlaceholder??r.input.placeholder,a=t.t({"pkt-header-global__search-panel":!0,[`pkt-header-global__search-panel--${this.overlayBreakpointClass}`]:!!this.overlayBreakpointClass});return e._`
+      <div class=${a} id=${b} style=${this.overlayAnchorStyle}>
         <div class="pkt-header-global__search-panel-inner">
           <pkt-searchinput
             appearance="global"
             fullwidth
-            id=${i.input.id||`pkt-header-global-search`}
-            name=${n.t(i.input.name)}
-            placeholder=${n.t(a)}
-            aria-label=${n.t(r.i18n?.search||this.pktStrings.get(`header`).search)}
-            action=${i.endpoint}
+            id=${r.input.id||`pkt-header-global-search`}
+            name=${o.t(r.input.name)}
+            placeholder=${o.t(i)}
+            aria-label=${o.t(n.i18n?.search||this.pktStrings.get(`header`).search)}
+            action=${r.endpoint}
             method="get"
             @pkt-search=${e=>this.handleSearch(e.detail.value)}
           ></pkt-searchinput>
@@ -429,15 +429,15 @@ const e=require("./element-BOmr9YLv.cjs"),t=require("./class-map-Drv0_anQ.cjs"),
           <div class=${r}></div>
           ${a}${i}
         </div>
-      `}return e._`${n}${a}${i}`}};e.n([e.u({type:String,attribute:`data-url`})],S.prototype,`dataUrl`,void 0),e.n([e.u({type:Object,attribute:!1})],S.prototype,`data`,void 0),e.n([e.u({type:String})],S.prototype,`locale`,void 0),e.n([e.u({type:String,attribute:`logo-link`})],S.prototype,`logoLink`,void 0),e.n([e.u({type:String,attribute:`logo-path`})],S.prototype,`logoPath`,void 0),e.n([e.u({type:String,attribute:`search-placeholder`})],S.prototype,`searchPlaceholder`,void 0),e.n([e.u({type:String})],S.prototype,`position`,void 0),e.n([e.u({type:String,attribute:`scroll-behavior`})],S.prototype,`scrollBehavior`,void 0),e.n([e.u({type:Number,attribute:`mobile-breakpoint`})],S.prototype,`mobileBreakpoint`,void 0),e.n([e.u({type:Number,attribute:`tablet-breakpoint`})],S.prototype,`tabletBreakpoint`,void 0),e.n([e.u({type:String,attribute:`log-out-button-placement`})],S.prototype,`logOutButtonPlacement`,void 0),e.n([e.u({type:Boolean,attribute:`show-search`,converter:a.t})],S.prototype,`showSearch`,void 0),e.n([e.u({type:Boolean,attribute:`show-contact`,converter:a.t})],S.prototype,`showContact`,void 0),e.n([e.u({type:Boolean,attribute:`can-change-representation`,converter:a.t})],S.prototype,`canChangeRepresentation`,void 0),e.n([e.u({type:Boolean,attribute:`has-log-out`,converter:a.t})],S.prototype,`hasLogOut`,void 0),e.n([e.u({type:Object})],S.prototype,`user`,void 0),e.n([e.u({type:Array,attribute:`user-menu`})],S.prototype,`userMenu`,void 0),e.n([e.u({type:Object})],S.prototype,`representing`,void 0),e.n([e.l()],S.prototype,`openMenu`,void 0),e.n([e.l()],S.prototype,`fetchedData`,void 0),e.n([e.l()],S.prototype,`loadError`,void 0),e.n([e.l()],S.prototype,`headerAnchor`,void 0);try{e.d(`pkt-header-global`)(S)}catch{console.warn(`Forsøker å definere <pkt-header-global>, men den er allerede definert`)}var C=class extends i.t{constructor(...e){super(...e),this.type=`service`,this.searchValue=``,this.mobileBreakpoint=768,this.tabletBreakpoint=1280,this.openedMenu=`none`,this.logOutButtonPlacement=`none`,this.position=`fixed`,this.scrollBehavior=`hide`,this.slotMenuVariant=`icon-only`,this.slotMenuText=`Meny`,this.hideLogo=!1,this.compact=!1,this.canChangeRepresentation=!1,this.hasLogOut=!1,this.showContact=!0}firstUpdated(e){super.firstUpdated(e),this.emitDeprecationWarnings()}emitDeprecationWarnings(){this.userMenuFooter!==void 0&&console.warn(`[PktHeader] userMenuFooter is deprecated. Use userMenu instead.`),this.userOptions!==void 0&&console.warn(`[PktHeader] userOptions is deprecated. Use userMenu instead.`)}get effectiveUserMenu(){let e=this.userMenu||[],t=this.userMenuFooter||[],n=this.userOptions||[];return t.length||n.length?[...e,...n,...t]:this.userMenu}renderGlobal(){return e._`
+      `}return e._`${n}${a}${i}`}};e.n([e.u({type:String,attribute:`data-url`})],S.prototype,`dataUrl`,void 0),e.n([e.u({type:Object,attribute:!1})],S.prototype,`data`,void 0),e.n([e.u({type:String})],S.prototype,`locale`,void 0),e.n([e.u({type:String,attribute:`logo-link`})],S.prototype,`logoLink`,void 0),e.n([e.u({type:String,attribute:`logo-path`})],S.prototype,`logoPath`,void 0),e.n([e.u({type:String,attribute:`search-placeholder`})],S.prototype,`searchPlaceholder`,void 0),e.n([e.u({type:String})],S.prototype,`position`,void 0),e.n([e.u({type:String,attribute:`scroll-behavior`})],S.prototype,`scrollBehavior`,void 0),e.n([e.u({type:Number,attribute:`mobile-breakpoint`})],S.prototype,`mobileBreakpoint`,void 0),e.n([e.u({type:Number,attribute:`tablet-breakpoint`})],S.prototype,`tabletBreakpoint`,void 0),e.n([e.u({type:String,attribute:`log-out-button-placement`})],S.prototype,`logOutButtonPlacement`,void 0),e.n([e.u({type:Boolean,attribute:`show-search`,converter:i.t})],S.prototype,`showSearch`,void 0),e.n([e.u({type:Boolean,attribute:`show-contact`,converter:i.t})],S.prototype,`showContact`,void 0),e.n([e.u({type:Boolean,attribute:`can-change-representation`,converter:i.t})],S.prototype,`canChangeRepresentation`,void 0),e.n([e.u({type:Boolean,attribute:`has-log-out`,converter:i.t})],S.prototype,`hasLogOut`,void 0),e.n([e.u({type:Object})],S.prototype,`user`,void 0),e.n([e.u({type:Array,attribute:`user-menu`})],S.prototype,`userMenu`,void 0),e.n([e.u({type:Object})],S.prototype,`representing`,void 0),e.n([e.l()],S.prototype,`openMenu`,void 0),e.n([e.l()],S.prototype,`fetchedData`,void 0),e.n([e.l()],S.prototype,`loadError`,void 0),e.n([e.l()],S.prototype,`headerAnchor`,void 0);try{e.d(`pkt-header-global`)(S)}catch{console.warn(`Forsøker å definere <pkt-header-global>, men den er allerede definert`)}var C=class extends r.t{constructor(...e){super(...e),this.type=`service`,this.searchValue=``,this.mobileBreakpoint=768,this.tabletBreakpoint=1280,this.openedMenu=`none`,this.logOutButtonPlacement=`none`,this.position=`fixed`,this.scrollBehavior=`hide`,this.slotMenuVariant=`icon-only`,this.slotMenuText=`Meny`,this.hideLogo=!1,this.compact=!1,this.canChangeRepresentation=!1,this.hasLogOut=!1,this.showContact=!0}firstUpdated(e){super.firstUpdated(e),this.emitDeprecationWarnings()}emitDeprecationWarnings(){this.userMenuFooter!==void 0&&console.warn(`[PktHeader] userMenuFooter is deprecated. Use userMenu instead.`),this.userOptions!==void 0&&console.warn(`[PktHeader] userOptions is deprecated. Use userMenu instead.`)}get effectiveUserMenu(){let e=this.userMenu||[],t=this.userMenuFooter||[],n=this.userOptions||[];return t.length||n.length?[...e,...n,...t]:this.userMenu}renderGlobal(){return e._`
       <pkt-header-global
-        data-url=${n.t(this.dataUrl)}
-        locale=${n.t(this.locale)}
-        logo-link=${n.t(this.logoLink)}
-        logo-path=${n.t(this.logoPath)}
-        search-placeholder=${n.t(this.hasAttribute(`search-placeholder`)?this.searchPlaceholder:void 0)}
-        mobile-breakpoint=${n.t(this.hasAttribute(`mobile-breakpoint`)?this.mobileBreakpoint:void 0)}
-        tablet-breakpoint=${n.t(this.hasAttribute(`tablet-breakpoint`)?this.tabletBreakpoint:void 0)}
+        data-url=${o.t(this.dataUrl)}
+        locale=${o.t(this.locale)}
+        logo-link=${o.t(this.logoLink)}
+        logo-path=${o.t(this.logoPath)}
+        search-placeholder=${o.t(this.hasAttribute(`search-placeholder`)?this.searchPlaceholder:void 0)}
+        mobile-breakpoint=${o.t(this.hasAttribute(`mobile-breakpoint`)?this.mobileBreakpoint:void 0)}
+        tablet-breakpoint=${o.t(this.hasAttribute(`tablet-breakpoint`)?this.tabletBreakpoint:void 0)}
         log-out-button-placement=${this.logOutButtonPlacement}
         position=${this.position}
         scroll-behavior=${this.scrollBehavior}
@@ -452,10 +452,10 @@ const e=require("./element-BOmr9YLv.cjs"),t=require("./class-map-Drv0_anQ.cjs"),
       ></pkt-header-global>
     `}render(){return this.type===`global`?this.renderGlobal():e._`
       <pkt-header-service
-        service-name=${n.t(this.serviceName)}
-        service-link=${n.t(this.serviceLink)}
-        logo-link=${n.t(this.logoLink)}
-        logo-path=${n.t(this.logoPath)}
+        service-name=${o.t(this.serviceName)}
+        service-link=${o.t(this.serviceLink)}
+        logo-link=${o.t(this.logoLink)}
+        logo-path=${o.t(this.logoPath)}
         search-placeholder=${this.searchPlaceholder}
         search-value=${this.searchValue}
         mobile-breakpoint=${this.mobileBreakpoint}
@@ -475,6 +475,6 @@ const e=require("./element-BOmr9YLv.cjs"),t=require("./class-map-Drv0_anQ.cjs"),
         .userMenu=${this.effectiveUserMenu}
         .representing=${this.representing}
       >
-        ${this.hasSlotContent()?e._`<div class="pkt-contents">${i.r(this)}</div>`:e.h}
+        ${this.hasSlotContent()?e._`<div class="pkt-contents">${r.i(this)}</div>`:e.h}
       </pkt-header-service>
-    `}};e.n([e.u({type:String})],C.prototype,`type`,void 0),e.n([e.u({type:String,attribute:`service-name`})],C.prototype,`serviceName`,void 0),e.n([e.u({type:String,attribute:`service-link`})],C.prototype,`serviceLink`,void 0),e.n([e.u({type:String,attribute:`logo-link`})],C.prototype,`logoLink`,void 0),e.n([e.u({type:String,attribute:`logo-path`})],C.prototype,`logoPath`,void 0),e.n([e.u({type:String,attribute:`search-placeholder`})],C.prototype,`searchPlaceholder`,void 0),e.n([e.u({type:String,attribute:`search-value`})],C.prototype,`searchValue`,void 0),e.n([e.u({type:Number,attribute:`mobile-breakpoint`})],C.prototype,`mobileBreakpoint`,void 0),e.n([e.u({type:Number,attribute:`tablet-breakpoint`})],C.prototype,`tabletBreakpoint`,void 0),e.n([e.u({type:String,attribute:`opened-menu`})],C.prototype,`openedMenu`,void 0),e.n([e.u({type:String,attribute:`log-out-button-placement`})],C.prototype,`logOutButtonPlacement`,void 0),e.n([e.u({type:String})],C.prototype,`position`,void 0),e.n([e.u({type:String,attribute:`scroll-behavior`})],C.prototype,`scrollBehavior`,void 0),e.n([e.u({type:String,attribute:`slot-menu-variant`})],C.prototype,`slotMenuVariant`,void 0),e.n([e.u({type:String,attribute:`slot-menu-text`})],C.prototype,`slotMenuText`,void 0),e.n([e.u({type:Boolean,attribute:`hide-logo`,converter:a.t})],C.prototype,`hideLogo`,void 0),e.n([e.u({type:Boolean,converter:a.t})],C.prototype,`compact`,void 0),e.n([e.u({type:Boolean,attribute:`show-search`,converter:a.t})],C.prototype,`showSearch`,void 0),e.n([e.u({type:Boolean,attribute:`can-change-representation`,converter:a.t})],C.prototype,`canChangeRepresentation`,void 0),e.n([e.u({type:Boolean,attribute:`has-log-out`,converter:a.t})],C.prototype,`hasLogOut`,void 0),e.n([e.u({type:Object})],C.prototype,`user`,void 0),e.n([e.u({type:Array,attribute:`user-menu`})],C.prototype,`userMenu`,void 0),e.n([e.u({type:Object})],C.prototype,`representing`,void 0),e.n([e.u({type:String,attribute:`data-url`})],C.prototype,`dataUrl`,void 0),e.n([e.u({type:Object,attribute:!1})],C.prototype,`data`,void 0),e.n([e.u({type:String})],C.prototype,`locale`,void 0),e.n([e.u({type:Boolean,attribute:`show-contact`,converter:a.t})],C.prototype,`showContact`,void 0),e.n([e.u({type:Array,attribute:`user-menu-footer`})],C.prototype,`userMenuFooter`,void 0),e.n([e.u({type:Array,attribute:`user-options`})],C.prototype,`userOptions`,void 0);try{e.d(`pkt-header`)(C)}catch{console.warn(`Forsøker å definere <pkt-header>, men den er allerede definert`)}Object.defineProperty(exports,"a",{enumerable:!0,get:function(){return f}}),Object.defineProperty(exports,"i",{enumerable:!0,get:function(){return m}}),Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return S}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return g}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return C}});
+    `}};e.n([e.u({type:String})],C.prototype,`type`,void 0),e.n([e.u({type:String,attribute:`service-name`})],C.prototype,`serviceName`,void 0),e.n([e.u({type:String,attribute:`service-link`})],C.prototype,`serviceLink`,void 0),e.n([e.u({type:String,attribute:`logo-link`})],C.prototype,`logoLink`,void 0),e.n([e.u({type:String,attribute:`logo-path`})],C.prototype,`logoPath`,void 0),e.n([e.u({type:String,attribute:`search-placeholder`})],C.prototype,`searchPlaceholder`,void 0),e.n([e.u({type:String,attribute:`search-value`})],C.prototype,`searchValue`,void 0),e.n([e.u({type:Number,attribute:`mobile-breakpoint`})],C.prototype,`mobileBreakpoint`,void 0),e.n([e.u({type:Number,attribute:`tablet-breakpoint`})],C.prototype,`tabletBreakpoint`,void 0),e.n([e.u({type:String,attribute:`opened-menu`})],C.prototype,`openedMenu`,void 0),e.n([e.u({type:String,attribute:`log-out-button-placement`})],C.prototype,`logOutButtonPlacement`,void 0),e.n([e.u({type:String})],C.prototype,`position`,void 0),e.n([e.u({type:String,attribute:`scroll-behavior`})],C.prototype,`scrollBehavior`,void 0),e.n([e.u({type:String,attribute:`slot-menu-variant`})],C.prototype,`slotMenuVariant`,void 0),e.n([e.u({type:String,attribute:`slot-menu-text`})],C.prototype,`slotMenuText`,void 0),e.n([e.u({type:Boolean,attribute:`hide-logo`,converter:i.t})],C.prototype,`hideLogo`,void 0),e.n([e.u({type:Boolean,converter:i.t})],C.prototype,`compact`,void 0),e.n([e.u({type:Boolean,attribute:`show-search`,converter:i.t})],C.prototype,`showSearch`,void 0),e.n([e.u({type:Boolean,attribute:`can-change-representation`,converter:i.t})],C.prototype,`canChangeRepresentation`,void 0),e.n([e.u({type:Boolean,attribute:`has-log-out`,converter:i.t})],C.prototype,`hasLogOut`,void 0),e.n([e.u({type:Object})],C.prototype,`user`,void 0),e.n([e.u({type:Array,attribute:`user-menu`})],C.prototype,`userMenu`,void 0),e.n([e.u({type:Object})],C.prototype,`representing`,void 0),e.n([e.u({type:String,attribute:`data-url`})],C.prototype,`dataUrl`,void 0),e.n([e.u({type:Object,attribute:!1})],C.prototype,`data`,void 0),e.n([e.u({type:String})],C.prototype,`locale`,void 0),e.n([e.u({type:Boolean,attribute:`show-contact`,converter:i.t})],C.prototype,`showContact`,void 0),e.n([e.u({type:Array,attribute:`user-menu-footer`})],C.prototype,`userMenuFooter`,void 0),e.n([e.u({type:Array,attribute:`user-options`})],C.prototype,`userOptions`,void 0);try{e.d(`pkt-header`)(C)}catch{console.warn(`Forsøker å definere <pkt-header>, men den er allerede definert`)}Object.defineProperty(exports,"a",{enumerable:!0,get:function(){return f}}),Object.defineProperty(exports,"i",{enumerable:!0,get:function(){return m}}),Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return S}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return g}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return C}});

package/dist/{header-CF-Re0nT.js → header-Cq6INZmI.js}

@@ -1,19 +1,19 @@
 import { _ as e, d as t, h as n, l as r, n as i, t as a, u as o } from "./element-mwwC2Rra.js";
 import { t as s } from "./class-map-C4hdfSfY.js";
-import { t as c } from "./if-defined-Bebu3LXY.js";
-import { t as l } from "./format-BTeSVkED.js";
-import { r as u, t as d } from "./element-with-slot-FD826ooP.js";
-import { t as f } from "./booleanish-OQJTYSrw.js";
-import { n as p, o as m, t as h } from "./fetch-header-footer-data-Pc32etrk.js";
-import "./icon-DmRyYNlY.js";
-import "./button-B5rWxfei.js";
+import { t as c } from "./format-BTeSVkED.js";
+import { i as l, t as u } from "./element-with-slot-DQv0cbbD.js";
+import { t as d } from "./booleanish-OQJTYSrw.js";
+import { n as f, o as p, t as m } from "./fetch-header-footer-data-Pc32etrk.js";
+import "./icon-JigbxxF7.js";
+import { t as h } from "./if-defined-Bebu3LXY.js";
+import "./button-B78im4wB.js";
 import { n as g, t as _ } from "./ref-CCSGk4MP.js";
 import { n as v, t as y } from "./focus-trap-DG3pEuyJ.js";
 import { n as b, t as x } from "./scroll-lock-DAbNKAUy.js";
-import "./link-DcxVUj8s.js";
-import "./textinput-Dpj1X5yr.js";
-import "./searchinput-CgzigmiI.js";
-import "./header-menu-C9k9xG9V.js";
+import "./link-CmZwAw5u.js";
+import "./textinput-s-qz2xSC.js";
+import "./searchinput-Co8tcq-l.js";
+import "./header-menu-ANj5nL2M.js";
 //#region ../../shared-types/header.ts
 var S = (e) => typeof e.target == "string" ? {
 	title: e.title,
@@ -154,7 +154,7 @@ var S = (e) => typeof e.target == "string" ? {
                   <div class="pkt-user-menu__label">${r.representing}</div>
                   <div class="pkt-user-menu__name" translate="no">${this.representing.name}</div>
                   ${this.representing.orgNumber ? e`<div class="pkt-user-menu__org-number">
-                        ${l(r.orgNumber, { number: this.representing.orgNumber })}
+                        ${c(r.orgNumber, { number: this.representing.orgNumber })}
                       </div>` : n}
                   ${this.canChangeRepresentation ? e`
                         <ul class="pkt-user-menu__sublist mt-size-16">
@@ -209,11 +209,11 @@ i([o({ type: Object })], E.prototype, "user", void 0), i([o({
 })], E.prototype, "userMenu", void 0), i([o({
 	type: Boolean,
 	attribute: "can-change-representation",
-	converter: f
+	converter: d
 })], E.prototype, "canChangeRepresentation", void 0), i([o({
 	type: Boolean,
 	attribute: "logout-on-click",
-	converter: f
+	converter: d
 })], E.prototype, "logoutOnClick", void 0);
 try {
 	t("pkt-header-user-menu")(E);
@@ -224,9 +224,9 @@ try {
 //#region src/components/header/header-service.ts
 var D = "https://punkt-cdn.oslo.kommune.no/latest/logos/";
 typeof window < "u" && (window.pktLogoPath = window.pktLogoPath || D);
-var O = class extends d {
+var O = class extends u {
 	constructor(...e) {
-		super(...e), this.logoLink = m, this.logoPath = typeof window < "u" ? window.pktLogoPath : D, this.searchValue = "", this.mobileBreakpoint = 768, this.tabletBreakpoint = 1280, this.openedMenu = "none", this.logOutButtonPlacement = "none", this.position = "fixed", this.scrollBehavior = "hide", this.slotMenuVariant = "icon-only", this.hideLogo = !1, this.compact = !1, this.showSearch = !1, this.canChangeRepresentation = !1, this.hasLogOut = !1, this.openMenu = "none", this.alignSlotRight = !1, this.alignSearchRight = !1, this.headerRef = _(), this.userContainerRef = _(), this.slotContainerRef = _(), this.searchContainerRef = _(), this.slotContentRef = _(), this.searchMenuRef = _(), this.chrome = new T(this, () => ({
+		super(...e), this.logoLink = p, this.logoPath = typeof window < "u" ? window.pktLogoPath : D, this.searchValue = "", this.mobileBreakpoint = 768, this.tabletBreakpoint = 1280, this.openedMenu = "none", this.logOutButtonPlacement = "none", this.position = "fixed", this.scrollBehavior = "hide", this.slotMenuVariant = "icon-only", this.hideLogo = !1, this.compact = !1, this.showSearch = !1, this.canChangeRepresentation = !1, this.hasLogOut = !1, this.openMenu = "none", this.alignSlotRight = !1, this.alignSearchRight = !1, this.headerRef = _(), this.userContainerRef = _(), this.slotContainerRef = _(), this.searchContainerRef = _(), this.slotContentRef = _(), this.searchMenuRef = _(), this.chrome = new T(this, () => ({
 			mobileBreakpoint: this.mobileBreakpoint,
 			tabletBreakpoint: this.tabletBreakpoint,
 			position: this.position,
@@ -439,7 +439,7 @@ var O = class extends d {
           @click=${this.handleSlotContentClick}
           ${g(this.slotContentRef)}
         >
-          ${u(this)}
+          ${l(this)}
         </div>
       </div>
     `;
@@ -671,22 +671,22 @@ i([o({
 })], O.prototype, "slotMenuText", void 0), i([o({
 	type: Boolean,
 	attribute: "hide-logo",
-	converter: f
+	converter: d
 })], O.prototype, "hideLogo", void 0), i([o({
 	type: Boolean,
-	converter: f
+	converter: d
 })], O.prototype, "compact", void 0), i([o({
 	type: Boolean,
 	attribute: "show-search",
-	converter: f
+	converter: d
 })], O.prototype, "showSearch", void 0), i([o({
 	type: Boolean,
 	attribute: "can-change-representation",
-	converter: f
+	converter: d
 })], O.prototype, "canChangeRepresentation", void 0), i([o({
 	type: Boolean,
 	attribute: "has-log-out",
-	converter: f
+	converter: d
 })], O.prototype, "hasLogOut", void 0), i([o({ type: Object })], O.prototype, "user", void 0), i([o({
 	type: Array,
 	attribute: "user-menu"
@@ -702,7 +702,7 @@ var k = "https://punkt-cdn.oslo.kommune.no/latest/logos/";
 typeof window < "u" && (window.pktLogoPath = window.pktLogoPath || k);
 var A = "pkt-header-global-menu", j = "pkt-header-global-menu-toggle", M = "pkt-header-global-search-panel", N = "pkt-header-global-search-toggle", P = class extends a {
 	constructor(...e) {
-		super(...e), this.locale = "nb-NO", this.logoLink = m, this.logoPath = typeof window < "u" ? window.pktLogoPath : k, this.position = "fixed", this.scrollBehavior = "hide", this.mobileBreakpoint = 768, this.tabletBreakpoint = 1024, this.logOutButtonPlacement = "none", this.showSearch = !0, this.showContact = !0, this.canChangeRepresentation = !1, this.hasLogOut = !1, this.openMenu = "none", this.loadError = !1, this.headerAnchor = {
+		super(...e), this.locale = "nb-NO", this.logoLink = p, this.logoPath = typeof window < "u" ? window.pktLogoPath : k, this.position = "fixed", this.scrollBehavior = "hide", this.mobileBreakpoint = 768, this.tabletBreakpoint = 1024, this.logOutButtonPlacement = "none", this.showSearch = !0, this.showContact = !0, this.canChangeRepresentation = !1, this.hasLogOut = !1, this.openMenu = "none", this.loadError = !1, this.headerAnchor = {
 			top: 0,
 			left: 0,
 			width: 0
@@ -780,7 +780,7 @@ var A = "pkt-header-global-menu", j = "pkt-header-global-menu-toggle", M = "pkt-
 	async loadData() {
 		this.abortController?.abort(), this.abortController = new AbortController(), this.loadError = !1;
 		try {
-			let e = await h(this.dataUrl, this.abortController.signal);
+			let e = await m(this.dataUrl, this.abortController.signal);
 			this.fetchedData = e, this.emitDataLoaded(e);
 		} catch (e) {
 			if (e.name === "AbortError") return;
@@ -802,7 +802,7 @@ var A = "pkt-header-global-menu", j = "pkt-header-global-menu-toggle", M = "pkt-
 		return this.data ?? this.fetchedData;
 	}
 	get localeData() {
-		return p(this.effectiveData, this.locale);
+		return f(this.effectiveData, this.locale);
 	}
 	get shouldHideOnScroll() {
 		return this.scrollBehavior === "hide";
@@ -862,7 +862,7 @@ var A = "pkt-header-global-menu", j = "pkt-header-global-menu-toggle", M = "pkt-
 	}
 	renderLogo() {
 		let t = this.pktStrings.get("header"), n = e`
-      <pkt-icon name="oslologo" aria-hidden="true" path=${c(this.logoPath)}></pkt-icon>
+      <pkt-icon name="oslologo" aria-hidden="true" path=${h(this.logoPath)}></pkt-icon>
     `;
 		return this.logoLink ? e`
       <span class="pkt-header-global__logo">
@@ -888,9 +888,9 @@ var A = "pkt-header-global-menu", j = "pkt-header-global-menu-toggle", M = "pkt-
           input-size=${this.isTablet ? "small" : "medium"}
           fullwidth
           id=${r.input.id || "pkt-header-global-search"}
-          name=${c(r.input.name)}
-          placeholder=${c(i)}
-          aria-label=${c(t.i18n?.search)}
+          name=${h(r.input.name)}
+          placeholder=${h(i)}
+          aria-label=${h(t.i18n?.search)}
           action=${r.endpoint}
           method="get"
           @pkt-search=${(e) => this.handleSearch(e.detail.value)}
@@ -945,7 +945,7 @@ var A = "pkt-header-global-menu", j = "pkt-header-global-menu-toggle", M = "pkt-
         id=${N}
         class="pkt-header-global__search-toggle"
         skin="primary"
-        color=${c(r ? void 0 : "yellow")}
+        color=${h(r ? void 0 : "yellow")}
         variant="icon-only"
         iconName=${r ? "close" : "magnifying-glass-big"}
         size=${this.isMobile ? "small" : "medium"}
@@ -972,9 +972,9 @@ var A = "pkt-header-global-menu", j = "pkt-header-global-menu-toggle", M = "pkt-
             appearance="global"
             fullwidth
             id=${r.input.id || "pkt-header-global-search"}
-            name=${c(r.input.name)}
-            placeholder=${c(i)}
-            aria-label=${c(t.i18n?.search || this.pktStrings.get("header").search)}
+            name=${h(r.input.name)}
+            placeholder=${h(i)}
+            aria-label=${h(t.i18n?.search || this.pktStrings.get("header").search)}
             action=${r.endpoint}
             method="get"
             @pkt-search=${(e) => this.handleSearch(e.detail.value)}
@@ -1132,19 +1132,19 @@ i([o({
 })], P.prototype, "logOutButtonPlacement", void 0), i([o({
 	type: Boolean,
 	attribute: "show-search",
-	converter: f
+	converter: d
 })], P.prototype, "showSearch", void 0), i([o({
 	type: Boolean,
 	attribute: "show-contact",
-	converter: f
+	converter: d
 })], P.prototype, "showContact", void 0), i([o({
 	type: Boolean,
 	attribute: "can-change-representation",
-	converter: f
+	converter: d
 })], P.prototype, "canChangeRepresentation", void 0), i([o({
 	type: Boolean,
 	attribute: "has-log-out",
-	converter: f
+	converter: d
 })], P.prototype, "hasLogOut", void 0), i([o({ type: Object })], P.prototype, "user", void 0), i([o({
 	type: Array,
 	attribute: "user-menu"
@@ -1156,7 +1156,7 @@ try {
 }
 //#endregion
 //#region src/components/header/header.ts
-var F = class extends d {
+var F = class extends u {
 	constructor(...e) {
 		super(...e), this.type = "service", this.searchValue = "", this.mobileBreakpoint = 768, this.tabletBreakpoint = 1280, this.openedMenu = "none", this.logOutButtonPlacement = "none", this.position = "fixed", this.scrollBehavior = "hide", this.slotMenuVariant = "icon-only", this.slotMenuText = "Meny", this.hideLogo = !1, this.compact = !1, this.canChangeRepresentation = !1, this.hasLogOut = !1, this.showContact = !0;
 	}
@@ -1177,13 +1177,13 @@ var F = class extends d {
 	renderGlobal() {
 		return e`
       <pkt-header-global
-        data-url=${c(this.dataUrl)}
-        locale=${c(this.locale)}
-        logo-link=${c(this.logoLink)}
-        logo-path=${c(this.logoPath)}
-        search-placeholder=${c(this.hasAttribute("search-placeholder") ? this.searchPlaceholder : void 0)}
-        mobile-breakpoint=${c(this.hasAttribute("mobile-breakpoint") ? this.mobileBreakpoint : void 0)}
-        tablet-breakpoint=${c(this.hasAttribute("tablet-breakpoint") ? this.tabletBreakpoint : void 0)}
+        data-url=${h(this.dataUrl)}
+        locale=${h(this.locale)}
+        logo-link=${h(this.logoLink)}
+        logo-path=${h(this.logoPath)}
+        search-placeholder=${h(this.hasAttribute("search-placeholder") ? this.searchPlaceholder : void 0)}
+        mobile-breakpoint=${h(this.hasAttribute("mobile-breakpoint") ? this.mobileBreakpoint : void 0)}
+        tablet-breakpoint=${h(this.hasAttribute("tablet-breakpoint") ? this.tabletBreakpoint : void 0)}
         log-out-button-placement=${this.logOutButtonPlacement}
         position=${this.position}
         scroll-behavior=${this.scrollBehavior}
@@ -1201,10 +1201,10 @@ var F = class extends d {
 	render() {
 		return this.type === "global" ? this.renderGlobal() : e`
       <pkt-header-service
-        service-name=${c(this.serviceName)}
-        service-link=${c(this.serviceLink)}
-        logo-link=${c(this.logoLink)}
-        logo-path=${c(this.logoPath)}
+        service-name=${h(this.serviceName)}
+        service-link=${h(this.serviceLink)}
+        logo-link=${h(this.logoLink)}
+        logo-path=${h(this.logoPath)}
         search-placeholder=${this.searchPlaceholder}
         search-value=${this.searchValue}
         mobile-breakpoint=${this.mobileBreakpoint}
@@ -1224,7 +1224,7 @@ var F = class extends d {
         .userMenu=${this.effectiveUserMenu}
         .representing=${this.representing}
       >
-        ${this.hasSlotContent() ? e`<div class="pkt-contents">${u(this)}</div>` : n}
+        ${this.hasSlotContent() ? e`<div class="pkt-contents">${l(this)}</div>` : n}
       </pkt-header-service>
     `;
 	}
@@ -1271,22 +1271,22 @@ i([o({ type: String })], F.prototype, "type", void 0), i([o({
 })], F.prototype, "slotMenuText", void 0), i([o({
 	type: Boolean,
 	attribute: "hide-logo",
-	converter: f
+	converter: d
 })], F.prototype, "hideLogo", void 0), i([o({
 	type: Boolean,
-	converter: f
+	converter: d
 })], F.prototype, "compact", void 0), i([o({
 	type: Boolean,
 	attribute: "show-search",
-	converter: f
+	converter: d
 })], F.prototype, "showSearch", void 0), i([o({
 	type: Boolean,
 	attribute: "can-change-representation",
-	converter: f
+	converter: d
 })], F.prototype, "canChangeRepresentation", void 0), i([o({
 	type: Boolean,
 	attribute: "has-log-out",
-	converter: f
+	converter: d
 })], F.prototype, "hasLogOut", void 0), i([o({ type: Object })], F.prototype, "user", void 0), i([o({
 	type: Array,
 	attribute: "user-menu"
@@ -1299,7 +1299,7 @@ i([o({ type: String })], F.prototype, "type", void 0), i([o({
 })], F.prototype, "data", void 0), i([o({ type: String })], F.prototype, "locale", void 0), i([o({
 	type: Boolean,
 	attribute: "show-contact",
-	converter: f
+	converter: d
 })], F.prototype, "showContact", void 0), i([o({
 	type: Array,
 	attribute: "user-menu-footer"

package/dist/{header-menu-C9k9xG9V.js → header-menu-ANj5nL2M.js}

@@ -2,8 +2,8 @@ import { _ as e, d as t, h as n, l as r, n as i, t as a, u as o } from "./elemen
 import { t as s } from "./class-map-C4hdfSfY.js";
 import { t as c } from "./booleanish-OQJTYSrw.js";
 import { a as l, i as u, n as d, r as f, t as p } from "./fetch-header-footer-data-Pc32etrk.js";
-import "./icon-DmRyYNlY.js";
-import "./accordion-DFcdonl-.js";
+import "./icon-JigbxxF7.js";
+import "./accordion-BJh6X1Ek.js";
 //#region src/components/header-menu/header-menu.ts
 var m = class extends a {
 	constructor(...e) {